.featured-thumbnail, .featured-single { display: block; margin-bottom: 20px; position: relative; width: 100%; img { width: 100%; height: auto; } } .featured-thumbnail { float: left; margin-right: 35px; max-width: 348px; width: 45%; } .title { margin-bottom: 10px; a { color: #333 } } .entry-title { font-size: 24px; font-weight: 700; margin-bottom: 12px; } .page-title { font-size:26px; margin:20px 0 20px; } .post .featured-thumb-gallery { float:left; position:relative; width:100% } .post-inner { overflow: hidden } .content-home .format-quote .post-inner { border:0 } .post-content { font-size: 16px; line-height: 1.6; } .post header time, .attachment header time { float: left; padding:25px 2%; text-align:center } .post header .post-date, .attachment header .post-date { clear:both; color:#000; display:block; font-size:36px; margin:0 0 10px } .post-meta { font-size:14px; margin-bottom: 15px; span { display: inline-block; margin: 0 10px 0 0; padding-right: 12px; position: relative; &:after { @include position(); background: #2a2d33; width: 1px; height: 16px; margin-top: -8px; top: 50%; right: 0 } &:last-child { margin-right: 0; padding-right: 0; &:after { display: none } } } a { color: #2A2D33 } .post-comments span { border:none; margin:0; padding:0; } } .post-date { color: $color__primary; } .read-more { display: inline-block; margin: 0; a { display: block; font-size: 16px; color: $color__primary; text-transform: capitalize; &:hover { color:#333; } } } .post-share { font-size: 18px; margin-top: 20px; ul li { display: inline-block; margin-right: 20px; a { color: #4F5461; } a:hover{ color: #fb3; } } } /* Gallery */ .gallery { margin-bottom:20px } .gallery:after { clear:both; content:""; display:block } .gallery-item { float:left; margin:0 4px 4px 0; overflow:hidden; position:relative } .gallery-columns-1 .gallery-item { max-width:100% } .gallery-columns-2 .gallery-item { max-width:48%; max-width:-webkit-calc(50% - 4px); max-width: calc(50% - 4px); } .gallery-columns-3 .gallery-item { max-width:32%; max-width:-webkit-calc(33.3% - 4px); max-width: calc(33.3% - 4px); } .gallery-columns-4 .gallery-item { max-width:23%; max-width:-webkit-calc(25% - 4px); max-width: calc(25% - 4px); } .gallery-columns-5 .gallery-item { max-width:19%; max-width:-webkit-calc(20% - 4px); max-width: calc(20% - 4px); } .gallery-columns-6 .gallery-item { max-width:15%; max-width:-webkit-calc(16.7% - 4px); max-width: calc(16.7% - 4px); } .gallery-columns-7 .gallery-item { max-width:13%; max-width:-webkit-calc(14.28% - 4px); max-width: calc(14.28% - 4px); } .gallery-columns-8 .gallery-item { max-width:11%; max-width:-webkit-calc(12.5% - 4px); max-width: calc(12.5% - 4px); } .gallery-columns-9 .gallery-item { max-width:9%; max-width:-webkit-calc(11.1% - 4px); max-width: calc(11.1% - 4px); } .gallery-columns-1 .gallery-item:nth-of-type(1n), .gallery-columns-2 .gallery-item:nth-of-type(2n), .gallery-columns-3 .gallery-item:nth-of-type(3n), .gallery-columns-4 .gallery-item:nth-of-type(4n), .gallery-columns-5 .gallery-item:nth-of-type(5n), .gallery-columns-6 .gallery-item:nth-of-type(6n), .gallery-columns-7 .gallery-item:nth-of-type(7n), .gallery-columns-8 .gallery-item:nth-of-type(8n), .gallery-columns-9 .gallery-item:nth-of-type(9n) { margin-right:0 } .gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1), .gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1), .gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1), .gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) { clear:left } .gallery-caption { background-color:rgba(0, 0, 0, 0.7); -webkit-box-sizing:border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff; font-size:12px; line-height:1.5; margin:0; max-height:50%; opacity:0; padding:6px 8px; position:absolute; bottom:0; left:0; text-align:left; width:100%; } .gallery-caption:before { content:""; height:100%; min-height:49px; position:absolute; top:0; left:0; width:100%; } .gallery-item:hover .gallery-caption { opacity:1 } .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display:none } .loading { display:none } .post { clear: both; margin-bottom: 45px; overflow: hidden; position: relative } .content-home, .content-archive { .post:nth-child(3n) .featured-thumbnail { margin-right: 0; max-width: 100%; width: 100%; } .post:nth-child(3n) .post-inner { overflow: visible } } .single { .post { margin-bottom: 0; } .post-header { margin: 0 0 20px; padding: 0; position: relative; background: #fff; color: #000 } } .sticky { } .content-home .post-box, .content-archive .post-box, .single-content, .author-box, .relatedposts, .norm-pagination, .author-desc-box, .comments-area, .comment-respond { background:#fff; } /*---[ Single ]---*/ .full-width { margin-top:15px } .full-width .content { margin:0 0 30px; padding:0 } .content-page, .content-single { float:left; margin:0; padding:0; width:100% } .single-content { margin-bottom: 20px } .content-archive { float:left; margin:0; width:100% } .page-content, .single-content {} .article-area { background:#fff } .article-area header { float:left; width:100%; } .error404 .page-content header { margin:0 3% } .error-page-content { font-size:16px; line-height:28px; padding:30px; text-align:center } .error-head { border-bottom:1px solid #CCCCCC; height:1px; margin-top:15px; margin-bottom:20px; position:relative; } .error-head span { background:#fff; padding:0 20px; position:relative; top:-14px } .error-text { color:#ff8800; font-size:230px; line-height:200px; margin-bottom:30px } .single-title { font-size:30px; margin:0 0 15px } .single-post-type { clear:both; margin:0; width:100% } .single-post-type img { float:left; width:100% } .full-width .single-page-content { margin:0; width:96% } .full-width header { margin:0 2% } #fullwidth-comments { background:#fff; margin:0 0 30px; padding:0; } .page-links { margin-bottom:20px } img.size-full, img.size-large, img.wp-post-image { height:auto; max-width:100% } article img.right, article img.alignright, .wp-caption.alignright { background:rgba(0, 0, 0, 0.027); border:1px solid rgba(0, 0, 0, 0.08); display:block; float:right; margin:5px 0 15px 25px; padding:5px } article img.aligncenter, article img.alignnone, .wp-caption.aligncenter, .wp-caption.alignnone { background:rgba(0, 0, 0, 0.027); border:1px solid rgba(0, 0, 0, 0.08); display:block; clear:both; padding:5px } article img.left, article img.alignleft, .wp-caption.alignleft { background:rgba(0, 0, 0, 0.027); border:1px solid rgba(0, 0, 0, 0.08); display:block; float:left; margin:5px 25px 15px 0; padding:5px } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color:#757575; font-size:11px; font-style:italic; line-height:20px; } .wp-caption { padding:4px; max-width:100% } .wp-caption img { margin-bottom: 10px } .alignleft { float:left } .alignright { float:right } .aligncenter { display:block; margin-left:auto; margin-right:auto } .post table, .content-page table { border-bottom:1px solid #e5e5e5; margin-bottom:20px; width:100% } .post th, .content-page th { padding:6px 10px 6px 0; text-transform:uppercase } .post td, .content-page td, .post th, .content-page th { border-top:1px solid #e5e5e5; padding:8px 20px } .post th, .content-page th { background:rgba(0,0,0,0.04) } .post dl, .content-page dl { margin:0 30px } .post dt, .content-page dt { font-weight:700 } .post dd, .content-page dd { margin:0 0 20px } .post ul, .content-page ul { list-style:disc; margin-bottom:20px; margin-left:20px } .post ol, .content-page ol, .content-single .comment ol { list-style:decimal; margin-bottom:20px; margin-left: 20px; } .post ul ul, .content-page ul ul, .content-single .comment ul ul, .post ul ol, .content-page ul ol, .content-single .comment ul ol, .post ol ul, .content-page ol ul, .content-single .comment ol ul, .post ol ol, .content-page ol ol, .content-single .comment ol ol { margin-bottom:0 } .post-content li, .content-page li { position:relative } .post address, .content-page address { margin-bottom:20px } .post code, .content-page code { font-family:Consolas,Monaco,Lucida Console,monospace } .post pre, .content-page pre { border:1px solid #e5e5e5; margin-bottom:20px; padding:20px; overflow:auto } .post dl.gallery-item { margin:0 } .post-content blockquote { border-left:2px solid #91C842; font-size:16px; margin:10px 0 30px; padding:0 30px } .post-format-content { margin-bottom:20px } .post-format-content .wp-video { margin:0 auto } .post-password-form input[type="password"] { padding: 10px; } .post-password-form input[type="submit"] { background: #2a2d33; border: none; color: #fff; cursor: pointer; height: 38px; padding: 0 20px; } /*---[ Post Navigation ]---*/ .post-navigation .post-nav-links { float:left; position:relative; width:50%; background-color: #fff; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .next-prev-title { font-size:16px; color: $color__primary; margin-top: 10px; margin-bottom: 8px; } .post-navigation a { font-size:16px; line-height:20px; font-weight: 700; color: #2A2D33 } .post-nav-link-bg { float: left; margin-right: 20px; } .alignright { .post-nav-link-bg { float: right; margin-left: 20px; margin-right: 0 } &.post-nav-links { text-align: right } } .post-navigation { border-top: 1px solid #EFEFEF; text-align: left; padding: 30px 0 0; } .post-navigation a:hover { color:#F8DA7C } .post-tags { margin-bottom: 20px; } /*---[ Breadcrumbs ]---*/ .breadcrumbs { border-bottom: 1px solid rgba(0, 0, 0, 0.08); margin-bottom: 20px; padding: 0 0 15px; } .full-width .breadcrumbs { } .breadcrumbs a { color:#333 } .breadcrumbs .fa { margin-right:4px } /*---[ Social Share Buttons ]---*/ .social-fb a:hover { color:#395aa1 } .social-twitter a:hover { color:#17a8dd } .social-gplus a:hover { color:#fc5656 } .social-stumble a:hover { color:#eb4924 } .social-pin a:hover { color:#BE202E } .social-linkedin a:hover { color:#017EB4 } .social-pinterest a:hover { color:#cc2127 } .social-stumbleupon a:hover { color:#f04f23 } .social-reddit a:hover { color:#000 } .social-tumblr a:hover { color:#34465d } .social-delicious a:hover { color:#3399ff } /*---[ Author Box ]---*/ .author-box { border-top:1px solid rgba(0, 0, 0, 0.09); margin-bottom: 40px; padding-top: 40px } .author-box-avtar { float:left; margin-right:20px; max-width:100px; width:14.2% } .author-head { overflow:hidden } .author-box h4 { margin:0 } .author-box h5 { font-size:16px; line-height:22px } .author-box img { float:left; margin:0; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .author-info-container { margin-left:0; overflow:hidden; } .author-info { overflow:hidden; padding:0 0 12px } .author-desc-box { border-left:1px solid rgba(0, 0, 0, 0.08); border-right:1px solid rgba(0, 0, 0, 0.08); border-bottom:1px solid rgba(0, 0, 0, 0.08); margin:0 0 20px 0; padding:0; overflow:hidden } .author-box-title { border-bottom:1px solid rgba(0, 0, 0, 0.08); font-size:13px; padding:15px 20px } .author-box .widget-title:before { border:0 } .author-desc-box .author-box-content { overflow:hidden; padding:20px } .author-desc-box h5 { float:left; font-size:16px; margin-bottom: 10px; text-transform: capitalize; line-height:22px } /*---[ Related Posts ]---*/ .relatedposts { border-top:1px solid rgba(0, 0, 0, 0.09); clear:both; margin:0 0 40px; padding:40px 0 0; position:relative; .post { margin-bottom: 10px; } } .related-inner { overflow: hidden; } /*---[ Sitemap ]---*/ .sitemap-col, .archive-col { float:left; margin-bottom:20px; margin-right:5%; width:47.5% } .sitemap-col:nth-child(2n), .archive-col:nth-child(2n) { margin-right:0 } .sitemap-col:nth-child(3n) { clear:left } .sitemap-col ul, .archive-col ul { } .sitemap-col ul li, .archive-col ul li { font-size:14px; line-height:28px; list-style:disc } .sitemap-col a, .archive-col a { color:#555 }