/* Theme Name: cave-biology.org Theme URI: https://www.templatesell.com/item/polite-minimal-blog-wordpress-theme/ Author: templatesell Author URI: https://www.templatesell.com/ Description: A perfect theme for blog and magazine site. With masonry layout and multiple blog page layout, this theme is the awesome and minimal theme. This theme has search option, off-canvas sidebar, multiple sidebar options, footer options, featured slider, promo boxed, footer widgets and many more. Besides that, this theme comes with added custom widgets for author information, featured posts, social icons, etc. It comes with primary color option to change the whole site color with a single click. More Details: https://www.templatesell.com/item/polite-minimal-blog-wordpress-theme/ Version: 1.1.5 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: polite Requires PHP: 5.2 Tested up to: 5.4 Tags: custom-background, custom-header, one-column, two-columns, three-columns, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, blog, news This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. Polite is free WordPress theme by, Template Sell. Polite is distributed under the terms of the GNU GPL v2 or later. Normalizing styles have been helped along thanks to the fine work of Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/ */ /** * 1.0 - General styles (body, headings, links, tags, margins, etc.) * ------------------------------------------------------------- */ /* body */ body { font-family: 'Muli', sans-serif; font-size: 16px; font-style: normal; font-weight: normal; line-height: 1.5; color: #4c4f53; } /* links */ a { text-decoration: none !important; outline: none !important; color: #4c4f53; -webkit-transition: color 0.2s ease, background-color 0.2s ease; -moz-transition: color 0.2s ease, background-color 0.2s ease; -o-transition: color 0.2s ease, background-color 0.2s ease; transition: color 0.2s ease, background-color 0.2s ease; } a:focus { color: #4c4f53; outline: 5px auto red !important; } a:hover { color: #d42929; } /* H1 - H6 */ h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; font-family: 'Prata', serif; font-style: normal; font-weight: 400; line-height: 1.5; color: #000000; } h1, .h1 { font-size: 29px; } h2, .h2 { font-size: 26px; } h3, .h3 { font-size: 23px; } h4, .h4 { font-size: 20px; } h5, .h5 { font-size: 17px; } h6, .h6 { font-size: 15px; } /* tags */ button { -webkit-transition: color 0.2s ease, background 0.2s ease; -moz-transition: color 0.2s ease, background 0.2s ease; -o-transition: color 0.2s ease, background 0.2s ease; transition: color 0.2s ease, background 0.2s ease; } p { margin: 0 0 15px; } dl { margin: 0 0 15px; } dl dt { font-weight: 700; margin: 0 0 5px; line-height: 1.7; } dl dd { margin: 0 0 15px; padding: 0 0 0 15px; line-height: 1.7; } dl dd:last-child { margin-bottom: 0; } address { display: block; margin: 0 0 15px; font-style: italic; } sup, sub { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } abbr { text-decoration: none; border-bottom: 1px dotted #4c4f53; cursor: help; } acronym { text-decoration: none; border-bottom: 1px dashed #4c4f53; cursor: help; } big { text-transform: uppercase; font-size: larger; } cite { font-style: italic; border: none; } code, kbd, tt { padding: 4px 5px; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 15px; color: #4c4f53; background-color: #f7f8f8; border-radius: 0; } kbd { box-shadow: none; } s, strike, del { text-decoration: line-through; } pre { display: inline-block; width: 100%; font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; font-size: 15px; line-height: 1.35; overflow: auto; white-space: pre; margin: 5px 0 13px; padding: 21px 30px; background-color: #f7f8f8; color: #4c4f53; border: none; border-radius: 0; } var { font-style: italic; font-weight: 700; } strong, b { font-weight: 700; } em, q { font-style: italic; } ins { text-decoration: none; border-bottom: 2px solid #4c4f53; } legend { margin-bottom: 15px; padding-bottom: 5px; font-size: 22px; font-weight: 700; color: #2f3235; border-bottom: 1px solid #eeefef; } hr { margin-top: 25px; margin-bottom: 25px; border-color: #eeefef; } blockquote { position: relative; margin: 0 0 40px; padding: 0 0 0 60px; border: none; font-family: 'Playfair Display', serif; font-size: 18px; font-style: normal; line-height: 1.65; } blockquote:before { position: absolute; top: -4px; left: -4px; z-index: 0; font-family: 'Playfair Display', serif; content: '\201c'; font-size: 120px; font-style: normal; line-height: 0.79; color: #d42929; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: ''; } blockquote p { margin-bottom: 20px !important; } blockquote p:last-child { margin-bottom: 0 !important; } blockquote cite { display: block; margin-top: 10px; font-size: 18px; line-height: 1.3; text-align: left; color: #4c4f53; } ul { list-style: disc; margin: 0; } ol { list-style: decimal; } li>ul, li>ol { margin-bottom: 0; margin-left: 1.5em; padding-left: 10px; } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; } figure { margin: 0; } table { border-collapse: collapse; border-spacing: 0; margin: 0 0 30px; width: 100%; } td, th { border: 1px solid #e7e7e7; padding: 7px 0; text-align: center; } /* text-align */ .aligncenter { text-align: center; } .alignright { text-align: right; } .alignleft { text-align: left; } /* float */ .floatleft { float: left; } .floatright { float: right; } /* font-width; !important - it is used to change a current "font-width" value */ .fw-300 { font-weight: 300 !important; } .fw-400 { font-weight: 400 !important; } .fw-500 { font-weight: 500 !important; } .fw-600 { font-weight: 600 !important; } .fw-700 { font-weight: 700 !important; } /* padding (none; 0); !important - it is used to change a current "padding-*" value */ .pt-none { padding-top: 0 !important; } .pb-none { padding-bottom: 0 !important; } .pr-none { padding-right: 0 !important; } .pl-none { padding-left: 0 !important; } /* margin (none; 0); !important - it is used to change a current "margin-*" value */ .mt-none { margin-top: 0 !important; } .mb-none { margin-bottom: 0 !important; } .mr-none { margin-right: 0 !important; } .ml-none { margin-left: 0 !important; } /* word-break */ .break-word { word-wrap: break-word; } /* overflow */ .o-hidden { overflow: hidden; } /* screen reader text */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important; } /* override Bootstrap's default container */ @media (min-width: 1200px) { /* .container { width: 1030px; }*/ } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .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; clip-path: none; 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; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /** * 2.0 - Animation * ------------------------------------------------------------- */ /** * SlideUpIn animation * * Used for the drop-down search form and for the drop-down mobile menu */ .SlideUpIn { animation-name: SlideUpIn; -webkit-animation-name: SlideUpIn; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes SlideUpIn { 0% { transform: translateY(10px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @-webkit-keyframes SlideUpIn { 0% { -webkit-transform: translateY(10px); opacity: 0; } 100% { -webkit-transform: translateY(0); opacity: 1; } } /** * SlideDownOut animation * * Used for the drop-down search form and for the drop-down mobile menu */ .SlideDownOut { animation-name: SlideDownOut; -webkit-animation-name: SlideDownOut; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes SlideDownOut { 0% { transform: translateY(0); opacity: 1; } 100% { transform: translateY(10px); opacity: 0; } } @-webkit-keyframes SlideDownOut { 0% { -webkit-transform: translateY(0); opacity: 1; } 100% { -webkit-transform: translateY(10px); opacity: 0; } } /** * SlideLeftIn animation * * Used for the main menu container */ .SlideLeftIn { animation-name: SlideLeftIn; -webkit-animation-name: SlideLeftIn; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes SlideLeftIn { 0% { transform: translateX(10px); opacity: 0; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes SlideLeftIn { 0% { -webkit-transform: translateX(10px); opacity: 0; } 100% { -webkit-transform: translateX(0); opacity: 1; } } /** * SlideRightOut animation * * Used for the main menu container */ .SlideRightOut { animation-name: SlideRightOut; -webkit-animation-name: SlideRightOut; animation-duration: 0.2s; -webkit-animation-duration: 0.2s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes SlideRightOut { 0% { transform: translateX(0); opacity: 1; } 100% { transform: translateX(10px); opacity: 0; } } @-webkit-keyframes SlideRightOut { 0% { -webkit-transform: translateX(0); opacity: 1; } 100% { -webkit-transform: translateX(10px); opacity: 0; } } /*** ==================================================================== ## Top Header ==================================================================== ***/ .top-bar-area { background: #fff none repeat scroll 0 0; padding: 3px 0px; position: relative; border-bottom: 1px solid #fafafa; } .top-bar-area .left-side { float: left; } .top-bar-area .right-side { float: right; } .top-menu>ul>li>a { font-size: 12px; line-height: 40px; } .top-menu>ul { display: block !important; padding: 0; font-size: 0; margin: 0; } .top-menu>ul>li { display: inline-block; } .top-menu ul li { position: relative; } .top-menu>ul>li>a { display: block; vertical-align: middle; font-size: 14px; font-style: normal; font-weight: 400; color: #4c4f53; padding: 0 15px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .top-menu>ul>li:first-child>a { padding-left: 0; } .top-menu>ul>li:last-child>a { padding-right: 0; } .top-menu>ul>li>ul { display: none; } .menu-area .left-side { float: left; } .menu-area .right-side { float: right; } /** ##Search (dropdown search form) * ------------------------------------------------------------- */ .search-wrapper { position: relative; float: right; padding-left: 30px; } .search-box-text { position: absolute; top: 100%; right: 0; z-index: 1002; width: 320px; height: auto; padding: 25px 30px; background-color: #ffffff; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.35); display: none; } .search-box-text:after { content: ''; position: absolute; z-index: 1002; right: 20px; bottom: 100%; margin-bottom: -1px; border: 6px solid transparent; border-bottom: 6px solid #ffffff; } .widget .search-form, .search-wrapper .search-form { position: relative; display: table; border-collapse: separate; width: 100%; } .widget .search-form label, .widget .search-form .search-submit, .search-wrapper .search-form label, .search-wrapper .search-form .search-submit { display: table-cell; } .widget .search-field, .search-wrapper .search-field { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .widget .search-field, .search-wrapper .search-field { font-size: 15px; font-style: normal; font-weight: 400; color: #4c4f53; background: #f7f8f8; border: 1px solid #f7f8f8; border-right: 0; height: 45px; padding: 10px 15px; border-radius: 0; box-shadow: none !important; } .search-field::-webkit-input-placeholder { color: #4c4f53; } .search-field:-moz-placeholder { color: #4c4f53; } .search-field:-ms-input-placeholder { color: #4c4f53; } .widget .search-form .search-submit, .search-wrapper .search-form .search-submit { white-space: nowrap; vertical-align: middle; height: 45px; float: right; border: 1px solid #f7f8f8; background: #efefef; padding: 0 15px; margin-left: -1px; color: #6f6f6f; width: 100%; } .second_click { display: none; position: relative; z-index: 999999999; } .hide-show .second_click { display: block !important; } .hide-show .first_click { display: none !important; } .search_box { display: block !important; } .search-box i { line-height: 56px; padding: 15px 0; cursor: pointer; width: 40px; text-align: center; } /* # Top Social ----------------------------------------*/ .social-links ul { margin: 0; padding: 0; } .social-links ul li { display: inline; padding: 0 5px; } .social-links ul li a { font-size: 0; color: transparent; line-height: 40px; } .social-links ul li a:hover { color: #54be73 } .social-links li:last-child { margin-right: 0; } .social-links ul li a:before { content: ""; font-family: FontAwesome, sans-serif; font-size: 14px; padding: 10px 5px; transition: color 0.3s ease-in-out 0s; vertical-align: middle; line-height: 12px; color: #68686d; display: inline-block; border: 0; border-radius: 0; } .social-links ul li:hover a:before { opacity: .6; } .social-links ul li a[href*="facebook.com"]:before { content: "\f09a"; } .social-links ul li a[href*="twitter.com"]:before { content: "\f099"; } .social-links ul li a[href*="linkedin.com"]:before { content: "\f0e1"; } .social-links ul li a[href*="plus.google.com"]:before { content: "\f0d5"; } .social-links ul li a[href*="youtube.com"]:before { content: "\f167"; } .social-links ul li a[href*="dribbble.com"]:before { content: "\f17d"; } .social-links ul li a[href*="pinterest.com"]:before { content: "\f0d2"; } .social-links ul li a[href*="bitbucket.org"]:before { content: "\f171"; } .social-links ul li a[href*="github.com"]:before { content: "\f113"; } .social-links ul li a[href*="codepen.io"]:before { content: "\f1cb"; } .social-links ul li a[href*="flickr.com"]:before { content: "\f16e"; } .social-links ul li a[href$="/feed/"]:before { content: "\f09e"; } .social-links ul li a[href*="foursquare.com"]:before { content: "\f180"; } .social-links ul li a[href*="instagram.com"]:before { content: "\f16d"; } .social-links ul li a[href*="tumblr.com"]:before { content: "\f173"; } .social-links ul li a[href*="reddit.com"]:before { content: "\f1a1"; } .social-links ul li a[href*="vimeo.com"]:before { content: "\f194"; } .social-links ul li a[href*="digg.com"]:before { content: "\f1a6"; } .social-links ul li a[href*="twitch.tv"]:before { content: "\f1e8"; } .social-links ul li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-links ul li a[href*="delicious.com"]:before { content: "\f1a5"; } .social-links ul li a[href*="mailto:"]:before { content: "\f0e0"; } .social-links ul li a[href*="skype.com"]:before { content: "\f17e"; } .social-links ul li a[href*="dribble.com"]:before { content: "\f17d"; } /*** ==================================================================== ## Main Menu ==================================================================== ***/ .main-header, .main-header * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-header .container { position: relative; } .main-header:before, .main-header:after, .main-header *:before, .main-header *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .main-header { position: relative; font-size: 16px; line-height: 1.42857143; background-color: #fff; border-bottom: 1px solid #fafafa; z-index: 200; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; } .main-header ul { margin-bottom: inherit; } .main-header img { max-width: 100%; height: auto; vertical-align: top; } .main-header a:hover, .main-header a:focus, .main-header a:active { text-decoration: none; } .main-header a:focus, .main-header a:active { outline: none; } .main-header-container { position: relative; } .main-header-overlay .main-header-container { position: inherit; } .main-header .logo { position: relative; padding: 15px 0; text-align: center; line-height: 56px; } .main-header .logo p, .main-header .logo .site-title { margin: 0; padding: 0; line-height: normal; } .main-header .logo .site-title { font-size: 42px; text-transform: uppercase; line-height: 61px; } .main-header .logo img { max-width: 100%; height: auto; vertical-align: middle; } .header-default .bar-menu { position: absolute; top: 35px; right: 70px; width: 20px; height: 17px; display: flex; flex-direction: column; justify-content: space-between; cursor: pointer; -webkit-transition: transform 330ms ease-out; -moz-transition: transform 330ms ease-out; -o-transition: transform 330ms ease-out; transition: transform 330ms ease-out; } .header-default .bar-menu.menu-open { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .header-default .line-menu { background-color: #111111; border-radius: 2px; width: 100%; height: 3px; } .header-default .line-menu.line-half { width: 50%; } .header-default .line-menu.first-line { transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transform-origin: right; } .header-default .menu-open .line-menu.first-line { -webkit-transform: rotate(-90deg) translateX(3px); -moz-transform: rotate(-90deg) translateX(3px); -o-transform: rotate(-90deg) translateX(3px); transform: rotate(-90deg) translateX(3px); } .header-default .line-menu.last-line { align-self: flex-end; transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57); transform-origin: left; } .header-default .menu-open .line-menu.last-line { -webkit-transform: rotate(-90deg) translateX(-3px); -moz-transform: rotate(-90deg) translateX(-3px); -o-transform: rotate(-90deg) translateX(-3px); transform: rotate(-90deg) translateX(-3px); } .main-menu>ul { display: none; padding: 0 0 20px; } .main-menu ul li { position: relative; list-style: none; } .main-menu ul li>a { display: block; font-size: 15px; color: #212121; padding: 14px 15px; text-decoration: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .main-menu ul li.current-menu-item>a, .main-menu ul li:hover>a { color: #d42929; background-color: #f6f6f6; } .main-menu ul ul li>a { font-size: 14px; font-style: normal; text-transform: inherit; background-color: #efefef; padding: 14px 15px 14px 30px; } .main-menu ul ul ul li>a { padding: 14px 15px 14px 45px; } .main-menu ul ul li:hover>a { background-color: #efefef; } .dropdown-plus { width: 49px; height: 49px; line-height: 49px; position: absolute; top: 0; right: 0; cursor: pointer; } .dropdown-plus>a { position: absolute; width: 100%; left: 0; height: 100%; } .dropdown-plus:before, .dropdown-plus:after { position: absolute; content: ''; top: 24px; right: 18px; width: 13px; height: 1px; background-color: #111111; } .dropdown-plus:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .main-menu li>ul, .dropdown-plus.dropdown-open:after { display: none; } .header-shadow-wrapper { position: absolute; top: 100%; left: 0; width: 100%; height: 30px; overflow: hidden; z-index: -1; } .header-shadow-wrapper:after { display: block; position: relative; content: ""; width: 100%; height: 60px; top: -60px; border-radius: 50%; -webkit-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 30px -5px rgba(0, 0, 0, 0.1); } /* ============================================= ##Media queries for responsive design ================================================ */ @media (min-width: 768px) { .header-default .main-header .logo { float: left; } .main-menu { clear: both; } .header-shadow-wrapper:after { -webkit-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1); box-shadow: 0px 10px 40px -5px rgba(0, 0, 0, 0.1); } .main-header-overlay .logo { left: 30px; } .main-header-overlay .bar-menu { right: 30px; } .main-menu-overlay>ul>li { padding: 0 110px 0 30px; margin-bottom: 16px; } } @media (min-width: 992px) { /* ============================================= Viewport Breakpoint ================================================ */ .main-header-container { height: 90px; } .main-header-overlay .main-header-container { height: auto; } .main-header .logo { position: relative; } /*.main-header .logo img { max-width: inherit; max-height: 90px; width: auto; }*/ .header-default .bar-menu { display: none; } .main-menu { float: right; clear: inherit; } .main-menu>ul { display: block !important; padding: 0; font-size: 0; } .main-menu>ul>li { display: inline-block; } .main-menu ul li { position: relative; } .main-menu>ul>li>a { position: relative; line-height: 86px; font-size: 13px; text-transform: uppercase; letter-spacing: 0.8px; font-style: normal; font-weight: 600; color: #4c4f53; box-sizing: border-box; white-space: nowrap; padding: 0 20px; } .main-menu>ul>li:last-child>a { padding: 0 0 0 20px; } .main-menu ul li.current-menu-item>a, .main-menu ul li:hover>a { background-color: inherit; } .dropdown-plus { display: none; } .main-menu ul li.dropdown_menu>a>span:before { border-style: solid; border-width: 2px 2px 0 0; border-color: #c1c1c1; position: relative; content: ''; display: inline-block; height: 4px; width: 4px; top: -3px; margin-left: 8px; box-sizing: content-box; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .main-menu li>ul { display: block !important; position: absolute; width: 250px; top: 100%; left: 0; background-color: #fff; padding: 27px 0; visibility: hidden; opacity: 0; z-index: 1; -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .main-menu li:hover>ul { visibility: visible; opacity: 1; } .main-menu li.submenu-right>ul { left: inherit; right: 0; } .main-menu li>ul ul { top: -27px; left: 100%; } .main-menu li.submenu-right>ul ul { left: -100% !important; } .main-menu ul ul li.dropdown_menu>a>span:before { float: right; top: 7px; right: -10px; margin: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .main-menu ul ul li>a { position: relative; color: #818181; padding: 9px 35px 7px !important; } .main-menu ul ul li>a, .main-menu ul ul li:hover>a { color: #818181; background-color: transparent; text-align: left; } .main-menu ul ul li:hover>a { padding-left: 55px !important; } .main-menu ul ul li>a:before { position: absolute; content: ""; top: 17px; left: 35px; width: 0; height: 1px; background: #a1a1a1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .main-menu ul ul li:hover>a:before { width: 10px; } .main-menu ul li.dropdown_menu>a>span { display: none; } .main-menu.menu-caret ul li.dropdown_menu>a>span { display: inline-block; } .main-menu.menu-caret ul ul li.dropdown_menu>a>span { display: inline; } .main-menu.separate-line>ul>li>a { position: relative; } .main-menu.separate-line>ul>li>a:before { position: absolute; content: ""; top: 50%; right: 0; width: 1px; height: 20px; background: #eeeeee; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .main-menu.separate-line>ul>li:last-child>a:before { display: none; } .main-menu.separate-line>ul>li>a { padding: 0 28px; } .main-menu.separate-line>ul>li:last-child>a { padding: 0 0 0 28px; } /* ============================================= Header sticky ================================================ */ .main-header { -webkit-transition: all 0.5s ease; -moz-transition: position 10s; -ms-transition: position 10s; -o-transition: position 10s; transition: all 0.5s ease; } .main-header.sticky { top: 0; position: fixed; width: 100%; z-index: 100; animation: smoothScroll 1s forwards; } @keyframes smoothScroll { 0% { transform: translateY(-40px); } 100% { transform: translateY(0px); } } /* ============================================= Submenu ================================================ */ .main-menu.submenu-top-border li>ul { border-top: 3px solid #d42929; } .main-menu.submenu-top-border li>ul ul { top: -30px; } .main-menu.submenu-list-border li>ul ul { top: -20px; } .main-menu.submenu-top-border.submenu-list-border li>ul ul { top: -23px; } .main-menu.submenu-list-border ul ul li>a { padding: 15px 35px 14px !important; } .main-menu.submenu-list-border ul ul li:first-child>a { padding: 8px 35px 14px 35px !important; } .main-menu.submenu-list-border ul ul li:last-child>a { padding: 15px 35px 8px 35px !important; } .main-menu.submenu-list-border ul ul li:after { position: absolute; content: ""; bottom: 0; left: 35px; right: 35px; height: 1px; background: #eeeeee; } .main-menu.submenu-list-border ul ul li:last-child:after { display: none; } .main-menu.submenu-list-border ul ul li:hover>a { padding-left: 55px !important; } .main-menu.submenu-list-border ul ul li:nth-child(n+2)>a:before { top: 24px; } .header-dark .main-menu.submenu-list-border ul ul li:after { background: #333333; } /* ============================================= Submenu transitions ================================================ */ .main-menu.submenu-flip li>ul { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transform: rotateX(-90deg); -moz-transform: rotateX(-90deg); -o-transform: rotateX(-90deg); transform: rotateX(-90deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .main-menu.submenu-flip li:hover>ul { -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); -o-transform: rotateX(0deg); transform: rotateX(0deg); } .main-menu.submenu-flip ul { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; -ms-perspective: 200px; perspective: 200px; } .main-menu.submenu-flip ul li { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-perspective: 200px; -ms-perspective: 200px; perspective: 200px; } .main-menu.submenu-scale li>ul { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: scale(0); transform: scale(0); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .main-menu.submenu-scale li.submenu-right ul { -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .main-menu.submenu-scale li:hover>ul { -webkit-transform: scale(1); transform: scale(1); } } @media (max-width: 991px) { .main-menu>ul>li>a { line-height: normal !important; } .header-1 .header-image .main-menu ul { background: transparent; } } .mobile-menu { display: block; width: 20px; padding: 21px 0; margin: 0; float: left; position: relative; z-index: 2; background: none; border: none; } .mobile-menu:before, .mobile-menu:after { content: ''; display: block; background: #333; height: 2px; } .mobile-menu span { background: #333; display: block; height: 2px; margin: 6px 0; } div#MobileMenu { background: #fff; } div#MobileMenu { display: inline-block; padding: 0 15px; line-height: 50px; font-size: 15px; font-weight: 700; letter-spacing: .02em; color: #111111; margin: 0; position: relative; -webkit-transition: 350ms; -moz-transition: 350ms; -o-transition: 350ms; transition: 350ms; font-family: 'Roboto', sans-serif; } /*============================================================== ## Header Type CSS ================================================================*/ /*## Header Images*/ .header-image { padding: 30px 0 0 0; position: relative; } .header-image .search-box i, .header-image .main-menu>ul>li>a { color: #fff; } .header-image .container { position: relative; z-index: 2; } .header-image:before { position: absolute; content: ""; background: rgba(0, 0, 0, 0.2); left: 0; top: 0; width: 100%; height: 100%; z-index: 1; } .header-image.sticky { padding: 5px 0; /*background: #fff!important;*/ } .header-image.sticky:after { background: rgba(0, 0, 0, 0.8); } .header-1 .header-image .head_one { background: transparent; position: relative; } .header-image .menu-area { position: relative; z-index: 5; } .header-image .bar-menu a { color: #fff; } .main-header.header-image .logo p, .main-header.header-image .logo .site-title a { color: #fff; } .header-image .mobile-menu:before, .header-image .mobile-menu:after, .header-image .mobile-menu span { background: #fff; } @media (max-width: 991px) { .header-1 .header-image .main-menu ul { background: transparent; } } /*==================================================== ## Header One =======================================================*/ .header-1 #site-navigation { position: relative; } .header-1 .bar-menu { display: none; } .header-1 .head_one { background: #fff; border-bottom: 1px solid #f2f2f2; } .header-1 .head_one .logo { margin: auto; max-width: 400px; text-align: center; padding: 50px 0; float: none; } .header-1 .search-box i { line-height: 30px; } .header-1 .sticky .head_one { display: none; } .header-1 .main-menu { float: none; max-width: 80%; text-align: center; margin: auto; } @media (min-width: 1200px) { .header-1 .main-menu { float: none; text-align: center; } .header-1 .main-menu>ul>li>a { line-height: 60px; } .header-1 .main-menu>ul>li:first-child>a { padding-left: 0; } } @media (max-width: 991px) { .header-1 .main-header .container { position: inherit; } .header-1 .search-box i { line-height: 35px; } .header-1 .search-wrapper { right: auto; position: relative; } .header-1 .bar-menu { left: auto; position: relative; right: auto; margin: auto; top: auto; line-height: 68px; display: block; text-align: center; cursor: pointer; background: none; border: none } .header-1 .header-image .head_one { border: 0; } .header-1 .header-image .head_one .logo { padding: 5px; } .header-1 .header-image .main-menu>ul { width: 100%; background: #fff; top: 100%; text-align: left; left: 0; margin: 0; z-index: 50; position: absolute; } .header-image .main-menu>ul>li>a { color: #212121; } .header-1 .bar-menu.menu-open { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .header-1 .header-image .bar-menu { color: #fff; } .header-image { padding: 30px 0 0 0; } } /*============================================================== ## Main Banner CSS ================================================================*/ section.slider-wrapper { position: relative; } .slider-height { height: 665px; position: relative; } .img-cover { background-repeat: no-repeat; background-size: cover; background-position: center; } .caption { text-align: center; position: relative; z-index: 5; } .caption h2 a { font-size: 48px; color: #fff; margin-bottom: 10px; line-height: 1.3; } .caption span, .caption span a { font-size: 14px; color: #fff; margin-right: 5px; letter-spacing: 2px; } .caption span i { margin-right: 5px; } .caption .s-cat { color: #959595; z-index: 3; display: inline-block; font-size: 14px; font-weight: 500; border-radius: 1px; padding: 20px 0; line-height: normal; position: relative; } .main-slider .slick-arrow { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); background: none; padding: 0; font-size: 24px; height: 50px; width: 40px; border: 1px solid #c7c8ca; color: #c7c8ca; text-align: center; line-height: 50px; transition: all .3s; cursor: pointer; z-index: 99; opacity: 0; visibility: hidden; } .main-slider:hover .slick-arrow { opacity: 1; visibility: visible; } .main-slider .slick-arrow:hover { border: 1px solid #c7c8ca; color: #c7c8ca; } .main-slider .slick-arrow.slick-next { right: 30px; left: auto; } .main-slider .slick-dots { position: absolute; text-align: center; left: 0; right: 0; bottom: 30px; padding-left: 0; } .main-slider .slick-dots li { display: inline-block; line-height: 0; } .main-slider .slick-dots li.slick-active button { background: #fff; } .main-slider .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .d-flex { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .overley { background: rgba(0, 0, 0, .3); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; } .overley:after { content: ""; display: block; height: 100%; left: 0; position: absolute; bottom: 0; width: 100%; z-index: 2; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.75)); } .bottom-caption { position: absolute; bottom: 10%; width: 100%; } .bottom-caption .slider-items { position: relative; padding: 30px 0 10px 80px; cursor: pointer; } .bottom-caption .slider-items span { position: absolute; width: 70px; height: 70px; left: 0; top: 20px; border-radius: 100%; text-align: center; line-height: 70px; font-size: 30px; font-weight: 700; color: rgb(255, 255, 255); border: 2px solid #eee; background: rgba(0, 0, 0, 0.37); } .bottom-caption .slick-current .slider-items span { background: #d42929; border: 2px solid #d42929; } .bottom-caption .slider-items a, .bottom-caption .slider-items h4 { color: #fff; } /** ## slider Boxed **/ .boxed { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; padding-top: 30px; } @media (min-width: 768px) { .boxed { width: 750px; } } @media (min-width: 992px) { .boxed { width: 970px; } } @media (min-width: 1200px) { .boxed { width: 1170px; } } .bottom-caption .boxed { padding: 0 50px; } /** ## slider Two **/ .slide-wrap { display: table; width: 100%; background: #fafafa; margin-top: 50px; } .slide-wrap [class*="col-"] { display: table-cell; vertical-align: middle; float: none; padding: 0; } .slide-wrap .slider-height { height: 450px; } .slide-wrap .caption { text-align: left; padding: 20px 70px; } .slide-wrap .caption h2 a { font-style: normal; line-height: 1.2; color: #2f3235; font-size: 24px; } .slide-wrap .entry-meta { margin-bottom: 15px; } .slide-wrap .caption span, .slide-wrap .caption span a { margin-bottom: 15px; font-size: 12px; color: #989ea6; letter-spacing: normal; } .slide-wrap .caption .s-cat { color: #d42929; z-index: 3; display: inline-block; font-size: 14px; border-radius: 1px; line-height: normal; padding: 20px 0; position: relative; margin-bottom: 5px; } .slide-wrap .more-btn:before { content: ""; background-color: #000; width: 40px; height: 1px; display: inline-block; vertical-align: middle; margin-right: 10px; -webkit-transition: 0.2; -o-transition: 0.2; transition: 0.2; } .slide-wrap .more-btn { display: inline-block; margin-top: 20px; font-size: 16px; color: #000; box-shadow: none; } .slide-wrap .caption span i { margin-right: 5px; } .modern-slider .slick-arrow { position: absolute; height: 70px; width: 70px; text-align: center; line-height: 30px; border-radius: 0; color: #000; font-size: 35px; bottom: 4px; left: 0; z-index: 2; cursor: pointer; border: 0; background: #fff; outline: none; } .modern-slider .slick-arrow:hover { background: #333; color: #fff; } .modern-slider .slick-arrow.slick-next { left: 70px; right: auto; } .modern-slider .slick-dots { position: absolute; text-align: center; left: 0; right: 0; bottom: 30px; padding-left: 0; } .modern-slider .slick-dots li { display: inline-block; line-height: 0; } .modern-slider .slick-dots li.slick-active button { background: #fff; } .modern-slider .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } @media (max-width: 991px) { .slide-wrap { display: block; } .slide-wrap [class*="col-"] { display: block; } .slide-wrap .s-left { float: right; } .slide-wrap .caption { text-align: left; padding: 20px 15px; } .slide-wrap .slider-height { height: 300px; } } /** ================================================ ## Archive page heading ==================================================== **/ .archive-heading { max-width: 500px; width: 100%; padding: 0 15px; } .archive-title { margin: -7px 0 0; font-size: 29px; font-style: normal; font-weight: 700; line-height: 1.2; color: #2f3235; } .archive-description { margin: 15px 0 -3px; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.6; color: #4c4f53; } .archive-description p { margin-bottom: 10px; } .archive-description p:last-child { margin-bottom: 0; } /*** ==================================================================== ## Author Page ==================================================================== ***/ .fb-author-heading-social-links { margin-top: 8px; text-align: left; } .fb-author-heading-social-links>span { margin-right: 8px; font-size: 16px; font-style: normal; font-weight: 400; color: #4c4f53; } .fb-author-heading-social-links ul { margin: 0 -10px 0 0; display: inline-block; } .fb-author-heading-social-links ul li { display: inline-block; margin: 10px 10px 0 0; } .fb-author-heading-social-links ul li a { display: inline-block; width: 36px; height: 36px; line-height: 36px; text-align: center; font-family: sans-serif; font-size: 13px; font-weight: 400; color: #4c4f53; background-color: #ffffff; border-radius: 50%; } .fb-author-heading-social-links ul li a:active i { position: relative; top: 1px; } .fb-ah-twitter-link:hover, .fb-ah-twitter-link:focus { color: #43b1ff !important; } .fb-ah-facebook-f-link:hover, .fb-ah-facebook-f-link:focus { color: #6e8dd0 !important; } .fb-ah-pinterest-p-link:hover, .fb-ah-pinterest-p-link:focus { color: #ff3158 !important; } .fb-ah-vk-link:hover, .fb-ah-vk-link:focus { color: #6089b9 !important; } .fb-ah-telegram-plane-link:hover, .fb-ah-telegram-plane-link:focus { color: #4bb5e9 !important; } .fb-ah-flickr-link:hover, .fb-ah-flickr-link:focus { color: #3a7cf5 !important; } .fb-ah-instagram-link:hover, .fb-ah-instagram-link:focus { color: #f24b73 !important; } .fb-ah-500px-link:hover, .fb-ah-500px-link:focus { color: #3aadf6 !important; } .fb-ah-youtube-link:hover, .fb-ah-youtube-link:focus { color: #ff3449 !important; } .fb-ah-vimeo-v-link:hover, .fb-ah-vimeo-v-link:focus { color: #3bbff6 !important; } .fb-ah-soundcloud-link:hover, .fb-ah-soundcloud-link:focus { color: #fe823c !important; } .fb-ah-dribbble-link:hover, .fb-ah-dribbble-link:focus { color: #f65498 !important; } .fb-ah-behance-link:hover, .fb-ah-behance-link:focus { color: #537fff !important; } .fb-ah-github-link:hover, .fb-ah-github-link:focus { color: #010101; } .author .archive-heading { max-width: 70%; padding: 15px 0 30px 15px; } /*** ==================================================================== ##No results" message (content none) ==================================================================== **/ .search-no-results .page-content { position: relative; margin-bottom: 40px; background-color: #ffffff; padding: 30px; word-wrap: break-word; overflow: hidden; } .search-no-results h3 { margin: -7px 0 15px 0; font-size: 26px; font-style: normal; font-weight: 700; line-height: 1.2; color: #2f3235; } .search-no-results p { margin: 15px 0; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.6; color: #4c4f53; } /*** ==================================================================== ## Blog posts ==================================================================== ***/ .posts-container { padding-top: 60px; padding-bottom: 20px; overflow: hidden; } #main-blog .post { max-width: 550px; } /* masonry */ #masonry-loop { display: flex; justify-content: space-around; flex-wrap: wrap; margin-top: 20px; } .masonry-container { margin-right: -30px; } .masonry-item { float: left; } .masonry-item.col-1 { float: none; } .post-wrap { position: relative; margin-bottom: 0; padding: 0; background-color: #ffffff; } /* masonry: 3 columns */ .col-3-default { width: 33.33%; } .col-3 { width: 33.33%; } .col-3.width-2x { width: 66.66%; } /* masonry: 2 columns */ .col-2-default { width: 50%; } .col-2 { width: 50%; } .col-2.width-2x { width: 100%; } /* 1 column */ .col-1 { width: 100%; } /*** ==================================================================== ## Post Format ==================================================================== ***/ .date_title .post-date { line-height: 30px; } span.post-format { float: left; width: 40px; position: relative; height: 30px; } .blog .format-status .post-excerpt p, .archive .format-status .post-excerpt p { font-size: 20px; font-style: italic; } article.format-aside .post-content .post-format::after, article.format-status .post-content .post-format::after, article.format-chat .post-content .post-format::after, article.format-link .post-content .post-format::after, article.format-standard .post-content .post-format::after, article.format-image .post-content .post-format::after, article.hentry.sticky .post-content .post-format::after, article.format-video .post-content .post-format::after, article.format-gallery .post-content .post-format::after, article.format-audio .post-content .post-format::after, article.format-quote .post-content .post-format::after { font-size: 15px; content: "\f03e"; color: #ffffff; display: inline-block; font-family: "fontawesome"; left: 0; position: absolute; text-align: center; top: 0; width: 30px; line-height: 30px; height: 30px; background: #d42929; } article.format-standard .post-content .post-format::after { content: "\f016" } article.format-image .post-content .post-format::after { content: "\f03e"; } article.hentry.sticky .post-content .post-format::after { content: "\f097"; } article.format-video .post-content .post-format::after { content: "\f144"; } article.format-gallery .post-content .post-format::after { content: "\f03e"; } article.format-audio .post-content .post-format::after { content: "\f001"; } article.format-quote .post-content .post-format::after { content: "\f10e"; } article.format-link .post-content .post-format::after { content: "\f08e"; } article.format-chat .post-content .post-format::after { content: "\f0e6"; } article.format-aside .post-content .post-format::after { content: "\f24a"; } article.format-status .post-content .post-format::after { content: "\f24d"; } @media (max-width: 767px) { .date_title .post-date { line-height: inherit; } } /*** ==================================================================== ## Post media: image ==================================================================== ***/ .post-media { position: relative; } /* img */ .post-media img { display: block; max-width: 100%; width: auto; height: auto; margin: 0 auto; } /* img overlay */ .post-bg-overlay { position: absolute; top: 0; left: 0; z-index: 9; width: 100%; height: 100%; background-color: #1f2123; opacity: 0; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .post-wrap:hover .post-bg-overlay { opacity: 0.2; } /*** ==================================================================== ## Post media: slider (gallery) ==================================================================== ***/ .blog-gallery .slick-arrow { position: absolute; top: 50%; left: 30px; transform: translateY(-50%); background: none; padding: 0; font-size: 24px; height: 50px; width: 40px; border: 1px solid #c7c8ca; color: #c7c8ca; text-align: center; line-height: 50px; transition: all .3s; cursor: pointer; z-index: 99; } .blog-gallery .slick-arrow:hover { border: 1px solid #c7c8ca; color: #c7c8ca; } .blog-gallery .slick-arrow.slick-next { right: 30px; left: auto; } .blog-gallery .slick-dots { position: absolute; text-align: center; left: 0; right: 0; bottom: 30px; padding-left: 0; } .blog-gallery .slick-dots li { display: inline-block; line-height: 0; } .blog-gallery .slick-dots li.slick-active button { background: #fff; } .blog-gallery .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } /*** ==================================================================== ## Post media: video ==================================================================== ***/ /* tags */ video { height: auto; max-width: 100%; width: 100%; } embed, iframe, object { max-width: 100%; } embed, iframe, object { width: 100%; } /* video post format: iframe */ .iframe-video-wrap { overflow: hidden; height: 0; padding-bottom: 56.25%; position: relative; z-index: 10; } .iframe-video-wrap iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: none !important; } /** * 9.4 - Post media: audio * ------------------------------------------------------------- */ .iframe-audio-wrap iframe { display: block; min-height: 160px; width: 100%; } /** * 9.5 - Post content * ------------------------------------------------------------- */ .post-content { position: relative; padding: 20px 15px; word-wrap: break-word; overflow: hidden; } .post-content { padding-bottom: 0; } /* date */ .post-date { margin: 20px 0; font-size: 12px; font-style: normal; text-transform: capitalize; color: #989ea6 } .post-date a { color: #989ea6; } .post-date a:focus, .post-date a:hover { color: #d42929; text-decoration: underline !important; } .post-date .entry-meta span { margin-right: 10px; } .post-date.no-title { margin-bottom: 15px; } .updated:not(.published) { display: none; } /* title */ .post-title { margin: 10px 0 15px 0; font-size: 32px; line-height: 1.8; color: #000000; } .post-title a { color: #000000; } .post-title a:hover, .post-title a:focus { color: #4c4f53; text-decoration: underline !important; } /* post excerpt and post content */ .post-excerpt, .content { font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; } .post-excerpt a:hover, .post-excerpt a:focus, .content a:hover, .content a:focus { color: #d42929; text-decoration: underline !important; } .content p { margin-bottom: 15px; } .drop-cap p:first-child:first-letter { float: left; font-size: 75px; line-height: 75px; padding-top: 0px; padding-right: 6px; padding-left: 3px; } .masonry-item .content p:last-child, .page-posts .content p:last-child { margin-bottom: 0; } .single .post-excerpt p, .single .post-excerpt ul, .single .post-excerpt ol { margin-bottom: 40px; list-style-position: inside; } .single .post-excerpt ul li ul { margin-bottom: 20px; } .single .post-excerpt ul li { margin-bottom: 10px; } .single .post-excerpt h1, .single .post-excerpt h2, .single .post-excerpt h3, .single .post-excerpt h4, .single .post-excerpt h5, .single .post-excerpt h6 { margin-bottom: 25px; } /* more link */ .more-link { font-style: normal; color: #989ea6; padding: 0; text-transform: uppercase; font-size: 13px; display: inline-block; font-weight: 600; } .content .more-link { display: inline-block; margin-bottom: 5px; } .content .more-link:after { content: '...'; display: inline-block; margin-left: 4px; } .content .more-link { margin-bottom: 0; } .content .more-link:after { display: none; } .content .more-link:before { content: '...'; display: inline-block; margin-right: 4px; } .content .more-link:hover:before, .content .more-link:focus:before { color: #4c4f53; } a.clean { background: #f7f8f8; padding: 10px 15px; margin: 15px 0 10px 0; border-radius: 3px; font-size: 12px; } a.effect { background: #f7f8f8; padding: 10px 15px; margin: 15px 0 10px 0; border-radius: 3px; display: inline-block; font-size: 12px; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.effect:before { width: 0%; height: 100%; top: 0; left: 0; background: #337ab7; border-radius: 3px; content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } a.effect:hover:before, a.effect:active:before { width: 100%; } a.effect:hover, a.effect:active { color: #fff !important; z-index: 1; } /* meta */ .post-cats { display: block; font-size: 14px; color: #989ea6; } .post-cats>span { padding-left: 10px; padding-right: 10px; vertical-align: middle; line-height: 1; } .post-cats>span:first-child { padding-left: 0; } .post-cats>span i, .post-cats>span a { color: #d42929; font-size: 14px; padding-right: 5px; margin-bottom: 5px; line-height: 20px; } .post-cats>span a:hover, .post-cats>span a:focus { color: #d42929; text-decoration: underline !important; } .post-cats>span.tags-links { display: none; border-left: 1px solid #d9d9d9; } .post-cats>span.tags-links i { display: none; } .meta_bottom { min-width: 100%; position: absolute; bottom: 50px; padding: 5px 10px; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease 0.4s; -moz-transition: all 0.15s ease 0.4s; -o-transition: all 0.15s ease 0.4s; transition: all 0.15s ease 0.4s; text-align: center; } .meta_bottom .post-share a { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background: #fff; color: #000; margin: 0 4px; } .meta_bottom .post-share a:hover { background: #f28b71; color: #fff; } .post-media:hover .meta_bottom { visibility: visible; opacity: 1; margin-bottom: 0; -webkit-transition: all 0.15s ease 0s; -moz-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } .single .meta_bottom { position: relative; opacity: 1; bottom: auto; visibility: visible; border: 1px solid #eeefef; margin: 20px 0; } /* post format: chat */ .format-chat .post-excerpt p, .format-chat .content p { background-color: #f7f8f8; padding: 5px; margin-bottom: 10px; } .archive .format-chat .post-excerpt p, .home .format-chat .post-excerpt p { display: none; } .archive .format-chat .post-excerpt p:nth-child(1), .archive .format-chat .post-excerpt p:nth-child(2), .archive .format-chat .post-excerpt p:nth-child(3), .archive .format-chat .post-excerpt p:nth-child(4), .home .format-chat .post-excerpt p:nth-child(1), .home .format-chat .post-excerpt p:nth-child(2), .home .format-chat .post-excerpt p:nth-child(3), .home .format-chat .post-excerpt p:nth-child(4) { display: block; } /* post format: link */ .format-link .post-excerpt a { display: block; } a.link-format { padding: 43px 20px; background: #d42929; margin: 0px -15px; color: #fff; font-size: 20px; } a.link-format:hover { color: #fff !important; opacity: 0.7; } /* post format: Quote */ .format-quote .post-wrap { background: #d42929; } .format-quote .content { color: #fff; margin: 0; padding: 0; } .format-quote .content p { font-size: 22px !important; font-style: italic !important; line-height: 30px !important; } .format-quote .content p { font-size: 22px !important; font-style: italic !important; line-height: 30px !important; } /* post format: status */ .blog .format-status p, .archive .format-status p { display: none; } /** ## Paginations (WordPress CSS classes) * ------------------------------------------------------------- */ .pagination { overflow: hidden; display: inline-block; margin: 0 0 50px; padding: 0; border-radius: 0; position: relative; text-align: center; width: 100%; } .pagination .page-numbers { font-size: 15px; font-style: normal; font-weight: 700; color: #4c4f53; width: 50px; height: 50px; line-height: 50px; text-align: center; background: #ddd; margin: 0 4px; display: inline-block; } .pagination .page-numbers.dots { padding: 10px 5px; } .pagination a.page-numbers:focus { color: #4c4f53; } .pagination .page-numbers.current { background: #333; color: #fff; } .pagination a.page-numbers:hover { color: #d42929; text-decoration: underline !important; } .posts-navigation { margin: 5px 0 0; padding: 15px 0 0; border-top: 1px solid #eeefef; } .posts-navigation:before, .posts-navigation:after { content: " "; display: table; } .posts-navigation:after { clear: both; } .posts-navigation { zoom: 1; display: inline-block; width: 100%; } .posts-navigation .nav-previous, .posts-navigation .nav-next { display: inline-block; min-height: 1px; width: 50%; position: relative; } .posts-navigation .nav-previous { float: left; text-align: left; padding-right: 15px; } .posts-navigation .nav-next { float: right; text-align: right; padding-left: 15px; } .posts-navigation .nav-previous a:before { position: absolute; content: "Previous post"; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #989ea6; display: block; padding-left: 10px; top: 0; } .posts-navigation .nav-previous a:after { position: absolute; content: "\f0d9"; font-family: "FontAwesome"; color: #989ea6; left: 0; top: -3px; } .posts-navigation .nav-next a:before { position: absolute; content: "Next post"; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #989ea6; display: block; padding-right: 10px; top: 0; right: 0; } .posts-navigation .nav-next a:after { position: absolute; content: "\f0da"; font-family: "FontAwesome"; color: #989ea6; right: 0; top: -3px; } .posts-navigation .nav-links a { display: inline-block; width: 100%; padding: 20px 0 10px 0; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; /* .post-title-nav color */ word-wrap: break-word; } .posts-navigation .nav-links a:hover, .posts-navigation .nav-links a:focus { color: #d42929; /* .post-title-nav color */ } .show-more { position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-width: 1px; cursor: pointer; font-weight: 500; display: inline-block; font-size: 1.5rem; text-align: center; line-height: 2; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-decoration: none; border-radius: 0; max-width: 100%; letter-spacing: .05em; padding: 1rem 4rem; background: #d42929; color: #fff; margin: auto; } .ajax-pagination { display: inline-block; width: 100%; } .show-more i { margin-right: 10px; } /** ## Single post page * ------------------------------------------------------------- */ .archive.woocommerce .posts-container, .page .posts-container, .single .posts-container { padding-top: 0; } /* post navigation (WordPress CSS classes) */ .post-navigation { margin: 5px 0 0; padding: 15px 0 0; } .post-navigation:before, .post-navigation:after { content: " "; display: table; } .post-navigation:after { clear: both; } .post-navigation { zoom: 1; } .post-navigation .nav-previous, .post-navigation .nav-next { display: inline-block; min-height: 1px; width: 50%; position: relative; } .post-navigation .nav-previous { float: left; text-align: left; padding-right: 15px; } .post-navigation .nav-next { float: right; text-align: right; padding-left: 15px; } .post-navigation .nav-previous a:before { position: absolute; content: "Previous post"; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #989ea6; display: block; padding-left: 10px; top: 0; } .post-navigation .nav-previous a:after { position: absolute; content: "\f0d9"; font-family: "FontAwesome"; color: #989ea6; left: 0; top: -3px; } .post-navigation .nav-next a:before { position: absolute; content: "Next post"; font-size: 12px; font-weight: 600; text-transform: uppercase; color: #989ea6; display: block; padding-right: 10px; top: 0; right: 0; } .post-navigation .nav-next a:after { position: absolute; content: "\f0da"; font-family: "FontAwesome"; color: #989ea6; right: 0; top: -3px; } .post-navigation .nav-links a { display: inline-block; width: 100%; padding: 20px 0 10px 0; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; /* .post-title-nav color */ word-wrap: break-word; } .post-navigation .nav-links a:hover, .post-navigation .nav-links a:focus { color: #d42929; /* .post-title-nav color */ } /** ## WordPress content styles * ------------------------------------------------------------- */ /* alignment */ .alignleft { float: left; margin: 5px 30px 15px 0; } .alignright { float: right; margin: 5px 0 15px 30px; } .aligncenter { clear: both; display: block; margin: 0 auto 20px; padding: 5px 0 0; } .alignnone { margin: 0 0 20px; padding: 5px 0 0; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } /* image with caption */ .wp-caption { max-width: 100%; margin-top: 0; margin-bottom: 15px; padding: 5px 0 0; } .wp-caption img { border: 0; margin: 0; padding: 0; max-width: 100%; height: auto; } .wp-caption .wp-caption-text { margin: 0; padding: 10px 0 0; font-size: 13px; text-align: left; line-height: 1.6; } /* responsive images */ .comment-content img { display: block; max-width: 100%; height: auto; } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; } /* gallery with images */ .gallery { margin: 0 -5px 5px !important; padding-top: 5px; } .gallery .gallery-item { display: inline-block; overflow: hidden; vertical-align: top; margin: 0 0 15px 0; padding: 0 5px; } .gallery .gallery-item .gallery-caption { margin: 0; padding: 10px 10px 0 0; font-size: 13px; line-height: 1.6; text-align: left; } .gallery.gallery-columns-7 .gallery-item .gallery-caption, .gallery.gallery-columns-8 .gallery-item .gallery-caption, .gallery.gallery-columns-9 .gallery-item .gallery-caption { display: none; } .gallery .gallery-icon a { display: block; } .gallery .gallery-icon img { display: block; max-width: 100%; height: auto; border: none !important; margin: 0; padding: 0; } .gallery.gallery-columns-1 .gallery-item { width: 100%; } .gallery.gallery-columns-2 .gallery-item { width: 50%; } .gallery.gallery-columns-3 .gallery-item { width: 33.3333336%; } .gallery.gallery-columns-4 .gallery-item { width: 25%; } .gallery.gallery-columns-5 .gallery-item { width: 20%; } .gallery.gallery-columns-6 .gallery-item { width: 16.6666667%; } .gallery.gallery-columns-7 .gallery-item { width: 14.2857143%; } .gallery.gallery-columns-8 .gallery-item { width: 12.5%; } .gallery.gallery-columns-9 .gallery-item { width: 11.1111111%; } /* twitter tweet */ .twitter-tweet { margin-top: 5px !important; margin-bottom: 20px !important; } /* checkbox and radio buttons */ input[type="checkbox"], input[type="radio"] { display: inline-block; margin: 0 5px 0 0; padding: 0; width: 16px; min-width: 16px; height: 16px; line-height: 0; position: relative; top: -2px; border: 2px solid #e3e5e6; background: #ffffff; clear: none; cursor: pointer; outline: none !important; text-align: center; vertical-align: middle; -webkit-appearance: none; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } input[type="checkbox"] { border-radius: 0; border-top-width: 1px; } input[type="radio"] { border-radius: 50%; border-top-width: 2px; } input[type="checkbox"]:hover, input[type="checkbox"]:focus, input[type="radio"]:hover { border-color: #d42929; } input[type="checkbox"]:checked, input[type="radio"]:checked { background: #d42929; border-color: #d42929; } input[type="checkbox"]:checked:before { content: "\2714"; line-height: 13px; color: #ffffff; } input[type="radio"]:checked:before { content: "\2022"; font-size: 22px; line-height: 12px; color: #ffffff; } /** ## About the author * ------------------------------------------------------------- */ .about-author { position: relative; margin-bottom: 40px; padding: 30px; border: 1px solid #eeefef; } .container-title { margin-bottom: 25px; font-size: 26px; font-style: normal; line-height: 1.2; color: #2f3235; } /* avatar */ .about-author-avatar { float: left; margin: 0 20px 0 0; position: relative; overflow: hidden; } .about-author-avatar img { display: block; margin: 0; padding: 0; width: 72px; height: 72px !important; border-radius: 36px; } .about-author-avatar .avatar-bg-overlay { border-radius: 36px; } .about-author-avatar:hover .avatar-bg-overlay { opacity: 0.2; } /* biographical info */ .about-author-bio-wrap { padding-left: 92px; } .about-top { display: inline-block; width: 100%; vertical-align: middle; } .about-author-name { margin-bottom: 0; font-size: 16px; line-height: 1.3; color: #2f3235; float: left; } .about-author-name a { display: inline-block; color: #2f3235; } .about-author-name a:hover, .about-author-name a:focus { color: #d42929; text-decoration: underline !important; } .about-author-name .about-author-posts-num { display: block; margin-top: 5px; font-size: 12px; color: #989ea6; } .about-author-name .about-author-posts-num i { margin-right: 8px; } .about-author-bio { margin-top: 12px; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; } .about-author-posts-link { display: inline-block; margin-top: 12px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.3; color: #989ea6; } .about-author-posts-link i { margin-right: 8px; } .about-author-posts-link:hover, .about-author-posts-link:focus { color: #d42929; text-decoration: underline !important; } .author-socials { float: right; } .author-socials a { padding: 5px 10px; } .author .archive-heading { max-width: 70%; padding: 15px 0 30px 15px; } /** * ## Comments * ------------------------------------------------------------- * Comment form * ------------------------------------------------------------- */ /* comments area: comment form, comment list, and navigation */ .comments-area { font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; } /* comments area: styles for Font Awesome icons */ .comment-reply-title #cancel-comment-reply-link:before, .bypostauthor>article .fn:after { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; } /* comment form title, comments title */ .comment-reply-title, .comments-title { margin: 0 0 25px; font-size: 26px; line-height: 1.2; color: #2f3235; } /* comment form */ .comment-form { margin-bottom: 40px; padding: 0; background-color: #ffffff; } .comment-form-comment { margin-bottom: 7px; } .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 10px; } .comment-form label { display: block; margin-bottom: 0; padding-bottom: 5px; font-weight: 700; line-height: 1.7; color: #4c4f53; } .comment-form-comment label:after { content: ' *'; } .comment-form-cookies-consent { margin-bottom: 10px; padding-top: 12px; } .comment-form-cookies-consent input[type="checkbox"] { margin: 0 10px 0 0; } .comment-form-cookies-consent label { display: inline; padding-bottom: 0; font-weight: 400; } #author, #email, #url, #comment { width: 100%; height: 40px; padding: 0 10px; color: #4c4f53; background: #ffffff; border: 2px solid #eeefef; border-top-width: 1px; border-radius: 0; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } #comment { height: 110px; padding: 10px; resize: vertical; } #author:hover, #email:hover, #url:hover, #comment:hover { border-color: #d42929; } #author:active, #email:active, #url:active, #comment:active, #author:focus, #email:focus, #url:focus, #comment:focus { outline: none; border-color: #d42929; } /* allowed tags */ .comment-form .form-allowed-tags { display: none; } /* comment form: submit button */ .comment-form .form-submit { padding: 15px 0 7px; margin-bottom: 0; } .comment-form #submit { border: none; outline: none; display: inline-block; padding: 0 35px; height: 48px; line-height: 48px; font-size: 15px; font-style: normal; font-weight: 700; color: #ffffff; background-color: #1f2123; border-radius: 0; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .comment-form #submit:hover, .comment-form #submit:focus { color: #ffffff; } .comment-form #submit:hover, .comment-form #submit:focus { background-color: #d42929; } .comment-form #submit:active { position: relative; top: 1px; } /* "must login" message */ .comment-respond .must-log-in { margin-bottom: 40px; padding: 30px; background-color: #ffffff; } .comment-respond .must-log-in a { color: #4c4f53; text-decoration: underline !important; } .comment-respond .must-log-in a:hover, .comment-respond .must-log-in a:focus { color: #d42929; } /* "logged-in as ..." message */ .comment-form .logged-in-as a { color: #4c4f53; } .comment-form .logged-in-as a:first-child:hover, .comment-form .logged-in-as a:first-child:focus { color: #4c4f53; text-decoration: underline !important; } .comment-form .logged-in-as a:last-child { text-decoration: underline !important; } .comment-form .logged-in-as a:last-child:hover, .comment-form .logged-in-as a:last-child:focus { color: #d42929; } /* cancel comment reply link */ .comment-reply-title small { float: right; margin-top: 10px; } .comment-reply-title #cancel-comment-reply-link { font-size: 12px; font-style: normal; font-weight: 600; color: #989ea6; } .comment-reply-title #cancel-comment-reply-link:before { font-family: 'FontAwesome'; font-weight: 900; content: '\f057'; margin-right: 8px; } .comment-reply-title #cancel-comment-reply-link:hover { color: #d42929; } /** * Comment list * ------------------------------------------------------------- */ /* comments */ .comment-list-wrap { margin-bottom: 40px; padding: 30px 30px 15px; background-color: #ffffff; } .comment-list { list-style: none outside none; margin: 0; padding: 0 0 15px; } .comment-list .children { list-style: none outside none; margin: 0; padding: 0 0 0 30px; } /* comment body */ .comment .comment-body { margin-top: 25px; padding-top: 25px; border-top: 1px solid #eeefef; word-wrap: break-word; } .comment-list>.comment:first-child>.comment-body { margin-top: 0; padding-top: 0; border-top: none; } /* pingbacks and trackbacks */ .comment-list .pingback .comment-body { margin-top: 25px; padding-top: 25px; padding-left: 36px; border-top: 1px solid #eeefef; word-wrap: break-word; position: relative; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.3; color: #989ea6; } .comment-list .pingback .comment-body:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; font-weight: 900; content: '\f35d'; position: absolute; top: auto; left: 0; margin-top: -2px; line-height: 1; font-size: 19px; color: #4c4f53; opacity: 0.2; } .comment-list>.pingback:first-child>.comment-body { margin-top: 0; padding-top: 0; border-top: none; } .comment-list .pingback .comment-body>a { display: block; margin-top: 12px; font-family: 'Lora', serif; font-size: 15px; font-weight: 400; line-height: 1.7; color: #4c4f53; } .comment-list .pingback .comment-body>a:hover, .comment-list .pingback .comment-body>a:focus { color: #d42929; text-decoration: underline !important; } .comment-list .pingback .comment-body .edit-link { display: inline-block; margin-top: 12px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.3; } .comment-list .pingback .comment-body .edit-link .comment-edit-link { color: #989ea6; text-decoration: none !important; } .comment-list .pingback .comment-body .edit-link .comment-edit-link:hover, .comment-list .pingback .comment-body .edit-link .comment-edit-link:focus { color: #d42929; text-decoration: underline !important; } /* comment metadata: avatar */ .comment-meta .comment-author img { float: left; display: block; width: 46px; height: 46px !important; margin: 0 15px 0 0; padding: 0; border-radius: 23px; } /* comment metadata: author */ .comment-meta .comment-author .fn { font-size: 16px; font-style: normal; font-weight: 600; line-height: 1.3; color: #2f3235; } .comment-meta .comment-author .fn .url { color: #2f3235; text-decoration: underline !important; } .comment-meta .comment-author .fn .url:hover, .comment-meta .comment-author .fn .url:focus { color: #d42929; } .comment-meta .comment-author .says { clip: rect(1px, 1px, 1px, 1px); width: 1px; height: 1px; overflow: hidden; position: absolute !important; word-wrap: normal !important; } /* comment metadata: post author */ .bypostauthor>article .fn:after { font-family: 'FontAwesome'; font-weight: 900; content: '\f040'; margin-left: 8px; font-size: 75%; } /* comment metadata: date and edit links */ .comment-meta .comment-metadata { margin-top: 2px; font-size: 12px; font-style: normal; font-weight: 600; line-height: 1.3; color: #989ea6; } .comment-meta .comment-metadata a { color: #989ea6; } .comment-meta .comment-metadata a:hover, .comment-meta .comment-metadata a:focus { color: #d42929; text-decoration: underline !important; } /* comment metadata: edit link */ .comment-meta .edit-link { margin-left: 10px; } /* comment metadata: "comment awaiting moderation" message */ .comment-meta .comment-awaiting-moderation { display: block; margin: 15px 0 0 61px; padding: 4px 0; background-color: #f7f8f8; } /* comment content */ .comment-content { padding: 12px 0 0 61px; } .no-avatars .comment-content { padding-left: 0 !important; } .comment-content p { margin-bottom: 15px; } .comment-content a { color: #4c4f53; text-decoration: underline !important; } .comment-content a:hover, .comment-content a:focus { color: #d42929; } /* comment reply */ .comment-body .reply { padding: 0 0 0 61px; margin-top: -6px; line-height: 1.3; } .no-avatars .comment-body .reply { padding-left: 0 !important; } .comment-body .reply .comment-reply-link { font-size: 12px; font-style: normal; font-weight: 600; color: #989ea6; } .comment-body .reply .comment-reply-link:focus { color: #989ea6; } .comment-body .reply .comment-reply-link:hover { color: #d42929; text-decoration: underline !important; } /* comment reply: comment form */ .comment-list li .comment-respond { margin-top: 25px; padding-top: 25px; border-top: 1px solid #eeefef; } .comment-list li .comment-reply-title { margin-bottom: 16px; } .comment-list li .comment-form { margin-bottom: 0; padding: 0; box-shadow: none; } .comment-list li .comment-form .form-submit { padding-bottom: 5px; } /* comments are closed */ .comment-list-wrap.comments-closed .comment-list { padding-bottom: 0; } .comments-area .no-comments { margin-bottom: 40px; padding: 30px; background-color: #ffffff; } /** * Comments navigation * ------------------------------------------------------------- */ .comment-navigation { margin: 10px 0 0; padding: 20px 0 15px; border-top: 1px solid #eeefef; } .comment-list-wrap.comments-closed .comment-navigation { margin-top: 25px; } .comment-navigation:before, .comment-navigation:after { content: " "; display: table; } .comment-navigation:after { clear: both; } .comment-navigation { zoom: 1; } .comment-navigation .nav-previous, .comment-navigation .nav-next { display: inline-block; min-height: 1px; width: 50%; line-height: 1.6; } .comment-navigation .nav-previous { float: left; text-align: left; padding-right: 15px; } .comment-navigation .nav-next { float: right; text-align: right; padding-left: 15px; } .comment-navigation .nav-links a { display: inline-block; width: 100%; font-size: 12px; font-weight: 600; text-transform: uppercase; word-wrap: break-word; color: #989ea6; } .comment-navigation .nav-links a:hover, .comment-navigation .nav-links a:focus { color: #d42929; text-decoration: underline !important; } .comment-navigation .nav-previous i { margin-right: 10px; } .comment-navigation .nav-next i { margin-left: 10px; } /** * Related posts / Posts list on single pages * ------------------------------------------------------------- */ .post-wrap .related-posts { padding-top: 20px; border-top: 1px solid #eeeeee; margin-top: 10px; } .post-wrap .related-post-widget-title { padding: 0; margin-bottom: 20px; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.3; text-transform: uppercase; color: #2f3235; background-color: #ffffff; } .post-wrap .related-posts .post-title { font-size: 18px; } .post-wrap .related-posts .post-content { padding: 15px 10px; } .post-wrap.left-image .related-posts { display: none; } /*Slick arrow*/ .related-posts-list .slick-arrow { position: absolute; height: 25px; width: 25px; text-align: center; line-height: 22px; border-radius: 0; color: #000; top: -38px; right: 50px; z-index: 2; cursor: pointer; border: 0; background: #ffffff; border: 1px solid #eee; outline: none; } .related-posts-list .slick-arrow:hover { background: #333; color: #fff; } .related-posts-list .slick-arrow.slick-next { right: 16px; left: auto; } .related-posts-list .slick-dots { position: absolute; text-align: center; left: 0; right: 0; bottom: 30px; padding-left: 0; } .related-posts-list .slick-dots li { display: inline-block; line-height: 0; } .related-posts-list .slick-dots li.slick-active button { background: #fff; } .related-posts-list .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } .related-posts { overflow: hidden; } .related-posts-list { margin-left: -15px; margin-right: -15px; } .related-posts .show-2-related-posts { float: left; width: 50%; padding: 0 15px; } .related-posts .show-3-related-posts .post { width: 33.33%; float: left; } /** * Page 404 * ------------------------------------------------------------- */ .error404 .posts-container { padding-top: 0; } .page-404-container { margin: 60px 0; padding: 120px 30px; text-align: center; background-color: #ffffff; } .page-404-content { max-width: 500px; width: 100%; margin: 0 auto; } .page-404-content h1, .page-404-content h2 { margin-bottom: 15px; font-style: normal; font-weight: 700; color: #2f3235; } .page-404-content h1 { font-size: 29px; line-height: 1.2; } .page-404-content .error-code { font-size: 110px; line-height: 110px; font-weight: 800; margin-bottom: 5px; color: #555555; } .page-404-content h2 { font-size: 23px; line-height: 1.3; } .page-404-content p { margin-bottom: 5px; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; } .page-404-content a { color: #4c4f53; text-decoration: underline !important; } .page-404-content a:hover, .page-404-content a:focus { color: #d42929; } .search-no-results .search-form label, .page-404-content .search-form label { display: block; max-width: 100%; margin-bottom: 0; font-weight: 700; } .search-no-results .search-form input[type="search"], .page-404-content .search-form input[type="search"] { float: left; width: 75%; height: 45px; background: none; padding: 5px 15px; border-width: 1px; box-shadow: none; border: 1px solid #333; border-right: 0; } .search-no-results .search-field::-webkit-input-placeholder, .page-404-content .search-field::-webkit-input-placeholder { color: #999; } .search-no-results .search-field:-moz-placeholder, .page-404-content .search-field:-moz-placeholder { color: #999; } .search-no-results.search-field:-ms-input-placeholder, .page-404-content .search-field:-ms-input-placeholder { color: #999; } .search-no-results .search-form input[type="submit"], .page-404-content .search-form input[type="submit"] { float: left; width: 25%; padding: 0; height: 45px; border: 1px solid #333; position: relative; background: #212121; color: #fff; display: inline-block; font-size: 11px; letter-spacing: 2px; padding: 10px 20px !important; text-transform: uppercase; transition: all 0.3s ease 0s; } .back_home { padding: 20px; display: inline-block; } /** * Sidebar and Widgets * ------------------------------------------------------------- */ .blog.left-sidebar #primary, .archive.left-sidebar #primary, .page.left-sidebar #primary { float: right } .blog.left-sidebar #secondary, .archive.left-sidebar #secondary, .page.left-sidebar #secondary { float: left } .blog.no-sidebar #secondary, .archive.no-sidebar #secondary, .page.no-sidebar #secondary, .blog.middle-column #secondary, .archive.middle-column #secondary, .page.middle-column #secondary { display: none } .single.single-left-sidebar #primary { float: right } .single.single-left-sidebar #secondary { float: left } .single.single-no-sidebar #secondary, .single.single-middle-column #secondary { display: none } .single.single-left-sidebar #secondary, .single.single-right-sidebar #secondary { display: block !important; } .single.single-left-sidebar #primary, .single.single-right-sidebar #primary { max-width: 66.666667%; } .post-template-post-right-sidebar.single #secondary, .post-template-post-left-sidebar.single #primary { float: right !important; } .post-template-post-right-sidebar.single #primary, .post-template-post-left-sidebar.single #secondary { float: left !important; } .post-template-post-no-sidebar.single #secondary, .post-template-post-middle-column.single #secondary { display: none !important; } .blog.no-sidebar #primary, .archive.no-sidebar #primary, .page.no-sidebar #primary, .single.single-no-sidebar #primary, .post-template-post-no-sidebar.single #primary { width: 100% !important; } .blog.middle-column #primary, .archive.middle-column #primary, .page.middle-column #primary, .single.single-middle-column #primary, .post-template-post-middle-column.single #primary { width: 100%; } .blog.middle-column .posts-container .container, .archive.middle-column .posts-container .container, .page.middle-column .posts-container .container, .single.single-middle-column .posts-container .container { width: 70%; margin: auto; } /* Blog Layout Column options */ .masonry-start { clear: both; } .alternative .masonry-start, .two-column .masonry-start { margin-right: -15px; margin-left: -15px; } .two-column article.two-column { width: 50%; padding: 0 15px; float: left; } .alternative article.alternative { width: 50%; padding: 0 15px; float: left; } .alternative .site-main article:nth-child(3n-2) { width: 100%; } article.masonry-post { float: left; margin-bottom: 20px; } .masonry-post .masonry-start { margin-right: -15px; margin-left: -15px; } .right-sidebar article.masonry-post, .left-sidebar article.masonry-post { width: 50%; padding: 0 15px; } .home.both-sidebar #primary, .archive.both-sidebar #primary, .page.both-sidebar #primary, .single.both-sidebar #primary, .no-sidebar article.masonry-post { width: 33.33333333%; padding: 0 15px; } .middle-column article.masonry-post, .both-sidebar article.masonry-post { width: 100%; padding: 0 15px; } /* widget container */ .widget { overflow: hidden; word-wrap: break-word; margin-bottom: 40px; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.7; color: #4c4f53; background: #fff; padding: 20px; } .widget a { color: #4c4f53; } .widget a:hover, .widget a:focus { color: #d42929; text-decoration: underline !important; } /* widget title */ .widget .widgettitle, .widget .widget-title { padding: 0; margin-bottom: 20px; font-size: 18px; line-height: 1.3; text-transform: capitalize; color: #2f3235; background-color: #ffffff; } .widget .widget-title a { color: #2f3235; } .widget .widget-title a:hover, .widget .widget-title a:focus { color: #d42929; text-decoration: underline !important; } /*--sidebar style--*/ .sidebar-1 .widget { background: #ececec; } .sidebar-1 .widget-title { padding: 15px; background: #111; color: #fff; } .sidebar-2 .widget { margin: 0; } .sidebar-2 .widget-title { position: relative; padding: 0; } .sidebar-2 .widget-title:after { position: absolute; width: 30px; height: 2px; background: #111; top: 8px; content: ""; margin-left: 10px; } .sidebar-3 .widget { background: none; border: 1px solid #d9d9d9; } .sidebar-3 .widget-title { padding: 15px; border-bottom: 1px solid #d9d9d9; text-align: center; background: none; position: relative; } .sidebar-3 .widget-title:after { position: absolute; width: 60px; height: 3px; background: #337ab7; bottom: -2px; content: ""; left: calc(50% - 30px); } /** * Widget: Archives * ------------------------------------------------------------- */ .widget_archive ul { list-style: none; margin: 0; padding: 0; } .widget_archive ul li { color: #989ea6; /* counter */ margin-bottom: 10px; } .widget_archive ul li:last-child { margin-bottom: 0; } .widget_archive ul li a { margin-right: 4px; } .widget_archive select { margin-top: 5px; padding: 8px 20px 8px 10px; max-width: 100%; width: 100%; color: #4c4f53; background: #ffffff; border: 1px solid #ffffff; } .widget_archive select:active, .widget_archive select:focus { outline: none; } /** * Widget: Pages * ------------------------------------------------------------- */ .widget_pages ul { list-style: none; margin: 0; padding: 0; } .widget_pages ul li { color: #989ea6; margin-bottom: 10px; } .widget_pages ul li:last-child { margin-bottom: 0; } .widget_pages ul ul { margin: 10px 0 0; padding: 0 0 1px 10px; } .widget_pages ul ul li:before { content: '- '; color: #4c4f53; } /** * Widget: Categories * ------------------------------------------------------------- */ .widget_categories ul { list-style: none; margin: 0; padding: 0; } .widget_categories ul li { color: #989ea6; margin-bottom: 10px; display: table; text-align: right; width: 100%; } .widget_categories ul li:last-child { margin-bottom: 0; } .widget_categories ul li a { margin-right: 4px; display: table-cell; text-align: left; } .widget_categories ul ul { margin: 10px 0 0; padding: 0 0 1px 10px; } .widget_categories ul ul li:before { content: '- '; color: #4c4f53; } .widget_categories select { margin-top: 5px; padding: 8px 20px 8px 10px; max-width: 100%; width: 100%; color: #4c4f53; background: #ffffff; border: 1px solid #ffffff; } .widget_categories select:active, .widget_categories select:focus { outline: none; } /** * Widget: Recent Posts * ------------------------------------------------------------- */ .widget_recent_entries ul { list-style: none; margin: 0; padding: 0; } .widget_recent_entries ul li { margin-bottom: 10px; } .widget_recent_entries ul li:last-child { margin-bottom: 0; } .widget_recent_entries ul li .post-date { display: block; font-size: 80%; color: #989ea6; } /** * Widget: Tag Cloud * ------------------------------------------------------------- */ .widget_tag_cloud .tagcloud { overflow: hidden; margin-right: -4px; } .widget_tag_cloud a { margin-right: 4px; } /** * Widget: Calendar * ------------------------------------------------------------- */ #wp-calendar { max-width: 100%; width: 100%; line-height: 1.2; } /* caption */ #wp-calendar caption { padding: 0 0 15px; font-weight: 700; line-height: 1.7; color: #4c4f53; } /* thead */ #wp-calendar thead th { padding: 10px 0 10px; font-weight: 700; } /* tbody */ #wp-calendar tbody td { padding: 5px 0 5px 2px; } #wp-calendar tbody a { text-decoration: underline !important; } #wp-calendar tbody #today { font-weight: 700; } /* prev/next links */ #wp-calendar #next { text-align: right; } #wp-calendar #prev, #wp-calendar #next { padding: 10px 0 10px; font-weight: 700; } /** * Widget: Navigation Menu * ------------------------------------------------------------- */ .widget_nav_menu ul { list-style: none; margin: 0; padding: 0; } .widget_nav_menu ul li { margin-bottom: 10px; } .widget_nav_menu ul li:last-child { margin-bottom: 0; } .widget_nav_menu ul li i { margin-right: 8px; } .widget_nav_menu ul ul { margin: 10px 0 0; padding: 0 0 1px 10px; } .widget_nav_menu ul ul li:before { content: '- '; color: #4c4f53; } /** * Widget: Meta * ------------------------------------------------------------- */ .widget_meta ul { list-style: none; margin: 0; padding: 0; } .widget_meta ul li { margin-bottom: 10px; } .widget_meta ul li:last-child { margin-bottom: 0; } /** * Widget: Recent Comments * ------------------------------------------------------------- */ #recentcomments { list-style: none; margin: 0; padding: 0; } #recentcomments li { margin-bottom: 10px; } #recentcomments li:last-child { margin-bottom: 0; } #recentcomments li .comment-author-link a, #recentcomments li a { text-decoration: underline !important; } /** * Widgets: Text and Custom HTML * ------------------------------------------------------------- */ /* img */ .textwidget img { max-width: 100%; width: auto; height: auto; margin-bottom: 15px; } .textwidget .wp-caption img { margin-bottom: 0; } /* text elements */ .textwidget p { margin-bottom: 15px; } .textwidget a { text-decoration: underline !important; } .textwidget .wp-caption-text { padding: 0; } .textwidget ul, .textwidget ol { margin: 0 0 15px; padding-left: 18px; } .textwidget ul ol, .textwidget ul ul, .textwidget ol ul, .textwidget ol ol { margin: 2px 0; padding-left: 18px; } /* forms: buttons */ .textwidget button, .textwidget button[disabled]:hover, .textwidget button[disabled]:focus, .textwidget input[type="button"], .textwidget input[type="button"][disabled]:hover, .textwidget input[type="button"][disabled]:focus, .textwidget input[type="reset"], .textwidget input[type="reset"][disabled]:hover, .textwidget input[type="reset"][disabled]:focus, .textwidget input[type="submit"], .textwidget input[type="submit"][disabled]:hover, .textwidget input[type="submit"][disabled]:focus { border: none; outline: none; display: inline-block; padding: 0 30px; height: 42px; line-height: 42px; font-size: 14px; font-style: normal; font-weight: 700; color: #ffffff; background: #1f2123; border-radius: 0; -webkit-transition: background-color 0.2s ease; -moz-transition: background-color 0.2s ease; -o-transition: background-color 0.2s ease; transition: background-color 0.2s ease; } .textwidget button:focus, .textwidget input[type="button"]:focus, .textwidget input[type="reset"]:focus, .textwidget input[type="submit"]:focus { color: #ffffff; } .textwidget button:hover, .textwidget input[type="button"]:hover, .textwidget input[type="reset"]:hover, .textwidget input[type="submit"]:hover { color: #ffffff; background: #d42929; } .textwidget button:active, .textwidget input[type="button"]:active, .textwidget input[type="reset"]:active, .textwidget input[type="submit"]:active { position: relative; top: 1px; } /* forms: input tags, select element */ .textwidget input[type="text"], .textwidget input[type="email"], .textwidget input[type="url"], .textwidget input[type="password"], .textwidget input[type="search"], .textwidget input[type="tel"], .textwidget input[type="number"], .textwidget input[type="date"], .textwidget textarea, .textwidget select { max-width: 100%; width: 100%; height: 38px; padding: 0 10px; font-weight: 400; color: #4c4f53; background: #ffffff; border: 1px solid #ffffff; border-bottom-color: #e3e5e6; border-radius: 0; -webkit-transition: border-bottom-color 0.2s ease; -moz-transition: border-bottom-color 0.2s ease; -o-transition: border-bottom-color 0.2s ease; transition: border-bottom-color 0.2s ease; } .textwidget input[type="date"] { padding-top: 7px; padding-bottom: 7px; } .textwidget textarea { height: 90px; margin-bottom: -7px; padding: 10px; line-height: 1.7; resize: vertical; } .textwidget select { padding-left: 6px; } .textwidget select[multiple] { height: 90px; margin-bottom: -2px; padding: 5px 8px; } .textwidget input[type="text"]:hover, .textwidget input[type="email"]:hover, .textwidget input[type="url"]:hover, .textwidget input[type="password"]:hover, .textwidget input[type="search"]:hover, .textwidget input[type="tel"]:hover, .textwidget input[type="number"]:hover, .textwidget input[type="date"]:hover, .textwidget textarea:hover, .textwidget select:hover { border-bottom-color: #d42929; } .textwidget input[type="text"]:focus, .textwidget input[type="email"]:focus, .textwidget input[type="url"]:focus, .textwidget input[type="password"]:focus, .textwidget input[type="search"]:focus, .textwidget input[type="tel"]:focus, .textwidget input[type="number"]:focus, .textwidget input[type="date"]:focus, .textwidget textarea:focus, .textwidget select:active, .textwidget select:focus { outline: none; border-bottom-color: #d42929; } .textwidget input[type="file"] { width: 100%; margin: 0; padding: 9px; border: 1px dashed #e3e5e6; -webkit-transition: border-color 0.2s ease; -moz-transition: border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition: border-color 0.2s ease; } .textwidget input[type="file"]:hover { border-color: #d42929; } .textwidget input[type="file"]:focus { outline: none; border-color: #d42929; } .textwidget input[type="checkbox"], .textwidget input[type="radio"] { border-width: 1px; } .textwidget input[type="checkbox"]:checked:before, .textwidget input[type="radio"]:checked:before { line-height: 14px; } /* label */ .textwidget label { display: inline-block; width: 100%; max-width: 100%; margin-bottom: 0; padding-bottom: 5px; font-size: 14px; font-weight: 700; line-height: 1.7; } .textwidget p label:last-child { padding-bottom: 0; } /* Contact Form 7: additional styles */ /* p */ .textwidget .wpcf7 p { margin-bottom: 10px; } /* label */ .textwidget .wpcf7 span[class*="quiz"] label { padding-bottom: 0; } /* input, textarea */ .textwidget .wpcf7 label input, .textwidget .wpcf7 label textarea { margin-top: 5px; font-size: 15px; font-weight: 400; } /* submit */ .textwidget .wpcf7 input[type="submit"] { margin: 10px 0 5px; font-weight: 700; } /* checkboxes, radio buttons */ .textwidget .wpcf7 .wpcf7-list-item { margin: 0 20px 0 0; } .textwidget .wpcf7 .wpcf7-list-item:last-child { margin-right: 0; } .textwidget .wpcf7 .wpcf7-list-item label { font-size: 15px; font-weight: 400; } .textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:first-child, .textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:first-child { margin-right: 5px; } .textwidget .wpcf7 .wpcf7-list-item input[type="checkbox"]:last-child, .textwidget .wpcf7 .wpcf7-list-item input[type="radio"]:last-child { margin-right: 0; margin-left: 5px; } .textwidget .wpcf7 .wpcf7-list-item label input[type="checkbox"], .textwidget .wpcf7 .wpcf7-list-item label input[type="radio"] { margin-top: 0; } /* action styles */ .textwidget .wpcf7 .ajax-loader { margin-left: 15px; } .textwidget .wpcf7 .wpcf7-not-valid-tip { margin-top: 6px; font-size: 12px; font-weight: 700; color: #f46180; } .textwidget .wpcf7 .wpcf7-response-output { margin: 15px 0; padding: 10px 15px; text-align: left; font-size: 13px; font-weight: 700; line-height: 1.6; border: none; background-color: #e9a62a; color: #ffffff; } .textwidget .wpcf7 .wpcf7-mail-sent-ok, .textwidget .wpcf7 .wpcf7-mail-sent-ng, .textwidget .wpcf7 .wpcf7-aborted, .textwidget .wpcf7 .wpcf7-spam-blocked, .textwidget .wpcf7 .wpcf7-validation-errors, .textwidget .wpcf7 .wpcf7-acceptance-missing { border: none; } .textwidget .wpcf7 .wpcf7-mail-sent-ok { background-color: #7cbd60; } .textwidget .wpcf7 .wpcf7-mail-sent-ng, .textwidget .wpcf7 .wpcf7-aborted { background-color: #f46180; } .textwidget .wpcf7 .wpcf7-spam-blocked { background-color: #e9a62a; } .textwidget .wpcf7 .wpcf7-validation-errors, .textwidget .wpcf7 .wpcf7-acceptance-missing { background-color: #f46180; } /** * Widget: Search * ------------------------------------------------------------- */ /* search form */ .widget_search #searchform .search-field { font-family: 'Lora', serif; font-size: 15px; font-style: normal; font-weight: 400; color: #4c4f53; background: transparent; border-bottom: 2px solid #e3e5e6; } /* search form: placeholder */ /* Chrome/Opera/Safari */ .widget_search #searchform .search-field::-webkit-input-placeholder { color: #4c4f53; opacity: 1; } /* Firefox 18- */ .widget_search #searchform .search-field:-moz-placeholder { color: #4c4f53; opacity: 1; } /* Firefox 19+ */ .widget_search #searchform .search-field::-moz-placeholder { color: #4c4f53; opacity: 1; } /* IE 10+ */ .widget_search #searchform .search-field:-ms-input-placeholder { color: #4c4f53; opacity: 1; } /* search form: submit button */ .widget_search #searchform .search-submit { color: #4c4f53; background: transparent; border-bottom: 2px solid #e3e5e6; } .widget_search #searchform .search-submit:hover { color: #d42929; } /** * Widget: RSS * ------------------------------------------------------------- */ .rsswidget img { display: none; } .widget_rss .widget-title .rsswidget:first-child:before { display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: 'FontAwesome'; font-weight: 900; content: '\f09e'; margin-right: 8px; font-size: 80%; } .widget_rss ul { list-style: none; margin: 0; padding: 0; } .widget_rss ul li { margin-bottom: 10px; } .widget_rss ul li:last-child { margin-bottom: 0; } .widget_rss ul li .rss-date { display: block; font-size: 80%; color: #989ea6; } .widget_rss ul li .rssSummary { margin-bottom: 2px; font-size: 90%; } .widget_rss ul li cite { display: block; margin: 0; text-align: left; font-style: normal; font-size: 80%; color: #989ea6; } /** * Widget: Image * ------------------------------------------------------------- */ .widget_media_image .wp-caption { margin-bottom: 0; } /** * Widget: Gallery * ------------------------------------------------------------- */ .widget_media_gallery .gallery { margin-bottom: 0 !important; } /** * Social widgets * ------------------------------------------------------------- */ /*-----# Top Social -----------*/ ul.social-menu { margin: 0; padding: 0; } ul.social-menu li { display: inline; padding: 0 5px; } ul.social-menu li a { font-size: 0; color: transparent; line-height: 40px; } ul.social-menu li a:hover { color: #54be73 } ul.social-menu li:last-child { margin-right: 0; } ul.social-menu li a:before { content: ""; font-family: FontAwesome, sans-serif; font-size: 14px; padding: 10px; transition: color 0.3s ease-in-out 0s; vertical-align: middle; line-height: 12px; color: #68686d; display: inline-block; width: 32px; height: 32px; border: 1px solid #d9d9d9; border-radius: 50%; } ul.social-menu li:hover a:before { opacity: .6; } ul.social-menu li a[href*="facebook.com"]:before { content: "\f09a"; } ul.social-menu li a[href*="twitter.com"]:before { content: "\f099"; } ul.social-menu li a[href*="linkedin.com"]:before { content: "\f0e1"; } ul.social-menu li a[href*="plus.google.com"]:before { content: "\f0d5"; } ul.social-menu li a[href*="youtube.com"]:before { content: "\f167"; } ul.social-menu li a[href*="dribbble.com"]:before { content: "\f17d"; } ul.social-menu li a[href*="pinterest.com"]:before { content: "\f0d2"; } ul.social-menu li a[href*="bitbucket.org"]:before { content: "\f171"; } ul.social-menu li a[href*="github.com"]:before { content: "\f113"; } ul.social-menu li a[href*="codepen.io"]:before { content: "\f1cb"; } ul.social-menu li a[href*="flickr.com"]:before { content: "\f16e"; } ul.social-menu li a[href$="/feed/"]:before { content: "\f09e"; } ul.social-menu li a[href*="foursquare.com"]:before { content: "\f180"; } ul.social-menu li a[href*="instagram.com"]:before { content: "\f16d"; } ul.social-menu li a[href*="tumblr.com"]:before { content: "\f173"; } ul.social-menu li a[href*="reddit.com"]:before { content: "\f1a1"; } ul.social-menu li a[href*="vimeo.com"]:before { content: "\f194"; } ul.social-menu li a[href*="digg.com"]:before { content: "\f1a6"; } ul.social-menu li a[href*="twitch.tv"]:before { content: "\f1e8"; } ul.social-menu li a[href*="stumbleupon.com"]:before { content: "\f1a4"; } .social-menu ul li a[href*="delicious.com"]:before { content: "\f1a5"; } ul.social-menu li a[href*="mailto:"]:before { content: "\f0e0"; } ul.social-menu li a[href*="skype.com"]:before { content: "\f17e"; } ul.social-menu li a[href*="dribble.com"]:before { content: "\f17d"; } /** - Popular posts widgets * ------------------------------------------------------------- */ .widget_polite-popular-post-widget ul { margin: 0; padding: 0; } .widget_polite-popular-post-widget li { margin-bottom: 20px; list-style: none; } .widget_popular_posts_list_item { position: relative; overflow: hidden; } .widget_popular_posts_list_item img { display: block; max-width: 100%; width: 100%; height: auto; } .widget_popular_posts_list_item:hover figcaption { bottom: 30px; } .widget_popular_posts_list_item figcaption { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; max-width: 100%; padding: 15px; background-color: rgba(255, 255, 255, 0.88); box-shadow: 6px 6px 18px -2px rgba(14, 17, 20, 0.35); -webkit-transition: bottom 0.2s ease; -moz-transition: bottom 0.2s ease; -o-transition: bottom 0.2s ease; transition: bottom 0.2s ease; } .widget_popular_posts_list_item figcaption .post-date { margin-bottom: 0; } .widget_popular_posts_list_item figcaption h4 { margin-bottom: 0; font-size: 17px; font-style: normal; font-weight: 700; line-height: 1.2; color: #4c4f53; } /** * - Post Slider widgets * ------------------------------------------------------------- */ .widget_posts_slider_list_item { position: relative; overflow: hidden; } .post-slider-section img { display: block; max-width: 100%; width: 100%; height: auto; } .post-slider-section figcaption { position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; max-width: 100%; padding: 15px; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.90)); -webkit-transition: bottom 0.2s ease; -moz-transition: bottom 0.2s ease; -o-transition: bottom 0.2s ease; transition: bottom 0.2s ease; } .post-slider-section figcaption h4 a, .post-slider-section figcaption .post-date { margin-bottom: 0; color: #fff; } .post-slider-section .s-cat { color: #fff; display: inline-block; font-size: 12px; font-weight: 400; border-radius: 3px; line-height: normal; padding: 4px 12px; position: relative; background: #d42929; } .post-slider-section .s-cat:hover { color: #ffffff !important; } .post-slider-section figcaption h4 { margin: 5px 0; font-size: 17px; font-style: normal; font-weight: 700; line-height: 1.2; color: #fff; } .post-slider-section .slick-arrow { position: absolute; height: 30px; width: 30px; text-align: center; line-height: 30px; border-radius: 50%; color: #fff; top: 15px; right: 50px; z-index: 2; cursor: pointer; outline: none; border: 0; background: #000; } .post-slider-section .slick-arrow:hover { background: #333; } .post-slider-section .slick-arrow.slick-next { right: 10px; left: auto; } .post-slider-section .slick-dots { position: absolute; text-align: center; left: 0; right: 0; bottom: 30px; padding-left: 0; } .post-slider-section .slick-dots li { display: inline-block; line-height: 0; } .post-slider-section .slick-dots li.slick-active button { background: #fff; } .post-slider-section .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } /** * - Author widgets * ------------------------------------------------------------- */ /* Auther Widget CSS */ .author-wrapper { text-align: center; } .author-profile img { max-width: 100%; } .author-wrapper p { text-align: justify; } .author-profile ul { margin: 0; padding: 0; text-align: center; } .author-profile ul li { list-style: none; display: inline; } .author-profile ul li a { padding: 0; } .author-profile ul.socials li { margin-right: 5px; margin-top: 10px; } .author-profile ul.socials li::before { content: initial; } .author-profile p { padding: 20px 0; margin: 0; } .author-profile ul.socials li a i { font-size: 14px; padding: 10px; transition: color 0.3s ease-in-out 0s; vertical-align: middle; line-height: 12px; color: #68686d; display: inline-block; width: 32px; height: 32px; border: 1px solid #d9d9d9; border-radius: 50%; } .author-profile ul.socials li a i:hover { background: #292929; color: #fff; } .author-profile .author-sign { font-family: 'Monsieur La Doulaise', cursive; font-size: 35px; padding: 20px 0; display: inline-block; } /** * Featured Post widgets * ------------------------------------------------------------- */ .polite-featured-post>ul { margin: 0; padding: 5px 0 0; } .polite-featured-post>ul>li { position: relative; margin-bottom: 20px; list-style: none; } .widget_featured_thumbnail { position: relative; overflow: hidden; float: left; margin: 0 15px 0 0; border-radius: 100%; } .widget_featured_thumbnail img { display: block; width: 80px; height: 80px; border-radius: 100%; } .widget_featured_post_num { position: absolute; top: 25px; left: 25px; z-index: 3; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 15px; background-color: rgba(255, 255, 255, 0.71); color: #4c4f53; font-size: 13px; font-style: normal; font-weight: 700; -webkit-transition: box-shadow 0.2s ease; -moz-transition: box-shadow 0.2s ease; -o-transition: box-shadow 0.2s ease; transition: box-shadow 0.2s ease; } .widget_featured_content { height: 80px; display: table-cell; vertical-align: middle; } .widget_featured_content .post-date { margin: 0; } .widget_featured_content h4 { margin-bottom: 0; font-size: 17px; font-style: normal; font-weight: 500; line-height: 1.2; color: #4c4f53; } .widget_bg_overlay { position: absolute; top: 0; left: 0; z-index: 2; opacity: 0; width: 100%; height: 100%; background-color: #1f2123; -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; } .widget_featured_thumbnail:hover .widget_bg_overlay { opacity: 0.2; } /** * Tab Post Widgets * ------------------------------------------------------------- */ .tab-posts-block>ul { margin: 0; padding: 5px 0 0; } .tab-posts-block>ul>li { position: relative; margin-bottom: 20px; list-style: none; } .tabs-nav { margin: 0px -20px; padding: 0; text-align: center; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; border-bottom: 1px solid #d8d8d8; } .tabs-nav li { display: inline-block; flex-basis: 0%; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; text-align: center; margin-bottom: 0; line-height: 50px; position: relative; } .tabs-nav li:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #337ab7; content: ''; opacity: 0; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -ms-transition: all 0.9s ease; } .tabs-nav li.tab-active:before { opacity: 1; } .tabs-nav li.tab-active a, .tabs-nav li.tab-active { color: #337ab7; } .tabs-nav li a { position: relative; font-size: 15px; font-style: normal; font-weight: 600; color: #4c4f53; box-sizing: border-box; white-space: nowrap; padding-left: 10px; } /** * Footer * ------------------------------------------------------------- */ .footer-wrap { background-color: #ffffff; border-top: 1px solid #f1f1f1; padding: 0; } .foot-wrap { display: table; table-layout: fixed; } .footer-wrap .footer-top-box { padding-top: 50px; padding-bottom: 20px; } .footer-wrap .widget { margin-bottom: 5px; padding: 0; } .footer-wrap .widget-title, .footer-wrap .widget { background: transparent; } .footer-wrap .widget a, .footer-wrap .widget { color: rgb(51, 51, 51); } .footer-wrap .widget-title { color: rgb(51, 51, 51); } .footer-wrap .widget_featured_post_num { display: none; } .footer-wrap .widget_featured_content { height: 80px; } .footer-wrap .post-date { margin: 0; } .footer-wrap [class*="footer-col-"]:nth-child(2), .footer-wrap [class*="footer-col-"]:nth-child(3) { padding-left: 40px; } .footer-col-1, .footer-col-2, .footer-col-3, .footer-col-4 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; display: table-cell; overflow: hidden; border-right: 1px solid #f1f1f1; } div[class*="footer-col-"]:last-child { border: 0; } .footer-col-1 { width: 100%; } .footer-col-2 { width: 50%; } .footer-col-3 { width: 33.333%; } .footer-col-4 { width: 25%; } @media (max-width: 991px) { .footer-wrap [class*="footer-col-"] { width: 100%; margin-bottom: 20px; display: block; border: 0; } .footer-wrap [class*="footer-col-"]:nth-child(2), .footer-wrap [class*="footer-col-"]:nth-child(3) { padding-left: 15px; } } /* footer text */ .site-footer { font-size: 15px; padding: 10px 0; line-height: 1.7; color: rgb(51, 51, 51); border-top: 1px solid #f1f1f1; } .site-footer a { color: #d42929; } .site-footer a:hover, .site-footer a:focus { color: #d42929; text-decoration: underline !important; } /* footer social links */ .footer-social-links { float: right; width: 60%; text-align: right; margin: -5px -8px -5px 0; padding-left: 15px; } .footer-social-links a { display: inline-block; padding: 10px 8px; font-family: sans-serif; font-size: 14px; color: #4c4f53; } .footer-social-links a:hover, .footer-social-links a:focus { color: #d42929; } /* footer menu */ .footer-menu { float: right; margin: 0; padding: 0; } .footer-menu li { float: left; list-style: none; } .footer-menu li a { display: inline-block; padding: 0 10px; font-size: 15px; font-style: normal; font-weight: 400; line-height: 3; color: rgb(51, 51, 51); } .footer-menu li a:hover, .footer-menu li a:focus { color: #d42929; text-decoration: underline !important; } .footer-menu li ul { display: none; } /** * "Back to top" button * ------------------------------------------------------------- */ #toTop { position: fixed; right: 30px; bottom: 20px; z-index: 1041; display: inline-block; width: 44px; height: 44px; line-height: 44px; text-align: center; font-family: sans-serif; font-size: 16px; color: #ffffff; background-color: #d42929; border-radius: 50%; box-shadow: 0 14px 28px -4px rgba(14, 17, 20, 0.15); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } #toTop:focus { color: #4c4f53; } #toTop:hover { color: #ffffff; background-color: #d42929; } #toTop:active i { position: relative; top: 1px; } /*** ==================================================================== ## Breadcrumbs ==================================================================== ***/ .breadcrumbs-wrap { display: block; width: 100%; font-style: normal; color: #858585; padding: 20px 15px 30px 15px; } .breadcrumbs .location { text-transform: uppercase; font-weight: 600; padding-right: 15px; float: left; font-size: 13px; line-height: 19px; display: none; } ul.trail-items { margin: 0; padding: 0; } ul.trail-items li { list-style: none; display: inline; } ul.trail-items li a { color: #858585; } ul.trail-items li [rel~=home] span { position: relative; padding-left: 20px; } ul.trail-items li [rel~=home] span:before { content: "\f015"; position: absolute; left: 0; width: 15px; height: 15px; font-family: Fontawesome; } ul.trail-items li a:hover span { color: #d42929; } .breadcrumbs .delim { padding: 0 10px; font-size: 16px; color: #8d97a1; line-height: .7; } .breadcrumbs .delim:last-child { display: none; } div#polite-breadcrumbs { float: left; } .home ul.trail-items li span { display: none; } /* Blog Images options */ .left-image { overflow: hidden; padding: 15px 0; display: table; width: 100%; } .left-image .post-content, .left-image .post-media { padding: 0 15px; vertical-align: middle; display: table-cell; } .left-image .post-media { max-width: 350px; min-width: 300px; } .two-column .left-image, .masonry-post .left-image, .alternative .left-image { margin-left: 0; margin-right: 0; display: block; padding: 0; } .two-column .left-image .post-media, .two-column .left-image .post-content, .masonry-post .left-image .post-media, .masonry-post .left-image .post-content, .alternative .left-image .post-media, .alternative .left-image .post-content { display: block; } .two-column .left-image .post-media, .masonry-post .left-image .post-media, .alternative .left-image .post-media { padding: 0; } .two-column .left-image .post-content, .masonry-post .left-image .post-content, .alternative .left-image .post-content { padding: 20px; } .alternative article:nth-child(3n-2) .left-image { padding: 15px 0; display: table; } .alternative article:nth-child(3n-2) .left-image .post-media, .alternative article:nth-child(3n-2) .left-image .post-content { display: table-cell; padding: 0 15px; } .blog.two-column .post-wrap { min-height: 650px; } .blog.two-column .post-media iframe { height: 200px; } .blog.two-column .full-image .post-media { min-height: 200px; max-height: 200px; overflow: hidden; } .two-column .full-image .post-excerpt {} .hide-image .post-media { display: none; } /*============================================================== ## Promo section ================================================================ */ .promo-section { padding-top: 30px; } .promo-one, .promo-two, .promo-three { margin: 0 -15px; } .promo-section .item { position: relative; padding: 15px; } .promo-one .item .promo-content { color: #fff; max-width: 600px; padding: 0 30px; position: absolute; top: 50%; left: 50%; text-align: center; width: 100%; z-index: 20; -webkit-transition: opacity 0.2s ease; -o-transition: opacity 0.2s ease; transition: opacity 0.2s ease; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .promo-section .post-tags { padding: 15px 40px; font-size: 15px; font-style: normal; font-weight: 700; line-height: 1.3; text-transform: uppercase; color: #2f3235; background-color: #ffffff; display: inline-block; } .promo-section .post-tags:hover { opacity: 0.8; } .promo-two .item .promo-content { color: #fff; padding: 50px; position: absolute; bottom: 0; left: 0; width: 100%; } .promo-two .post-date a, .promo-two .post-category a, .promo-two .item .promo-content .post-title { color: #fff; } .promo-two .post-category { margin-bottom: 10px; } .promo-two figure { position: relative; } .inset { top: 0; right: 0; bottom: 0; left: 0; position: absolute; background: linear-gradient(0deg, rgba(0, 0, 0, .7) 0%, rgba(0, 0, 0, .1) 100%); } .promo-three .item .promo-content { padding: 15px; background: #fff; } .promo-three .post-category a { color: #d42929; font-size: 14px; padding-right: 5px; margin-bottom: 5px; line-height: 20px; } .promo-three .post-title { font-size: 20px; } /*Slick Dots*/ .promo-section .slick-dots { position: absolute; text-align: center; left: 0; right: 0; padding-left: 0; } .promo-section .slick-dots li { display: inline-block; line-height: 0; } .promo-section .slick-dots li.slick-active button { background: #fff; } .promo-section .slick-dots li button { text-indent: -99999px; border: 0; margin: 0 5px; padding: 0; height: 10px; width: 10px; border-radius: 50%; background: #959698; } /*============================================================== ##WordPress content styles: Gutenberg editor ================================================================ */ /* paragraph */ .post-excerpt .has-background { margin: 5px 0 20px; padding: 20px 30px; display: inline-block; width: 100%; } .post-excerpt .has-background a { color: inherit !important; } /* quote type 1: regular */ .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) { display: inline-block; width: 100%; margin: 5px 0 40px; padding: 0 25px 0 25px; border-left: 4px solid #4c4f53; font-size: 20px; line-height: 1.7; } .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large):before { display: none; } .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite, .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) footer { margin-top: 10px; font-size: 18px; font-style: normal; line-height: 1.7; } .post-excerpt .wp-block-quote:not(.is-large):not(.is-style-large) cite { display: block; } /* quote type 2: large */ .post-excerpt .wp-block-quote.is-large, .post-excerpt .wp-block-quote.is-style-large { margin: 0 0 20px; padding: 0 0 0 46px; } .post-excerpt .wp-block-quote.is-large p, .post-excerpt .wp-block-quote.is-style-large p { font-size: 18px; font-style: normal; line-height: 1.65; } .post-excerpt .wp-block-quote.is-large cite, .post-excerpt .wp-block-quote.is-large footer, .post-excerpt .wp-block-quote.is-style-large cite, .post-excerpt .wp-block-quote.is-style-large footer { font-size: 18px; font-style: normal; text-align: left; line-height: 1.3; } .post-excerpt .wp-block-quote.is-large cite, .post-excerpt .wp-block-quote.is-style-large cite { display: block; } /* quote type 3: pullquote */ .post-excerpt .wp-block-pullquote { display: inline-block; width: 100%; margin: 5px 0 20px; padding: 20px 30px; text-align: center; border: none; border-top: 4px solid #4c4f53; border-bottom: 4px solid #4c4f53; } .post-excerpt .wp-block-pullquote blockquote { margin: 0; padding: 0; font-family: 'Lora', serif; font-size: 18px !important; font-style: normal; line-height: 1.65 !important; } .post-excerpt .wp-block-pullquote p { font-size: 18px !important; font-style: normal; line-height: 1.65 !important; } .post-excerpt .wp-block-pullquote blockquote p { margin: 0 0 15px !important; } .post-excerpt .wp-block-pullquote blockquote p:last-child { margin-bottom: 0 !important; } .post-excerpt .wp-block-pullquote blockquote:before { display: none; } .post-excerpt .wp-block-pullquote cite, .post-excerpt .wp-block-pullquote footer { text-transform: uppercase; font-size: 13px; font-style: normal; line-height: 1.7; text-align: center; } .post-excerpt .wp-block-pullquote cite { margin-top: 15px; } /* pullquote: solid color */ .post-excerpt .wp-block-pullquote.is-style-solid-color { border-top: none; border-bottom: none; } .post-excerpt .wp-block-pullquote.is-style-solid-color blockquote { text-align: center; max-width: 100%; } .post-excerpt .wp-block-pullquote.is-style-solid-color blockquote cite { text-transform: uppercase; font-size: 13px; font-style: normal; line-height: 1.7; text-align: center; } /* button */ .post-excerpt .wp-block-button { margin: 0 0 20px; padding: 5px 0; } .post-excerpt .wp-block-button .wp-block-button__link { width: auto; margin: 0; padding: 15px 25px; font-size: 15px; line-height: 1; text-align: center; border: none; border-radius: 23px; box-shadow: none; text-decoration: none !important; } .post-excerpt .wp-block-button .wp-block-button__link:active { position: relative; top: 1px; } .post-excerpt .wp-block-button__link:not(.has-text-color), .post-excerpt .wp-block-button__link:not(.has-text-color):active, .post-excerpt .wp-block-button__link:not(.has-text-color):focus, .post-excerpt .wp-block-button__link:not(.has-text-color):hover { color: #ffffff; } .post-excerpt .wp-block-button__link:not(.has-background), .post-excerpt .wp-block-button__link:not(.has-background):active, .post-excerpt .wp-block-button__link:not(.has-background):focus, .post-excerpt .wp-block-button__link:not(.has-background):hover { background-color: #1f2123; } /* separator (3 different types) */ .post-excerpt .wp-block-separator, .post-excerpt .wp-block-separator.is-style-wide { margin: 25px auto; border: none; border-bottom: 1px solid #eeefef; } .post-excerpt .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width: 100px; border-bottom-width: 2px; } .post-excerpt .wp-block-separator.is-style-dots { margin-top: 15px; margin-bottom: 15px; background: none; border: none; text-align: center; max-width: none; line-height: 1; height: auto; } .post-excerpt .wp-block-separator.is-style-dots:before { color: #4c4f53; font-size: 20px; font-weight: 700; } /* captions for media files */ .post-excerpt .wp-block-image figcaption, .post-excerpt .wp-block-audio figcaption, .post-excerpt .wp-block-video figcaption, .post-excerpt .wp-block-embed figcaption { margin: 0; font-size: 13px; text-align: left; line-height: 1.6; color: #4c4f53; } /* image */ .post-excerpt figure.wp-block-image, .post-excerpt .wp-block-image figure { margin: 0 0 20px; padding: 5px 0 0; } .post-excerpt .wp-block-image figcaption { margin-bottom: -5px; padding: 10px 0 0; } .post-excerpt .wp-block-image .alignleft { float: left; margin: 5px 30px 15px 0; padding: 0; } .post-excerpt .wp-block-image .alignright { float: right; margin: 5px 0 15px 30px; padding: 0; } .post-excerpt .wp-block-image .aligncenter { margin: 0 auto 20px; padding: 5px 0 0; } /* cover image */ .post-excerpt .wp-block-cover, .post-excerpt .wp-block-cover-image { margin: 20px 0; } .post-excerpt>.wp-block-cover:first-child, .post-excerpt>.wp-block-cover-image:first-child { margin-top: 5px; margin-right: 20px; } .post-excerpt .wp-block-cover-image .wp-block-cover__inner-container, .post-excerpt .wp-block-cover .wp-block-cover__inner-container { width: calc(100% - 60px); color: #eaedf1; } .post-excerpt .wp-block-cover-image .wp-block-subhead, .post-excerpt .wp-block-cover-image h1, .post-excerpt .wp-block-cover-image h2, .post-excerpt .wp-block-cover-image h3, .post-excerpt .wp-block-cover-image h4, .post-excerpt .wp-block-cover-image h5, .post-excerpt .wp-block-cover-image h6, .post-excerpt .wp-block-cover-image p, .post-excerpt .wp-block-cover-image a, .post-excerpt .wp-block-cover-image a:active, .post-excerpt .wp-block-cover-image a:focus, .post-excerpt .wp-block-cover-image a:hover, .post-excerpt .wp-block-cover .wp-block-subhead, .post-excerpt .wp-block-cover h1, .post-excerpt .wp-block-cover h2, .post-excerpt .wp-block-cover h3, .post-excerpt .wp-block-cover h4, .post-excerpt .wp-block-cover h5, .post-excerpt .wp-block-cover h6, .post-excerpt .wp-block-cover p, .post-excerpt .wp-block-cover a, .post-excerpt .wp-block-cover a:active, .post-excerpt .wp-block-cover a:focus, .post-excerpt .wp-block-cover a:hover { color: inherit !important; } .post-excerpt .wp-block-cover-image h1:last-child, .post-excerpt .wp-block-cover-image h2:last-child, .post-excerpt .wp-block-cover-image h3:last-child, .post-excerpt .wp-block-cover-image h4:last-child, .post-excerpt .wp-block-cover-image h5:last-child, .post-excerpt .wp-block-cover-image h6:last-child, .post-excerpt .wp-block-cover-image p:last-child, .post-excerpt .wp-block-cover h1:last-child, .post-excerpt .wp-block-cover h2:last-child, .post-excerpt .wp-block-cover h3:last-child, .post-excerpt .wp-block-cover h4:last-child, .post-excerpt .wp-block-cover h5:last-child, .post-excerpt .wp-block-cover h6:last-child, .post-excerpt .wp-block-cover p:last-child { margin-bottom: 0; } /* gallery */ .post-excerpt .wp-block-gallery { margin: 0; padding: 5px 0 4px; } .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption, .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption { font-size: 13px; line-height: 1.6; text-align: left; padding-right: 15px; padding-bottom: 8px; padding-left: 15px; color: #eaedf1; } .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a, .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:active, .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:focus, .post-excerpt .wp-block-gallery .blocks-gallery-image figcaption a:hover, .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a, .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:active, .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:focus, .post-excerpt .wp-block-gallery .blocks-gallery-item figcaption a:hover { color: #eaedf1; } /* audio and video */ .post-excerpt .wp-block-audio, .post-excerpt .wp-block-video { margin: 0 0 15px; padding: 5px 0 0; } .post-excerpt .wp-block-audio audio { width: 100%; max-width: 100%; display: inline-block; } .post-excerpt .wp-block-audio figcaption, .post-excerpt .wp-block-video figcaption { padding: 3px 0 0; } /* embed elements */ .post-excerpt .wp-block-embed { clear: both; margin: 0 0 15px; padding: 5px 0 0; min-width: 160px; } .post-excerpt .wp-block-embed iframe, .post-excerpt .wp-block-embed embed { margin: 0; } .post-excerpt .wp-block-embed figcaption { padding: 3px 0 0; } .post-excerpt .wp-block-embed.wp-block-embed-youtube figcaption, .post-excerpt .wp-block-embed.wp-block-embed-vimeo figcaption, .post-excerpt .wp-block-embed.wp-block-embed-soundcloud figcaption { padding-top: 10px; } .post-excerpt .wp-block-embed .twitter-tweet { margin-top: 0 !important; } .post-excerpt .wp-block-embed-facebook .wp-block-embed__wrapper, .post-excerpt .wp-block-embed-facebook .fb_iframe_widget, .post-excerpt .wp-block-embed-facebook .fb_iframe_widget span { max-width: 100%; } /* file */ .post-excerpt .wp-block-file { margin: 0 0 15px; } .post-excerpt .wp-block-file a:not(.wp-block-file__button) { font-size: 15px; font-weight: 700; line-height: 1.7; color: #d42929; text-decoration: underline; } .post-excerpt .wp-block-file a:not(.wp-block-file__button):focus, .post-excerpt .wp-block-file a:not(.wp-block-file__button):hover { color: #d42929; } .post-excerpt .wp-block-file .wp-block-file__button { display: inline-block; font-size: 15px; text-decoration: none !important; margin: 0 0 0 15px; padding: 0 15px; height: 35px; line-height: 35px; border-radius: 18px; background: #1f2123; color: #ffffff; } .post-excerpt .wp-block-file .wp-block-file__button:active { position: relative; top: 1px; } .post-excerpt .wp-block-file .wp-block-file__button:active, .post-excerpt .wp-block-file .wp-block-file__button:focus, .post-excerpt .wp-block-file .wp-block-file__button:hover, .post-excerpt .wp-block-file .wp-block-file__button:visited { box-shadow: none; color: #ffffff; background: #d42929; opacity: 1; } /* code and preformatted */ .post-excerpt .wp-block-code, .post-excerpt .wp-block-preformatted { overflow: hidden; overflow-wrap: break-word; white-space: pre-wrap; word-break: normal; word-wrap: break-word; line-height: 1.5; } .post-excerpt .wp-block-code code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .post-excerpt .wp-block-preformatted { background-color: transparent; border: 1px solid #eeefef; } /* table */ .post-excerpt .wp-block-table { width: 100%; } .post-excerpt .wp-block-table tbody, .post-excerpt .wp-block-table tfoot, .post-excerpt .wp-block-table thead { width: 100%; min-width: 240px; display: table; } /* table: stripes style */ .post-excerpt .wp-block-table.is-style-stripes { border-bottom: none; } .post-excerpt .wp-block-table.is-style-stripes td { border-color: #eeefef; } .post-excerpt .wp-block-table.is-style-stripes tr:nth-child(odd) { background-color: #f7f8f8; } /* verse */ .post-excerpt .wp-block-verse { white-space: pre-wrap; overflow: auto; padding: 20px 30px; font-family: 'Playfair Display', serif; font-size: 17px; line-height: 1.7; background-color: transparent; border: 1px solid #eeefef; } /* columns */ .post-excerpt .wp-block-columns { margin: 0 -18px; padding: 0; overflow: hidden; } .post-excerpt .wp-block-columns .wp-block-column { margin: 0; padding: 0 18px; } /* widgets: archives and categories */ .post-excerpt .wp-block-archives li, .post-excerpt .wp-block-categories li { margin: 0 0 4px; } .post-excerpt .wp-block-archives li:last-child, .post-excerpt .wp-block-categories li:last-child { margin-bottom: 0; } .post-excerpt .wp-block-archives li a, .post-excerpt .wp-block-categories li a { margin-right: 4px; } .post-excerpt .wp-block-archives li ul, .post-excerpt .wp-block-categories li ul { margin: 4px 0; } .post-excerpt .wp-block-archives li:last-child ul, .post-excerpt .wp-block-categories li:last-child ul { margin-bottom: 0; } .post-excerpt .wp-block-archives .screen-reader-text, .post-excerpt .wp-block-categories-dropdown .screen-reader-text { width: 1px; padding-bottom: 0; } .post-excerpt .wp-block-archives select, .post-excerpt .wp-block-categories-dropdown select { margin: 5px 0 20px; } .post-excerpt .wp-block-archives.aligncenter, .post-excerpt .wp-block-categories-dropdown { margin: 0; padding: 0; } /* widget: latest comments */ .post-excerpt .wp-block-latest-comments { padding: 0 0 0 15px; } .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment { margin: 0 0 10px; list-style: decimal; font-size: 15px; line-height: 1.7; } .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child { margin-bottom: 0; } .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-date { display: block; font-size: 12px; line-height: 1.7; color: #989ea6; } .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p { padding: 0; margin: 5px 0 15px; font-size: 14px; line-height: 1.7; } .post-excerpt .wp-block-latest-comments .wp-block-latest-comments__comment:last-child .wp-block-latest-comments__comment-excerpt p:last-child { margin-bottom: 0; } .post-excerpt .wp-block-latest-comments.has-avatars { padding: 3px 0 0; list-style: none; } .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { list-style: none; } .post-excerpt .wp-block-latest-comments.has-avatars .avatar, .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment-avatar { margin: 2px 15px 0 0; } .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt { margin: 0; } .post-excerpt .wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta { margin: 0 0 0 55px; } /* widget: latest posts */ .post-excerpt .wp-block-latest-posts li { margin: 0 0 5px; } .post-excerpt .wp-block-latest-posts li:last-child { margin-bottom: 0; } .post-excerpt .wp-block-latest-posts .wp-block-latest-posts__post-date { display: block; font-size: 12px; line-height: 1.7; color: #989ea6; } .post-excerpt .wp-block-latest-posts.is-grid { list-style: none; margin-right: -15px; margin-bottom: 5px; padding: 0; overflow: hidden; } .post-excerpt .wp-block-latest-posts.is-grid li { margin-bottom: 15px; padding-right: 15px; line-height: 1.5; } .post-excerpt .wp-block-latest-posts.is-grid .wp-block-latest-posts__post-date { margin-top: 3px; line-height: 1.7; } /* widget: calendar */ .post-excerpt .wp-block-calendar #wp-calendar { display: table; text-align: center; font-family: 'Lora', serif; line-height: 1.7; } .post-excerpt .wp-block-calendar table caption, .post-excerpt .wp-block-calendar table tbody { color: #4c4f53; } .post-excerpt .wp-block-calendar #wp-calendar tbody td, .post-excerpt .wp-block-calendar #wp-calendar th { padding: 5px; border: 1px solid #eeefef; } .post-excerpt .wp-block-calendar #wp-calendar thead th { text-align: center; font-weight: 700; background: #f7f8f8; } .post-excerpt .wp-block-calendar #wp-calendar a { font-weight: 700; } .post-excerpt .wp-block-calendar #wp-calendar tfoot td { border: none; padding: 15px 5px 0 !important; } .post-excerpt .wp-block-calendar #wp-calendar tfoot td a { color: #4c4f53; } .post-excerpt .wp-block-calendar #wp-calendar tfoot td a:hover, .post-excerpt .wp-block-calendar #wp-calendar tfoot td a:focus { color: #d42929; } /* widget: rss */ .post-excerpt .wp-block-rss .wp-block-rss__item { margin: 0 0 10px; } .post-excerpt .wp-block-rss .wp-block-rss__item:last-child { margin-bottom: 0; } .post-excerpt .wp-block-rss .wp-block-rss__item-title a { font-weight: 700; } .post-excerpt .wp-block-rss .wp-block-rss__item-publish-date, .post-excerpt .wp-block-rss .wp-block-rss__item-author { display: block; font-size: 12px; line-height: 1.7; color: #989ea6; } .post-excerpt .wp-block-rss .wp-block-rss__item-excerpt { font-size: 14px; } .post-excerpt .wp-block-rss.is-grid { list-style: none; margin-right: -30px; margin-bottom: 5px; padding: 0; overflow: hidden; } .post-excerpt .wp-block-rss.is-grid .wp-block-rss__item { margin-bottom: 15px; padding-right: 30px; } /* widget: search */ .post-excerpt .wp-block-search { margin: 0 0 20px; } .post-excerpt .wp-block-search:last-child { margin-bottom: 0; } .post-excerpt .wp-block-search .wp-block-search__input { width: auto; height: 47px; } .post-excerpt .wp-block-search .wp-block-search__button { margin-left: 14px; padding: 0 20px; height: 47px; line-height: 47px; } /* search form: placeholder */ /* Chrome/Opera/Safari */ .post-excerpt .wp-block-search .wp-block-search__input::-webkit-input-placeholder { color: #989ea6; opacity: 1; } /* Firefox 18- */ .post-excerpt .wp-block-search .wp-block-search__input:-moz-placeholder { color: #989ea6; opacity: 1; } /* Firefox 19+ */ .post-excerpt .wp-block-search .wp-block-search__input::-moz-placeholder { color: #989ea6; opacity: 1; } /* IE 10+ */ .post-excerpt .wp-block-search .wp-block-search__input:-ms-input-placeholder { color: #989ea6; opacity: 1; } /* widget: tag cloud */ .post-excerpt .wp-block-tag-cloud a { display: inline-block; text-decoration: none !important; margin-right: 5px; } .post-excerpt .wp-block-tag-cloud a:hover, .post-excerpt .wp-block-tag-cloud a:focus, .post-excerpt .wp-block-tag-cloud a:hover span, .post-excerpt .wp-block-tag-cloud a:focus span { text-decoration: underline !important; } .post-excerpt .wp-block-tag-cloud a span { display: inline-block; margin-left: 5px; } /* media & text */ .post-excerpt .wp-block-media-text { margin-bottom: 15px; } .post-excerpt .wp-block-media-text .wp-block-media-text__media { padding-top: 5px; padding-bottom: 11px; } /* wide-images */ .post-excerpt .alignwide, .post-excerpt .alignfull { margin-left: -30px !important; margin-right: -30px !important; width: auto; max-width: 100vw; } .post-excerpt .alignwide figcaption, .post-excerpt .alignfull figcaption { padding-right: 30px !important; padding-left: 30px !important; } /* other wide elements */ .post-excerpt .wp-block-pullquote.alignwide, .post-excerpt .wp-block-pullquote.alignfull { display: block; margin-top: 20px; margin-bottom: 20px; } .post-excerpt>.wp-block-pullquote.alignwide:first-child, .post-excerpt>.wp-block-pullquote.alignfull:first-child { margin-top: 5px; } .post-excerpt .wp-block-table.alignwide, .post-excerpt .wp-block-table.alignfull { margin-left: -32px !important; margin-right: -33px !important; } /*Header Cart*/ .cart-right { float: right; } .cart-right>ul { display: inline-block; padding: 0; margin: 0; } .cart-right li { display: inline-block; position: relative; z-index: 99; } .cart-right>ul>li>a { color: #4c4f53; display: block; padding: 15px 10px; float: left; line-height: 56px; } .header-cart .cart-wrap { position: relative; } .header-cart i { font-size: 15px; padding-right: 10px; color: #4c4f53; } .cart-inner { color: #fff; font-size: 12px; text-transform: uppercase; background: #d42929; border-radius: 50%; left: 10px; top: 5px; position: absolute; height: 25px; width: 25px; text-align: center; line-height: 25px; } .headr_btom_cart { background: #ffffff none repeat scroll 0 0; display: block; opacity: 0; padding: 0; position: absolute; right: 0; top: 100%; transform: scaleY(0); transform-origin: 0 0 0; transition: all 0.3s ease 0s; visibility: hidden; width: 300px; z-index: 999; -webkit-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); box-shadow: 0px 12px 30px -2px rgba(0, 0, 0, 0.1); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } .headr_btom_cart ul { padding-left: 0px; margin-top: 0px; } .header-cart:hover .headr_btom_cart { opacity: 1; transform: scale(1); visibility: visible; } .header-cart .widgettitle { display: none; } .header-cart li.single-cart { display: block; } /** * Boxed Layout * ------------------------------------------------------------- */ .boxed-design .site { width: 1170px; margin: 0 auto; box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.15); background: #fff; overflow: hidden; position: relative; } .boxed-design .site .sticky { position: relative; } @media only screen and (max-width: 1128px) { .boxed-design .site { width: 100%; } } @media (min-width: 992px) { .boxed-design .site { width: 970px; } } @media (min-width: 1200px) { .boxed-design .site { width: 1170px; } } /** * Responsive Styles * ------------------------------------------------------------- */ /* 1199px */ @media (max-width: 1199px) { /* pagination */ .pagination { padding-right: 15px; padding-left: 15px; } /* single page: post navigation */ .post-navigation .nav-previous { padding-right: 10px; } .post-navigation .nav-next { padding-left: 10px; } /* WordPress content styles: gallery */ .gallery.gallery-columns-6 .gallery-item .gallery-caption { display: none; } /* footer: menu */ .footer-menu { margin-right: -8px; } .footer-menu li a { padding-right: 8px; padding-left: 8px; } } /* 991px */ @media (max-width: 991px) { /* footer: copyright text (or some other text) */ .site-footer { float: none; width: 100%; margin-bottom: 15px; padding-right: 0; } /* footer: menu */ .footer-menu-wrap { float: none; width: 100%; margin-bottom: 15px; padding-left: 0; } .footer-menu { float: none; margin-right: -10px; margin-left: -10px; } .footer-menu li a { padding-right: 10px; padding-left: 10px; } .right-sidebar #primary { float: none; } .blog.left-sidebar #primary, .archive.left-sidebar #primary, .page.left-sidebar #primary { float: none; } .single.single-left-sidebar #primary, .single.single-right-sidebar #primary { max-width: 100%; } } /* 767px */ @media (max-width: 767px) { /* comments */ .comment-list .children { padding-left: 25px; } .right-sidebar #primary { float: none; } .left-image .post-content, .left-image .post-media { display: block; max-width: 100%; min-width: 100%; } .blog.left-sidebar #primary, .archive.left-sidebar #primary, .page.left-sidebar #primary { float: none; } } /* 720px */ @media (max-width: 720px) { /* container with posts */ .posts-container { padding-top: 40px; padding-bottom: 0; } /* pagination */ .pagination { margin-top: 10px; } .gallery.gallery-columns-5 .gallery-item .gallery-caption { display: none; } /* comments */ .comment-list .children { padding-left: 20px; } /* page 404 */ /* sidebar */ /* widgets */ /* footer widgets */ /* footer */ } /* 600px */ @media (max-width: 600px) { /* WordPress content styles */ .gallery.gallery-columns-4 .gallery-item .gallery-caption { display: none; } /* comments */ .comment-reply-title span, .comment-reply-title small { display: block; } .comment-reply-title small { float: none; } .comment-list .children { padding-left: 15px; } } /* 480px */ @media (max-width: 480px) { /* pagination */ .pagination { margin-right: -15px; margin-left: -15px; padding-right: 0; padding-left: 0; } /* masonry layout */ .right-sidebar article.masonry-post, .left-sidebar article.masonry-post, .no-sidebar article.masonry-post, .middle-column article.masonry-post, .both-sidebar article.masonry-post { width: 100%; padding: 0 15px; } /* comments */ .comment-reply-title, .comments-title { padding-right: 30px; padding-left: 30px; } .comment-list li .comment-reply-title { padding-right: 0; padding-left: 0; } .comment-list .children { padding-left: 10px; } .comment-navigation .nav-previous { padding-right: 5px; } .comment-navigation .nav-next { padding-left: 5px; } } /* 360px */ @media (max-width: 360px) { /* containers with content: reduce left and right indents to 15 pixels */ pre, .post-content, .no-results, .about-author, .comment-reply-title, .comments-title, .comment-form, .comment-list-wrap, .comments-area .no-comments, .comment-respond .must-log-in { padding-right: 15px; padding-left: 15px; } /* wide-images */ .alignwide, .alignfull { margin-left: -15px !important; margin-right: -15px !important; } .alignwide figcaption, .alignfull figcaption { padding-right: 15px !important; padding-left: 15px !important; } /* single page: post navigation */ .post-navigation .nav-previous { padding-right: 5px; } .post-navigation .nav-next { padding-left: 5px; } } /* 320px */ @media (max-width: 320px) { /* single page: post navigation */ .post-navigation .nav-previous, .post-navigation .nav-next { width: 100%; float: none; } .post-navigation .nav-previous { padding-right: 0; } .post-navigation .nav-next { padding-left: 0; text-align: left; } /* comments */ .comment-list-wrap { overflow: hidden; } .comment-meta .comment-awaiting-moderation { margin-left: 0; } .comment-content, .comment-body .reply { padding-left: 0; } .comment-navigation { padding-top: 15px; padding-bottom: 5px; } .comment-navigation .nav-previous, .comment-navigation .nav-next { float: none; width: 100%; line-height: 1.3; } .comment-navigation .nav-previous { padding-right: 0; } .comment-navigation .nav-next { padding-left: 0; text-align: left; } .comment-navigation .nav-links a { padding-top: 10px; padding-bottom: 10px; } .comment-navigation .nav-previous i { display: none; } .comment-navigation .nav-previous a:after { font-family: 'FontAwesome'; font-weight: 900; content: '\f0da'; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; margin-left: 8px; } } @media (max-width: 767px) { .cart-right { position: absolute; top: 0; right: 10px; } .header-default .bar-menu { left: 15px; } .left-side, .right-side { float: none !important; } .top-menu, .social-links { text-align: center; } .search-wrapper { padding-left: 0; position: absolute; top: 0; right: 0; } .bottom-caption { display: none; } .slider-height { height: 300px; } .caption h2 a { font-size: 24px; } } /*============================================================== ## Tab Navigate ================================================================*/ #primary-menu li.menu-item-has-children.locked>ul, #primary-menu li.menu-item-has-children a:focus~ul { visibility: visible; opacity: 1; top: 100%; outline: 5px auto red !important; } /*EXTRA CSS*/ .pro-btn a:after { background: #00cf24; border-radius: 2px; -webkit-border-radius: 2px; font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 5px; position: absolute; right: 15px; top: 10px; content: "PRO"; color: #fff; z-index: 100; font-family: sans-serif; } .hot-btn a:after { background: red; border-radius: 2px; -webkit-border-radius: 2px; font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 5px; position: absolute; right: 15px; top: 10px; content: "HOT"; color: #fff; z-index: 100; font-family: sans-serif; } .hot-btn-1>a:after { background: red; border-radius: 2px; -webkit-border-radius: 2px; font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 5px; position: absolute; right: 15px; top: 10px; content: "HOT"; color: #fff; z-index: 100; font-family: sans-serif; } .new-btn a:after { background: #242424; border-radius: 2px; -webkit-border-radius: 2px; font-size: 10px; font-weight: normal; line-height: 13px; padding: 2px 5px; position: absolute; right: 15px; top: 10px; content: "NEW"; color: #fff; z-index: 100; font-family: sans-serif; } /* Custom */ .post-cats>span a, .entry-meta { display: none; } .top-section { height: 55vh; background-color: #444; background-image: url(assets/images/top-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } #main-blog .post-title { text-align: center; font-size: 32px; } .page-img { border-radius: 10px; }