/* Theme Name: BOSS Theme URI: http://divpusher.com/themes/boss-free/ Author: DIVPusher Author URI: http://divpusher.com/ Description: A modern WordPress theme. Version: 1.0.7 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: rtl-language-support, translation-ready, theme-options, left-sidebar, right-sidebar, custom-colors, featured-images, custom-menu Text Domain: boss */ body{ width: 100%; max-width: 100%; font-family: 'Open Sans', sans-serif; color: #555; font-size: 15px; background-color: #fff; line-height: 25px; } html{ box-sizing: border-box; max-width: 100%; } html,body{ height: 100%; } b,strong{ font-weight: bold; color: #333; } .clear{ clear: both; height: 1px; } .hidden-on-desktop{ display: none; } .alignleft{ text-align: left; float: left; } .content img.alignleft{ margin-right: 30px; margin-bottom: 15px; } .alignright{ text-align: right; float: right; } .content img.alignright{ margin-left: 30px; margin-bottom: 15px; } .aligncenter{ text-align: center; float: none; margin: 0px auto; display: block; } .hidden, .responsive-res{ display: none; } .size-auto, .size-full, .size-large, .size-medium, .size-thumbnail { max-width: 100%; height: auto; } .bypostauthor{ } .content i.fa{ text-align: center; color: #333; vertical-align: middle; margin-right: 10px; } .content .aligncenter i.fa{ margin-right: 0px; } i.fa-2x, i.fa-3x, i.fa-4x, i.fa-5x{ margin-bottom: 10px; } a i.fa{ color: #999; } a{ text-decoration: none; color: inherit; outline: none !important; font-weight: 700; color: #333; } .content a{ font-weight: bold; } .content a:hover{ color: #990000; } .content p a:hover{ border-bottom: 2px dotted #990000; } .content p, .widget p{ margin-bottom: 22px; } .widget p:last-of-type{ margin-bottom: 0px; } .col p:last-of-type{ margin-bottom: 0px; } dl{ clear: both; margin-bottom: 30px; } dl dt{ font-weight: bold; } dl dd{ font-weight: normal; margin-bottom: 30px; } h1,h2,h3,h4,h5,h6{ clear: both; width: 100%; font-weight: bold; margin-bottom: 39px; margin-top: 22px; word-wrap: break-word; color: #333; font-family: 'Lato', sans-serif; text-transform: uppercase; position: relative; } .dp-col h1{ margin-bottom: 50px; } h2 + h1, h3 + h1, h4 + h1, h5 + h1, h6 + h1{ margin-top: -39px; } h1{ font-size: 22px; letter-spacing: 2px; } h2{ font-size: 20px; letter-spacing: 2px; } h3{ font-size: 18px; letter-spacing: 2px; } h4{ font-size: 16px; letter-spacing: 2px; } h5{ font-size: 15px; letter-spacing: 2px; } h6{ font-size: 15px; } em.featured{ color: #8f6f24; font-style: italic; } address{ font-style: italic; margin-bottom: 30px; } abbr, acronym { border-bottom: 1px dotted; } blockquote, q{ font-style: italic; text-align: left; font-size: 20px; line-height: 30px; font-weight: bold; background-repeat: no-repeat; background-position: top left; background-image: url('images/quote.png'); display: block; padding-left: 60px; color: #333; min-height: 50px; } blockquote em{ clear: left; float: left; } blockquote cite:before{ content: "- "; } cite{ clear: left; font-weight: bold; font-style: italic; } em,i{ font-style: italic; } hr{ background-color: #ddd; height: 1px; line-height: 1px; width: 100%; clear: both; margin: 0px auto; margin-top: 60px; margin-bottom: 60px; padding: 0px; float:left; overflow: hidden; } .vspace{ height: 40px; display: inline-block; clear: both; width: 100%; } mark, ins{ background-color: #f0ecd1; padding-left: 4px; padding-right: 4px; border-radius: 3px; } mark.dark{ background-color: #444; color: #fff; } dfn{ border-bottom: 1px dashed; font-style: italic; } code{ border-radius: 3px; background: none repeat scroll 0% 0% #F2F2F2; border: 1px solid #E6E6E6; font-family: 'Courier New',sans-serif; color: #666; font-size: 14px; padding-left: 5px; padding-right: 5px; padding-top: 3px; padding-bottom: 3px; } var{ font-style: italic; font-family: Consolas,Monaco,Lucida Console,monospace; } pre { font-family: 'Courier New',sans-serif; line-height: 20px; width: 98%; clear: both; padding-left: 1%; padding-right: 1%; padding-top: 15px; padding-bottom: 15px; border: 1px solid #d5d5d5; border-radius: 3px; background-color: #f4f4f4; white-space: pre-wrap; margin-bottom: 22px; } .dropcap{ font-size: 50px; font-weight: bold; color: #333; float: left; margin-top: 15px; margin-right: 10px; } .content iframe, .content embed, .content object{ width: 100%; width: calc(100% - 8px); max-width: 100%; border: 1px solid #E2E2E2; padding: 3px; clear: both; margin-bottom: 10px; } .EmbeddedTweet{ max-width: 100%; } .wp-video{ margin: 0px auto; text-align: center; max-width: 100%; height: auto; } .content iframe.twitter-tweet{ width: 100% !important; } .content img, .content .wp-caption{ max-width: 100%; height: auto; } .content img.border{ max-width: 100%; border: 1px solid #E2E2E2; padding: 3px; } /* LIST */ .content ul:not([class]) { list-style-type: none; list-style-position: inside; padding-left: 0px; } .content ul:not([class]) > li:before { padding: 0px; margin: 0px; content: '\f105'; font-family: 'FontAwesome'; font-style: normal; font-weight: bold; text-decoration: inherit; color: #990000; padding-right: 6px; } .content ul:not([class]) li ul{ padding-left: 14px; padding-bottom: 0px; } .content ol{ list-style-type: decimal; list-style-position: inside; } .content ol li { width: 90%; overflow: hidden; } .content ol li ol{ padding-left: 14px; list-style-type: lower-alpha; padding-bottom: 0px; margin-bottom: 0px; } .content ul ol, .content ol ul, .content ul:not([class]) ol, .content ol:not([class]) ul{ padding-bottom: 0px; padding-left: 14px; } /* FORM */ input,textarea{ border: 1px solid #ddd; font-size: 14px; font-family: 'PT Sans', sans-serif; color: #555; } input:focus, textarea:focus{ background-color: #eee; } input{ height: 32px; line-height: 32px; padding-left: 5px; padding-right: 5px; box-sizing: border-box; } textarea{ width: 100%; min-height: 110px; box-sizing: border-box; } input.submit, input[type=submit]{ border: 0px !important; background-color: #444444; height: 32px; line-height: 30px; padding-top: 0px; padding-bottom: 0px; padding-left: 20px; padding-right: 20px; cursor: pointer; font-size: 14px; text-transform: uppercase; font-weight: normal; color: #fff; margin: 0px auto; text-align: center; border-radius: 3px; } .post-password-form input{ width: auto; margin-left: 10px } select{ font-size: 14px; font-family: 'PT Sans', sans-serif; color: #555; border: 1px solid #333; padding-top: 7px; padding-bottom: 7px; padding-left: 10px; padding-right: 10px; line-height: 12px; min-height: 12px; cursor: pointer; width: auto; } /* TABLE */ table { clear: left; width: 100%; margin-bottom: 30px; font-size: 15px; } table thead { border-bottom: 1px solid #777; } table thead th { font-weight: bold; } table th { height: 32px; vertical-align: middle; } table tbody tr{ border-bottom: 1px solid #eaeaea; } table td { min-height: 30px; vertical-align: middle; padding-right: 5px; } table tr td:last-child { padding-right: 0px; } table tbody tr:hover { background-color: #eee; } /* WARNING FOR IE7 OR LOWER */ #ie_warning{ display: none; width: 100%; height: 100%; line-height: 30px; top: 0px; left: 0px; vertical-align: middle; text-align: center; margin: 0px auto; color: #333; font-size: 14px; z-index: 102; background-color: #fff; padding-top: 350px; position: fixed; } #ie_warning a{ color: blue; } /* JAVASCRIPT FALLBACK */ #notification { position: fixed; left: 0px; bottom: 0px; line-height: 50px; height: 50px; width: 100%; text-align: center; z-index: 1000; font-size: 14px; color: #000; z-index: 200; background-color: #eddca3; opacity: 0.8; } /* CUSTOM PHOTO VIEWER */ #dp-photo-viewer{ position: fixed; width: 100%; height: 100%; z-index: 10001; background-image: url('images/dp-pv-bg.png'); top: 0px; left: 0px; display: none; } #dp-pv-loading{ width: 32px; height: 32px; position: absolute; left: 50%; top: 50%; margin-left: -16px; margin-top: -16px; } #dp-pv-img { position: fixed; width: 90%; height: 90%; top: 5%; left: 5%; background-repeat: no-repeat; background-position: center center; background-size: cover; } #dp-pv-close{ width: 28px; height: 28px; position: fixed; top: 10px; right: 10px; font-size: 24px; line-height: 30px; font-family: arial; color: #fff; border-radius: 50%; border: 2px solid #fff; cursor: pointer; opacity: 0.7; text-align: center; } #dp-pv-close:hover{ opacity: 1; } #dp-pv-next{ width: 28px; height: 28px; position: fixed; top: 50%; margin-top: -14px; right: 10px; font-size: 20px; line-height: 28px; font-family: arial; color: #fff; border-radius: 50%; border: 2px solid #fff; cursor: pointer; opacity: 0.7; text-align: center; } #dp-pv-next i{ color: #fff; } #dp-pv-next:hover{ opacity: 1; } #dp-pv-prev{ width: 28px; height: 28px; position: fixed; top: 50%; margin-top: -14px; left: 10px; font-size: 20px; line-height: 28px; font-family: arial; color: #fff; border-radius: 50%; border: 2px solid #fff; cursor: pointer; opacity: 0.7; text-align: center; } #dp-pv-prev i{ color: #fff; } #dp-pv-prev:hover{ opacity: 1; } /* HEADER */ .desktop-res{ height: 100%; display: block; background: transparent url('images/header-shadow.png') no-repeat center bottom; padding-bottom: 9px; } .header{ width: 100%; height: 158px; border-bottom: 1px solid #dedede; border-top: 3px solid #990000; margin-bottom: 100px; position: absolute; top: 0px; left: 0px; z-index: 1001; background-color: #fff; transition: all 0.4s ease; } .header-space{ height: 162px; width: 100%; clear: both; } .page-template-page-image .header{ margin-bottom: 0px; } .logo{ float: left; line-height: 158px; transition: all 0.4s ease; } .logo img{ vertical-align: middle; max-height: 90%; } .site-title{ font-size: 34px; float: left; margin-top: 60px; } .header .menu{ float: right; color: #333; text-transform: uppercase; letter-spacing: 1.5px; height: 100%; font-size: 0px; } .header .menu > li.current-menu-item, .header .menu > li.current-menu-parent{ background-color: #990000; } .header .menu li.current-menu-item a, .header .menu li.current-menu-parent a{ color: #fff; } .header .menu li{ display: inline-block; height: 100%; line-height: 118px; transition: all 0.4s ease; } .header .menu li a{ display: block; padding: 18px; font-size: 14px; font-family: 'Lato', sans-serif; } .header .menu li:last-of-type a{ padding-right: 0px; } .header .menu li a:hover, .header .menu li a:hover i.fa{ color: #990000; } .header .menu li.current-menu-item a:hover, .header .menu li.current-menu-parent a:hover{ color: #fff; } /* DROPDOWN MENU */ .header .menu li:hover > .sub-menu, .header #menu-left li:hover > .sub-menu, .header #menu-right li:hover > .sub-menu{ display: block; } .header .menu .sub-menu{ display: none; position: absolute; top: auto; z-index: 1000; min-width: 200px; max-width: 300px; border: 1px solid #dedede; border-top: 2px solid #990000; margin: 0px; margin-top: 2px; margin-left: -1px; background-color: #fff; box-shadow: 0 4px 2px -2px rgba(120, 120, 120, 0.15); } .header .menu .sub-menu li a{ padding: 10px; color: #333; font-size: 13px; } .header .menu .sub-menu li:hover{ background-color: #990000; } .header .menu .sub-menu li:hover > a{ color: #fff; } .header .menu .sub-menu li, .header #menu-left .sub-menu li, .header #menu-right .sub-menu li{ text-align: left; clear: both; display: block; margin: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-bottom: 1px solid #efefef; line-height: 20px; } .header .menu .sub-menu li:last-of-type, .header #menu-left .sub-menu li:last-of-type, .header #menu-right .sub-menu li:last-of-type{ border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; } /* 3RD LEVEL */ .header .menu .sub-menu .sub-menu{ left: 100%; top: auto; padding-top: 0px; padding-bottom: 0px; border-top: 1px solid #efefef; margin-top: -41px; } .header .menu-search{ cursor: pointer; } .header .search{ display: none; width: 200px; position: absolute; top: 100%; right: 0px; margin-top: -9px; border: 1px solid #dedede; border-top: 2px solid #990000; background-color: #fff; box-shadow: 0 4px 2px -2px rgba(120, 120, 120, 0.15); padding: 10px; } .header .search button{ top: 10px; right: 10px; } /* RESPO MENU HOLDER */ #responsive-menu:hover i.fa{ color: #990000; border-color: #990000; } #respo-menu-holder .menu-responsive > li:hover > a, #respo-menu-holder .sub-menu li:hover a{ color: #990000; } /* MENU - LOGO - MENU */ .header.style2 { text-align: center; } .header.style2 .logo{ float: none; margin: 0px auto; text-align: center; display: inline-block; width: 340px; } #menu-left { width: 400px; text-align: right; float: left; overflow: hidden; } #menu-left li{ text-align: right; } #menu-right{ width: 400px; display: inline-block; float: right; text-align: left; overflow: hidden; } #menu-right li{ display: inline-block; } /* MENU - LOGO */ .header.style3 .menu{ float: left; } .header.style3 .logo{ float: right; } /* STICKY HEADER */ header.sticky-ok{ height: 110px; position: fixed; left: 0px; top: 0px; transition: all 0.4s ease; } header.sticky-ok .logo{ max-height: 90%; line-height: 110px; transition: all 0.4s ease; } header.sticky-ok .menu li{ line-height: 70px; transition: all 0.4s ease; } /* PAGE, CONTENT */ #page{ margin-top: 78px; min-height: 350px; min-height: calc(100% - 363px); } .desktop-res, .wrapper{ width: 1140px; margin: 0px auto; } .header .desktop-res{ position: relative; } .content{ width: 100%; margin: 0px auto; padding-bottom: 60px; } .content.with-sidebar{ width: 800px; float: left; } .sidebar{ float: right; margin-left: 60px; width: 280px; } .sidebar.left{ float: left; margin-left: 0px; margin-right: 60px; } .featured-image{ width: 100%; position: relative; clear: both; height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center center; } .content h1.deco-side, .content h2.deco-side, .content h3.deco-side, .content h4.deco-side, .content h5.deco-side, .content h6.deco-side{ border-left: 3px solid #990000; padding-left: 20px; } .content h1 .deco, .content h2 .deco, .content h3 .deco, .content h4 .deco, .content h5 .deco, .content h6 .deco{ background: #990000; display: block; height: 3px; position: relative; margin: 0px auto; margin-bottom: 10px; width: 40px; } /* FOOTER */ footer{ clear: both; width: 100%; min-height: 60px; border-top: 1px solid #ccc; padding-top: 25px; padding-bottom: 15px; font-family: 'Lato', sans-serif; font-size: 12.5px; z-index: 1001; background-color: #fff; line-height: 22px; } .footer-left ul li { display: inline-block; } .footer-left ul li.li-sep { padding-left: 5px; padding-right: 5px; } .footer-left ul li:last-child{ display: none; } footer .copyright{ color: #999; clear: both; } .footer-left, .footer-right{ width: 50%; display: inline-block; float: left; } .footer-right{ text-align: right; } footer i.fa{ font-size: 20px; padding-left: 30px; vertical-align: middle; color: #555; } footer p{ margin-bottom: 0px; } footer a:hover, footer a:hover i{ color: #990000; } #footer-menu li{ text-transform: uppercase; } /* BUTTONS */ a.button, .content a.button, .content p a.button, .content a.dp-button{ border: 0px; padding: 0px; font-family: inherit; letter-spacing: 0px; line-height: 20px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-decoration: none; color: #990000; padding-left: 25px; padding-right: 25px; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; display: inline-block; margin-top: 10px; } a.button:after, .content a.button:after, .content p a.button:after, .content a.dp-button:after{ content : '\f078'; font-size: 14px; margin-left: 10px; font-family: 'FontAwesome'; vertical-align: middle; } a.button:hover, .content a.button:hover, .content p a.button:hover, .content a.dp-button:hover{ border-left: 0px; border-right: 0px; border-color: #990000; background-color: transparent; color: #990000; } /* FW SLIDER */ #dp-fw-slider{ width: 100%; height: 100%; position: relative; background-color: #111; height: calc(100% - 163px); min-height: 550px; overflow: hidden; } #dp-fw-slider.has-footer{ height: calc(100% - 264px); } #dp-fw-slider .dp-loading{ width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-image: url('images/loading.gif'); background-color: #fff; position: absolute; z-index: 1000; left: 0px; top: 0px; } #dp-fw-slider .layer{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; } #dp-fw-slider .note{ background-color: #eee; color: #444; font-size: 16px; text-align: center; font-style: italic; } #dp-fw-slider .note p{ top: 40%; position: relative; } /* CLASSIC BLOG*/ .blog .entry-content p:last-child{ margin-bottom: 0px; } .blog .post-info{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; } .blog .post-info, .blog .post-info a{ color: #999; font-size: 13px; text-transform: uppercase; font-weight: normal; } .blog .post-info i.fa{ color: #999; font-size: 16px; margin-right: 3px; vertical-align: middle; } .blog .post-title{ margin: 0px; font-size: 22px; clear: none; } .blog .post-title a:hover{ color: #990000; } .blog .post{ clear: both; margin-bottom: 60px; } .blog .post:last-of-type{ margin-bottom: 0px; } .content.blog .post-date{ float: left; font-size: 58px; line-height: 50px; font-family: 'Open Sans'; font-weight: 800; letter-spacing: 1px; margin-right: 20px; position: relative; height: 72px; overflow: hidden; background-color: #990000; color: #fff; text-align: left; padding-left: 10px; padding-right: 0px; padding-top: 5px; padding-bottom: 5px; } .content.blog .post-date span{ min-width: 35px; font-size: 11px; line-height: 11px; text-transform: uppercase; font-weight: 400; background-color: #990000; letter-spacing: 2px; position: absolute; top: 40px; right: 10px; padding-top: 2px; padding-bottom: 2px; text-align: center; } .blog .post-date .year{ font-size: 10px; line-height: 10px; margin-top: 4px; clear: both; font-weight: 600; letter-spacing: 14px; text-align: center; max-width: 100%; width: 100%; overflow: hidden; } .blog .post-content{ clear: both; margin-top: 30px; border-bottom: 1px solid #ddd; padding-bottom: 60px; } .blog .post:last-of-type .post-content{ padding-bottom: 0px; border-bottom: 0px; } .blog .post-content p:last-of-type{ margin-bottom: 0px; } .blog .post .wp-post-image{ clear: both; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center; margin-bottom: -15px; margin-top: 26px; } .blog blockquote{ text-align: left; font-weight: normal; } .archive-title{ margin-bottom: 70px; } .content .tags{ color: #999; } .content .tags a{ font-weight: normal; font-style: italic; color: #999; } /* POST SHARING */ .post .sharing{ border: 1px solid #e0e0e0; width: 100%; height: 45px; line-height: 45px; vertical-align: middle; display: table; border-collapse: collapse; margin-top: 47px; margin-bottom: 50px; clear: both; } .post .sharing a{ display: table-cell; text-align: center; border: 1px solid #e0e0e0; } .post .sharing a i{ color: #555; font-size: 16px; width: 20px; } .post .sharing a:hover i{ color: #990000; } /* PREV NEXT POST */ .nav-links{ width: 100%; } .prev-next-post{ border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; width: 100%; margin-bottom: 70px; padding-top: 20px; padding-bottom: 20px; display: inline-block; } .prev-next-post:empty{ display: none; } .nav-previous, .nav-next{ width: 50%; vertical-align: middle; text-transform: uppercase; float: left; line-height: 20px; box-sizing: border-box; } .nav-previous{ padding-right: 3%; } .nav-next{ padding-left: 3%; } .nav-previous .text, .nav-next .text{ display: inline-block; } .nav-previous span, .nav-next span{ color: #999; font-size: 14px; font-style: italic; font-weight: normal; } .nav-previous i.fa, .nav-next i.fa{ float: left; border: 2px solid #999; width: 30px; height: 30px; line-height: 30px; color: #999; font-weight: bold; border-radius: 50%; vertical-align: middle; display: block; padding: 0px; margin-top: 5px; } .nav-previous i.fa{ float: left; margin-right: 15px; } .nav-next i.fa{ float: right; margin-left: 15px; } .nav-next{ text-align: right; } .nav-previous a:hover i.fa, .nav-next a:hover i.fa{ color: #990000; border-color: #990000; } /* GALLERY */ .gallery{ clear: both; width: 100%; height: auto; } .gallery-columns-2 .gallery-item{ width: 50%; height: auto; } .gallery-columns-3 .gallery-item{ width: 33%; height: auto; } .gallery-columns-4 .gallery-item{ width: 25%; height: auto; } .gallery-columns-5 .gallery-item{ width: 20%; height: auto; } .gallery-columns-6 .gallery-item{ width: 16%; height: auto; } .gallery-columns-7 .gallery-item{ width: 14%; height: auto; } .gallery-columns-8 .gallery-item{ width: 12%; height: auto; } .gallery-columns-9 .gallery-item{ width: 11%; height: auto; } .gallery-columns-1 .gallery-item{ float: none; } .gallery-item{ float: left; margin-bottom: 15px; text-align: center; clear: none; height: auto; } img.attachment-thumbnail { text-align: center; max-width: 85%; height: auto; } .gallery-caption, .wp-caption-text{ font-style: italic; color: #777; font-size: 12px; text-align: center; margin-bottom: 22px !important; } /* PAGINATION */ .pages-left, .pages-right, .pages-number{ width: 33%; display: inline-block; text-transform: uppercase; font-size: 15px; } .pages-left{ text-align: left; } .pages-number{ text-align: center; color: #999; font-style: italic; } .pages-right{ text-align: right; } .pages-left i.fa, .pages-right i.fa{ border: 2px solid #999; border-radius: 50%; width: 28px; height: 28px; line-height: 28px; text-align: center; vertical-align: middle; color: #999; margin: 0px; font-weight: bold; } .pages-left a, .pages-right a{ color: #999; font-weight: normal; } .content .pages-left a:hover, .content .pages-right a:hover{ color: #990000; border-bottom: 0px; } .pages-left a:hover i.fa, .pages-right a:hover i.fa{ color: #990000; border: 2px solid #990000; } /* COMMENTS */ .comments-title, #reply-title{ border-left-width: 3px; border-left-style: solid; border-color: #990000; padding-left: 15px; margin-top: 0px; } .comments-title span{ color: #999; font-weight: normal; } .content .comments{ clear: both; display: inline-block; margin-bottom: 60px; } .content .commentlist{ clear: both; width: 100%; margin-top: 30px; } .content .commentlist > li{ clear: both; float: left; width: 100%; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px; padding: 0px; padding-left: 0px; background-image: none; } .content .commentlist li .children li{ border: 0px; clear: both; } .content .commentlist li .children li:last-child{ margin-bottom: 0px; } .content .commentlist li:last-child{ margin-bottom: 0px; } .content .commentlist .avatar{ width: 52px; height: 52px; border: 1px solid #E2E2E2; padding: 3px; float: left; margin-right: 20px; } .content .commentlist p{ clear: none; float: none; margin-bottom: 0px; } .content .commentlist .comment-author{ font-size: 14px; color: #999; } .content .comment-author b{ font-weight: bold; font-weight: 600; color: #333; } .content .commentlist .comment-info{ font-style: italic; font-size: 13px; color: #777777; margin-bottom: 10px; text-transform: uppercase; } .content .commentlist .comment{ font-size: 14px; padding-bottom: 30px; padding-top: 5px; } .content .commentlist .holder{ float: left; width: 80%; } .content .commentlist li .children{ padding-left: 5%; } .content h5 span{ color: #777; font-weight: normal; } /* REPLY */ .content #respond{ clear: both; float: left; width: 100%; } .comment-form-author, .comment-form-email, .comment-form-url{ width: 33.3%; float: left; margin-bottom: 30px !important; } .comment-form-author{ text-align: left; } .comment-form-email{ text-align: center; } .comment-form-url{ text-align: right; } .comment-form-author input, .comment-form-email input, .comment-form-url input{ width: 90%; } p.comment-form-comment{ margin-bottom: 20px; } .form-submit{ text-align: left; clear: both; } .content #respond #author{ padding-left: 48px; max-width: 100%; background-image: url('images/input-reply-author.png'); background-position: left center; background-repeat: no-repeat; } .content #respond #email{ padding-left: 48px; max-width: 100%; background-image: url('images/input-reply-email.png'); background-position: left center; background-repeat: no-repeat; } .content #respond #url{ padding-left: 48px; max-width: 100%; background-image: url('images/input-reply-website.png'); background-position: left center; background-repeat: no-repeat; } .content input.error, .content textarea.error{ border-color: #ba7b7b; } .content #comment-loading{ float: left; width: 30px; height: 30px; } .content #comment-nav-below{ width: 100%; clear: both; float: left; margin-top: 15px; } .content #comment-nav-below a{ color: #777; display: inline; height: 30px; line-height: 30px; white-space: nowrap; width: auto; font-size: 13px; } .content #comment-nav-below .nav-previous a:after{ content: " →"; } .content #comment-nav-below .nav-previous a{ text-align: right; float: right; } .content #comment-nav-below .nav-next a:before{ content: "← "; } .content #comment-nav-below .nav-next a{ text-align: left; float: left; } .content #cancel-comment-reply-link{ color: #777; float: right; font-size: 13px; text-transform: uppercase; } /* PORTFOLIO */ #pf-category-selector{ text-transform: uppercase; width: 100%; clear: both; margin-top: 70px; margin-bottom: 50px; border-bottom: 1px solid #ccc; text-align: center; font-size: 14px; font-family: 'Lato'; } #pf-category-selector a{ display: inline-block; padding-right: 25px; padding-left: 25px; padding-bottom: 15px; margin-bottom: -1px; } #pf-category-selector a:hover, #pf-category-selector a.active{ border-bottom: 1px solid #990000; color: #990000; } .portfolio{ clear: both; } .portfolio .item .thumb:hover{ opacity: 0.8; } .portfolio.items-1 .item{ width: 100%; clear: both; margin-bottom: 70px; text-align: center; box-sizing: border-box; display: inline-block; } .portfolio.items-1 .item .thumb{ height: 270px; width: 100%; background-size: cover; background-position: center center; } .portfolio.items-1 .item .text, .portfolio.items-1 .item .image{ width: 48%; float: left; min-height: 1px; overflow: hidden; } .portfolio.items-1 .item .image{ margin-right: 4%; } .portfolio.items-1 .item.even .image{ float: right; margin-left: 4%; margin-right: 0px; } .portfolio.items-1 h3{ margin-top: 10px; } .portfolio.items-3 .item{ width: 33%; float: left; box-sizing: border-box; text-align: center; margin-bottom: 70px; } .portfolio.items-3 .item:nth-child(3n+1){ padding-right: 40px; clear: both; } .portfolio.items-3 .item:nth-child(3n+2){ padding-right: 20px; padding-left: 20px; } .portfolio.items-3 .item:nth-child(3n+3){ padding-left: 40px; } .portfolio.items-3 .item .thumb{ width: 100%; height: 170px; background-size: cover; background-position: center center; margin-bottom: 15px; } .portfolio .item h3{ margin-bottom: 20px; } .portfolio .item .category{ font-size: 13px; color: #990000; font-weight: bold; font-family: 'Lato',sans-serif; } /* SEARCH */ .search{ position: relative; } .error404 .search{ width: 300px; margin: 0px auto; } .search-form input{ height: 30px; line-height: 30px; padding-right: 35px; padding-left: 10px; width: calc(100% - 47px); float: left; box-sizing: content-box; border-radius: 1px; font-size: 14px; color: #777; } .search-form button{ position: absolute; right: 0px; top: 0px; padding: 0px; margin: 0px; background-color: transparent; border: 0px; cursor: pointer; clear: none; padding-right: 5px; } .search-form button i{ color: #777; font-size: 18px; font-weight: normal; line-height: 30px; } /* SEARCH RESULTS */ .search-results article{ clear: both; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #ddd; } .search-results article:last-of-type{ border-bottom: 0px; padding-bottom: 0px; } .search-results article h4{ margin-bottom: 0px; } .search-results .search-info{ padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; text-transform: uppercase; } .search-results .search-info, .search-results .search-info a { color: #999; font-size: 14px; font-weight: normal; } /* WIDGETS */ .widget{ clear: both; display: inline-block; margin-bottom: 70px; width: 100%; font-size: 16px; } .widget-title{ padding-left: 15px; font-size: 15px; color: #333; letter-spacing: 2px; margin-top: 0px; } .widget-title:before{ background: #990000; content: ""; display: block; height: 25px; position: absolute; top: 0px; left: 0px; width: 3px } .widget ul li a{ color: #333; } .footer-widgets{ margin: 0px auto; margin-top: 60px; clear: both; width: 100%; background-color: #1d1d1d; padding-top: 50px; border-top: 6px solid #990000; color: #ccc; margin-bottom: -80px; } .footer-widgets h1, .footer-widgets h2, .footer-widgets h3, .footer-widgets h4, .footer-widgets h5, .footer-widgets h6, .footer-widgets b, .footer-widgets strong{ color: #fff; } .footer-widgets .widget-title{ font-size: 15px; padding-left: 15px; margin-top: 0px; } .footer-widgets .widget-title:before{ background: #990000; content: ""; display: block; height: 25px; position: absolute; top: 0px; left: 0px; width: 3px } .footer-widgets .widget-area a{ color: #fff; } .widget-area a:hover{ color: #990000; } .widget select{ width: 100%; } .widget-area .widget{ font-size: 14px; } .dp_widget_cats ul li ul, .widget_categories ul li ul, .widget_archive ul li ul, .widget_meta ul li ul, .blogroll ul li ul, .widget_pages ul li ul, .widget_recent_entries ul li ul, .widget_nav_menu ul li ul{ margin-left: 15px; margin-top: 15px; } .dp_widget_cats ul li, .widget_categories ul li, .widget_archive ul li, .widget_meta ul li, .blogroll li, .widget_pages li, .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_nav_menu li, .widget_rss li{ line-height: 20px; margin: 0px; padding: 0px; padding-bottom: 13px; margin-bottom: 13px; position: relative; border-bottom: 1px solid #dedede; } .dp_widget_cats ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_meta ul li a, .blogroll li a, .widget_pages li a, .widget_recent_entries ul li a, .widget_nav_menu li a, .widget_rss li a{ display: block; font-weight: normal; } .dp_widget_cats ul li:after, .widget_categories ul li:after, .widget_archive ul li:after, .widget_meta ul li:after, .blogroll li:after, .widget_pages li:after, .widget_recent_entries ul li:after, .widget_nav_menu li:after, .widget_rss li:after{ font-family: 'FontAwesome'; content: '\f105'; font-size: 14px; color: #999; right: 0px; position: absolute; top: 0px; } .dp_widget_cats ul li:last-child, .widget_categories ul li:last-child, .widget_archive ul li:last-child, .widget_meta ul li:last-child, .blogroll ul li:last-child, .widget_pages ul li:last-child, .widget_recent_entries ul li:last-child, .widget_nav_menu ul li:last-child{ margin-bottom: 0px; } .dp_widget_cats ul li ul li:last-child, .widget_categories ul li ul li:last-child, .widget_archive ul li ul li:last-child, .widget_meta ul li ul li:last-child, .blogroll ul li ul li:last-child, .widget_pages ul li ul li:last-child, .widget_recent_entries ul li ul li:last-child, .widget_nav_menu ul li ul li:last-child{ padding-bottom: 0px; } .dp_widget_cats ul li ul li:last-child, .widget_categories ul li ul li:last-child, .widget_nav_menu ul li ul li:last-child{ border-bottom: 0px; } .footer-widgets .dp_widget_cats ul li, .footer-widgets .widget_categories ul li, .footer-widgets .widget_archive ul li, .footer-widgets .widget_meta ul li, .footer-widgets .blogroll li, .footer-widgets .widget_pages li, .footer-widgets .widget_recent_entries ul li, .footer-widgets .widget_recent_comments ul li, .footer-widgets .widget_nav_menu li, .footer-widgets .widget_rss li{ border-color: #464646; } /* CALENDAR */ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: center; margin-bottom: 15px; font-weight: bold;} #wp-calendar thead th { padding-bottom: 10px; text-align: center; font-weight: bold; font-size: 14px; } #wp-calendar tbody td { text-align: center; line-height: 30px; border: 0px; } #wp-calendar tfoot #next { font-size: 13px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 13px; text-transform: uppercase; padding-top: 10px; } #wp-calendar tbody .pad { background: none; } .footer-widgets #wp-calendar tbody tr:hover{ background-color: #222; } .footer-widgets #wp-calendar tbody tr{ border-bottom: 0px; } /* RSS */ .widget_rss li a{ display: block; } .widget_rss .rss-date{ clear: both; color: #999; font-style: italic; font-size: 13px; text-transform: uppercase; } /* NAVIGATION */ .widget_nav_menu .current-menu-item{ font-weight: bold; } .widget_nav_menu ul li a{ font-weight: normal; color: #555; } /* RECENT ENTRIES */ .widget_recent_entries{ text-transform: uppercase; } .widget_recent_entries .post-date{ font-style: italic; color: #999; clear: both; font-size: 13px; } /* RECENT COMMENTS */ .sidebar .widget_recent_comments .comment-author-link{ font-weight: bold; color: #333; } .footer-widgets .widget_recent_comments .comment-author-link{ font-weight: bold; color: #fff; } .widget_recent_comments li:before { content: "\f0e5"; font-family: 'FontAwesome'; font-style: normal; font-weight: normal; text-decoration: inherit; color: #555; padding-right: 10px; } .footer-widgets .widget_recent_comments li:before { color: #999; } /* TAG CLOUD */ .widget .tagcloud a{ font-size: 13px !important; display: inline-block; text-transform: uppercase; height: 25px; line-height: 25px; padding-left: 12px; padding-right: 12px; margin-right: 5px; margin-bottom: 10px; color: #555; font-weight: normal; border: 1px solid #dedede; } .widget .tagcloud a:hover{ color: #990000; border: 1px solid #990000; } .footer-widgets .tagcloud a{ border-color: #999; color: #ccc; } /* DP CATEGORIES */ .dp_widget_cats .cloud li ul{ margin: 0px; } .dp_widget_cats .cloud li{ padding: 0px; margin: 0px; border: 0px; background-image: none; clear: none; } .dp_widget_cats .cloud li:after{ content: ''; } .dp_widget_cats .cloud li a{ font-size: 13px !important; display: inline-block; text-transform: uppercase; height: 25px; line-height: 25px; padding-left: 12px; padding-right: 12px; margin-right: 5px; margin-bottom: 10px; color: #555; font-weight: normal; border: 1px solid #dedede; float: left; } .footer-widgets .dp_widget_cats .cloud a{ border-color: #999; color: #ccc; } .dp_widget_cats .cloud a:hover{ color: #990000; border: 1px solid #990000; } /* DP RECENT/POPULAR POSTS */ .dp_widget_posts ul{ width: 100%; display: inline-block; } .dp_widget_posts li{ clear: both; margin-bottom: 20px; width: 100%; line-height: 18px; display: inline-block; } .dp_widget_posts li:last-child{ margin-bottom: 0px; } .dp_widget_posts .thumb{ width: 33%; min-height: 80px; background-repeat: no-repeat; background-size: cover; background-position: center center; float: left; margin-right: 20px; border: 3px solid #e2e2e2; } .footer-widgets .dp_widget_posts .thumb{ border: 0px; } .dp_widget_posts .title{ text-transform: uppercase; line-height: 18px; font-size: 14px; color: #333; position: relative; top: 10px; padding-top: 10px; } .dp_widget_posts .date{ color: #999; font-style: italic; font-weight: normal; clear: both; font-size: 14px; text-transform: uppercase; line-height: 18px; padding-top: 10px; display: inline-block; } .dp_widget_posts .noimages li{ line-height: 20px; background: transparent url('images/list-icon.gif') no-repeat 0px 12px; padding-left: 30px; padding-bottom: 4px; margin-bottom: 6px; position: relative; } .dp_widget_posts .imagesonly li{ width: 30%; margin-right: 3%; min-height: 80px; margin-bottom: 3%; } .dp_widget_posts .imagesonly li .thumb{ max-width: 100%; width: 100%; box-sizing: border-box; } .dp_widget_posts .title:after{ content: ""; width: 27px; height: 3px; background-color: #990000; position: absolute; top: 0px; left: 0px; } .dp_widget_posts li:hover .title{ color: #990000; } .footer-widgets .dp_widget_posts .title { color: #fff; } /* COLUMNS */ .one-half{ width: 48%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .one-third{ width: 30.66666666666667%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .two-third{ width: 65.3%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .one-fourth{ width: 22%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .three-fourth{ width: 74%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .one-fifth{ width: 16.8%; margin-right: 4%; float: left; min-height: 1px; overflow: hidden; } .last{ margin-right: 0px !important; } .last:after{ content: ""; width: 100%; height: 1px; display: block; clear: both; } .one-half + br, .one-third + br, .two-third + br, .one-fourth + br, .three-fourth + br, .one-fifth + br{ display: none; } .one-half + p, .one-third + p, .two-third + p, .one-fourth + p, .three-fourth + p, .one-fifth + p{ clear: both; } /*** DIVPUSHER SHORTCODES OVERWRITE ***/ /* CTA */ .dp-cta .overlay{ background-color: #990000; } .dp-cta .overlay:after{ content: ""; position: absolute; background: transparent url('images/cta-overlay.png'); left: 0px; top: 0px; width: 100%; height: 100%; } .dp-cta.has-bg .deco{ background-color: #fff; } .dp-cta-js.has-bg{ position: absolute; width: 100%; left: 0px; top: auto; } .dp-cta-fixer{ display: inline-block; clear: both; width: 100%; } .dp-cta.has-bg .dp-text{ width: 1140px; margin: 0px auto; } /* ICON BOX */ .dp-iconbox{ margin-bottom: 30px; } .dp-iconbox h4, .entry-content .dp-iconbox h4{ font-weight: bold; letter-spacing: 0px; font-size: 15px; margin-bottom: 0px; } .dp-iconbox.alignleft i.fa, .dp-iconbox.alignright img.dp-icon { font-size: 32px; color: #990000; margin-right: 30px; } /* TOGGLE */ .dp-toggle i{ color: #990000; } /* POSTS */ .dp-posts .category{ color: #990000 !important; font-style: normal !important; font-weight: bold; font-family: 'Lato',sans-serif; } /* TABS */ .dp-tabs{ border-top: 0px; } .dp-tabs .tabnav-input:checked + .tabnav-label{ border-color: #990000; } .dp-tabs .dp-tabcontents{ padding-top: 50px; } /* PRICING TABLE */ .dp-pricing-table:hover{ border-color: #990000; } .dp-pricing-table a.dp-button.style2{ background-color: transparent; border: 0px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; line-height: 20px; text-decoration: none; color: #900; padding: 10px 25px; } .dp-pricing-table a.dp-button.style2:hover{ border-color: #990000; color: #990000; } /* TEXT MEANT ONLY FOR SCREEN READERS. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; }