/* Theme Name: Bloomy Author: BloomPixel Author URI: https://www.bloompixel.com/ Description: Responsive WordPress blog theme. Version: 1.0.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: blog, left-sidebar, right-sidebar, custom-menu, custom-header, custom-logo, custom-colors, custom-background, featured-images, two-columns, theme-options, custom-background, footer-widgets, threaded-comments, translation-ready, rtl-language-support Text Domain: bloomy */ /*------------------------------------------------------------------------------------- 1. CSS Reset 2. Framework (body, headings, links) 3. Main Container 4. Header 5. Navigation 6. Main Content (homepage, single) 7. Comments 8. Sidebar 9. Footer 10. Widgets -------------------------------------------------------------------------------------*/ /*-----------------------------------------------------------------------------------*/ /* 1. CSS Reset /*-----------------------------------------------------------------------------------*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:inherit; vertical-align:baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } ol, ul { list-style:none; margin-bottom:20px; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } img { -ms-interpolation-mode:bicubic; border:0; vertical-align:middle; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align: middle; max-width:100% } input[type="email"], input[type="password"], input[type="text"] { padding: 8px 10px; } input[type="submit"] { background: #ae8d59; border: 0; color: #fff; font-size: 12px; padding: 10px 20px; } .clear { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width:100%; } .clearfix:after { clear: both; content: ""; font-size: 0; height: 0; display: block; visibility: hidden; } /*-----------------------------------------------------------------------------------*/ /* 2. Framework /*-----------------------------------------------------------------------------------*/ html { box-sizing: border-box; } *, *:before, *:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ box-sizing: inherit; } body { background:#f9f9f9; line-height:1; color:#555; font:14px/24px "Muli", sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color:#f7e1be; outline:none; text-decoration:none; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } a:hover { color:#f7e1be; } ::-moz-selection { background: #222; color: white; text-shadow: none; } ::selection { background: #222; color: white; text-shadow: none; } h1, h2, h3, h4, h5, h6 { color:#000; font-family:'Muli', serif; line-height:1.3; margin-bottom:15px; font-weight:400; } h1 { font-size:28px } h2{ font-size:24px } h3 { font-size:22px } h4 { font-size:20px } h5 { font-size:18px } h6 { font-size:16px } p { margin-bottom: 25px } blockquote { font-family:"Georgia",serif; font-size:14px; font-style:italic; padding:20px 30px; } em, i, cite { font-style: italic; } strong { font-weight: 700; } img, video, object, embed { height: auto; max-width: 100%; } caption, th, td { text-align: left } sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sub { bottom:-3px } sup { top:-4px } .uppercase { text-transform:uppercase} .textcenter { text-align:center } .last { margin-right:0 !important } /*-----------------------------------------------------------------------------------*/ /* 3. Main Container /*-----------------------------------------------------------------------------------*/ .main-container { clear:both; overflow:hidden; width:100% } .main-wrapper { background:transparent; clear:both; margin:0 auto 0; width:1170px; } .container { margin:0 auto; width:1170px } .single #page, .archive #page { } /*-----------------------------------------------------------------------------------*/ /* 4. Header /*-----------------------------------------------------------------------------------*/ .main-header { background:#fff; margin:0 auto; position: relative; width:100%; -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); } .author .main-header { box-shadow: none; } .header { clear:both; margin:0 auto; max-width:100%; padding:0; position:relative; width:1170px; } .logo-wrap { padding:20px 0; position:relative; } .header-1 .logo-wrap { float: left; } .header-2 .logo-wrap { text-align: center; } .tagline { color:#5c5c5c; display:block; font-size:18px; font-family:'Oswald'; text-transform:uppercase; } .logo { display:inline-block; font-family:'Cinzel',serif; font-size:32px; font-weight:700; line-height:36px; margin:0; max-width:100% } .logo a { color:#f7e1be } .social-links { float:right; margin-left: 20px; } .header-2 .social-links { float: left; margin-left: 0; } .social-links a { color:#b8b8b8; float:left; font-size:14px; margin:0; padding:28px 0 !important; position:relative; width:34px; text-align:center; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .header-search { float: right; margin: 20px 0 0 20px; max-width: 20%; position: relative; } /* Featured Section */ .featured-section { margin: 30px auto; max-width: 100%; overflow: hidden; width: 100% } .featuredslider { margin:0 auto; max-width:100%; position:relative } .featuredslider .featured-thumbnail { margin-bottom:0 } .owl-carousel .owl-item { float:left; position:relative } .featuredslider .owl-item {} .featuredslider .owl-item:first-child { border:0 } .featuredslider .post { margin-bottom: 0 } .featuredslider header { color: #5C5C5C; } .featuredslider .featured-content { background: rgba(255,255,255,0.9); left: 50%; min-width: 570px; position: absolute; text-align: center; top: 50%; transform: translate(-50%, -50%); } .featuredslider .owl-item .post-content { position:absolute; bottom:20px; margin:0; max-height:50px; overflow:hidden; padding:0 20px; } .featuredslider .post-inner { padding: 30px 40px; } .featuredslider .owl-item:hover .post-content { height:auto; visibility:visible; opacity:1; } .featured-cats { color: #000; display:inline-block; font-size: 13px; font-weight: 700; margin:0 0 12px; padding:0 0 8px; position: relative; text-transform: uppercase; } .featured-cats:before { background: #f7e1be; bottom: 0; content: ""; display: block; height: 4px; left: 50%; margin-left: -20px; position: absolute; width: 40px; } .featured-cats span { display:inline-block; vertical-align:text-bottom } .featuredslider .read-more { background: #f7e1be; border-radius: 30px; color: #ae8d59; display: inline-block; font-size: 11px; font-weight: 800; float: none; text-transform: uppercase; padding: 8px 30px; } /*-----------------------------------------------------------------------------------*/ /* 5. Navigation /*-----------------------------------------------------------------------------------*/ .menu, .menu * { margin:0; padding:0; list-style:none; } .nav-menu { float:right; font-family:'Muli', serif; font-size:12px; font-weight:700; line-height:20px; margin:0; max-width:100%; position:relative; text-transform:uppercase; } .header-2 .nav-menu { float: none; text-align: center; display: inline-block; } .nav-menu span { display:inline-block; margin:18px 0 } .nav-menu .menu ul { background:#fff; position:absolute; padding: 10px 0; top:-999em; width:180px; /* left offset of submenus need to match (see below) */ } .nav-menu .menu ul li { width:100% } .nav-menu .menu li:hover { visibility:inherit; /* fixes IE7 'sticky bug' */ } .nav-menu .menu a { display:block; position:relative } .nav-menu .menu-item-description { display: block; margin: 0 } .nav-menu .menu li:hover ul { left:0; top:60px; /* match top ul list item height */ width:180px; z-index:1000 } .nav-menu ul.menu li:hover li ul { top:-999em } .nav-menu ul.menu li li:hover ul { border:0; padding:0; left:180px; /* match ul width */ top:0px } .nav-menu ul li { display:inline-block; float:none; list-style:none; position:relative; vertical-align:middle } .main-nav i { display:inline-block; margin-right:5px; margin-top:-0.265em; vertical-align:middle } .main-nav{ width:100% } .header-2 .main-nav { text-align: center; } .main-nav a { color: #404040; display: block; padding: 30px 12px } .main-menu { border-bottom: 1px solid rgba(0, 0, 0, 0.15); border-top: 1px solid rgba(0, 0, 0, 0.15) } .menu-two { border-top: 1px solid #F6F9FC; border-bottom:none; } .menu-three { border-bottom: 1px solid #F6F9FC; border-top:none; } .header-1 .menu li ul li a, .main-menu .menu li ul li a { border:0; padding:10px 20px; line-height:18px } .main-nav .menu-item-has-children > a { padding-right:24px; z-index:20 } .main-nav .sub-menu .menu-item-has-children > a { padding-right:20px } .main-nav .menu-item-has-children > a:after { content:"\f107"; font-family:'FontAwesome'; font-size:14px; margin-top: -10px; position: absolute; top: 50%; right: 8px; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .main-nav .sub-menu .menu-item-has-children > a:after { content:"\f105"; right:10px } .nav-menu .menu-item-has-children:hover > a:after { transform:rotate(180deg )} .menu-btn.fa { display:none } #close-button { padding:15px 0; text-align:center } #close-button .fa { color:#fff; cursor:pointer; font-size:22px } .st-container { position:relative; overflow:hidden } .off-canvas-search { padding:10px 20px } .off-canvas-search .search-submit { display:none } .off-canvas-search .header-search { float:none; margin:0; max-width:100%; width:100% } .off-canvas-search .s { margin:0 } .menu-pusher { position:relative; height:100%; -webkit-transition:-webkit-transform 0.5s; transition:transform 0.5s; } .st-menu { display:none; position:fixed; left:0; overflow-y:auto; visibility:hidden; width:300px; height:100%; background:#212121; -webkit-transition:all 0.5s; transition:all 0.5s; } .stickymenu { background:#fff; border-top:0; border-bottom:1px solid rgba(0, 0, 0, 0.08); position:fixed; left:0; top:0; width:100%; z-index:100 } /*-----------------------------------------------------------------------------------*/ /* 6. Main Content /*-----------------------------------------------------------------------------------*/ .main-content { clear:both; margin:30px auto 0; max-width:100%; } .main-content #page { float:left; margin:0; max-width:100%; padding:0; width:1170px; } .content-area { margin-right:2%; width:74.6%; float:left } .content-area a { -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .content-home { float:left; margin:0; width:100% } .content { margin-bottom:40px; position:relative } .post header, .attachment header { clear: both; overflow: hidden; text-align: center } /*---[ Different Layout Styles ]---*/ .bclayout .content-area { float: right; margin-left: 2%; margin-right: 0 } .flayout .content-area { margin:0; width:100% } /*---[ Homepage ]---*/ .title { margin-bottom: 10px } .title a { color: #525252 } .entry-title a { color: #000 } .entry-title { color: #111; font-family: 'Playfair Display'; font-size: 36px; font-weight: 400; margin-bottom: 15px; word-wrap: break-word } .single-title { margin-bottom:20px } .page-title { font-size: 26px; margin: 0 0 20px; text-align: center; } .featured-thumbnail { display:block; overflow:hidden; width:100%; position: relative; } .featured-thumbnail img { float:left; width:100%; height:auto; } .featured-single { margin-bottom:20px } .featured-single img { float:left } .post .featured-thumb-gallery { float:left; position:relative; width:100% } .post .featured-thumb-gallery:before { background-image:url(images/plus.png); background-repeat:no-repeat; background-position:center center; background-color:rgba(0,0,0,0.85); content:""; display:block; height:100%; left:0; opacity:0; position:absolute; top:0; visibility:hidden; width:100%; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; -o-transition: all 0.25s linear; transition: all 0.25s linear; } .post-content { color: #878787; font-size: 14px; font-family: 'Muli'; line-height: 1.8; } .post-inner { padding: 30px 20px; } .single-content .post-meta{margin-bottom:20px; } .post-meta { font-size: 12px; font-family: 'Muli'; font-weight: 400; position: relative; margin: 0 0 10px; padding: 0 0 20px; } .post-meta:before { background: #f7e1be; bottom: 0; content: ""; display: block; height: 4px; left: 50%; margin-left: -20px; position: absolute; width: 40px; } .relatedposts .post-meta:before { display: none; } .post-meta span, .meta span { margin:0 5px 0 0; position:relative; } .post-meta > span:after, .meta > span:after { content: '-'; margin-left: 4px; position: relative; } .post-meta > span:first-child:after, .post-meta > span:last-child:after { display: none; } .single .relatedposts .post-meta > span:first-child:after { display: inline-block; } .meta > span:last-child:after { display: none; } .post-meta .post-cats { display: block; margin: 0; text-transform: uppercase } .post-meta span:last-child:before { display:none } .post-meta .post-comments span { border:none; margin:0; padding:0; float:none; } .post-common-type{ position:relative; } .post-meta .fa { color:#f7e1be; font-size:16px; margin:0 0 5px; } .post-meta a, .post-meta time { color:#777; } .post-cats a { color: #000; font-weight: 700; } .post-meta .post-author { text-transform: capitalize; } .read-more { background:#f7e1be; border-radius:20px; float:left; margin:0; overflow:hidden; text-align:center } .read-more a { display:block; font-size:14px; color:#fff; line-height:26px; padding:5px 15px; text-transform:uppercase; } .post .read-more a:hover { background:#262626; color:#fff } .content-home .author-box { border:none; margin:0; padding:0; } /* 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 } .featuredslider.loading { background:#fff url(images/loading.gif) no-repeat center center; border:1px solid #e3e3e3; overflow:hidden; height:100px; } .loading { display:none } .hentry { background: #fff; float: left; margin-bottom: 30px; position: relative; width: 48.5%; -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); } .hentry.page { width: 100% } article.post:first-child { width: 100%; } article.post:nth-child(2n) { clear: left; margin-right: 3%; } .content .category-title{margin-left:10px; } /*---[ 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% } .content-detail { margin-bottom:0 } .content-archive { float:left; margin:0; width:100% } .category-title { margin-bottom:25px } .page-content, .single-content { position: relative; } .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:#f7e1be; font-size:230px; line-height:200px; margin-bottom:30px } .single-featured img { position: relative } .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, mg.size-large, img.wp-post-image { height:auto; max-width:100%; } article img.right, article img.alignright, .wp-caption.alignright { display:block; float:right; margin:0.4em 0 1em 1.5em; } article img.aligncenter, article img.alignnone { display:block; clear:both } article img.left, article img.alignleft, .wp-caption.alignleft { display:block; float:left; margin:0.5em 1.5em 1em 0; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color:#757575; font-size:11px; font-style:italic; line-height:20px; } .wp-caption { max-width: 100% } .alignleft { float:left } .alignright { float:right } .aligncenter { display:block; margin-left:auto; margin-right:auto } article figure { margin-bottom: 25px; } .entry-content table { border-bottom:1px solid #e5e5e5; margin-bottom:20px; width:100% } .entry-content th { padding:6px 10px 6px 0; text-transform:uppercase } .entry-content td, .entry-content th { border-top:1px solid #e5e5e5; padding:8px 20px } .entry-content th { background:rgba(0,0,0,0.04) } .entry-content dl { margin:0 30px } .entry-content dt { font-weight:700 } .entry-content dd { margin:0 0 20px } .entry-content ul { list-style: disc; } .entry-content ol { list-style: decimal; margin-bottom: 20px } .entry-content ul ul, .entry-content ul ol, .entry-content ol ul, .entry-content ol ol { margin-bottom:0 } .entry-content li { margin-left:22px; position:relative } .entry-content address { margin-bottom:20px } .entry-content code { font-family:Consolas,Monaco,Lucida Console,monospace } .entry-content pre { border:1px solid #e5e5e5; margin-bottom:20px; padding:20px; overflow:auto } .post dl.gallery-item { margin:0 } .entry-content blockquote { border-left:2px solid; font-size:16px; margin:10px 0 30px; padding:0 30px } .post-navigation .post-nav-links { float:left; position:relative; width:50%; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .post-navigation a { color:#000; display:block; font-size:17px; font-family: 'Playfair Display'; line-height:26px; } .next-prev-title { color: #000; font-size: 12px; font-weight: 700; margin-bottom: 15px; } .post-navigation .nav-previous, .post-navigation .nav-next { float: left; width: 50%; overflow:hidden; position:relative; z-index:10 } .post-navigation .nav-next { padding:30px 0 30px 30px; text-align:right; } .post-navigation .nav-previous { border-right:1px solid #eaeaea; padding:30px 30px 30px 0; text-align:left; } .post-navigation img { width: auto; border-radius: 50%; } .single-info { } .single-tags{ margin-left:124px; display:none } .single-section, .comment-respond { border-top: 1px solid #eaeaea; padding: 30px 25px; } /*---[ Breadcrumbs ]---*/ .breadcrumbs { border-top: 1px solid #f0f3f5; color: #333; font-size: 12px; padding: 20px 0; } .full-width .breadcrumbs { } .breadcrumbs a { color: inherit } /*---[ Author Box ]---*/ .author-box { overflow:hidden; text-align: center; } .author-box-avtar { margin:0 0 25px; } .author-info p { margin-bottom:18px } .author-box h4 { margin:0 } .author-box h5 { font-size:18px; line-height:26px; text-transform:uppercase } .author .author-box h5 { font-size: 12px; font-family: 'Muli'; font-weight: 700; } .total-post, .articles-count { background: #f7e1be; border-radius: 3px; color: #ae8d59; display: inline-block; font-size: 12px; font-weight: 700; padding: 3px 10px; } .author-box img { margin:0; border-radius:50% } .author-info-container { margin-left:0; overflow:hidden } .author-info { overflow:hidden; } .author-links { float:right } .author-links a { font-size:20px; color:#cacaca; padding:0 5px } .author-social a { color: #000; font-size: 14px; padding: 0 5px; } .author-desc-box { background: #fff; border-top: 1px solid #f6f9fc; box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 0.5); margin: 0 0 40px; overflow: hidden; padding: 25px; } .author-box-title { font-size:28px; font-family:'Oswald'; font-weight:bold; text-transform:uppercase; } .author-box .widget-title:before { border:0 } .author-desc-box .author-box-content { overflow:hidden } /*---[ Related Posts ]---*/ .relatedposts { clear: both; overflow: hidden; position: relative; } .relatedposts ul { margin: 0; padding: 0; } .relatedposts ul li { float:left; list-style:none; margin:0 2% 30px 0; position:relative; width:32% } .relatedposts ul li:nth-child(3n) { margin-right: 0 } .relatedposts .title { font-size: 16px; font-weight: 400; } .relatedposts .post-meta { margin: 0; padding: 0; } .relatedthumb { margin-bottom: 15px } /*---[ Post Navigation ]---*/ .navigation { clear:both; display:block; margin-bottom:30px; margin-left:130px; } .post-navigation { margin-bottom: 0; margin-left: 0 } /*---[ Pagination ]---*/ .pagination, .norm-pagination { clear:both; text-align:center } .single .pagination { margin:15px 0 20px } .single .pagination a:hover { color:#fff } .norm-pagination { padding:10px 0 0 } .norm-pagination .nav-previous a { float:left } .norm-pagination .nav-next a { float:right } .pagination span, .pagination a { color:#333; display:inline-block; margin:0 10px 0 0; padding:5px 11px; } .pagination a, .pagination span { background:#fff; border:1px solid #e3e3e3; color: #828282 } .pagination .current, .pagination a:hover { background: #ae8d59; border: 1px solid #ae8d59; color: #fff } .norm-pagination a{ font-family:'Lucida Bright',serif; font-size:14px; } /*---[ Archive ]---*/ .page-heading { background: #fff; border-top: 1px solid #f6f9fc; text-align: center; padding: 50px 0; -webkit-box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1); -moz-box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1); box-shadow: 0 3px 3px 0 rgba(198, 198, 198, 1); } .page-heading h1 { font-family: 'Muli'; font-size: 12px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .category-title span { color: #000; display: block; padding: 10px 0 0; font-size: 24px; font-weight: 800; } /*-----------------------------------------------------------------------------------*/ /* 7. Comments /*-----------------------------------------------------------------------------------*/ .comment-left, .comment-right { vertical-align:top; } .comment-right { width:100%; } #comments .avatar { float:left; border-radius:50%; margin-bottom:10px; margin-right:25px } ol.commentlist { position:relative; overflow:hidden; } .commentlist li.comment, .commentlist li.pingback { float:left; list-style:none; margin:0; width:100%; } .comment-author { color:#a7a7a7; } .commentlist li.pingback .comment-body { padding:0 0 20px } .commentlist .comment-body { border-bottom:1px solid #eee; margin:0 0 30px; padding: 0 0 20px; } .commentlist > li:last-child .comment-body { border:0; padding:0 } .commentlist .children { float: left; margin-left: 95px; margin-bottom: 0; } .commentlist .children li { margin:0; position:relative; width:100%; } .fn { font-family:'Muli'; color:#171717; font-size:14px; font-style:normal; font-weight:bold; margin-right:6px; } .fn a { color:inherit } .comment-meta { color:#878787; display:block; font-size:11px; font-weight:400; margin-bottom:15px; } .comment-meta i { margin-right:3px } .comment-meta a { color:#999 } .commentBody { overflow:hidden } .bypostauthor {} .reply { font-size: 11px; font-weight: 700; text-align: right; text-transform: uppercase; } .comment-reply-link { color: #000; } #reply-title { font-size:16px; line-height:20px; margin:0; text-transform: uppercase } .comment-form { margin: 15px 0 0 } .comment-form p { margin:0 0 18px; position:relative } .comment-form p label { color:#c8c8c8; font-size:14px; text-transform:uppercase } .comment-form .comment-form-author, .comment-form .comment-form-email, .comment-form .comment-form-url { width: 32%; margin-right: 2%; float: left; } .comment-form .comment-form-url { margin-right: 0 } .comment-form .comment-form-author input, .comment-form .comment-form-email input, .comment-form .comment-form-url input { width: 100% } .comment-form .comment-form-comment { clear: both; overflow: hidden; width: 100%; } .comment-form input, .comment-form textarea { border:1px solid #E7E7E7; background:#fff; color: #878787; display:block; font-size:14px; font-weight:500; padding:14px 10px } .comment-form textarea { width: 100% } .comment-form .required { color: #dc0413 } .comment-form .form-submit { clear: both; margin: 0; } .comment-form .submit { border: none; background: #f7e1be; border-radius:0; color:#ae8d59; cursor:pointer; font-size:12px; font-family: 'Muli'; font-weight:800; padding:15px 30px; text-transform:uppercase; -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; transition:all 0.25s linear; } .comment-form .submit:hover { background: #ae8d59; color: #fff } /*-----------------------------------------------------------------------------------*/ /* 8. Sidebar /*-----------------------------------------------------------------------------------*/ .sidebar { float:left; margin:0 0 30px; width:23.4%; } .sidebar a { color:#333; -webkit-transition: background-color, color 0.2s linear; -moz-transition: background-color, color 0.2s linear; transition: background-color, color 0.2s linear; } .widget { margin-bottom:20px; overflow:hidden; } .widget-title { font-size:12px; font-weight:bold; font-family:'Muli'; margin-bottom:20px; position:relative; text-align:center; text-transform:uppercase; } .section-heading { font-size:28px; font-weight:700; font-family:'Muli'; margin:0 0 25px; position:relative; text-align: center } .widget ul { margin:0 } .widget li { list-style:none; margin:0 0 10px } .widget ul.children { padding-left:20px } .widget ul.children li:last-child { border-bottom:0; padding-bottom:0 } .cat-count { color:#9F9F9F; float:right; font-style:italic } .sidebar-widget { background:#fff; list-style:none; margin-bottom:25px; padding:20px; position:relative; -webkit-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); -moz-box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); box-shadow: 0 0 3px 0 rgba(198, 198, 198, 1); } .sidebar-widget a { color:#525252 } .sidebar-widget li:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0 } .widget .menu li { float:none } .widget ul li ul li { border-bottom:none; margin-top:10px; margin-bottom:0 } /*-----------------------------------------------------------------------------------*/ /* 9. Footer /*-----------------------------------------------------------------------------------*/ .footer { background:#fff; color:#777; clear:both; } .footer a { color:#333 } .footer-widgets { border-bottom: 1px solid #eee; } .footer-widgets, .copyright { box-sizing:border-box; margin:0 auto; max-width:1170px; padding:0 2%; width:96%; } .footer-widget { float:left } .footer-columns-4 .footer-widget { margin:0 2% 0 0; width:23.5%; } .footer-columns-3 .footer-widget { margin:0 2% 0 0; width:32%; } .footer-columns-2 .footer-widget { margin:0 2% 0 0; width:49%; } .footer-columns-1 .footer-widget { margin:0; width:100%; } .footer-widget .textwidget img { margin-bottom: 20px; } .footer-widget .textwidget p { color:#999; font-size:15px; } .footer-widget .widget { border-top: 2px solid #F4F4F4; margin:30px 0; padding: 20px 0 0; } .footer-widget .textwidget { font-size:15px; color:#999; text-align: center; } .footer-widget .widget li { border-bottom-color:rgba(0, 0, 0, 0.1) } .copyright-inner { margin:0 auto; max-width:1170px; padding:0; width:100%; } .copyright-text { padding:20px 0; text-align:center } .back-to-top { cursor:pointer; position:fixed; bottom:2em; right:25px; text-decoration:none; color:#000000; background:#F5F5F5; font-size:18px; padding:10px 15px; display:none; -webkit-transition: background 0.25s linear; -moz-transition: background 0.25s linear; transition: background 0.25s linear; } .back-to-top:hover { background-color:rgba(135, 135, 135, 0.50); } .back-to-top .icon-angle-up { color:#000; font-size:24px } /*-----------------------------------------------------------------------------------*/ /* 10. Widgets /*-----------------------------------------------------------------------------------*/ /*---[ Author Info Widget ]---*/ .author-info-widget { text-align:center } .author-avatar { display:block; margin-bottom:20px } .author-avatar img { border-radius:50% } .author-info-widget h4 { font-size:24px; font-weight:700; margin:0; position:relative; text-transform:uppercase } .author-info-widget .author-description, .author-info-widget .author-social { margin-top:20px } .author-info-widget .author-social a, .author-info-widget .author-social a:hover { color:#fff } /*---[ Recent Posts ]---*/ .recent-posts-widget { clear:both; padding:0 } .category-posts, .recent-posts { margin:0 !important; padding:0; } .category-posts li, .recent-posts li { border:0; list-style:none; overflow:hidden; } .widgetthumb { float:left; margin:4px 10px 10px 0; width:100% } .small-thumb img { border-radius: 50%; } .thumbnail { float:left; margin-right:10px; position:relative; max-width:27.5%; width:65px } .thumbnail-big { float:none; margin:0 0 10px; max-width:100%; width:100% } .widget .info { overflow: hidden } .widgettitle { display:block; font-size:17px; font-family:'Playfair Display'; line-height:21px; margin-bottom:4px; } .meta { color:#777; display:block; font-size:11px; text-transform: capitalize; } .meta a { color:#777 } /*---[ Search Form ]---*/ .searchform { padding:0; position:relative; width:100% } .searchform fieldset { color:#888 } .s { border: 0; box-shadow: 0 0 1px 0 #a1a1a1 inset; color: #777; float: left; height: 35px; margin: 0 2.5% 0 0; outline: 0; padding: 10px 0 10px; text-indent: 10px; width: 85.5% } .search-button { background:#f7e1be; border:0; color:#fff; cursor:pointer; display:block; float:left; font-family:"Vollkorn",serif; font-size:14px; height:35px; min-width:13px; position: relative; padding:0; text-transform:uppercase; width:12%; -webkit-transition:all 0.25s linear; -moz-transition:all 0.25s linear; transition:all 0.25s linear; } .search-button:hover { background: #000 } .widget .search-submit { display:none } .header-search .searchform { background:transparent; float:right; padding:0; width:100% } .header-search .searchform i { position:absolute; top:18px; right:10px; z-index:10 } .header-search .searchform fieldset { border:0 } .search .content:before, .search .search-submit { display: none } .header-search .s { background:#222121; color:#b8b8b8; display:none; float:left; margin:0; padding:11px 0; position:absolute; right:35px; z-index:99; max-width:200px; width:200px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .header-search .search-button { display:none } .header-search .search-submit { background-color:transparent; color:#000; display:block; cursor:pointer; float:right; padding:12px 9px 12px 9px; position:relative; } .header-search .search-button:hover { background-color:transparent } /*---[ Tags ]---*/ .sidebar .tagcloud { overflow:hidden } .tagcloud a { background:#F5F5F5; border:0; color:#777 !important; display:block; float:left; font-size:12px !important; margin:0 4px 4px 0; padding:5px 12px 5px 12px; position:relative; text-transform:lowercase; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .tagcloud a:hover { background:#F7E1BE; color:#ae8d59 !important; } /*---[ Social Widget ]---*/ .social-widget ul { margin:0; padding:0; text-align: center } .social-widget ul li { border:0 !important; display: inline-block; font-size:14px; list-style-type:none; margin-bottom:4px !important; margin-left:2px; margin-right:2px; padding:0 } .social-widget ul li span { color:#000; font-size:16px; margin:0; width:40px; padding:12px 0; text-align:center } .social-widget ul li span { color:#000; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } /*---[ Calendar Widget ]---*/ #wp-calendar { background:#f3f3f3; width:100% } #wp-calendar caption, #wp-calendar th, #wp-calendar td { text-align:center } #wp-calendar th { background:#f3f3f3; padding:10px 0; } #wp-calendar td { background:#fff; padding:5px 0; } #wp-calendar caption { background:#f7e1be; color:#fff; font-size:14px; padding:10px 0; text-transform:uppercase } #wp-calendar tfoot a { font-weight:700; text-transform:uppercase } #wp-calendar tfoot tr td { padding-left:10px; text-align:left } #wp-calendar td#today, #wp-calendar td#today a { color:#fff !important } /*---[ Contact Form 7 ]---*/ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="url"], .wpcf7 input[type="tel"], .wpcf7 input[type="date"], .wpcf7 input[type="number"], .wpcf7 textarea { background:#f2f2f2; border:1px solid rgba(0,0,0,0.1); padding:8px 10px } .wpcf7-submit { background:#262626; border:0; color:#fff; cursor:pointer; font-weight:700; padding:8px 16px; text-transform:uppercase } .wpcf7-submit:hover { background:#000 } /* Widget Slider */ .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-stage-outer { overflow: hidden; position: relative; } .owl-height { transition: height 500ms ease-in-out 0s; } /* Direction Nav */ .owl-nav .owl-next, .owl-nav .owl-prev { background:rgba(255,255,255,0.9); border-radius: 50%; cursor:pointer; display:inline-block; font-size:30px; margin:0; padding:8px 5px; position:absolute; text-align:center; top:50%; transform: translateY(-50%); width:46px; z-index:10; -webkit-transition: all 0.25s linear; -moz-transition: all 0.25s linear; transition: all 0.25s linear; } .owl-nav .owl-prev { left:10px } .owl-nav .owl-next { right:10px } /* Control Nav */ .owl-dots { left:0; bottom:15px; position:absolute; text-align:center; width:100%; z-index:10 } .owl-dots div { display:inline-block; margin:0 } .owl-dots span { cursor:pointer; display:block; background-color:#fff; border:2px solid #fff; margin:0 2px; height:8px; width:8px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; } .owl-dots .active span { background-color:transparent; } /*-----------------------------------------------------------------------------------*/ /* 11. Accessibility /*-----------------------------------------------------------------------------------*/ /* Text meant only for screen readers */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; /* many screen reader and browser combinations announce broken words as they would appear visually */ word-wrap: normal !important; } /*-----------------------------------------------------------------------------------*/ /* 12. Other Styles /*-----------------------------------------------------------------------------------*/ /* JetPack Styles */ .post .sd-content ul li:before, .page .sd-content ul li:before { display: none }