/* Main content ----------------------------------------------- */ .blog-content { background-color: #f6f6f6; padding-bottom: 50px; } .blog-content .content { margin-bottom: 30px; } .blog-content .content .post-wrapper:after { content: ''; display: table; clear: both; } .blog-content .post { position: relative; background-color: #fff; margin-bottom: 10px; } .blog-content .post:after { content: ''; display: table; clear: both; } .blog-content .post .post-media { position: relative; overflow: hidden; } .blog-content .post .post-media .image-wrap { display: block; } .blog-content .post .post-media img { width: 100%; } .blog-content .post .post-meta .post-format { width: 60px; height: 60px; font-size: 18px; color: #4d4d4d; background-color: #fff; text-align: center; line-height: 60px; display: inline-block; margin-bottom: 10px; } .blog-content .post .post-meta .post-format a { display: block; color: inherit; } .blog-content .post .post-meta .post-date { background-color: rgba(255, 255, 255, 1); width: 60px; text-align: center; padding: 0 7px; font-size: 0; margin-bottom: 10px; border: 1px solid rgba(227, 227, 227, 1); } .blog-content .post .post-meta .post-date .year { display: block; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 18px; color: #707070; padding: 10px 0 6px 0; border-bottom: 2px solid #707070; line-height: 1.2em; } .blog-content .post .post-meta .post-date .month, .blog-content .post .post-meta .post-date .day { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 10px; color: #707070; text-transform: uppercase; padding: 8px 0 10px 0; letter-spacing: 0; white-space: nowrap; } .blog-content .post .post-meta .post-date .day:before { content: '/'; } .blog-content .post .post-meta .post-comment { background-color: rgba(255, 255, 255, 1); width: 60px; text-align: center; padding: 4px 8px; font-size: 0; margin-bottom: 10px; border: 1px solid rgba(227, 227, 227, 1); } .blog-content .post .post-meta .post-comment .fa { display: block; font-size: 18px; color: #707070; padding: 10px 0; border-bottom: 2px solid #707070; } .blog-content .post .post-meta .post-comment a { display: inline-block; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 10px; color: #707070; text-transform: uppercase; padding: 8px 0 6px; } .blog-content .post .post-meta .post-comment a:hover { color: #e15d5d; } .blog-content .post .post-cat { position: absolute; display: block; font-family: "Montserrat", sans-serif; font-size: 10px; text-transform: uppercase; top: 5px; left: 5px; z-index: 999; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-content .post .post-cat a { display: inline-block; color: #fff; padding: 4px 8px; background-color: #e15d5d; margin: 5px; } .blog-content .post .post-cat a:hover { background-color: #444; } .blog-content .post .post-body { position: relative; padding: 40px 30px 0 30px; margin-bottom: 40px; } .blog-content .post .post-body:after { content: ''; display: table; clear: both; } .blog-content .post .post-body .post-author { margin-bottom: 35px; padding: 0 25px; } .blog-content .post .post-body .post-author .image-thumb { width: 32px; height: 32px; overflow: hidden; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; vertical-align: middle; margin-right: 5px; } .blog-content .post .post-body .post-author .image-thumb img { width: 100%; } .blog-content .post .post-body .post-author .name-author { display: inline-block; vertical-align: middle; font-family: "Montserrat", sans-serif; font-size: 10px; color: #484848; text-transform: uppercase; } .blog-content .post .post-body .post-author .name-author cite { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-content .post .post-body .post-author .name-author:before { content: '// '; } .blog-content .post .post-body .post-author a:hover * { color: #e15d5d; } .blog-content .post .post-body .post-title h1 { font-size: 18px; color: #484848; text-transform: uppercase; margin-top: 0; } .blog-content .post .post-body .post-title h2 { font-size: 14px; color: #484848; text-transform: uppercase; margin-top: 0; padding: 0 25px; } .blog-content .post .post-body .post-title h2 a { display: block; color: inherit; } .blog-content .post .post-body .post-title h2 a:hover { color: #e15d5d; } .blog-content .post .post-body .post-entry { margin-top: 20px; line-height: 1.8em; letter-spacing: 0.02em; padding: 0 25px; } .blog-content .post .post-body .post-link { display: inline-block; margin-top: 30px; } .blog-content .post .post-body .post-share { position: absolute; display: inline-block; min-height: 42px; right: 30px; bottom: 0; padding-right: 25px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .blog-content .post .post-body .post-share .share-toggle { position: absolute; right: 0; top: 0; font-size: 14px; height: 42px; line-height: 40px; padding: 0; border: 0; color: #e15d5d; } .blog-content .post .post-body .post-share .share { -webkit-transform: translateX(20px); -moz-transform: translateX(20px); -ms-transform: translateX(20px); -o-transform: translateX(20px); transform: translateX(20px); opacity: 0; padding: 10px 0 0; visibility: hidden; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .blog-content .post .post-body .post-share .share a { display: inline-block; color: #535353; line-height: 36px; line-height: 5px; border: 1px solid #ddd; padding: 8px; width: 34px; text-align: center; } .blog-content .post .post-body .post-share .share a:hover { color: #e15d5d; } .blog-content .post .post-body .post-share .share.share-active { -webkit-transform: translateX(5px); -moz-transform: translateX(5px); -ms-transform: translateX(5px); -o-transform: translateX(5px); transform: translateX(5px); opacity: 1; visibility: visible; } .blog-content .post:hover .post-meta .post-format { color: #e15d5d; } .blog-content .post:hover .post-cat { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .ismobile .blog-content .post .post-cat { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .blog-heading { position: relative; padding: 30px 0; background-color: #f3f5f5; border-bottom: 1px solid #eee; z-index: 9; } .blog-heading h1 { margin: 0; font-size: 30px; letter-spacing: 0.03em; } .blog-heading p { margin: 0; letter-spacing: 0.03em; color: #666; } .post-slider .owl-controls .owl-buttons { position: static; margin: 0; padding: 0; height: 0; opacity: 1; visibility: visible; } .post-slider .owl-controls .owl-buttons > div { position: absolute; margin: auto; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; opacity: .8; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .post-slider .owl-controls .owl-buttons > div .fa { border: 0; background-color: #fff; color: #333; } .post-slider .owl-controls .owl-buttons > div.owl-prev { left: 10px; } .post-slider .owl-controls .owl-buttons > div.owl-next { right: 10px; } .post-slider .owl-controls .owl-pagination { margin-top: 0; position: absolute; width: 100%; left: 0; bottom: 10px; z-index: 9; } .post-slider .owl-controls .owl-pagination .owl-page { position: relative; } .post-slider .owl-controls .owl-pagination .owl-page > span { border: 0; background-color: #fff; } .post-slider .owl-controls .owl-pagination .owl-page.active > span { border-color: #e15d5d; background-color: #e15d5d; } .post-slider:hover .owl-controls .owl-buttons > div { opacity: 1; } body.single-post .blog-content .post .post-body { margin-bottom: 30px; } body.single-post .blog-content .post .post-body .post-share { position: relative; float: right; width: 100%; text-align: right; right: 0; padding-top: 30px; } body.single-post .blog-content .post .post-body .post-share .share-toggle { top: 30px; } .post .wp-caption { display: inline-block; } .post .wp-caption, .post .wp-caption img { width: auto !important; } .post .wp-caption img { position: relative; margin-bottom: 10px; top: 5px; } .post .wp-caption .wp-caption-text { font-size: 12px; font-style: italic; text-align: center; margin-bottom: 10px; } .alignleft { float: left; margin-right: 30px; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .alignright { float: right; margin-left: 30px; } .blog-pager { display: block; overflow: hidden; margin-top: 0; margin-bottom: 10px; padding: 20px 30px 10px; } .blog-pager a { display: inline-block; font-family: "Montserrat", sans-serif; font-size: 14px; color: #e15d5d; text-transform: uppercase; } .blog-pager a:hover { color: #535353; } .blog-standard .content { margin-top: 50px; } .blog-grid .content { margin-top: 50px; } .blog-grid .post-wrapper { margin-left: -15px; margin-right: -15px; } .blog-grid .post { margin-bottom: 30px; border-radius: 4px; -webkit-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); -moz-box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.125); } .blog-grid .post .post-meta { top: 10px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .blog-grid .post .post-body { padding: 15px 0px 0 0px; margin-bottom: 8px; margin-top: -58px; background-color: rgba(255, 255, 255, 0.40); } .blog-grid .post .post-body .post-share { right: 25px; } .status-msg-wrap { font-size: 100%; width: 100%; background-color: #fff; margin: 0 auto 30px; padding: 19px; } .status-msg-body { position: relative; text-align: left; padding: 0px; } .status-msg-body b { color: #fff; padding: 3px; margin: 0 5px 0 0; background-color: #E15D5D; border-radius: 2px; } .status-msg-border { display: none; }