Create New Item
Item Type
File
Folder
Item Name
Search file in folder and subfolders...
Are you sure want to rename?
File Manager
/
save_bvnghean.vn
/
wp-content
/
themes
/
publisher
:
style.css
Advanced Search
Upload
New Item
Settings
Back
Back Up
Advanced Editor
Save
/* Theme Name: Publisher Theme URI: http://themeforest.net/item/publisher/15801051?ref=Better-Studio Version: 1.4.4.1 Description: Designed by <a href="http://betterstudio.com/">BetterStudio</a> Author: BetterStudio Author URI: http://betterstudio.com/ Text Domain: better-studio License: ThemeForest Split Licence License URI: - Copyright: (c) 2016 BetterStudio Tags: one-column, two-columns, right-sidebar, flexible-header, custom-colors */ /* \-------------------------------------------------------/ ______ _ _ _ _ | ___ \ | | | (_) | | | |_/ / _| |__ | |_ ___| |__ ___ _ __ | __/ | | | '_ \| | / __| '_ \ / _ \ '__| | | | |_| | |_) | | \__ \ | | | __/ | \_| \__,_|_,__/|_|_|___/_| |_|\___|_| \--> BetterStudio, 2016 <--/ Thanks for using our theme! Please don't edit this file because of loosing edits in next updates and use child themes that was described in documentation Our portfolio is here: http://themeforest.net/user/Better-Studio/portfolio \-------------------------------------------------------/ TABLE OF CONTENTS: =>Base Style ->Typography =>Header ->Menu -->Mega Menus --->Column Link Mega Menu --->Link List Mega Menu -->Dark Menu Schema -->Menu Badges ->Responsive Header --->Responsive Mega Menu =>Top Bar =>Main Slider ->Main Slider Style 1 ->Main Slider Style 2 =>Main Section =>Archive Title =>Layouts =>Visual Composer =>Listing ->Listing columns =>Listing Classic =>Listing Grid =>Listing Blog =>Listing Thumbnail =>Listing Text =>Master Listing =>Modern Grid Listing ->Modern Grid Listing 1 ->Modern Grid Listing 2 ->Modern Grid Listing 3 ->Modern Grid Listing 4 =>Sliders ->Slider 1 ->Slider 2 ->Slider 3 =>Boxes ->Box 1 ->Box 2 ->Box 3 ->Box 4 =>Widgets Listing ->Widget Simple Listing ->Widget Thumbnail Listing =>Separator Line =>Widgets & Shortcodes ->Archive Widget ->Calender Widget ->Category Widget ->Custom Menu Widget ->Pages Widget ->Recent Comments Widget ->Recent Posts Widget ->Search Widget ->Tag Cloud Widget ->Social Share Widget ->About Widget ->Popular Categories ->Subscribe Newsletter ->Flickr ->Likebox ->Dribbble ->Google+ ->Embed ->Instagram ->Newsticker ->Better Social Counter ->BetterAds ->better-studio-shortcode ->Shortcode Placeholder =>Pagination ->Link Pagination ->Numbered Pagination =>Section Heading =>Single Post Content =>Single Page Content =>Post Formats ->Video Format ->Gallery Format ->Aside Format ->Quote Format ->Status Format ->Audio Format ->Chat Format =>Entry Content =>Comments =>Footer ->Footer Widgets ->Footer Social Icons ->Footer Copyright ->Footer Menu ->Footer Instagram >>Footer Instagram 1 >>Footer Instagram 2 =>Back To Top =>404 Page =>Author Profile =>Better Gallery =>Shortcodes =>Animations -> Animation keyFrames -> Animation Classes =>Pagination =>BS Pagin =>Editor Shortcodes ->Drop Cap ->Highlight ->Tabs ->Accordion ->List Shortcode ->Divider ->Alert Shortcode =>VC Customizations =>BGCS =>bs Pretty Tabs =>Better Reviews =>Ajax search =>Global clean styles =>Responsive =>Ad Locations */ /** * =>Default Elements **/ body{ background: #fff; } body { background: #fff; } body.boxed{ background-color: #eee; } .main-wrap{ margin: 0 auto; } body.active-top-line .main-wrap{ border-top: 3px solid #0080ce; } @media only screen and (max-width : 668px){ body.active-top-line .main-wrap{ border-top: none; } } .main-wrap .container{ width: 100%; } body.full-width .main-wrap{ width: 100%; } @media( min-width: 768px ){ .boxed .main-wrap{ width: 100% !important; } } @media only screen and (max-width : 768px) { .boxed .main-wrap{ max-width: 100% !important; } } body.boxed .main-wrap{ max-width: 1180px; padding: 0; background-color: #fff; -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; -webkit-box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27); box-shadow: 0 0px 2px rgba(0, 0, 0, 0.27); } .container{ margin-right: auto; margin-left: auto; padding-left: 25px; padding-right: 25px; width: 100%; max-width: 1180px; } @media only screen and (max-width : 992px) { .container{ padding-left: 20px; padding-right: 20px; } } @media only screen and (max-width : 480px) { .container{ padding-left: 15px; padding-right: 15px; } } .content-wrap{ margin: 0 auto; padding: 0; max-width: 1180px; min-width: 300px; } body.boxed .content-wrap{ overflow: hidden; } .container { width: 100%; } .heading-typo, h1, h2, h3, h4, h5, h6, .site-header .site-branding .logo{ color: #2D2D2D; } h1, h2, h3, h4, h5, h6{ line-height: 1.3; } h1{ font-size: 34px; } h2{ font-size: 30px; } h3{ font-size: 25px; } h4{ font-size: 20px; } h5{ font-size: 17px; } h6{ font-size: 15px; } .term-badges .format-badge, .term-badges .term-badge{ display: inline-block; line-height: 0; } .term-badges a{ color: #8b8b8b; padding: 0 0 4px; } .term-badges a:hover{ color: #0080ce; } .term-badges .fa{ margin-right: 2px; } .term-badges.floated a{ padding: 2px 7px; background: #0080ce; color: #FFF; margin-right: 3px; display: inline-block; line-height: 1.7; max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: top; } .term-badges.floated{ position: absolute; top: 0; left: 20px; z-index: 1; line-height: 0; font-size:0; } .format-icon{ position: absolute; right: 20px; top: 20px; pointer-events: none; width: 32px; height: 32px; border: 2px solid #FFF; line-height: 28px; text-align: center; border-radius: 50%; color: #fff; background: rgba(0, 0, 0, 0.2); font-size: 14px; box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.42); text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.23); -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .format-icon .fa{ line-height: 28px; width: 100%; text-align: center; } .format-icon.format-audio{ padding-right: 2px; } .format-icon.format-video{ padding-left: 2px; } .post-summary p:last-child{ margin-bottom: 0; } .entry-content a.read-more, a.read-more{ font-size: 12px; color: #fff; background: #434343; display: inline-block; padding: 3px 11px; text-transform: uppercase !important; margin-top: 13px; } .entry-content a.read-more, a.read-more:hover{ color: #fff; } .better-control-nav li a.better-active, .better-control-nav li:hover a { background-color: #0080ce; } .main-bg-color{ background-color: #0080ce; color: #fff; } .main-color{ color: #0080ce; } ::selection { background: #0080ce; color: #fff; text-shadow: none; } ::-moz-selection { background: #0080ce; color: #fff; text-shadow: none; } .img-holder{ position: relative; width: 80px; background: #eee; display: inline-block; float: left; margin-right: 15px; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .img-holder:before { display: block; content: " "; width: 100%; padding-top: 70%; } code{ padding: 4px 6px; font-size: 90%; color: inherit; background-color: #EAEAEA; border-radius: 0; } pre { padding: 15px; background-color: #f5f5f5; border: 1px solid #DCDCDC; border-radius: 0; } .search-field::-ms-clear { display: none; } /** * ->Typography **/ body{ font: 14px/1.7 'Lato', sans-serif; color: #5f6569; -webkit-text-size-adjust: 100%; text-rendering: optimizeLegibility; font-size-adjust: auto; } /* links and text helpers */ a:hover{ color: #0080ce; } a:focus{ color: inherit; } a, a:focus, a:hover{ text-decoration: none; -webkit-transition: all .07s ease; -moz-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; } /* Form elements */ textarea, input[type=url], input[type=tel], input[type=search], input[type=password], input[type=email], input[type=number], input[type=month], input[type=week], input[type=time], input[type=datetime-local], input[type=date], input[type=color], input[type=text]{ height: 32px; max-width: 100%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } textarea{ display: block; width: 100%; height: auto; background-color: #fff; } textarea:focus, input[type="url"]:focus, input[type="tel"]:focus, input[type="search"]:focus, input[type="password"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="week"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="color"]:focus, input[type="text"]:focus { border-color: #0080ce; outline: 0; } .btn, button, html input[type="button"], input[type="reset"], input[type="submit"], input[type="button"]{ background: #0080ce; border: none; color: #fff; border-radius: 0; outline: none; height: 32px; line-height: 32px; padding: 0 12px; vertical-align: middle; text-transform: uppercase !important; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .entry-content .btn, .entry-content button, .entry-content html input[type="button"], .entry-content input[type="reset"], .entry-content input[type="submit"], .entry-content input[type="button"]{ color: #fff; } .btn:focus, .btn:hover, button:focus, button:hover, html input[type="button"]:focus, html input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, input[type="button"]:focus, input[type="button"]:hover{ background: #0080ce; opacity: 0.85; } .btn.btn-lg{ height: 57px; line-height: 57px; padding: 0 30px; } .btn.btn-xs{ height: 47px; line-height: 47px; padding: 0 20px; } .btn.btn-light { background: #FFF; border:1px solid #D4D4D4; color: #9C9C9C !important; font-family: "Open Sans", Helvetica, sans-serif; font-size: 12px; height: auto; padding: 0 13px; } .btn.btn-light:hover,.btn.btn-light.hover { border-color: #868686; color: #868686 !important; } .btn.btn-light[disabled] { border-color: #EAEAEA; color: #EAEAEA; } /** * ->Other **/ .margin-sm-left { margin-left: 7px; } .margin-sm-right { margin-right: 7px; } .margin-xsm-left { margin-left: 3px; } .margin-xsm-right { margin-right: 3px; } .limit-line { overflow: hidden; white-space: nowrap; } .limit-dot-line { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .top-line{ border-top: 1px solid #f4f4f4; } .bottom-line{ border-bottom: 1px solid #f4f4f4; } li.bottom-line:last-child{ border-bottom: none; } .no-list-style{ list-style: none !important; } .no-list-style li{ padding-right: 0 !important; } .no-list-style li:before { display: none !important; } /** * ->Text Padding **/ .bs-padding-1-1{ margin-left: 5%; margin-right: 5%; } .bs-padding-0-1{ margin-right: 5%; } .bs-padding-1-0{ margin-left: 5%; } .bs-padding-2-2{ margin-left: 10%; margin-right: 10%; } .bs-padding-2-1{ margin-left: 10%; margin-right: 5%; } .bs-padding-1-2{ margin-left: 5%; margin-right: 10%; } .bs-padding-0-2{ margin-right: 10%; } .bs-padding-2-0{ margin-left: 10%; } .bs-padding-3-3{ margin-left: 15%; margin-right: 15%; } .bs-padding-0-3{ margin-right: 15%; } .bs-padding-3-0{ margin-left: 15%; } /** * ->Column Text Padding **/ .bs-shortcode-col.bs-padding-1-1{ margin-left: 0; margin-right: 0; padding-left: 5%; padding-right: 5%; } .bs-shortcode-col.bs-padding-0-1{ margin-right: 0; padding-right: 5%; } .bs-shortcode-col.bs-padding-1-0{ margin-left: 0; padding-left: 5%; } .bs-shortcode-col.bs-padding-2-2{ margin-left: 0; margin-right: 0; padding-left: 10%; padding-right: 10%; } .bs-shortcode-col.bs-padding-2-1{ margin-left: 0; margin-right: 0; padding-left: 10%; padding-right: 5%; } .bs-shortcode-col.bs-padding-1-2{ margin-left: 0; margin-right: 0; padding-left: 5%; padding-right: 10%; } .bs-shortcode-col.bs-padding-0-2{ margin-right: 0; padding-right: 10%; } .bs-shortcode-col.bs-padding-2-0{ margin-left: 0; padding-left: 10%; } .bs-shortcode-col.bs-padding-3-3{ margin-left: 0; margin-right: 0; padding-left: 15%; padding-right: 15%; } .bs-shortcode-col.bs-padding-0-3{ margin-right: 0; padding-right: 15%; } .bs-shortcode-col.bs-padding-3-0{ margin-left: 0; padding-left: 15%; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; -webmit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); -moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #0080ce; display: block; 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. */ } /* global search form */ .search-form input[type="search"]{ float: left; height: 38px; line-height: 38px; margin-right: 8px; font-size: 12px; box-shadow: none; } .search-form input[type="submit"]{ height: 38px; line-height: 36px; } /* post meta */ .post-meta { padding-top: 2px; font-style: inherit; } .post-meta .time{ margin-right: 10px; } .post-meta .views{ float: none; color: #434343; margin-right: 10px; font-style: normal; } .post-meta .comments{ margin-left: 10px; color: #434343; font-style: normal; float: right; } .post-meta .rating:first-child:last-child, .post-meta .comments:first-child:last-child { float: none; margin-left: 0; } .post-meta .rating + .comments{ float: none; margin-left: 0; } .post-meta .views .fa, .post-meta .comments .fa{ display: inline-block; margin-right: 3px; } .post-meta a:hover{ color: #0080ce; } .post-meta .post-author-avatar img{ margin-right: 5px; margin-top: -2px; } .post-meta .post-author{ font-weight: bolder; font-style: normal; margin-right: 8px; } .post-meta .post-author:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f111'; margin-left: 8px; font-size: 5px; vertical-align: middle; color: #adb5bd; } .post-meta .post-author-a:last-child .post-author{ margin-right: 0; } .post-meta .post-author-a:last-child .post-author:after{ display: none; } /** * =>Menu **/ ul.menu{ padding: 0; margin: 0; list-style: none; } ul.menu a{ text-decoration: none; } ul.menu ul{ list-style: none; padding: 0; margin: 0; } ul.menu > li{ float: left; } ul.menu > li.alignright { float: right; } ul.menu li > a{ position: relative; } ul.menu > li .sub-menu{ background-color: #eee; position: absolute; top: 102%; top: calc( 100% + 1px ); z-index: 100; width: 200px; } ul.menu > li .sub-menu .sub-menu{ left: 99.4%; top: 0 !important; } ul.menu > li li:hover > .sub-menu{ display: block; } ul.menu li.menu-have-icon > a > .bf-icon{ margin-right: 6px; display: inline-block; } ul.menu li.menu-title-hide > a > .bf-icon{ margin-right: 0; } ul.menu li.menu-title-hide > a{ padding: 0 15px; display: inline-block; } ul.menu li.menu-item-has-children.menu-title-hide > a:after{ display: none; } ul.menu li.menu-item-has-children > a:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 26px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f107'; margin-left: 6px; font-size: 13px; } ul.menu .sub-menu > li.menu-item-has-children > a:after { position: absolute; right: 10px; top: 5px; content: '\f105'; } ul.menu .sub-menu .sub-menu > li.menu-item-has-children > a:after{ content: '\f0da'; } ul.menu li.menu-have-icon .bf-icon{ margin-right: 10px; } ul.menu li.menu-have-icon.menu-title-hide .bf-icon{ margin-right: 0; } ul.menu .sub-menu > li > a{ display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.04); } ul.menu .sub-menu > li:last-child a { border-bottom: none !important; } /* Menu Animations */ ul.menu .mega-menu, ul.menu .sub-menu{ z-index: -1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: none; visibility: hidden; } ul.menu.bsm-initialized .mega-menu, ul.menu.bsm-initialized .sub-menu{ display: block; } ul.menu.bsm-pure li:hover > .mega-menu, ul.menu.bsm-pure li:hover > .sub-menu{ visibility: visible !important; z-index: 9999 !important; opacity: 1 !important; display: block !important; } ul.menu.bsm-initialized li.bsm-enter > .mega-menu, ul.menu.bsm-initialized li.bsm-enter > .sub-menu{ visibility: visible; z-index: 9999; } ul.menu.bsm-initialized li.bsm-leave > .mega-menu, ul.menu.bsm-initialized li.bsm-leave > .sub-menu{ display: none; } /* No animation */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-none > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-none > .sub-menu { display: none; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-none.bsm-enter > .mega-menu, ul.menu.bsm-initialized li.menu-item-has-children.better-anim-none.bsm-enter > .sub-menu{ display: block; } /* fade animation */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-fade > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-fade > .sub-menu { opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-fade.bsm-enter > .mega-menu, ul.menu.bsm-initialized li.menu-item-has-children.better-anim-fade.bsm-enter > .sub-menu{ opacity: 1; } /* Fading Slide */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-fade > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-fade > .sub-menu { -webkit-transform: translate3d(0, -10px, 0) scale3d(.95, .95, .95); transform: translate3d(0, -10px, 0) scale3d(.95, .95, .95); opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-fade.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-fade.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translate3d(0, 0, 0) scale3d(1, 1, 1); transform: translate3d(0, 0, 0) scale3d(1, 1, 1); } /* Slide Bottom In */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-bottom-in > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-bottom-in > .sub-menu { -webkit-transform: translate3d(0, 11px, 0); transform: translate3d(0, 11px, 0); opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-bottom-in.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-bottom-in.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slide Top In */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-top-in > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-top-in > .sub-menu { -webkit-transform: translate3d(0, 11px, 0); transform: translate3d(0, 11px, 0); -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-top-in.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-top-in.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-name: menu-slide-top-in; animation-name: menu-slide-top-in; } @-webkit-keyframes menu-slide-top-in { 0% { -webkit-transform: translate3d(0, -11px, 0); transform: translate3d(0, -11px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes menu-slide-top-in { 0% { -webkit-transform: translate3d(0, -11px, 0); transform: translate3d(0, -11px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Slide Left In */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-left-in > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-left-in > .sub-menu { -webkit-transform: translate3d(11px, 0, 0); transform: translate3d(11px, 0, 0); -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-left-in.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-left-in.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-name: menu-slide-left-in; animation-name: menu-slide-left-in; } @-webkit-keyframes menu-slide-left-in { 0% { -webkit-transform: translate3d(-11px, 0, 0); transform: translate3d(-11px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes menu-slide-left-in { 0% { -webkit-transform: translate3d(-11px, 0, 0); transform: translate3d(-11px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Slide Right In */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-right-in > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-right-in > .sub-menu { -webkit-transform: translate3d(-11px, 0, 0); transform: translate3d(-11px, 0, 0); -webkit-animation-duration: .5s; animation-duration: .5s; opacity: 0; } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-right-in.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-slide-right-in.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-animation-name: menu-slide-right-in; animation-name: menu-slide-right-in; } @-webkit-keyframes menu-slide-right-in { 0% { -webkit-transform: translate3d(11px, 0, 0); transform: translate3d(11px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes menu-slide-right-in { 0% { -webkit-transform: translate3d(11px, 0, 0); transform: translate3d(11px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } /* Tada */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-tada > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-tada > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-tada.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-tada.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-tada; animation-name: menu-tada; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } @-webkit-keyframes menu-tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 0; } 10%, 20% { -webkit-transform: scale3d(.97, .97, .97) rotate3d(0, 0, 1, -1deg); transform: scale3d(.97, .97, .97) rotate3d(0, 0, 1, -1deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, 2deg); transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, 2deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, -1deg); transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } } @keyframes menu-tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.97, .97, .97) rotate3d(0, 0, 1, -1deg); transform: scale3d(.97, .97, .97) rotate3d(0, 0, 1, -1deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, 2deg); transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, 2deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, -1deg); transform: scale3d(1.03, 1.03, 1.03) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /* Bounce */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-bounce > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-bounce > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-bounce.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-bounce.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-bounce; animation-name: menu-bounce; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } @-webkit-keyframes menu-bounce { 0%, 20%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); opacity: 0; } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } 100%{ opacity: 1; } } @keyframes menu-bounce { 0%, 20%{ -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); opacity: 0; } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 53%, 80%, 100% { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } 100%{ opacity: 1; } } /* Shake */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-shake > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-shake > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-shake.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-shake.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-shake; animation-name: menu-shake; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes menu-shake { 0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 20%, 60%, 50%, 70%, 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } @keyframes menu-shake { 0%{ -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 0; } 20%, 60%, 50%, 70%, 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } } /* Swing */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-swing > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-swing > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-swing.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-swing.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-swing; animation-name: menu-swing; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes menu-swing { 0% { opacity: 0; } 20% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -4deg); transform: rotate3d(0, 0, 1, -4deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 2deg); transform: rotate3d(0, 0, 1, 2deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -2deg); transform: rotate3d(0, 0, 1, -2deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); opacity: 1; } } @keyframes menu-swing { 0% { opacity: 0; } 20% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -4deg); transform: rotate3d(0, 0, 1, -4deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 2deg); transform: rotate3d(0, 0, 1, 2deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -2deg); transform: rotate3d(0, 0, 1, -2deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); opacity: 1; } } /* Wobble */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-wobble > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-wobble > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-wobble.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-wobble.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-wobble; animation-name: menu-wobble; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes menu-wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-9%, 0, 0) rotate3d(0, 0, 1, -2deg); transform: translate3d(-9%, 0, 0) rotate3d(0, 0, 1, -2deg); } 30% { -webkit-transform: translate3d(7%, 0, 0) rotate3d(0, 0, 1, 1.5deg); transform: translate3d(7%, 0, 0) rotate3d(0, 0, 1, 1.5deg); } 45% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1.5deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1.5deg); } 60% { -webkit-transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, .7deg); transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, .7deg); } 75% { -webkit-transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -.7deg); transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -.7deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes menu-wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-9%, 0, 0) rotate3d(0, 0, 1, -2deg); transform: translate3d(-9%, 0, 0) rotate3d(0, 0, 1, -2deg); } 30% { -webkit-transform: translate3d(7%, 0, 0) rotate3d(0, 0, 1, 1.5deg); transform: translate3d(7%, 0, 0) rotate3d(0, 0, 1, 1.5deg); } 45% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1.5deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1.5deg); } 60% { -webkit-transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, .7deg); transform: translate3d(3%, 0, 0) rotate3d(0, 0, 1, .7deg); } 75% { -webkit-transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -.7deg); transform: translate3d(-1%, 0, 0) rotate3d(0, 0, 1, -.7deg); } 100% { -webkit-transform: none; transform: none; } } /* Filip In X */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-x > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-x > .sub-menu { -webkit-animation-duration: 1s; animation-duration: 1s; opacity: 0; -webkit-transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-x.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-x.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-flipInX; animation-name: menu-flipInX; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes menu-flipInX { 0% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 50deg); transform: perspective(200px) rotate3d(1, 0, 0, 50deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -10deg); transform: perspective(200px) rotate3d(1, 0, 0, -10deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 5deg); transform: perspective(200px) rotate3d(1, 0, 0, 5deg); opacity: 1; } 80% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -2deg); transform: perspective(200px) rotate3d(1, 0, 0, -2deg); } 100% { -webkit-transform: perspective(200px); transform: perspective(200px); } } @keyframes menu-flipInX { 0% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 50deg); transform: perspective(200px) rotate3d(1, 0, 0, 50deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -10deg); transform: perspective(200px) rotate3d(1, 0, 0, -10deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, 5deg); transform: perspective(200px) rotate3d(1, 0, 0, 5deg); opacity: 1; } 80% { -webkit-transform: perspective(200px) rotate3d(1, 0, 0, -2deg); transform: perspective(200px) rotate3d(1, 0, 0, -2deg); } 100% { -webkit-transform: perspective(200px); transform: perspective(200px); } } /* Filip In Y */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-y > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-y > .sub-menu { -webkit-animation-duration: .65s; animation-duration: .65s; opacity: 0; -webkit-transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); transform: translate3d(0, -3px, 0) scale3d(.95, .95, .95); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-y.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-filip-in-y.bsm-enter > .sub-menu { opacity: 1; -webkit-animation-name: menu-flipInY; animation-name: menu-flipInY; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } @-webkit-keyframes menu-flipInY { 0% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 20deg); transform: perspective(200px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -10deg); transform: perspective(200px) rotate3d(0, 1, 0, -10deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 5deg); transform: perspective(200px) rotate3d(0, 1, 0, 5deg); opacity: 1; } 80% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -1deg); transform: perspective(200px) rotate3d(0, 1, 0, -1deg); } 100% { -webkit-transform: perspective(200px); transform: perspective(200px); } } @keyframes menu-flipInY { 0% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 20deg); transform: perspective(200px) rotate3d(0, 1, 0, 20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -10deg); transform: perspective(200px) rotate3d(0, 1, 0, -10deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, 5deg); transform: perspective(200px) rotate3d(0, 1, 0, 5deg); opacity: 1; } 80% { -webkit-transform: perspective(200px) rotate3d(0, 1, 0, -1deg); transform: perspective(200px) rotate3d(0, 1, 0, -1deg); } 100% { -webkit-transform: perspective(200px); transform: perspective(200px); } } /* Buzz */ ul.menu.bsm-initialized li.menu-item-has-children.better-anim-buzz > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-buzz > .sub-menu { -webkit-animation-duration: .65s; animation-duration: .65s; opacity: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } ul.menu.bsm-initialized li.menu-item-has-children.better-anim-buzz.bsm-enter > .mega-menu , ul.menu.bsm-initialized li.menu-item-has-children.better-anim-buzz.bsm-enter > .sub-menu { opacity: 1; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-animation-name: menu-buzz; animation-name: menu-buzz; -webkit-animation-duration: 0.15s; animation-duration: 0.15s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } @-webkit-keyframes menu-buzz { 50% { -webkit-transform: translateX(1px) rotate(.7deg); transform: translateX(1px) rotate(.7deg); } 100% { -webkit-transform: translateX(-1px) rotate(-.7deg); transform: translateX(-1px) rotate(-.7deg); } } @keyframes menu-buzz { 50% { -webkit-transform: translateX(1px) rotate(.7deg); transform: translateX(1px) rotate(.7deg); } 100% { -webkit-transform: translateX(-1px) rotate(-.7deg); transform: translateX(-1px) rotate(-.7deg); } } .main-menu-wrapper.bs-pinning-block.pinned{ box-shadow: none; } /** * =>Header **/ .site-header .content-wrap{ overflow: visible !important; } .site-header > .header-inner > .content-wrap > .container{ position: relative; } .site-header .site-branding{ margin: 0; } .site-header .site-branding .logo{ margin: 0; line-height: 0; font-size: 50px; } .site-header .site-branding .logo.text-logo{ font-size: 30px; line-height: 38px; } .site-header .site-branding .logo img{ max-width: 100%; } .site-header > .header-inner > .container{ position: relative; } .site-header > .header-inner .row-height { display: table; table-layout: fixed; height: 100%; width: 100%; } .site-header > .header-inner .sidebar-col, .site-header > .header-inner .logo-col { display: table-cell; float: none; height: 100%; vertical-align: middle; } .site-header .shop-cart-container, .site-header .search-container{ position: absolute; top: 0; bottom: 0; right: 0; width: 40px; z-index: 99; } .site-header .shop-cart-container{ width: auto; min-width: 30px; z-index: 2; text-align: center; padding-right: 4px; } .site-header .search-container + .shop-cart-container { right: 33px; } .site-header .main-menu-wrapper .main-menu-container.shop-open .main-menu, .site-header .main-menu-wrapper .main-menu-container.search-open .main-menu{ opacity: 0; } .site-header .search-container.open{ width: 100%; } .site-header .search-container .search-handler{ position: absolute; right: 6px; top: 50%; margin-top: -14px; z-index: 100; width: 26px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 15px; color: #434343; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .site-header .shop-cart-container .cart-handler{ width: auto; height: 42px; line-height: 42px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 17px; } .site-header .shop-cart-container.open .cart-handler, .site-header .shop-cart-container:hover .cart-handler, .site-header .search-container.open .search-handler, .site-header .search-container:hover .search-handler { color: #0080ce; } .site-header .search-container .search-box{ display: none; position: absolute; right: 0; top: 0; padding: 0 36px 0 0; z-index: 99; height: 100%; width: 100%; text-align: center; } .site-header .shop-cart-container .cart-box{ width: 260px; position: absolute; top: 100%; right: 0; background: #fff; padding: 20px; display: none; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); text-align: left; } .site-header .shop-cart-container .cart-box .buttons{ margin-bottom: 0; } .site-header .shop-cart-container .cart-box .buttons .checkout{ float: right; } .site-header .search-container .search-box .search-form .search-field { border: none; width: 100%; height: 45px; background: transparent; line-height: 45px; font-size: 14px; color: #434343; } .site-header .shop-cart-container.open .cart-box, .site-header .search-container.open .search-box{ display: block; } .site-header .main-menu-container.search-open .shop-cart-container{ display: none; } .site-header .shop-cart-container .cart-handler .fa{ vertical-align: middle; } .site-header .shop-cart-container .cart-handler .cart-count{ background: #0080ce; display: inline-block; line-height: 18px; padding: 0 6px; font-size: 12px; font-weight: bolder; color: #fff; margin-left: 1px; vertical-align: middle; border-radius: 50%; font-family: sans-serif; font-weight: 400; } .site-header .shop-cart-container .cart-box:after{ content: ''; height: 3px; position: absolute; right: 0px; left: 0px; top: -3px; background: #0080ce; display: inline-block; } .site-header .search-container .search-box .search-form input[type="submit"]{ display: none; } .site-header .shop-cart-container a.remove{ display: inline-block; float: left; margin-right: 4px; font-size: 14px; margin-top: 4px; } .site-header .header-inner .row{ position: relative; } .site-header .sidebar .betteradscontainer{ padding: 0 0 5px; margin: 0; text-align: right; } .site-header .sidebar .betteradscontainer:last-child{ padding-bottom: 0; } .site-header .sidebar .betteradscontainer .betterad-container{ margin-bottom: 0; } .site-header .sidebar .betteradscontainer .betterads-empty-note, .site-header .sidebar .betteradscontainer .betterad-caption{ display: none; } /** * ->Menu **/ .main-menu > li{ margin-right: 10px; } .main-menu > li > a{ line-height: 46px; display: inline-block; padding: 0 10px; } .main-menu.menu li:hover > a{ color: #0080ce; } .main-menu .sub-menu > li > a{ padding: 0 16px 0 10px; line-height: 40px; } .main-menu.menu > li .sub-menu{ width: 210px; background-color: #FFF; -webkit-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 7px 7px rgba(0, 0, 0, 0.15); } .main-menu.menu .sub-menu li > a{ line-height: 1.7; padding: 8px 16px; } .main-menu.menu .sub-menu > li{ position: relative; } .main-menu.menu .sub-menu > li > a, .main-menu.menu .sub-menu > li{ color: #434343; } .main-menu.menu .sub-menu li.current-menu-item > a{ color: #0080ce; } .main-menu.menu .sub-menu li.current-menu-item:hover > a, .main-menu.menu .sub-menu > li:hover > a{ color: #FFFFFF; background: #0080ce; } .main-menu.menu .sub-menu > li.menu-item-has-children > a:after { top: 7px; } .main-menu.menu .sub-menu > li > a{ border-bottom: 1px solid rgba(0, 0, 0, 0.04) } .main-menu.menu .sub-menu .sub-menu > li > a{ border-bottom: 1px solid rgba(0, 0, 0, 0.06) } .main-menu.menu > li:hover > a:before, .main-menu.menu > li.current-menu-parent > a:before, .main-menu.menu > li.current-menu-item > a:before{ content: ''; display: block; width: 100%; height: 3px; background-color: #0080ce; position: absolute; bottom: 0; left: 0; } .top-menu > li{ line-height: 25px; margin-right: 15px; } .top-menu.menu li{ position: relative; } .top-menu.menu li > a{ color: #707070; } .top-menu.menu li:hover > a{ color: #0080ce; } .top-menu .sub-menu > li > a{ padding: 0 16px; line-height: 40px; } .top-menu.menu > li .sub-menu{ width: 270px; background-color: #222; } .top-menu.menu > li .sub-menu .sub-menu{ background-color: #000; } .top-menu.menu .sub-menu > li > a, .top-menu.menu .sub-menu > li{ color: #c0c0c0; } .top-menu.menu .sub-menu li.current-menu-item > a, .top-menu.menu .sub-menu > li:hover > a{ color: #0080ce; } .top-menu.menu .sub-menu > li.menu-item-has-children > a:after{ top: 7px; } .top-menu.menu .sub-menu > li > a{ border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .top-menu.menu .sub-menu .sub-menu > li > a{ border-bottom: 1px solid rgba(255, 255, 255, 0.12); } @media only screen and (max-width : 780px) { .main-menu > li > a { line-height: 46px; display: inline-block; padding: 0 7px; font-size: 90%; } } /** * -->Menu Badges **/ .bspw-header-style-7 > .bs-pinning-block.pinned .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-7 > .bs-pinning-block.unpinned-no-transition .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-4 > .bs-pinning-block.pinned .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-4 > .bs-pinning-block.unpinned-no-transition .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-3 > .bs-pinning-block.pinned .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-3 > .bs-pinning-block.unpinned-no-transition .main-menu > .menu-item > a > .better-custom-badge{ display: block; } .bspw-header-style-7 > .bs-pinning-block .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-4 > .bs-pinning-block .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-3 > .bs-pinning-block .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-2 > .bs-pinning-block.pinned .main-menu > .menu-item > a > .better-custom-badge, .bspw-header-style-1 > .bs-pinning-block.pinned .main-menu > .menu-item > a > .better-custom-badge, .widget.widget_nav_menu .menu .better-custom-badge{ display: none; } .main-menu.menu .better-custom-badge{ position: absolute; left: 11px; top: -16px; background-color: #0080ce; display: inline-block; height: 16px; line-height: 16px; color: #FFF; font-family: "Arial Narrow",Arial,sans-serif; font-size: 11px; padding: 0 5px; font-weight: 600; letter-spacing: 1px; z-index: 1; text-transform: uppercase; text-align: center; min-width: 19px; white-space: nowrap; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .main-menu.menu .better-custom-badge:after{ border: solid 4px rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-top-color: #0080ce; bottom: -8px; left: 5px; } .main-menu.menu > .menu-item:hover > a > .better-custom-badge{ top: -12px; } .main-menu.menu .sub-menu.sub-menu .better-custom-badge{ left: auto; position: absolute; bottom: auto; right: 10px; top: 50%; margin-top: -8px; } .main-menu.menu .sub-menu.sub-menu .menu-item.menu-badge-left > a > .better-custom-badge { position: inherit !important; margin-right: 6px; } .main-menu.menu .sub-menu.sub-menu .menu-have-badge.menu-item-has-children > a > .better-custom-badge{ right: 24px; } .main-menu.menu .sub-menu.sub-menu .better-custom-badge:after { display: none; } .site-header.header-style-7 .main-menu.menu > .menu-item > a > .better-custom-badge, .site-header.header-style-4 .main-menu.menu > .menu-item > a > .better-custom-badge, .site-header.header-style-3 .main-menu.menu > .menu-item > a > .better-custom-badge{ top: 98%; } .site-header.header-style-7 .main-menu.menu > .menu-item:hover > a > .better-custom-badge, .site-header.header-style-4 .main-menu.menu > .menu-item:hover > a > .better-custom-badge, .site-header.header-style-3 .main-menu.menu > .menu-item:hover > a > .better-custom-badge { top: 98%; left: 20px; } .site-header.header-style-7 .main-menu.menu > .menu-item > a > .better-custom-badge:after, .site-header.header-style-4 .main-menu.menu > .menu-item > a > .better-custom-badge:after, .site-header.header-style-3 .main-menu.menu > .menu-item > a > .better-custom-badge:after { bottom: inherit; top: -8px; -webkit-transform: rotate( 180deg); -moz-transform: rotate( 180deg); transform: rotate( 180deg); } .site-header.header-style-5 .main-menu.menu > .menu-item > a > .better-custom-badge{ top: 0; } .site-header.header-style-5 .main-menu.menu > .menu-item:hover > a > .better-custom-badge { top: 3px; } .site-header.header-style-6 .main-menu.menu > .menu-item:hover > a > .better-custom-badge, .site-header.header-style-6 .main-menu.menu > .menu-item > a > .better-custom-badge{ top: 0; } .site-header.header-style-8 .main-menu.menu > .menu-item:hover > a > .better-custom-badge, .site-header.header-style-8 .main-menu.menu > .menu-item > a > .better-custom-badge{ top: 0; } /** * -->Mega Menus **/ .menu .mega-menu{ width: 100%; position: absolute; left: 0; top: 102%; top: calc( 100% + 1px ); z-index: 100; background-color: #FFF; -wbkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); text-align: left; } .menu > li > .mega-menu li.menu-item-has-children.better-anim-none > .sub-menu, .menu > li > .mega-menu .bsm-leave .sub-menu, .menu > li > .mega-menu .sub-menu{ display: block !important; visibility: visible !important; opacity: 1 !important; transform: none !important; transition: none !important; animation-name: none !important; position: relative; top: auto !important; left: auto !important; background: none !important; width: 100%; box-shadow: none !important; } .menu > li > .mega-menu .sub-menu .sub-menu{ padding-left: 15px; } .menu .mega-menu li.menu-item-has-children > a:after{ display: none; } .menu > li > .mega-menu .mega-menu-links{ background-color: #c8c8c8; } /** * --->Column Link Mega Menu **/ .mega-menu.mega-type-link{ list-style: none; padding: 22px 25px 15px; } .mega-menu.mega-type-link .mega-links{ list-style: none; padding: 0; margin: 0; } .mega-menu.mega-type-link .mega-links > li { float: left; } .mega-menu.mega-type-link .mega-links > li > a{ color: #434343; font-size: 105%; border-bottom: 2px solid rgba(0, 0, 0, 0.07); width: 100%; display: block; margin-bottom: 5px; padding-bottom: 10px; } .mega-menu.mega-type-link .mega-links.link-2-column > li{ width: 50%; } .mega-menu.mega-type-link .mega-links.link-2-column > li:nth-child(3), .mega-menu.mega-type-link .mega-links.link-2-column > li:nth-child(1){ clear: left; padding-right: 14px; } .mega-menu.mega-type-link .mega-links.link-2-column > li:nth-child(2), .mega-menu.mega-type-link .mega-links.link-2-column > li:nth-child(4){ padding-left: 14px; } .mega-menu.mega-type-link .mega-links.link-3-column > li{ width: 33.33333%; } .mega-menu.mega-type-link .mega-links.link-3-column > li:nth-child(4), .mega-menu.mega-type-link .mega-links.link-3-column > li:nth-child(1){ padding-right: 14px; clear: left; } .mega-menu.mega-type-link .mega-links.link-3-column > li:nth-child(6), .mega-menu.mega-type-link .mega-links.link-3-column > li:nth-child(3){ padding-left: 14px; } .mega-menu.mega-type-link .mega-links.link-4-column > li{ width: 25%; padding-right: 10px; padding-left: 10px; } .mega-menu.mega-type-link .mega-links.link-4-column > li:nth-child(1), .mega-menu.mega-type-link .mega-links.link-4-column > li:nth-child(5){ clear: left; } .mega-menu.mega-type-link .mega-links .sub-menu{ border: none; background: transparent; box-shadow:none; } /** * --->Link List Mega Menu **/ .mega-menu.mega-type-link-list{ list-style: none; padding: 0; } .mega-menu.mega-type-link-list .mega-links{ list-style: none; padding: 0; margin: 0; text-align: left; } .mega-menu.mega-type-link-list .mega-links > li { display: inline-block; padding: 10px 12px; } .mega-menu.mega-type-link-list .mega-links > li > a:hover{ color: #0080ce; } .mega-menu.mega-type-link-list .mega-links > li .sub-menu{ display: none; position: absolute; top: 100% !important; left: 0 !important; background-color: #FFF !important; box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.37) !important; padding: 0 12px; } .mega-menu.mega-type-link-list .mega-links > li .sub-menu .sub-menu { background-color: #050505 !important; padding-left: 0; } .mega-menu.mega-type-link-list .mega-links li:hover > .sub-menu { display: block; } .mega-menu.mega-type-link-list .mega-links > li:hover > a { color: #0080ce; } .mega-menu.mega-type-link-list .mega-links > li .sub-menu > li{ position: auto; } .mega-menu.mega-type-link-list .mega-links > li .sub-menu > li > a{ border-bottom: none; } .mega-menu.mega-type-link-list .mega-links > li .sub-menu > li{ display: inline-block; } /** * --->Grid Posts Mega Menu **/ .mega-grid-posts{ padding: 20px; } .mega-grid-posts .listing.listing-grid-1{ margin-left: -6px; margin-right: -6px; } .mega-grid-posts .bs-pagination-response .listing.listing-grid-1{ margin-left: 0; margin-right: 0; } .mega-grid-posts .listing.listing-grid-1.columns-4[max-width~="450px"] .listing-item{ width: 25% !important; padding-right: 7px !important; padding-left: 7px !important; float: left; } .mega-grid-posts .postli:nth-child(1), .mega-grid-posts .post:nth-child(5){ clear: left; margin-left: -7px; } .mega-grid-posts .bs-listing-listing-mix-2-1, .mega-grid-posts .listing-item-grid-1{ margin-bottom: 0; } /** * --->Tabed Grid Posts Mega Menu **/ .tabbed-grid-posts{ position: relative; } .tabbed-grid-posts:before{ content: ''; background-color: #f3f3f3; width: 220px; position: absolute; top:0; left: 0; bottom:0; display: inline-block; border-right: 1px solid #eaeaea; } .tabbed-grid-posts .tabs-section{ list-style: none; width: 220px; max-width: 220px; text-align: right; position: relative; z-index: 1; float: left; padding: 20px 0 50px; margin: 0; } .tabbed-grid-posts .tabs-section a:hover, .tabbed-grid-posts .tabs-section a{ display: block; font-size: 14px; font-weight: 400; color: #333 !important; padding: 6px 17px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; text-transform: capitalize; } .tabbed-grid-posts .tabs-section .active a{ border-color: #e2e2e2; background: #fff; } .tabbed-grid-posts .tab-content{ display: block; padding: 20px 20px 20px 240px; } .tabbed-grid-posts .listing.listing-grid-1 .listing-item-grid-1{ margin-bottom: 5px; } .tabbed-grid-posts .listing.listing-grid-1.columns-3[max-width~="450px"] .listing-item{ width: 33.3333% !important; float: left !important; } .tabbed-grid-posts .listing.listing-grid-1.columns-3 .listing-item:nth-child( 3n-2 ) { padding-right: 12px !important; clear: left !important; } .tabbed-grid-posts .listing.listing-grid-1.columns-3 .listing-item:nth-child( 1 ) { clear: none !important; } .tabbed-grid-posts .listing.columns-3 .listing-item:nth-child( 3n-1 ) { padding: 0 6px !important; } .tabbed-grid-posts .listing.columns-3 .listing-item:nth-child( 3n+3 ) { padding-left: 12px !important; } /** * ->Main Menu Wrapper **/ .main-menu-wrapper{ position: relative; } .main-menu-wrapper .main-menu-container{ position: relative; } .site-header.full-width .main-menu-wrapper, .site-header.boxed .main-menu-wrapper .main-menu-container{ border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background: #fff; } .site-header.full-width .bspw-header-style-2 .main-menu-wrapper.bs-pinning-block.pinned, .site-header.full-width .bspw-header-style-1 .main-menu-wrapper.bs-pinning-block.pinned, .site-header.boxed .bspw-header-style-2 .main-menu-wrapper.bs-pinning-block.pinned .main-menu-container, .site-header.boxed .bspw-header-style-1 .main-menu-wrapper.bs-pinning-block.pinned .main-menu-container{ border-top: none; } body.boxed .site-header .main-menu-wrapper { max-width: 1180px; margin-left: auto; margin-right: auto; width: 100%; } /** * ->Header Styles **/ /** * ->Header Style 1 **/ .site-header.header-style-1 .header-inner{ padding: 40px 0; } .site-header.header-style-1 .site-branding{ text-align: center; } .site-header.header-style-1 .main-menu.menu{ text-align: center; height: 66px; overflow-y: hidden; margin-bottom: -1px; padding-top: 20px; margin-top: -20px; } .site-header.header-style-1.full-width .shop-cart-container, .site-header.header-style-1.full-width .search-container{ top: 20px; } .site-header.header-style-1 .main-menu.menu > li{ float: none; display: inline-block; margin: 0 4px; } .site-header.header-style-1 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-1 .search-container .search-box .search-form .search-field{ text-align: center; } .site-header.header-style-1 .main-menu-wrapper.show-cart-item.show-search-item .main-menu-container{ padding: 0 80px; } .site-header.header-style-1 .main-menu-wrapper.show-search-item .main-menu-container, .site-header.header-style-1 .main-menu-wrapper.show-cart-item .main-menu-container{ padding: 0 45px; } .site-header.header-style-1 .bs-pinning-block.pinned.main-menu-wrapper .shop-cart-container, .site-header.header-style-1 .bs-pinning-block.pinned.main-menu-wrapper .search-container{ top: 20px; } /** * ->Header Style 2 **/ .site-header.header-style-2 .header-inner{ padding: 30px 0; } .site-header.header-style-2 .main-menu.menu{ height: 66px; overflow-y: hidden; margin-bottom: -1px; padding-top: 20px; margin-top: -20px; } .site-header.header-style-2.full-width .shop-cart-container, .site-header.header-style-2.full-width .search-container{ top: 20px; } .site-header.header-style-2 .main-menu.menu > li{ float: left; display: inline-block; margin: 0 5px 0 0; } .site-header.header-style-2 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-2 .main-menu-wrapper.show-cart-item.show-search-item .main-menu-container{ padding: 0 80px 0 0; } .site-header.header-style-2 .main-menu-wrapper.show-search-item .main-menu-container, .site-header.header-style-2 .main-menu-wrapper.show-cart-item .main-menu-container{ padding: 0 45px 0 0; } .site-header.header-style-2 .bs-pinning-block.pinned.main-menu-wrapper .shop-cart-container, .site-header.header-style-2 .bs-pinning-block.pinned.main-menu-wrapper .search-container{ top: 20px; } /** * ->Header Style 3 **/ .site-header.header-style-3 .header-inner{ padding: 35px 0; } .site-header.header-style-3 .main-menu.menu > li{ float: left; display: inline-block; margin: 0 10px 0 0; } .site-header.header-style-3 .main-menu.menu{ height: 61px; overflow-y: hidden; margin-bottom: -16px; padding-bottom: 15px; } .site-header.header-style-3 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-3.full-width .main-menu.menu .mega-menu, .site-header.header-style-3.full-width .main-menu.menu > li .sub-menu { top: 76%; top: calc(100% - 15px); } .site-header.header-style-3.full-width .shop-cart-container, .site-header.header-style-3.full-width .search-container{ bottom: 15px; } .site-header.boxed.header-style-3 .main-menu-wrapper .main-menu-container, .site-header.full-width.header-style-3 .main-menu-wrapper{ border-bottom-width: 1px; border-top: none; border-bottom-color: #ececec; } .site-header.header-style-3 .main-menu.menu > li:hover > a:before, .site-header.header-style-3 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-3 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: 0; } .site-header.header-style-3 .main-menu-wrapper.show-cart-item.show-search-item .main-menu-container{ padding: 0 80px 0 0; } .site-header.header-style-3 .main-menu-wrapper.show-search-item .main-menu-container, .site-header.header-style-3 .main-menu-wrapper.show-cart-item .main-menu-container{ padding: 0 45px 0 0; } /** * ->Header Style 4 **/ .site-header.header-style-4 .header-inner{ padding: 50px 0; } .site-header.header-style-4 .main-menu.menu{ height: 61px; overflow-y: hidden; margin-bottom: -16px; padding-bottom: 15px; } .site-header.header-style-4.full-width .main-menu.menu .mega-menu, .site-header.header-style-4.full-width .main-menu.menu > li .sub-menu { top: 76%; top: calc(100% - 15px); } .site-header.header-style-4.full-width .shop-cart-container, .site-header.header-style-4.full-width .search-container{ bottom: 15px; } .site-header.header-style-4 .main-menu.menu > li{ float: left; display: inline-block; margin: 0 10px 0 0; } .site-header.header-style-4 .main-menu.menu .sub-menu { text-align: left; } .site-header.boxed.header-style-4 .main-menu-wrapper .main-menu-container, .site-header.full-width.header-style-4 .main-menu-wrapper{ border-bottom-width: 1px; border-top: none; border-bottom-color: #ececec; } .site-header.header-style-4 .main-menu.menu > li:hover > a:before, .site-header.header-style-4 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-4 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: 0; } .site-header.header-style-4 .site-branding{ text-align: center; } .site-header.header-style-4 .main-menu.menu{ text-align: center; } .site-header.header-style-4 .main-menu.menu > li{ float: none; display: inline-block; } .site-header.header-style-4 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-4 .search-container .search-box .search-form .search-field{ text-align: center; } .site-header.header-style-4 .main-menu-wrapper.show-cart-item.show-search-item .main-menu-container{ padding: 0 80px; } .site-header.header-style-4 .main-menu-wrapper.show-search-item .main-menu-container, .site-header.header-style-4 .main-menu-wrapper.show-cart-item .main-menu-container{ padding: 0 45px; } /** * ->Header Style 5 **/ .site-header.header-style-5 .header-inner{ padding: 0; position: relative; z-index: 99; } .site-header.header-style-5.boxed .header-inner, .site-header.header-style-5.full-width{ border-bottom: 1px solid #eee; } .site-header.header-style-5 .main-menu.menu{ float: right; } .site-header.header-style-5 .main-menu.menu > li{ float: left; display: inline-block; margin: 0; } .site-header.header-style-5 .main-menu.menu > li > a{ padding: 0 15px; } .site-header.header-style-5 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-5 .site-branding{ width: 33.333%; float: left; } .site-header.header-style-5 .main-menu-container{ width: 66.666%; float: right; } .site-header.header-style-6 .main-menu-container.show-search-item, .site-header.header-style-5 .main-menu-container.show-search-item{ padding-right: 28px; } .site-header.header-style-6 .main-menu-container.show-cart-item, .site-header.header-style-5 .main-menu-container.show-cart-item{ padding-right: 50px; } .site-header.header-style-5 .main-menu > li > a { line-height: 78px; } .site-header.header-style-5 .site-branding .logo { line-height: 78px; display: table; width: 100% } .site-header.header-style-5 .site-branding .logo.img-logo a{ display:table-cell; vertical-align: middle; line-height: 78px; height: 78px; padding: 0 10px 0 0; } .site-header.header-style-5 .site-branding .logo.text-logo a{ vertical-align: middle; padding: 5px 10px 5px 0; } .site-header.header-style-5 .site-branding .logo img{ vertical-align: middle; margin: 0; max-height: 100%; display: table-cell; max-width: 100%; } .site-header.header-style-5 .main-menu.menu > li:hover > a:before, .site-header.header-style-5 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-5 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: -1px; } .site-header.header-style-5 .main-menu.menu > li:hover > a, .site-header.header-style-5 .main-menu.menu > li.current-menu-parent > a, .site-header.header-style-5 .main-menu.menu > li.current-menu-item > a{ background: rgba(0, 0, 0, 0.05); } .site-header.header-style-5 .main-menu.menu > li.menu-item-has-children > a:after { position: absolute; width: 100%; left: 0; margin: 0; text-align: center; bottom: 0; color: rgba(0, 0, 0, 0.21); } .site-header.header-style-5 .content-wrap > .bs-pinning-wrapper > .bs-pinning-block { max-width: 1180px; box-shadow: none; background: #fff; } /* sticky */ .site-header.header-style-5.full-width .content-wrap.bs-pinning-block.pinned{ max-width: 100% !important; } .site-header.header-style-5.full-width .content-wrap.pinned{ background: #fff; box-shadow: none; border-bottom: 1px solid #eee; } .site-header.header-style-8 .main-menu.menu, .site-header.header-style-6 .main-menu.menu, .site-header.header-style-5 .main-menu.menu{ height: 79px; overflow-y: hidden; margin-bottom: -1px; } .site-header.header-style-6 .main-menu.menu{ height: 91px; } .site-header.header-style-8 .main-menu.menu{ height: 67px; } .site-header.header-style-8 .main-menu.menu > li .sub-menu, .site-header.header-style-8 .main-menu.menu .mega-menu, .site-header.header-style-6 .main-menu.menu > li .sub-menu, .site-header.header-style-6 .main-menu.menu .mega-menu, .site-header.header-style-5 .main-menu.menu > li .sub-menu, .site-header.header-style-5 .main-menu.menu .mega-menu{ top: 101%; top: calc( 100% + 1px ) } .site-header.header-style-8 .main-menu.menu > li .sub-menu .sub-menu, .site-header.header-style-6 .main-menu.menu > li .sub-menu .sub-menu, .site-header.header-style-5 .main-menu.menu > li .sub-menu .sub-menu{ top: 0; } /* Search and cart box for header 5, 6 and 8 */ .site-header.header-style-6 .main-menu-container.show-search-item, .site-header.header-style-8 .main-menu-container.show-search-item, .site-header.header-style-5 .main-menu-container.show-search-item{ padding-right: 32px; } .site-header.header-style-8 .main-menu-container.show-cart-item, .site-header.header-style-5 .main-menu-container.show-cart-item{ padding-right: 45px; } .site-header.header-style-8 .main-menu-container.show-cart-item.show-search-item, .site-header.header-style-5 .main-menu-container.show-cart-item.show-search-item{ padding-right: 76px; } .site-header.header-style-6 .main-menu-container.show-cart-item.show-search-item{ padding-right: 80px; } .site-header.header-style-6 .main-menu-container.show-cart-item{ padding-right: 51px; } .site-header.header-style-8 .main-menu-container.show-cart-item .cart-box, .site-header.header-style-6 .main-menu-container.show-cart-item .cart-box, .site-header.header-style-5 .main-menu-container.show-cart-item .cart-box{ text-align: inherit; } .site-header.header-style-8 .main-menu-container.show-search-item .search-container, .site-header.header-style-6 .main-menu-container.show-search-item .search-container, .site-header.header-style-5 .main-menu-container.show-search-item .search-container { width: 30px; } .site-header.header-style-8 .main-menu-container.show-search-item .search-handler, .site-header.header-style-6 .main-menu-container.show-search-item .search-handler, .site-header.header-style-5 .main-menu-container.show-search-item .search-handler { position: absolute; right: 0; margin-top: -13px; } .site-header.header-style-8 .main-menu-container.show-search-item.show-cart-item .shop-cart-container, .site-header.header-style-5 .main-menu-container.show-search-item.show-cart-item .shop-cart-container{ right: 27px; } .site-header.header-style-6 .main-menu-container.show-search-item.show-cart-item .shop-cart-container{ right: 30px; padding-right: 0; } .site-header.header-style-6 .main-menu-container.search-open .search-container{ width: 66.66%; line-height: 90px; } .site-header.header-style-5 .main-menu-container.search-open .search-container { width: 66.66%; line-height: 78px; } .site-header.header-style-8 .main-menu-container.search-open .search-container{ width: 66.66%; line-height: 66px; } .site-header.header-style-8 .main-menu-container.search-open .main-menu.menu, .site-header.header-style-6 .main-menu-container.search-open .main-menu.menu, .site-header.header-style-5 .main-menu-container.search-open .main-menu.menu{ display: none; } .site-header.header-style-5 .search-container .search-box .search-form .search-field { height: 78px; } .site-header.header-style-6 .search-container .search-box .search-form .search-field { height: 90px; } .site-header.header-style-8 .search-container .search-box .search-form .search-field { height: 66px; } .site-header.header-style-5 .main-menu-container.show-cart-item .cart-handler{ line-height: 74px; } .site-header.header-style-6 .main-menu-container.show-cart-item .cart-handler{ line-height: 85px; } .site-header.header-style-8 .main-menu-container.show-cart-item .cart-handler{ line-height: 62px; } .site-header.header-style-5 .shop-cart-container .cart-box:after, .site-header.header-style-6 .shop-cart-container .cart-box:after, .site-header.header-style-8 .shop-cart-container .cart-box:after { content: ''; height: 2px; position: absolute; right: 0px; left: 0px; top: -1px; } /** * ->Header Style 6 **/ .site-header.header-style-6 .header-inner{ padding: 0; position: relative; } .site-header.header-style-6.boxed .header-inner, .site-header.header-style-6.full-width{ border-bottom: 1px solid #eee; } .site-header.header-style-6 .main-menu.menu{ float: right; } .site-header.header-style-6 .main-menu.menu > li{ float: left; display: inline-block; margin: 0; } .site-header.header-style-6 .main-menu.menu > li > a{ padding: 0 15px; } .site-header.header-style-6 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-6 .site-branding{ width: 33.333%; float: left; } .site-header.header-style-6 .main-menu-container{ width: 66.666%; float: right; } .site-header.header-style-6 .main-menu > li > a { line-height: 90px; } .site-header.header-style-6 .site-branding .logo { line-height: 87px; display: table; width: 100%; } .site-header.header-style-6 .site-branding .logo.img-logo a{ display:table-cell; vertical-align: middle; line-height: 90px; height: 90px; padding: 0 10px 0 0; } .site-header.header-style-6 .site-branding .logo.text-logo a{ vertical-align: middle; padding: 5px 10px 5px 0; } .site-header.header-style-6 .site-branding .logo img{ vertical-align: middle; margin: 0; max-height: 100%; display: table-cell; max-width: 100%; } .site-header.header-style-6 .main-menu.menu > li > a >.bf-icon{ position: absolute; width: 100%; top: 24px; left: 0; text-align: center; margin-right: 0; font-size: 16px; } .site-header.header-style-6 .main-menu.menu > li > a > .bf-icon img{ vertical-align: top; } .site-header.header-style-6 .main-menu.menu > li > a >.bf-icon.bf-custom-icon{ top: 20px; } .site-header.header-style-6 .main-menu.menu > li.menu-have-icon > a{ padding-top: 24px; line-height: 66px; } .site-header.header-style-6 .main-menu.menu > li:hover > a:before, .site-header.header-style-6 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-6 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: -1px; } .site-header.header-style-6 .main-menu.menu > li:hover > a, .site-header.header-style-6 .main-menu.menu > li.current-menu-parent > a, .site-header.header-style-6 .main-menu.menu > li.current-menu-item > a{ background: rgba(0, 0, 0, 0.05); } .site-header.header-style-6 .main-menu.menu > li.menu-item-has-children > a:after { position: absolute; width: 100%; left: 0; margin: 0; text-align: center; bottom: 0; color: rgba(0, 0, 0, 0.21); } /* sticky */ .site-header.header-style-6 .content-wrap > .bs-pinning-wrapper > .bs-pinning-block { max-width: 1180px; box-shadow: none; background: #fff; } .site-header.header-style-6.full-width .content-wrap{ max-width: 100% !important; } .site-header.header-style-6.full-width .content-wrap.pinned{ background: #fff; box-shadow: none; border-bottom: 1px solid #eee; } /** * ->Header Style 7 **/ .site-header.header-style-7 .header-inner{ padding: 50px 0; } .site-header.header-style-7 .main-menu.menu > li{ float: left; display: inline-block; margin: 0 10px 0 0; } .site-header.header-style-7 .main-menu.menu .sub-menu { text-align: left; } .site-header.boxed.header-style-7 .main-menu-wrapper .main-menu-container, .site-header.full-width.header-style-7 .main-menu-wrapper{ border-bottom-width: 1px; border-top: none; border-bottom-color: #ececec; } .site-header.header-style-7 .main-menu.menu > li:hover > a:before, .site-header.header-style-7 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-7 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: 0; } .site-header.header-style-7 .site-branding{ text-align: center; } .site-header.header-style-7 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-7 .main-menu.menu{ height: 61px; overflow-y: hidden; margin-bottom: -16px; padding-bottom: 15px; } .site-header.header-style-7.full-width .main-menu.menu .mega-menu, .site-header.header-style-7.full-width .main-menu.menu > li .sub-menu { top: 76%; top: calc(100% - 15px); } .site-header.header-style-7.full-width .shop-cart-container, .site-header.header-style-7.full-width .search-container{ bottom: 15px; } .site-header.header-style-7 .main-menu-wrapper.show-cart-item.show-search-item .main-menu-container{ padding: 0 80px 0 0; } .site-header.header-style-7 .main-menu-wrapper.show-search-item .main-menu-container, .site-header.header-style-7 .main-menu-wrapper.show-cart-item .main-menu-container{ padding: 0 45px 0 0; } /** * ->Header Style 8 **/ .site-header.header-style-8 .header-inner{ padding: 0; position: relative; } .site-header.header-style-8.boxed .header-inner, .site-header.header-style-8.full-width{ border-bottom: 1px solid #eee; } .site-header.header-style-8 .main-menu.menu{ float: left; } .site-header.header-style-8 .main-menu.menu > li{ float: left; display: inline-block; margin: 0 10px 0 0; } .site-header.header-style-8 .main-menu.menu > li > a{ padding: 0 7px; } .site-header.header-style-8 .main-menu.menu .sub-menu { text-align: left; } .site-header.header-style-8 .site-branding{ width: 25%; float: left; padding-right: 20px; } .site-header.header-style-8 .main-menu-container{ width: 75%; float: right; } .site-header.header-style-8 .main-menu > li > a { line-height: 66px; } .site-header.header-style-8 .site-branding .logo { line-height: 63px; display: table; width: 100% } .site-header.header-style-8 .site-branding .logo.img-logo a{ display:table-cell; vertical-align: middle; line-height: 66px; height: 66px; padding: 0 10px 0 0; } .site-header.header-style-8 .site-branding .logo.text-logo a{ vertical-align: middle; padding: 5px 10px 5px 0; } .site-header.header-style-8 .site-branding .logo img{ vertical-align: middle; margin: 0; max-height: 100%; display: table-cell; max-width: 100%; } .site-header.header-style-8 .main-menu.menu > li:hover > a:before, .site-header.header-style-8 .main-menu.menu > li.current-menu-parent > a:before, .site-header.header-style-8 .main-menu.menu > li.current-menu-item > a:before { height: 2px; bottom: -1px; } .site-header.header-style-8 .main-menu.menu > li.menu-item-has-children > a:after { position: absolute; width: 100%; left: 0; margin: 0; text-align: center; bottom: 0; color: rgba(0, 0, 0, 0.21); } /* sticky */ .site-header.header-style-8 .content-wrap > .bs-pinning-wrapper > .bs-pinning-block { max-width: 1180px; box-shadow: none; background: #fff; } .site-header.header-style-8.full-width .content-wrap{ max-width: 100% !important; } .site-header.header-style-8.full-width .content-wrap.pinned{ background: #fff; box-shadow: none; border-bottom: 1px solid #eee; } /** * ->Responsive Header **/ .responsive-header { display: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 300px; } .responsive-header .responsive-header-container{ background-color: #222; user-select: none; } @media only screen and (max-width : 992px) { .main-menu > li { margin-right: 10px; } .site-header.header-style-1 .main-menu.menu > li { margin: 0 4px; } .site-header.header-style-8 .main-menu.menu > li , .site-header.header-style-4 .main-menu.menu > li , .site-header.header-style-3 .main-menu.menu > li { margin: 0 7px 0 0; } .site-header.header-style-8 .main-menu.menu > li > a, .site-header.header-style-6 .main-menu.menu > li > a, .site-header.header-style-5 .main-menu.menu > li > a { padding: 0 7px; } .main-menu > li > a { padding: 0 4px; } } @media only screen and (max-width : 700px){ .site-header{ display: none; } .responsive-header{ display: block; } } /** * -->Responsive Menu **/ .responsive-header .menu-container{ width: 20%; float: left; text-align: left; } .responsive-header .menu-container .menu-handler{ color: #fff; width: 54px; height: 54px; text-align: center; display: inline-block; font-size: 18px; background-color: rgba(255, 255, 255, 0.05); cursor: pointer; transition: .3s; position: relative; } .responsive-header .menu-container.open .menu-handler:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; display: inline-block; background-color: #2c2c2c; z-index: 100000; } .responsive-header .menu-container.open .menu-handler .bf-icon:before{ content: "\f00d"; } .responsive-header .menu-container .menu-box{ width: 300px; position: absolute; top: 54px; left: 0; background-color: #2C2C2C; display: none; z-index: 99999; -webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); } .responsive-header .menu-container.open .menu-box { display: block; } .responsive-header .menu-container .resp-menu li{ display: block; line-height: 40px; float: none; position: relative; } .responsive-header .menu-container .resp-menu li a > .bf-icon{ display: inline-block; min-width: 22px; margin: 0; } .responsive-header .menu-container .resp-menu li > a{ padding: 0 5px 0 15px; color: #c0c0c0; display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.04); position: relative; } .responsive-header .menu-container .resp-menu li:hover > a{ color: #0080ce; } .responsive-header .menu-container .resp-menu li:last-child > a{ border-bottom: none; } .responsive-header .menu-container .resp-menu .children-button{ position: absolute; right: 0; top: 0; line-height: 40px; width: 40px; text-align: center; color: #c0c0c0; cursor: pointer; } .responsive-header .menu-container .resp-menu li.menu-item-has-children > a:after{ display: none; } .responsive-header .menu-container .resp-menu li:hover > .mega-menu, .responsive-header .menu-container .resp-menu li:hover > .sub-menu{ display: none; } .responsive-header .menu-container .resp-menu li.open-sub > .mega-menu, .responsive-header .menu-container .resp-menu li.open-sub > .sub-menu{ display: block; } .responsive-header .menu-container .resp-menu .mega-menu, .responsive-header .menu-container .resp-menu .sub-menu{ display: none; visibility: visible; opacity: 1 !important; transform: none !important; transition: none !important; animation-name: none !important; position: relative; top: inherit !important; left: inherit !important; right: auto !important; background-color: #222; width: 100%; margin-top: -1px; } .responsive-header .menu-container .resp-menu .sub-menu > li:last-child > a{ border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important; } .responsive-header .menu-container .resp-menu .sub-menu .sub-menu{ margin-top: 0; } .responsive-header .menu-container .resp-menu .sub-menu > li > a { padding-left: 30px; font-size: 80%; } .responsive-header .menu-container .resp-menu .sub-menu .sub-menu > li > a { padding-left: 45px; } .responsive-header .menu-container .resp-menu .sub-menu .sub-menu .sub-menu > li > a { padding-left: 60px; } .responsive-header .menu-container .menu-handler .lines { display: inline-block; width: 2.75rem; height: 0.35rem; background: #ecf0f1; transition: 0.3s; position: relative; margin-top: 24px; } .responsive-header .menu-container .menu-handler .lines:before, .responsive-header .menu-container .menu-handler .lines:after { display: inline-block; width: 2.75rem; height: 0.35rem; background: #ecf0f1; transition: 0.3s; position: absolute; left: 0; content: ''; -moz-transform-origin: 0.28571rem center; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center; } .responsive-header .menu-container .menu-handler .lines:before { top: 1rem; } .responsive-header .menu-container .menu-handler .lines:after { top: -1rem; } .responsive-header .menu-container.open .menu-handler .lines{ -moz-transform: scale3d(0.8, 0.8, 0.8); -webkit-transform: scale3d(0.8, 0.8, 0.8); transform: scale3d(0.8, 0.8, 0.8); background: transparent; } .responsive-header .menu-container.open .menu-handler .lines:before, .responsive-header .menu-container.open .menu-handler .lines:after { -moz-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 4rem; margin-left: -6px; } .responsive-header .menu-container.open .menu-handler .lines:before { -moz-transform: rotate3d(0, 0, 1, 45deg); -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .responsive-header .menu-container.open .menu-handler .lines:after { -moz-transform: rotate3d(0, 0, 1, -45deg); -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .responsive-header .menu-container .resp-menu .better-custom-badge { background-color: #0080ce; display: inline-block; height: 16px; line-height: 16px; color: #FFF; font-family: "Arial Narrow",Arial,sans-serif; font-size: 11px; padding: 0 5px; font-weight: 600; letter-spacing: 1px; z-index: 1; text-transform: uppercase; text-align: center; min-width: 19px; white-space: nowrap; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; float: right; margin: 12px 6px 0 0; } .responsive-header .menu-container .resp-menu > li.menu-item-has-children > a > .better-custom-badge { margin-right: 42px; } /** * --->Responsive Mega Menu **/ .responsive-header .menu-container .resp-menu .mega-menu{ display: none; visibility: visible; opacity: 1; background-color: #222; position: inherit; left: 0; top: 0; border: none; } .responsive-header .menu-container .resp-menu .mega-menu .container{ width: 100%; max-width: 100%; padding: 0; } /* column link */ .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link { padding: 0; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link .mega-links > li{ width: 100% !important; margin: 0 !important; padding: 0 !important; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link .mega-links li a{ padding-bottom: 0; margin-bottom: 0; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link .mega-links li .sub-menu{ display: none !important; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link .mega-links li.open-sub > .sub-menu{ display: block !important; } /* horizontal link */ .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link-list .mega-links li { padding: 0; text-align: left; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link-list .mega-links > li .sub-menu { position: relative; top: 0 !important; left: 0 !important; background-color: #1A1A1A !important; text-align: left !important; } .responsive-header .menu-container .resp-menu .mega-menu.mega-type-link-list .mega-links > li .sub-menu > li { display: block; } /* Grid Posts */ .responsive-header .menu-container .resp-menu .mega-menu.mega-grid-posts .post{ width: 100%; padding: 0 20px; float: none; } .responsive-header .menu-container .resp-menu .mega-menu.mega-grid-posts .post:nth-child(4), .responsive-header .menu-container .resp-menu .mega-menu.mega-grid-posts .post:nth-child(3), .responsive-header .menu-container .resp-menu .mega-menu.mega-grid-posts .post:nth-child(2){ display: none; } /** * -->Responsive Search **/ .responsive-header .search-container{ width: 20%; float: left; text-align: right; } .responsive-header .search-container .search-handler{ color: #fff; width: 54px; height: 54px; line-height: 54px; text-align: center; display: inline-block; font-size: 18px; background-color: rgba(255, 255, 255, 0.05); cursor: pointer; transition: .3s; user-select: none; position: relative; } .responsive-header .search-container.open .search-handler:after { content: ''; position: absolute; bottom: -1px; left: 0; right: 0; height: 1px; display: inline-block; background-color: #2c2c2c; z-index: 100000; } .responsive-header .search-container.open .search-handler .fa-search:before { content: "\f00d"; } .responsive-header .search-container .search-box{ position: absolute; top: 54px; right: 0; background-color: #2C2C2C; padding: 15px; display: none; z-index: 99999; min-width: 267px; -webkit-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); -moz-box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); box-shadow: 0 8px 14px rgba(0, 0, 0, 0.20); } body.admin-bar .responsive-header .search-container .search-box{ top: 100%; } .responsive-header .search-container.open .search-box { display: block; } .responsive-header .search-container .search-box .search-form{ position: relative; } .responsive-header .search-container .search-box .search-form .search-field{ border: none; float: none; width: 100%; } .responsive-header .search-container .search-box .search-form .search-submit{ position: absolute; right: 0; top: 0; } /** * -->Responsive Logo **/ .responsive-header .logo-container{ width: 60%; float: left; padding: 2px 0; text-align: center; line-height: 50px; } .responsive-header .logo-container img{ max-height: 50px; max-width: 100%; } .responsive-header .logo-container a{ color: #fff; } /** * -->Light Schema **/ .responsive-header.light .responsive-header-container{ background: #fff; border-bottom: 1px solid #E5E5E5; } .responsive-header.light .responsive-header-container.bs-pinning-block.pinned{ border-bottom-color: transparent; } .responsive-header.light .logo-container a{ color: #2C2C2C; } .responsive-header.light .search-container .search-handler{ background-color: #FFF; border-left: 1px solid #E5E5E5; } .responsive-header.light .search-container .search-box .search-form .search-field{ border: 1px solid #D6D6D6; } .responsive-header.light .search-container.open .search-handler{ background-color: #fff; } .responsive-header.light .search-container.open .search-box{ background-color: #fff; } .responsive-header.light .search-container.open .search-handler:after { background-color: #fff; } .responsive-header.light .menu-container .menu-handler{ background-color: #fff; border-right: 1px solid #E5E5E5; } .responsive-header.light .menu-container .menu-handler .lines:after, .responsive-header.light .menu-container .menu-handler .lines:before, .responsive-header.light .menu-container .menu-handler .lines{ background: #2C2C2C; } .responsive-header.light .menu-container.open .menu-handler .lines { background: transparent; } .responsive-header.light .menu-container.open .menu-handler:after { background-color: #fff; } .responsive-header.light .menu-container .menu-box { background-color: #fff; border: 1px solid #e5e5e5; } .responsive-header.light .menu-container .resp-menu li > a { color: #5d5d5d; } .responsive-header.light .menu-container .resp-menu .sub-menu { background-color: #F4F4F4; } .responsive-header.light .menu-container .resp-menu li > a, .responsive-header.light .menu-container .resp-menu .sub-menu > li:last-child > a{ border-bottom: 1px solid rgba(0, 0, 0, 0.03) !important; } .responsive-header.light .search-container .search-handler { color: #2C2C2C; } .responsive-header.light .search-container .search-box { width: 282px; background-color: #FFFFFF; border: 1px solid #E5E5E5; } .responsive-header.light .menu-container .resp-menu li:last-child > a{ border-bottom: none !important; } .responsive-header.light .menu-container .resp-menu .mega-menu{ background-color: #F4F4F4; } .responsive-header.light .menu-container .resp-menu .mega-menu.mega-type-link-list .mega-links > li .sub-menu { background-color: #E4E4E4 !important; } /** * =>Top Bar **/ .topbar ul.menu > li .sub-menu{ top: 100%; } .topbar .topbar-inner{ padding: 4px 0 3px; } .site-header.boxed .topbar .topbar-inner { border-bottom: 1px solid #efefef; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .site-header.full-width .topbar{ border-bottom: 1px solid #efefef; border-bottom: 1px solid rgba(0, 0, 0, 0.07); } .topbar .better-studio-shortcode{ display: inline-block; float: right; margin-bottom: 0; } .topbar .better-studio-shortcode .social-list{ display: inline-block; float: right; } .topbar .better-social-counter.style-button .social-item{ margin: 0 0 0 4px; } .topbar .better-social-counter.style-button .social-item .item-icon { color: #444444; background-color: transparent; font-size: 12px; width: 24px; height: 24px; line-height: 24px; } .topbar .better-social-counter.style-button .social-item:hover .item-icon { color: #545454; } .topbar .better-social-counter.style-button .social-item { float: left; font-size: 13px; } .topbar .better-social-counter.style-button a:hover { color: #fff; } .topbar .search-container{ position: relative; width: 26px; height: 26px; float: right; margin-top: 4px; margin-left: 4px; } .topbar .search-container .search-handler{ width: 26px; height: 26px; line-height: 26px; text-align: center; display: inline-block; font-size: 13px; color: #6D6D6D; cursor: pointer; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .topbar .search-container.open .search-handler, .topbar .search-container:hover .search-handler { color: #0080ce; } .topbar .search-container .search-box{ display: none; position: absolute; right: 0; top: 30px; background-color: #222; padding: 6px; width: 259px; z-index: 99; } .topbar .search-container .search-box .search-form{ float: left; } .topbar .search-container .search-box .search-form .search-field{ border: none; } .topbar .search-container.open .search-box{ display: block; } .topbar .topbar-date{ background: #0080ce; color: #fff; display: inline-block; padding: 3px 10px; line-height: 18px; position: relative; top: -1px; } .topbar .better-newsticker{ margin-bottom: 0; } .topbar .better-newsticker .control-nav span{ border: none; background: transparent; color: rgba(0, 0, 0, 0.3); width: 18px; } .topbar .better-newsticker .control-nav { right: auto; left: 120px; } .topbar .better-newsticker .control-nav span.prev{ margin: 0; } .topbar .better-newsticker ul.news-list li { left: 220px; } .topbar .better-newsticker ul.news-list li.active { left: 170px; } /** * =>Main Slider **/ .slider-style-15-container, .slider-style-13-container, .slider-style-11-container, .slider-style-9-container, .slider-style-7-container, .slider-style-4-container.slider-container-1col, .slider-style-3-container, .slider-style-5-container, .slider-style-2-container.slider-container-1col, .slider-style-1-container{ margin: 0 0 -20px; padding: 25px 0; } .slider-style-5-container{ padding-bottom: 0; } .slider-style-16-container, .slider-style-8-container, .slider-style-2-container, .slider-style-4-container{ margin: 0 0 25px; } .slider-style-15-container{ margin: 0; padding-bottom: 0; } .slider-style-13-container .bs-slider, .slider-style-11-container .bs-slider, .slider-style-9-container .bs-slider{ margin-bottom: 0; } /** * =>Main Section **/ .main-section{ margin-bottom: 25px; } /** * =>Archive Title **/ .archive-title{ margin-bottom: 20px; border-bottom: 1px solid #F0F0F0; padding-bottom: 13px; } .archive-title .pre-title { position: relative; margin-bottom: 17px; } .archive-title .pre-title span{ background-color: #444; display: inline-block; line-height: 26px; z-index: 1; position: relative; padding: 0 10px; color: #fff; } .archive-title .pre-title:after { content: ''; display: inline-block; position: absolute; left: 0; top: 100%; height: 3px; width: 100%; background-color: #444444; } .archive-title .page-heading{ margin: 0 0 12px; position: relative; -webkit-pointer-events: none; -moz-pointer-events: none; pointer-events: none; padding: 0; } .archive-title.with-actions .page-heading{ padding-right: 30px; } .archive-title .actions-container{ width: 30px; float: right; } .archive-title.without-terms .actions-container{ margin-top: 8px; } .archive-title .page-heading .count, .archive-title .rss-link{ float: right; font-size: 20px; } .archive-title .rss-link{ color: #f97410; } .archive-title .desc{ margin-top: 12px; } .archive-title .desc p:last-child { margin-bottom: 0; } .archive-title .term-badges{ margin: 10px 0 0; line-height: 0; } .archive-title .term-badges span.term-badge{ margin-bottom: 6px; } .archive-title .term-badges span.term-badge a { background: #FFFFFF !important; border: 1px solid #D4D4D4 !important; border-color: #D4D4D4 !important; padding: 0 7px; display: inline-block; line-height: 20px; margin-right: 3px; font-size: 10px; float: left; color: #8b8b8b !important; } .archive-title .term-badges span.term-badge a:hover{ color: #fff !important; background: #0080ce !important; border: 1px solid transparent !important; } /** * =>Layouts **/ .sidebar-column:after{ width: 1px; height: 98%; background: #F7F7F7; position: absolute; left: 0; top: 0; content: ''; display: inline-block; } .layout-right-sidebar .sidebar-column:after{ left: -1px; } .layout-left-sidebar .sidebar-column:after{ left: auto; right: -1px; } /** * =>Visual Composer **/ .layout-2-col, .layout-1-col{ margin-top: 25px; } .entry-content>.vc_row.vc_row-fluid.vc_row-has-fill:first-child{ margin-top: -25px !important; } .vc_col-has-fill>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.wrapper-sticky>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row-full-width+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.wrapper-sticky>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill+.vc_vc_row_inner>.vc_row>.vc_vc_column_inner>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_row>.vc_vc_column>.vc_column_container>.vc_column-inner, .vc_row-has-fill>.vc_vc_column_inner>.vc_column_container>.vc_column-inner{ padding-top: 30px !important; } .vc_row-has-fill .wpb_wrapper > .bs-listing:last-child, .vc_col-has-fill .wpb_wrapper > .bs-listing:last-child{ margin-bottom: 30px; } /** * =>Listing **/ .bs-pagination-wrapper .listing + .listing{ margin-top: 20px; } .post.emphasize-first-p .entry-content > p:first-child{ font-size: 120%; } .listing-item .post-edit-link{ position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.58); color: #fff; padding: 4px 11px; font-size: 13px; display: none; line-height: 20px; } .listing-item:hover .post-edit-link { display: block; } /** * ->Listing columns **/ .listing .listing-item{ min-height: 0%; } .listing.columns-1 .listing-item{ width: 100%; float: none; } /* 2 Column */ .listing.columns-2 .listing-item{ width: 50%; float: left; } .listing.columns-2 .listing-item:nth-child(odd){ padding-right: 13px; clear: left; } .listing.columns-2 .listing-item:nth-child(even){ padding-left: 13px; } .listing.columns-2[max-width~="450px"] .listing-item{ float: none; width: 100%; padding-left: 0 !important; padding-right: 0 !important; } .more_btn>.listing+.listing, .infinity>.listing+.listing { margin-top: 20px; } /* 3 Column */ .listing.columns-3 .listing-item{ width: 33.3333%; float: left; } .listing.columns-3 .listing-item:nth-child( 3n-1 ){ padding: 0 6px; } .listing.columns-3 .listing-item:nth-child( 3n-2 ){ padding-right: 12px; clear: left; } .listing.columns-3 .listing-item:nth-child( 3n+3 ){ padding-left: 12px; } .listing.columns-3[max-width~="560px"] .listing-item{ width: 50%; } .listing.columns-3[max-width~="560px"] .listing-item:nth-child(odd){ padding-left: 0; padding-right: 13px; clear: left; } .listing.columns-3[max-width~="560px"] .listing-item:nth-child(even){ padding-left: 13px; padding-right: 0; clear: none; } .listing.columns-3[max-width~="450px"] .listing-item{ width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; clear: none !important; } /* 4 Column */ .listing.columns-4 .listing-item{ width: 25%; float: left; } .listing.columns-4 .listing-item:nth-child(4n-3){ padding-left: 0; padding-right: 8px; clear: left; } .listing.columns-4 .listing-item:nth-child(4n+2){ padding-left: 3px; padding-right: 5px; } .listing.columns-4 .listing-item:nth-child(4n+3) { padding-left: 5px; padding-right: 3px; } .listing.columns-4 .listing-item:nth-child(4n+4){ padding-right: 0; padding-left: 8px; } .listing.columns-4[max-width~="900px"] .listing-item{ width: 33.3333%; } .listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n-1 ){ padding-left: 6px; padding-right: 6px; clear: none; } .listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n-2 ){ padding-left: 0; padding-right: 12px; clear: left; } .listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n+3 ){ padding-left: 12px; padding-right: 0; clear: none; } .listing.columns-4[max-width~="560px"] .listing-item{ width: 50%; } .listing.columns-4[max-width~="560px"] .listing-item:nth-child(odd){ padding-left: 0; padding-right: 13px; clear: left; } .listing.columns-4[max-width~="560px"] .listing-item:nth-child(even){ padding-left: 13px; padding-right: 0; clear: none; } .listing.columns-4[max-width~="450px"] .listing-item{ width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; clear: none !important; } /* 5 Column */ .listing.columns-5 .listing-item{ width: 20%; float: left; } .listing.columns-5 .listing-item:nth-child(5n+1){ padding-left: 0; padding-right: 8px; clear: left; } .listing.columns-5 .listing-item:nth-child(5n+2){ padding-left: 2px; padding-right: 6px; } .listing.columns-5 .listing-item:nth-child(5n+3) { padding-left: 4px; padding-right: 4px; } .listing.columns-5 .listing-item:nth-child(5n+4){ padding-left: 6px; padding-right: 2px; } .listing.columns-5 .listing-item:nth-child(5n+5){ padding-left: 8px; padding-right: 0; } .listing.columns-5[max-width~="1000px"] .listing-item{ width: 25%; } .listing.columns-5[max-width~="1000px"] .listing-item:nth-child(4n-3){ padding-left: 0; padding-right: 8px; clear: left; } .listing.columns-5[max-width~="1000px"] .listing-item:nth-child(4n+2){ padding-left: 3px; padding-right: 5px; clear: none; } .listing.columns-5[max-width~="1000px"] .listing-item:nth-child(4n+3) { padding-left: 5px; padding-right: 3px; clear: none; } .listing.columns-5[max-width~="1000px"] .listing-item:nth-child(4n+4){ padding-right: 0; padding-left: 8px; clear: none; } .listing.columns-5[max-width~="900px"] .listing-item{ width: 33.3333%; } .listing.columns-5[max-width~="900px"] .listing-item:nth-child( 3n-1 ){ padding-left: 6px; padding-right: 6px; clear: none; } .listing.columns-5[max-width~="900px"] .listing-item:nth-child( 3n-2 ){ padding-left: 0; padding-right: 12px; clear: left; } .listing.columns-5[max-width~="900px"] .listing-item:nth-child( 3n+3 ){ padding-left: 12px; padding-right: 0; clear: none; } .listing.columns-5[max-width~="560px"] .listing-item{ width: 50%; } .listing.columns-5[max-width~="560px"] .listing-item:nth-child(odd){ padding-left: 0; padding-right: 13px; clear: left; } .listing.columns-5[max-width~="560px"] .listing-item:nth-child(even){ padding-left: 13px; padding-right: 0; clear: none; } .listing.columns-5[max-width~="450px"] .listing-item{ width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; clear: none !important; } /** * =>Listing Classic 1 **/ .listing-item-classic-1{ margin-bottom: 19px; } .listing-classic-1.columns-2 .listing-item-classic-1:last-child .listing-inner, .listing-classic-1.columns-3 .listing-item-classic-1:last-child .listing-inner, .listing-item-classic-1 .listing-inner{ padding-bottom: 17px; border-bottom: 1px solid #F1F1F1; } .listing-item-classic-1.has-not-post-thumbnail .listing-inner{ padding-bottom: 28px; } .listing-item-classic-1:last-child{ margin-bottom: 0; } .listing-item-classic-1:last-child .listing-inner{ padding-bottom: 0; border-bottom: none; } .listing-item-classic-1 .featured{ position: relative; line-height: 0; margin-bottom: 17px; } .listing-item-classic-1 .featured iframe{ max-width: 100%; height: auto; display: inline-block; } .listing-item-classic-1 .featured .img-holder{ width: 100%; margin: 0; float: none; } .listing-item-classic-1 .featured .img-holder:before { padding-top: 50%; } .listing-item-classic-1 .title{ margin: 0 0 6px; } .listing-item-classic-1 .title a{ color: inherit; } .listing-item-classic-1:hover .title a{ color: #0080ce; } .listing-item-classic-1 .post-meta{ margin: 0 0 9px; } .listing-item-classic-1:hover a.read-more{ background: #0080ce; } .listing-item-classic-1[max-width~="380px"] .title .post-title{ font-size: 88%; } /** * =>Listing Classic 2 **/ .listing.columns-3 > .listing-item-classic-2:last-child, .listing.columns-2 > .listing-item-classic-2:last-child, .listing.columns-1 > .listing-item-classic-2:last-child, .listing-item-classic-2{ margin-bottom: 25px; } .listing .listing-classic-2 > .listing-item-classic-2:last-child, .listing-item-classic-2:last-child{ margin-bottom: 0; } .listing-item-classic-2 .listing-inner{ padding: 0 20px 20px 20px; border: 1px solid #e6e6e6; } .listing-item-classic-2.has-not-post-thumbnail .listing-inner{ padding-top: 20px; } .listing-item-classic-2 .featured{ position: relative; line-height: 0; margin: -1px -21px 17px; } .listing-item-classic-2 .featured iframe{ max-width: 100%; height: auto; display: inline-block; } .listing-item-classic-2 .featured .img-holder{ width: 100%; margin: 0; float: none; } .listing-item-classic-2 .featured .img-holder:before { padding-top: 56%; } .listing-item-classic-2 .title{ margin: 0 0 6px; } .listing-item-classic-2 .title a{ color: inherit; } .listing-item-classic-2:hover .title a{ color: #0080ce; } .listing-item-classic-2 .post-meta{ margin: 0 0 9px; } .listing-item-classic-2:hover a.read-more{ background: #0080ce; } .listing-item-classic-2[max-width~="380px"] .title .post-title{ font-size: 88%; } /** * =>Listing Classic 3 **/ .listing-classic-3.columns-3 .listing-item-classic-3:last-child, .listing-classic-3.columns-2 .listing-item-classic-3:last-child, .listing-item-classic-3{ margin-bottom: 25px; } .listing-item-classic-3 .listing-inner{ padding: 0 25px 25px; border-bottom: 1px solid #F1F1F1; border-bottom: 1px solid rgba(0,0,0,0.06); margin-left: 4%; margin-right: 4%; position: relative; z-index: 1; margin-top: -15px; } .listing-item-classic-3:last-child .listing-inner, .listing-item-classic-3:last-child{ margin-bottom: 0; border-bottom: none; } .listing-classic-3.columns-3 .listing-item-classic-3:last-child .listing-inner, .listing-classic-3.columns-2 .listing-item-classic-3:last-child .listing-inner{ border-bottom: 1px solid #F1F1F1; border-bottom: 1px solid rgba(0,0,0,0.06); } .listing-item-classic-3 .featured{ position: relative; line-height: 0; } .listing-item-classic-3 .featured iframe{ max-width: 100%; height: auto; display: inline-block; } .listing-item-classic-3 .featured .img-holder{ width: 100%; margin: 0; float: none; } .listing-item-classic-3 .featured .img-holder:before { padding-top: 55%; } .listing-item-classic-3 .title{ margin: 40px 0 6px; } .listing-item-classic-3 .featured .title{ margin: 0 4%; background: #fff; position: absolute; bottom: -2px; padding: 26px 25px 25px; width: 92%; } .listing-item-classic-3 .title a{ color: inherit; } .listing-item-classic-3:hover .title a{ color: #0080ce; } .listing-item-classic-3 .post-meta{ margin: 0 0 9px; } .listing-item-classic-3:hover a.read-more{ background: #0080ce; } .listing-item-classic-3.has-not-post-thumbnail .listing-inner { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0; } .listing-item-classic-3.has-not-post-thumbnail .title { margin-top: 20px; } .listing-item-classic-3[max-width~="380px"] .featured .img-holder:before{ padding-top: 65%; } .listing-item-classic-3[max-width~="380px"] .featured .title{ margin: -70px 4% 0; background: #fff; position: relative; } .listing-item-classic-3[max-width~="380px"] .title .post-title{ font-size: 88%; } /** * =>Listing Grid **/ /** * ->Listing Grid 1 **/ .listing-item-grid-1{ margin-bottom: 22px; } .listing-item-grid-1 .featured{ position: relative; line-height: 0; margin-bottom: 13px; } .listing-item-grid-1 .featured iframe{ max-width: 100%; height: auto; display: inline-block; } .listing-item-grid-1 .featured .img-holder{ width: 100%; margin: 0; float: none; display: block; } .listing-item-grid-1 .featured .img-holder:before { padding-top: 58%; } .listing-item-grid-1:hover .format-icon { right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } .listing-item-grid-1 .title{ margin: 0 0 6px; } .listing-item-grid-1 .title a{ color: inherit; text-transform: inherit; } .listing-item-grid-1:hover .title a{ color: #0080ce; } .listing-item-grid-1 .post-meta{ margin: 0 0 7px; } .listing-item-grid-1 .post-summary{ padding-bottom: 22px; border-bottom: 1px solid #F1F1F1; border-bottom-color: rgba(0,0,0,0.07); } /* columns */ .listing-grid.columns-1 .listing-item-grid-1:last-child .post-summary{ padding-bottom: 0; border-bottom: none; } .listing-item-grid.simple-grid .featured{ margin-bottom: 7px; } .listing-item-grid.simple-grid .featured .img-holder:before { padding-top: 66%; } /** * ->Listing Grid 2 **/ .listing-item-grid-2{ margin-bottom: 22px; } .listing-item-grid-2 .featured{ position: relative; line-height: 0; margin-bottom: 13px; } .listing-item-grid-2 .featured iframe{ max-width: 100%; height: auto; display: inline-block; } .listing-item-grid-2 .featured .img-holder{ width: 100%; margin: 0; float: none; display: block; } .listing-item-grid-2 .featured .img-holder:before { padding-top: 58%; } .listing-item-grid-2:hover .format-icon{ right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } .listing-item-grid-2 .title{ margin: 0 0 6px; } .listing-item-grid-2 .title a{ color: inherit; text-transform: inherit; } .listing-item-grid-2:hover .title a{ color: #0080ce; } .listing-item-grid-2 .post-meta{ margin: 0 0 15px; } .listing-item-grid-2 .post-summary{ padding-bottom: 22px; border-bottom: 1px solid #F1F1F1; } /** * =>Listing Blog 1 & 5 **/ .listing-item-blog .format-icon{ right: 15px; top: 15px; width: 28px; height: 28px; line-height: 25px; font-size: 13px; } .listing-item-blog .format-icon.format-audio{ padding-right: 3px; } .listing-item-blog .format-icon.format-video{ padding-left: 3px; } .listing-item-blog .format-icon .fa{ line-height: 25px; } .listing-item-blog .featured:hover .format-icon{ right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } .listing-item-blog:hover a.read-more{ background-color: #0080ce; } .listing-item-blog-5, .listing-item-blog-1{ margin-bottom: 23px; } .listing-item-blog-5:last-child, .listing-item-blog-1:last-child{ margin-bottom: 0; } .listing-item-blog-5 .featured, .listing-item-blog-1 .featured{ position: relative; float: left; margin-right: 23px; line-height: 0; } .listing-item-blog-5 .featured .img-holder, .listing-item-blog-1 .featured .img-holder{ width: 210px; margin: 0; } .listing-item-blog-5 .featured .img-holder.img-holder:before, .listing-item-blog-1 .featured .img-holder.img-holder:before { padding-top: 64%; } .listing-item-blog-5 > .title, .listing-item-blog-1 > .title{ margin: 0 0 6px; } .listing-item-blog-5 > .title a, .listing-item-blog-1 > .title a{ color: inherit; } .listing-item-blog-5:hover > .title, .listing-item-blog-1:hover > .title{ color: #0080ce } .listing-item-blog-5 .post-summary, .listing-item-blog-1 .post-summary{ margin-top: 6px } .listing-item-blog-1.has-post-thumbnail .post-summary{ padding-left: 233px; } .listing-item-blog-5.has-post-thumbnail .post-summary{ padding-left: 323px; } .listing-item-blog-5 .post-summary p + .read-more{ margin-top: 0; } .listing-item-blog-5 .featured .img-holder{ width: 300px; margin: 0; } .listing-item-blog.has-not-post-thumbnail:first-child{ padding-top: 0; border-top: none; } .listing-item-blog.has-not-post-thumbnail + .listing-item-blog, .listing-item-blog + .listing-item-blog.has-not-post-thumbnail { padding-top: 18px; border-top: 1px solid #f1f3f5; } .listing-item-blog-5[max-width~="560px"] .img-holder{ width: 220px; } .listing-item-blog-5.has-post-thumbnail[max-width~="560px"] .post-summary{ padding-left: 243px; } .listing-item-blog-5[max-width~="420px"] .featured, .listing-item-blog-1[max-width~="420px"] .featured{ float: none; text-align: center; margin: 0 0 10px 0; display: inline-block; } .listing-item-blog-5[max-width~="420px"] .featured, .listing-item-blog-5[max-width~="420px"] .img-holder{ width: 100%; } .listing-item-blog-1.has-post-thumbnail[max-width~="420px"] .post-summary { padding-left: 0; } .listing-item-blog-5.has-post-thumbnail[max-width~="420px"] .post-summary { padding-left: 0; } /** * =>Listing Blog 2 **/ .listing-item-blog-2{ margin-bottom: 23px; } .listing-item-blog-2:last-child{ margin-bottom: 0; } .listing-item-blog-2 .featured{ position: relative; float: right; margin-left: 23px; line-height: 0; } .listing-item-blog-2 .featured .img-holder{ width: 210px; margin: 0; } .listing-item-blog-2 .featured .img-holder.img-holder:before { padding-top: 64%; } .listing-item-blog-2 > .title{ margin: 0 0 6px; } .listing-item-blog-2 > .title a{ color: inherit; } .listing-item-blog-2:hover > .title{ color: #0080ce } .listing-item-blog-2 .post-summary { margin-top: 6px } .listing-item-blog-2.has-post-thumbnail .post-summary{ padding-right: 233px; } .listing-item-blog-2[max-width~="420px"] .featured{ float: none; text-align: center; margin: 0 0 10px 0; display: inline-block; } .listing-item-blog-2.has-post-thumbnail[max-width~="420px"] .post-summary { padding-right: 0; } /** * =>Listing Blog 3 **/ .listing-item-blog-3{ margin-bottom: 23px; } .listing-item-blog-3:last-child{ margin-bottom: 0; } .listing-item-blog-3 .featured{ position: relative; float: left; margin-right: 23px; line-height: 0; } .listing-item-blog-3 .featured .img-holder{ width: 210px; margin: 0; } .listing-item-blog-3.has-post-thumbnail .post-summary{ padding-left: 233px; } .listing-item-blog-3 .featured .img-holder.img-holder:before { padding-top: 64%; } .listing-item-blog-3 > .title{ margin: 7px 0 3px; } .listing-item-blog-3 > .post-meta{ margin-bottom: 10px; } .listing-item-blog-3 > .title a{ color: inherit; } .listing-item-blog-3:hover > .title{ color: #0080ce } .listing-item-blog-3[max-width~="420px"] .featured{ float: none; text-align: center; margin: 0 0 10px 0; } .listing-item-blog-3[max-width~="420px"] .featured{ float: none; text-align: center; margin: 0 0 10px 0; display: inline-block; } .listing-item-blog-3.has-post-thumbnail[max-width~="420px"] .post-summary { padding-left: 0; } /** * =>Listing Blog 4 **/ .listing-blog-4 .listing-item-blog.has-post-thumbnail{ margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #f1f1f1; } .listing-blog-4 .listing-item-blog.has-post-thumbnail:last-child{ margin-bottom: 0; padding-bottom: 0; border-bottom: none; } /** * =>Tall Listings **/ .listing-item-tall .format-icon{ right: 15px; top: 15px; width: 28px; height: 28px; line-height: 25px; font-size: 12px; } .listing-item-tall .format-icon .fa{ line-height: 25px; } .listing-item-tall:hover .format-icon{ right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } /** * =>Listing Tall 1 **/ .listing-item-tall-1{ margin-bottom: 23px; } .listing-item-tall-1:last-child{ margin-bottom: 0; } .listing-item-tall-1 .featured{ position: relative; } .listing-item-tall-1 .featured .img-holder{ width: 100%; margin: 0; } .listing-item-tall-1 .featured .img-holder{ background-position: top center; } .listing-item-tall-1 .featured .img-holder.img-holder:before { padding-top: 134%; } .listing-item-tall-1 > .title{ margin: 15px 0 9px; } .listing-item-tall-1 > .title a{ color: inherit; } .listing-item-tall-1:hover > .title{ color: #0080ce } .listing-item-tall-1 .post-summary { margin-top: 10px } /** * =>Listing Tall 2 **/ .listing-item-tall-2{ margin-bottom: 23px; } .listing-item-tall-2:last-child{ margin-bottom: 0; } .listing-item-tall-2 .featured{ position: relative; } .listing-item-tall-2 .featured .img-holder{ width: 100%; margin: 0; } .listing-item-tall-2 .featured .img-holder{ background-position: top center; } .listing-item-tall-2 .featured .img-holder.img-holder:before { padding-top: 134%; } .listing-item-tall-2 .term-badges.floated{ left: 0; right: 0; text-align: center; pointer-events: none; } .listing-item-tall-2 .term-badges.floated a { pointer-events: all; } .listing-item-tall-2 > .title{ margin: 15px 0 9px; } .listing-item-tall-2 > .title a{ color: inherit; } .listing-item-tall-2:hover > .title{ color: #0080ce } .listing-item-tall-2 .post-meta{ text-align: center; } .listing-item-tall-2 .post-summary { text-align: center; margin-top: 10px } /** * =>Listing Thumbnail 1 **/ .listing-tb-1 > .listing-item-tb-1:last-child, .listing-item-tb-1 { margin-bottom: 18px; } .listing-mix-3-1 .listing-tb-1 > .listing-item-tb-1:last-child, .listing-item-tb-1:last-child{ margin-bottom: 0; } .listing-item-tb-1 .title { margin: 0 0 3px; } .listing-item-tb-1 .title a{ color: inherit; } .listing-item-tb-1:hover .title a{ color: #0080ce; } .listing-item-tb-1 .post-meta{ padding-top: 0; } .listing-item-tb-1 .featured{ margin-right: 13px; float: left; position: relative; line-height: 0; } .listing-item-tb-1 .img-holder { width: 86px; margin-right: 0; float: none; } .listing-item-tb-1 .img-holder:before { padding-top: 74%; } /** * =>Listing Thumbnail 2 **/ .listing-item-tb-2 { margin-bottom: 20px; } .listing-item-tb-2 .term-badges.floated{ left: 0; } .listing-item-tb-2 .item-inner { position: relative; } .listing-item-tb-2 .title { margin: 0; } .listing-item-tb-2 .title a{ color: inherit; } .listing-item-tb-2:hover .title a{ color: #0080ce; } .listing-item-tb-2 .featured{ margin-bottom: 9px; line-height: 0; position: relative; } .listing-item-tb-2 .format-icon{ right: 15px; top: 15px; width: 28px; height: 28px; line-height: 24px; font-size: 12px; } .listing-item-tb-2 .format-icon .fa{ line-height: 24px; } .listing-item-tb-2:hover .format-icon { right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); } .listing-item-tb-2 .img-holder { width: 100%; margin-right: 0; float: none; display: block; } .listing-item-tb-2 .img-holder:before { padding-top: 70%; } .listing-item-tb-2 .term-badges.floated .term-badge a{ background-color: #444444 !important; } .listing-item-tb-2:hover .term-badges.floated .term-badge a{ background-color: #0080ce !important; } .listing.listing-tb-2.columns-4[max-width~="900px"] .listing-item, .listing.listing-tb-2.columns-5[max-width~="900px"] .listing-item{ width: 25% !important; float: left !important; } .listing.listing-tb-2.columns-4[max-width~="900px"] .listing-item:nth-child(4n-3), .listing.listing-tb-2.columns-5[max-width~="900px"] .listing-item:nth-child(4n-3){ padding-left: 0 !important; padding-right: 8px !important; clear: left !important; } .listing.listing-tb-2.columns-4[max-width~="900px"] .listing-item:nth-child(4n+2), .listing.listing-tb-2.columns-5[max-width~="900px"] .listing-item:nth-child(4n+2){ padding-left: 3px !important; padding-right: 5px !important; clear: none !important; } .listing.listing-tb-2.columns-4[max-width~="900px"] .listing-item:nth-child(4n+3), .listing.listing-tb-2.columns-5[max-width~="900px"] .listing-item:nth-child(4n+3) { padding-left: 5px !important; padding-right: 3px !important; clear: none !important; } .listing.listing-tb-2.columns-4[max-width~="900px"] .listing-item:nth-child(4n+4), .listing.listing-tb-2.columns-5[max-width~="900px"] .listing-item:nth-child(4n+4){ padding-right: 0 !important; padding-left: 8px !important; clear: none !important; } .listing.listing-tb-2.columns-3[max-width~="560px"] .listing-item:nth-child( 3n-1 ), .listing.listing-tb-2.columns-5[max-width~="560px"] .listing-item:nth-child( 3n-1 ), .listing.listing-tb-2.columns-4[max-width~="560px"] .listing-item:nth-child( 3n-1 ){ padding: 0 6px !important; clear: none !important; } .listing.listing-tb-2.columns-3[max-width~="560px"] .listing-item:nth-child( 3n-2 ), .listing.listing-tb-2.columns-5[max-width~="560px"] .listing-item:nth-child( 3n-2 ), .listing.listing-tb-2.columns-4[max-width~="560px"] .listing-item:nth-child( 3n-2 ){ padding-left: 0 !important; padding-right: 12px !important; clear: left !important; } .listing.listing-tb-2.columns-5[max-width~="560px"] .listing-item:nth-child( 3n+3 ), .listing.listing-tb-2.columns-3[max-width~="560px"] .listing-item:nth-child( 3n+3 ), .listing.listing-tb-2.columns-4[max-width~="560px"] .listing-item:nth-child( 3n+3 ){ padding-left: 12px !important; padding-right: 0 !important; clear: none !important; } .listing.listing-tb-2.columns-3[max-width~="560px"] .listing-item, .listing.listing-tb-2.columns-4[max-width~="560px"] .listing-item, .listing.listing-tb-2.columns-5[max-width~="560px"] .listing-item{ width: 33.3333% !important; float: left; } .listing.listing-tb-2.columns-5[max-width~="450px"] .listing-item, .listing.listing-tb-2.columns-4[max-width~="450px"] .listing-item, .listing.listing-tb-2.columns-3[max-width~="450px"] .listing-item, .listing.listing-tb-2.columns-2[max-width~="450px"] .listing-item { float: left !important; width: 50% !important; padding-left: 0 !important; padding-right: 0 !important; } .listing.listing-tb-2.columns-5[max-width~="450px"] .listing-item:nth-child(odd), .listing.listing-tb-2.columns-4[max-width~="450px"] .listing-item:nth-child(odd), .listing.listing-tb-2.columns-3[max-width~="450px"] .listing-item:nth-child(odd), .listing.listing-tb-2.columns-2[max-width~="450px"] .listing-item:nth-child(odd){ padding-right: 13px !important; clear: left !important; padding-left: 0 !important; } .listing.listing-tb-2.columns-5[max-width~="450px"] .listing-item:nth-child(even), .listing.listing-tb-2.columns-4[max-width~="450px"] .listing-item:nth-child(even), .listing.listing-tb-2.columns-3[max-width~="450px"] .listing-item:nth-child(even), .listing.listing-tb-2.columns-2[max-width~="450px"] .listing-item:nth-child(even) { padding-left: 13px !important; padding-right: 0 !important; clear: none !important; } /** * =>Listing Thumbnail 3 **/ .listing-item-tb-3 { margin-bottom: 18px; } .listing-item-tb-3:last-child{ margin-bottom: 0; } .listing-tb-3 > .listing-item-tb-3:last-child{ margin-bottom: 18px; } .listing-item-tb-3 .title { margin: 0 0 3px; } .listing-item-tb-3 .title a{ color: inherit; } .listing-item-tb-3:hover .title a{ color: #0080ce; } .listing-item-tb-3 .post-meta{ padding-top: 0; } .listing-item-tb-3 .featured{ margin-left: 13px; float: right; position: relative; line-height: 0; } .listing-item-tb-3 .img-holder { width: 86px; margin-right: 0; float: none; } .listing-item-tb-3 .img-holder:before { padding-top: 74%; } /** * =>Listing Text 1 **/ .listing-item-text-1{ position: relative; margin-bottom: 9px; } .listing-item-text-1:last-child{ margin-bottom: 0; } .listing-item-text-1 .item-inner{ padding-bottom: 9px; border-bottom: 1px dashed #EAEAEA; border-bottom-color: rgba(0,0,0,0.08); } .listing-item-text-1 .term-badges.floated{ position: relative; left: auto; right: auto; top:auto; bottom: auto; text-align: center; margin-bottom: 10px; } .listing-item-text-1 .term-badges.floated .term-badge a{ color: #fff !important; margin: 0; } .listing-item-text-1:hover .term-badges.floated .term-badge a{ background: #0080ce !important; } .listing-item-text-1 .title{ margin: 0; } .listing-item-text-1.no-meta .title{ margin-bottom: 10px; } .listing-item-text-1 .title a{ color: inherit; } .listing-item-text-1:hover .title a{ color: #0080ce; } .listing-item-text-1 .post-meta{ padding-top: 10px; text-align: center; } .listing-text-1.listing.columns-1 .listing-item:last-child{ margin-bottom: 0; } .listing-text-1.listing.columns-1 .listing-item:last-child .item-inner{ border-bottom: none; } /** * =>Listing Text 2 **/ .listing-item-text-2{ position: relative; margin-bottom: 12px; } .listing-item-text-2:last-child{ margin-bottom: 0; } .listing-item-text-2 .item-inner{ border-left: 3px solid #0080ce; padding-left: 12px; } .listing-item-text-2 .term-badges.floated{ position: relative; left: auto; right: auto; top:auto; bottom: auto; text-align: center; margin-bottom: 10px; } .listing-item-text-2 .term-badges.floated .term-badge a{ background: #434343 !important; color: #fff !important; margin: 0; } .listing-item-text-2:hover .term-badges.floated .term-badge a{ background: #0080ce !important; } .listing-item-text-2 .title{ margin: 0; } .listing-item-text-2 .title a{ color: inherit; } .listing-item-text-2:hover .title a{ color: #0080ce; } .listing-item-text-2 .post-meta .comments, .listing-item-text-2 .post-meta .post-author, .listing-item-text-2 .post-meta{ font-size: 11px; } .listing-text-2.listing.columns-1 .listing-item:last-child{ margin-bottom: 0; } .listing-text-2.listing.columns-1 .listing-item:last-child .item-inner{ border-bottom: none; } /** * =>BS Listing **/ .bs-listing{ margin-bottom: 40px; } .bs-listing p:empty { display: none; } .entry-content > .vc_row[data-vc-full-width] .bs-listing-modern-grid-listing-3:last-child{ margin-bottom: 10px; } .vc_row[data-vc-full-width] .bs-listing:last-child{ margin-bottom: 30px; } /** * =>Mix Listing 1 **/ .listing-mix-1-1 .listing-item-grid-1{ margin-bottom: 0; } .listing-mix-1-1 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } .listing-mix-1-1 .listing-item-tb-1 { margin-bottom: 24px; } .listing-mix-1-1 .listing-item-tb-1:last-child{ margin-bottom: 0; } .listing-mix-1-1 .column-1{ width: 50%; float: left; padding-right: 15px; } .listing-mix-1-1 .column-2{ width: 50%; float: left; padding-left: 15px; } .listing.listing-mix-1-1[max-width~="450px"] .column-2, .listing.listing-mix-1-1[max-width~="450px"] .column-1{ width: 100%; padding: 0; float: none; } .listing.listing-mix-1-1[max-width~="450px"] .column-1 { margin-bottom: 20px; } /** * =>Mix Listing 1-2 **/ .listing.listing-mix-1-2 .listing-item-grid-1{ margin-bottom: 30px; } .listing.listing-mix-1-2 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } .listing.listing-mix-1-2 .listing-item-tb-1 { margin-bottom: 7px; } .listing.listing-mix-1-2 .column-1{ width: 50%; float: left; padding-right: 15px; } .listing.listing-mix-1-2 .column-2{ width: 50%; float: left; padding-left: 15px; } .listing.listing-mix-1-2[max-width~="450px"] .column-2, .listing.listing-mix-1-2[max-width~="450px"] .column-1{ width: 100%; padding: 0; float: none; } .listing.listing-mix-1-2[max-width~="450px"] .column-1 { margin-bottom: 20px; } .bs-listing-listing-mix-1-2 .bs-pagination-wrapper .listing + .listing { margin-top: 0; } /** * =>Mix Listing 1-4 **/ .listing.listing-mix-1-4 .listing-item-grid-1{ margin-bottom: 0; } .listing.listing-mix-1-4 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } .listing.listing-mix-1-4 .column-1{ width: 70%; float: left; padding-right: 20px; } .listing.listing-mix-1-4 .column-2{ width: 30%; float: left; padding-left: 20px; } .listing.listing-mix-1-4[max-width~="450px"] .column-2, .listing.listing-mix-1-4[max-width~="450px"] .column-1{ width: 100%; padding: 0; float: none; } .listing.listing-mix-1-4[max-width~="450px"] .listing-item-grid-1{ margin-bottom: 20px; } .listing.listing-mix-1-4[max-width~="450px"] .listing-item-tb-2{ width: 50%; float: left; } .listing.listing-mix-1-4[max-width~="450px"] .listing-item-tb-2:nth-child(odd){ padding-right: 13px; clear: left; } .listing.listing-mix-1-4[max-width~="450px"] .listing-item-tb-2:nth-child(even){ padding-left: 13px; } /** * =>Mix Listing 2-1 **/ .listing-mix-2-1 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } .bs-listing-listing-mix-2-1 .bs-pagination-wrapper .listing + .listing { margin-top: 0; } /** * =>Mix Listing 2-2 **/ .listing-mix-2-2 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } /** * =>Mix Listing 3 **/ .listing.listing-mix-3-1 .row-1 + .row-2{ margin-top: 23px; } .listing.listing-mix-3-1 .listing-item-grid-1{ margin-bottom: 0; } /** * =>Mix Listing 3-2 **/ .listing.listing-mix-3-2 .row-1:last-child{ margin-bottom: 20px; } .listing.listing-mix-3-2 .row-1 + .row-2{ margin-top: 23px; } .listing.listing-mix-3-2 .listing-item-grid-1{ margin-bottom: 0; } .more_btn>.listing-mix-3-2+.listing-mix-3-2, .infinity>.listing-mix-3-2+.listing-mix-3-2{ margin-top: 0; } /** * =>Mix Listing 3-3 **/ .listing.listing-mix-3-3 .row-1 + .row-2{ margin-top: 23px; } .listing.listing-mix-3-3 .listing-item-grid-1{ margin-bottom: 0; } /** * =>Mix Listing 3-4 **/ .listing.listing-mix-3-4 .row-1 + .row-2{ margin-top: 23px; } .listing.listing-mix-3-4 .listing-item-tb-1:last-child, .listing.listing-mix-3-4 .listing-mg-3-item{ margin-bottom: 0; } /** * =>Mix Listing 6 **/ .listing-mix-6 .listing-item-grid-1{ margin-bottom: 0; } .listing-mix-6 .listing-item-grid-1 .post-summary{ padding-bottom: 0; border-bottom: none; } .listing-mix-6 .listing-item-text { margin-bottom: 12px; } .listing-mix-6 .listing-item-text:last-child{ margin-bottom: 0; } .listing-mix-6 .column-1{ width: 50%; float: left; padding-right: 15px; } .listing-mix-6 .column-2{ width: 50%; float: left; padding-left: 15px; } .listing.listing-mix-6[max-width~="450px"] .column-2, .listing.listing-mix-6[max-width~="450px"] .column-1{ width: 100%; padding: 0; float: none; } .listing.listing-mix-6[max-width~="450px"] .column-1 { margin-bottom: 20px; } /** * =>Mix Listing 10 **/ .listing-mix-4-1 .listing-classic-3{ margin-bottom: 15px; } .bs-pagination-wrapper .listing-mix-4-1 + .listing-mix-4-1{ margin-top: 0; } /** * =>Mix Listing 11 **/ .listing-mix-4-2 .listing-classic-3{ margin-bottom: 15px; } .bs-listing-listing-mix-4-2 .bs-pagination-wrapper .listing + .listing{ margin-top: 0; } /** * =>Mix Listing 12 **/ .listing-mix-4-3 .listing-classic-2{ margin-bottom: 25px; } .bs-pagination-wrapper .listing-mix-4-3 + .listing-mix-4-3{ margin-top: 0; } /** * =>Mix Listing 13 **/ .listing-mix-4-4 .listing-classic-2{ margin-bottom: 25px; margin-top: 0 !important; } .bs-pagination-wrapper .listing-mix-4-4 + .listing-mix-4-4{ margin-top: 0; } /** * =>Mix Listing 14 **/ .listing-mix-4-5 .listing-classic-2.columns-2 .listing-item-classic-2{ margin-bottom: 25px !important; } .listing-mix-4-5 .listing-classic-2{ margin-bottom: 25px; } .listing-mix-4-5 .listing-classic-2:last-child{ margin-bottom: 0; } .bs-listing-listing-mix-4-5 .bs-pagination-wrapper .listing + .listing{ margin-top: 0; } /** * =>Mix Listing 15 **/ .listing-mix-4-6 .listing-classic-2.columns-2 .listing-item-classic-2{ margin-bottom: 25px !important; } .listing-mix-4-6 .listing-classic-2{ margin-bottom: 25px; } .listing-mix-4-6 .listing-classic-2.columns-2{ margin-bottom: 0; } .bs-listing-listing-mix-4-6 .bs-pagination-wrapper .listing + .listing { margin-top: 0; } /** * =>Mix Listing 16 **/ .listing-mix-4-7 .listing-classic-3{ margin-bottom: 0; } .bs-listing-listing-mix-4-7 .bs-pagination-wrapper .listing + .listing { margin-top: 0; } .bs-listing-listing-mix-4-7 .bs-pagination-wrapper .listing-mix-4-7 + .listing-mix-4-7.listing-mix-4-7 { margin-top: 20px; } /** * =>Mix Listing 17 **/ .listing-mix-4-8 .listing-classic-2{ margin-bottom: 25px; } /** * =>Modern Grid Listing **/ .listing-mg-item.has-not-post-thumbnail .img-cont{ background-color: #e4e4e4; } .listing-modern-grid .bs-slider-item .item-content, .listing-mg-1-item .item-content, .listing-mg-item .term-badges.floated, .listing-mg-item .img-cont, .listing-mg-item .content-container{ transform: translate3d(0,0,0); -webkit-backface-visibility: hidden; } .listing-modern-grid.slider-overlay-simple .listing-mg-item .content-container { padding: 22px 20px 20px; background: rgba(0, 0, 0, 0.42); left: 0 !important; right: 0 !important; bottom: 0 !important; } .listing-modern-grid.slider-overlay-simple-gr .listing-mg-item .img-cont:after{ background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.65))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); top: auto; height: 200px; } .listing-modern-grid.slider-overlay-colored .listing-item-17 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-9 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-1 .img-cont:after{ background: #dc4225; background: -moz-linear-gradient(45deg, #292484 0%, #dc4225 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #292484), color-stop(100%, #dc4225)); background: -webkit-linear-gradient(45deg, #292484 0%, #dc4225 100%); background: -o-linear-gradient(45deg, #292484 0%, #dc4225 100%); background: -ms-linear-gradient(45deg, #292484 0%, #dc4225 100%); background: linear-gradient(45deg, #292484 0%, #dc4225 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-18 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-10 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-2 .img-cont:after{ background: #26D0CE; background: -moz-linear-gradient(45deg, #1A2980 0%, #26D0CE 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #1A2980), color-stop(100%, #26D0CE)); background: -webkit-linear-gradient(45deg, #1A2980 0%, #26D0CE 100%); background: -o-linear-gradient(45deg, #1A2980 0%, #26D0CE 100%); background: -ms-linear-gradient(45deg, #1A2980 0%, #26D0CE 100%); background: linear-gradient(45deg, #1A2980 0%, #26D0CE 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-19 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-11 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-3 .img-cont:after{ background: #1D976C; background: -moz-linear-gradient(45deg, #1D976C 0%, #3cf93d 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #1D976C), color-stop(100%, #3cf93d)); background: -webkit-linear-gradient(45deg, #1D976C 0%, #3cf93d 100%); background: -o-linear-gradient(45deg, #1D976C 0%, #3cf93d 100%); background: -ms-linear-gradient(45deg, #1D976C 0%, #3cf93d 100%); background: linear-gradient(45deg, #1D976C 0%, #3cf93d 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-20 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-12 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-4 .img-cont:after{ background: #dc4225; background: -moz-linear-gradient(45deg, #e0be00 0%, #dc4225 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #e0be00), color-stop(100%, #dc4225)); background: -webkit-linear-gradient(45deg, #e0be00 0%, #dc4225 100%); background: -o-linear-gradient(45deg, #e0be00 0%, #dc4225 100%); background: -ms-linear-gradient(45deg, #e0be00 0%, #dc4225 100%); background: linear-gradient(45deg, #e0be00 0%, #dc4225 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-21 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-13 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-5 .img-cont:after{ background: #ff4f39; background: -moz-linear-gradient(45deg, #ff4f39 0%, #dd0098 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #ff4f39), color-stop(100%, #dd0098)); background: -webkit-linear-gradient(45deg, #ff4f39 0%, #dd0098 100%); background: -o-linear-gradient(45deg, #ff4f39 0%, #dd0098 100%); background: -ms-linear-gradient(45deg, #ff4f39 0%, #dd0098 100%); background: linear-gradient(45deg, #ff4f39 0%, #dd0098 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-22 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-14 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-6 .img-cont:after{ background: #3895ff; background: -moz-linear-gradient(45deg, #3895ff 0%, #2add28 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #3895ff), color-stop(100%, #2add28)); background: -webkit-linear-gradient(45deg, #3895ff 0%, #2add28 100%); background: -o-linear-gradient(45deg, #3895ff 0%, #2add28 100%); background: -ms-linear-gradient(45deg, #3895ff 0%, #2add28 100%); background: linear-gradient(45deg, #3895ff 0%, #2add28 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-23 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-15 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-7 .img-cont:after{ background: #7741d5; background: -moz-linear-gradient(45deg, #7741d5 0%, #c56200 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #7741d5), color-stop(100%, #c56200)); background: -webkit-linear-gradient(45deg, #7741d5 0%, #c56200 100%); background: -o-linear-gradient(45deg, #7741d5 0%, #c56200 100%); background: -ms-linear-gradient(45deg, #7741d5 0%, #c56200 100%); background: linear-gradient(45deg, #7741d5 0%, #c56200 100%); } .listing-modern-grid.slider-overlay-colored .listing-item-24 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-16 .img-cont:after, .listing-modern-grid.slider-overlay-colored .listing-item-8 .img-cont:after{ background: #06c67b; background: -moz-linear-gradient(45deg, #06c67b 0%, #076fc5 100%); background: -webkit-gradient(left bottom, right top, color-stop(0%, #06c67b), color-stop(100%, #076fc5)); background: -webkit-linear-gradient(45deg, #06c67b 0%, #076fc5 100%); background: -o-linear-gradient(45deg, #06c67b 0%, #076fc5 100%); background: -ms-linear-gradient(45deg, #06c67b 0%, #076fc5 100%); background: linear-gradient(45deg, #06c67b 0%, #076fc5 100%); } .listing-modern-grid.slider-overlay-colored .listing-mg-item .img-cont:after{ opacity: 0.7; } .listing-modern-grid.slider-overlay-colored .listing-mg-item:hover .img-cont:after { opacity: .53; } /* Animated Gradiant */ .listing-modern-grid.slider-overlay-colored-anim .listing-mg-item .img-cont:after{ background-size: 300% 300%; -webkit-animation: mg-gr-anim 5.5s ease-in infinite; -moz-animation: mg-gr-anim 5.5s ease-in infinite; -o-animation: mg-gr-anim 5.5s ease-in infinite; animation: mg-gr-anim 5.5s ease-in infinite; opacity: 0.5; } .listing-modern-grid.slider-overlay-colored-anim .listing-mg-item:hover .img-cont:after { opacity: .7; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-17 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-9 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-1 .img-cont:after{ background: linear-gradient(135deg, #292484, #dc4225); background-size: 500% 500%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-18 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-10 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-2 .img-cont:after{ background: linear-gradient(135deg, #1A2980, #26D0CE); background-size: 500% 500%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-19 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-11 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-3 .img-cont:after{ background: linear-gradient(135deg, #1D976C, #3cf93d); background-size: 500% 500%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-20 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-12 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-4 .img-cont:after{ background: linear-gradient(135deg, #e0be00, #dc4225); background-size: 500% 500%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-21 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-13 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-5 .img-cont:after{ background: linear-gradient(135deg, #ff4f39, #dd0098); background-size: 1000% 1000%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-22 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-14 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-6 .img-cont:after{ background: linear-gradient(135deg, #06c67b, #076fc5); background-size: 1000% 1000%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-23 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-15 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-7 .img-cont:after{ background: linear-gradient(135deg, #7741d5, #c56200); background-size: 1000% 1000%; } .listing-modern-grid.slider-overlay-colored-anim .listing-item-24 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-16 .img-cont:after, .listing-modern-grid.slider-overlay-colored-anim .listing-item-8 .img-cont:after{ background: linear-gradient(135deg, #3895ff, #2add28); background-size: 1000% 1000%; } @-webkit-keyframes mg-gr-anim { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-moz-keyframes mg-gr-anim { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @-o-keyframes mg-gr-anim { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } @keyframes mg-gr-anim { 0%{background-position:0% 0%} 50%{background-position:100% 100%} 100%{background-position:0% 0%} } .listing-mg-item.listing-mg-6-item.listing-mg-6-item:hover .title a, .listing-mg-item.listing-mg-4-item.listing-mg-4-item:hover .title a, .listing-mg-item.listing-mg-3-item.listing-mg-3-item:hover .title a, .listing-mg-item.listing-mg-2-item.listing-mg-2-item:hover .title a, .listing-mg-item.listing-mg-1-item.listing-mg-1-item:hover .title a{ color: #fff !important; } .listing-modern-grid-6[max-width~="780px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-4[max-width~="780px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-3[max-width~="780px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-2[max-width~="780px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-1[max-width~="780px"] .listing-mg-item:hover .format-icon{ right: 20px; top: 20px; margin-top: 0; margin-right: 0; transform: auto; } .listing-mg-item:hover .format-icon{ right: 50%; top: 50%; margin-top: -16px; margin-right: -16px; -webkit-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); box-shadow: 0 0 12px 1px rgba(0, 0, 0, 0.5); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); transform: scale(1.4); } .listing-item-3.listing-mg-1-item:hover .format-icon, .listing-item-4.listing-mg-1-item:hover .format-icon{ margin-top: -30px; } .listing-item-5.listing-mg-2-item:hover .format-icon, .listing-item-4.listing-mg-2-item:hover .format-icon, .listing-item-3.listing-mg-2-item:hover .format-icon, .listing-item-2.listing-mg-2-item:hover .format-icon{ margin-top: -25px; } .listing-mg-3-item:hover .format-icon{ top: 27px; margin-top: 0; } .more_btn>.listing-modern-grid-3+.listing-modern-grid-3, .infinity>.listing-modern-grid-3+.listing-modern-grid-3 { margin-top: 0; } /** * ->Modern Grid Listing 1 **/ .listing-mg-1-item{ position: relative; overflow: hidden; } .listing-mg-1-item:before{ display: block; content: " "; width: 100%; padding-top: 68.17%; } .listing-modern-grid .bs-slider-item .item-content, .listing-mg-1-item .item-content{ position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .listing-mg-1-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: -1px; left: -2px; right: -2px; bottom: -1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-1-item .img-cont:after{ -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-1-item:hover .img-cont{ transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); } .listing-mg-1-item .content-container{ position: absolute; bottom: 15px; left: 20px; right: 20px; padding: 0; max-height: 75%; overflow: hidden; pointer-events: none; } .listing-mg-1-item .content-container a{ pointer-events: all; } .listing-mg-1-item .title{ margin: 0; -webkit-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); -moz-text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; } .listing-mg-1-item .title a{ color: inherit; } .listing-mg-1-item.listing-item-2 .title, .listing-mg-1-item.listing-item-3 .title, .listing-mg-1-item.listing-item-4 .title, .listing-mg-1-item.listing-item-5 .title{ font-size: 72%; } .listing-mg-1-item .post-meta, .listing-mg-1-item .post-meta { margin-top: 3px; } .listing-mg-1-item .post-meta .post-author{ color: #fff; } .listing-mg-1-item .post-meta .comments{ color: #fff; float: right; margin-right: 0; margin-left: 15px; } .listing-mg-1-item .post-meta .rating + .comments { float: none; margin-left: 0; vertical-align: middle; } .listing-mg-1-item .post-meta .time, .listing-mg-1-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .listing-mg-1-item.listing-item-2 .title{ font-size: 80%; } .listing-modern-grid-1 .mg-col-1{ width: 56%; float: left; padding-right: 2px; overflow: hidden; } .listing-modern-grid-1 .mg-col-2{ width: 44%; float: left; padding-left: 2px; overflow: hidden; } .listing-modern-grid-1 .mg-row-1{ margin: 0 0 4px; overflow: hidden; } .listing-mg-1-item.listing-item-2:before{ padding-top: 47.29%; } .listing-modern-grid-1 .item-4-cont, .listing-modern-grid-1 .item-3-cont{ width: 50%; float: left; overflow: hidden; } .listing-modern-grid-1 .item-3-cont{ padding-right: 2px; } .listing-modern-grid-1 .item-4-cont{ padding-left: 2px; } .listing-mg-1-item.listing-item-3:before, .listing-mg-1-item.listing-item-4:before{ padding-top: 78.2%; } .listing-modern-grid-1[max-width~="780px"] .listing-mg-1-item:before{ padding-top: 89%; } .listing-modern-grid-1[max-width~="780px"] .listing-mg-1-item.listing-item-2:before{ padding-top: 65.5%; } .listing-modern-grid-1[max-width~="480px"] .listing-mg-1-item.listing-item-2:before{ padding-top: 50.5%; } .listing-modern-grid-1[max-width~="780px"] .listing-mg-1-item.listing-item-4:before, .listing-modern-grid-1[max-width~="780px"] .listing-mg-1-item.listing-item-3:before{ padding-top: 94.6%; } .listing-modern-grid-1[max-width~="780px"] .listing-item-1 .title{ font-size: 80%; } .listing-modern-grid-1[max-width~="780px"] .listing-item-2 .title{ font-size: 72%; } .listing-modern-grid-1[max-width~="780px"] .listing-item-4 .title, .listing-modern-grid-1[max-width~="780px"] .listing-item-3 .title{ font-size: 62%; } .listing-modern-grid-1[max-width~="780px"] .listing-item-4 .term-badges, .listing-modern-grid-1[max-width~="780px"] .listing-item-3 .term-badges{ display: none; } .listing-modern-grid-1[max-width~="780px"] .listing-mg-item .content-container{ left: 15px; right: 15px; bottom: 10px; max-height: 50%; } .listing-modern-grid-1[max-width~="620px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-1[max-width~="620px"] .listing-mg-item .format-icon{ right: 12px; top: 12px; } .listing-modern-grid-1[max-width~="620px"] .mg-col-1{ width: 100%; padding: 0; } .listing-modern-grid-1[max-width~="620px"] .mg-col-2{ width: 100%; padding: 4px 0 0 0; } .listing-modern-grid-1[max-width~="620px"] .mg-row-1{ width: 50%; padding-right: 2px; float: left; } .listing-modern-grid-1[max-width~="620px"] .mg-row-2{ width: 50%; padding-left: 2px; float: right; } .listing-modern-grid-1[max-width~="620px"] .item-3-cont{ width: 100%; padding: 0; } .listing-modern-grid-1[max-width~="620px"] .item-4-cont{ display: none; } .listing-modern-grid-1[max-width~="620px"] .listing-item-1:before { padding-top: 46%; } .listing-modern-grid-1[max-width~="620px"] .listing-mg-1-item.listing-item-3:before, .listing-modern-grid-1[max-width~="620px"] .listing-mg-1-item.listing-item-2:before{ padding-top: 65.5%; } .listing-modern-grid-1[max-width~="620px"] .listing-item-3 .title, .listing-modern-grid-1[max-width~="620px"] .listing-item-2 .title{ font-size: 72%; } .listing-modern-grid-1[max-width~="620px"] .listing-item-2 .post-meta, .listing-modern-grid-1[max-width~="620px"] .listing-item-3 .term-badges.floated, .listing-modern-grid-1[max-width~="620px"] .listing-item-4 .term-badges.floated{ display: none; } .listing-modern-grid-1[max-width~="560px"] .listing-mg-1-item.listing-item-1:before{ padding-top: 50%; } .listing-modern-grid-1[max-width~="560px"] .listing-mg-1-item.listing-item-2 .term-badges.floated{ display: none; } .listing-modern-grid-1[max-width~="560px"] .listing-mg-1-item.listing-item-3:before, .listing-modern-grid-1[max-width~="560px"] .listing-mg-1-item.listing-item-2:before{ padding-top: 79.5%; } .listing-modern-grid-1[max-width~="480px"] .listing-mg-1-item.listing-item-1:before{ padding-top: 55%; } .listing-modern-grid-1[max-width~="480px"] .listing-mg-1-item.listing-item-1 .post-meta{ display: none; } .listing-modern-grid-1[max-width~="480px"] .listing-item-3 .title, .listing-modern-grid-1[max-width~="480px"] .listing-item-2 .title{ font-size: 64%; } .listing-modern-grid-1[max-width~="480px"] .listing-mg-item .content-container{ left: 12px; right: 12px; bottom: 12px; } .listing-modern-grid-1[max-width~="480px"] .listing-mg-item.listing-item-3 .content-container, .listing-modern-grid-1[max-width~="480px"] .listing-mg-item.listing-item-2 .content-container { max-height: 40%; } .slider-overlay-simple.listing-modern-grid-1[max-width~="480px"] .listing-mg-item.listing-item-3 .content-container, .slider-overlay-simple.listing-modern-grid-1[max-width~="480px"] .listing-mg-item.listing-item-2 .content-container { max-height: 60%; padding: 12px 12px 10px; } /** * ->Modern Grid Listing 2 **/ .listing-mg-2-item{ position: relative; overflow: hidden; } .listing-mg-2-item:before{ display: block; content: " "; width: 100%; padding-top: 70.29%; } .listing-mg-2-item .item-content{ position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-2-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: -1px; bottom: -1px; left: -2px; right: -2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-2-item .img-cont:after{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-2-item:hover .img-cont{ transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); } .listing-mg-2-item .content-container{ position: absolute; bottom: 15px; left: 20px; right: 20px; padding: 0; max-height: 75%; overflow: hidden; pointer-events: none; } .listing-mg-2-item .content-container a{ pointer-events: all; } .listing-mg-2-item .title{ margin: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; } .listing-mg-2-item .title a{ color: inherit; } .listing-mg-2-item .post-meta .comments{ float: right; margin-right: 0; margin-left: 15px; } .listing-mg-2-item .post-meta .rating + .comments { float: none; margin-left: 0; vertical-align: middle; } .listing-mg-2-item .post-meta .comments, .listing-mg-2-item .post-meta .post-author{ color: #fff; } .listing-mg-2-item .post-meta .time, .listing-mg-2-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .listing-mg-2-item.listing-item-2 .title, .listing-mg-2-item.listing-item-3 .title, .listing-mg-2-item.listing-item-4 .title, .listing-mg-2-item.listing-item-5 .title{ font-size: 72%; } .listing-mg-2-item:before{ padding-top: 77.76%; } .listing-mg-2-item.listing-item-1:before { padding-top: 69.05%; } .listing-modern-grid-2 .mg-col-1{ width: 53%; float: left; padding-right: 2px; } .listing-modern-grid-2 .mg-col-2{ width: 47%; float: left; padding-left: 2px; } .listing-modern-grid-2 .item-2-cont, .listing-modern-grid-2 .item-3-cont, .listing-modern-grid-2 .item-4-cont, .listing-modern-grid-2 .item-5-cont{ width: 50%; float: left; } .listing-modern-grid-2 .item-4-cont, .listing-modern-grid-2 .item-2-cont{ padding-right: 2px; } .listing-modern-grid-2 .item-5-cont, .listing-modern-grid-2 .item-3-cont{ padding-left: 2px; } .listing-modern-grid-2 .mg-row-1{ margin-bottom: 4px; } .listing-modern-grid-2[max-width~="900px"] .listing-mg-item .content-container{ left: 15px; right: 15px; bottom: 12px; max-height: 50%; } .listing-modern-grid-2[max-width~="780px"] .mg-col-2 , .listing-modern-grid-2[max-width~="780px"] .mg-col-1 { width: 50%; } .listing-modern-grid-2[max-width~="780px"] .listing-mg-item:before{ padding-top: 93%; } .listing-modern-grid-2[max-width~="780px"] .listing-item-1:before { padding-top: 93%; } .listing-modern-grid-2[max-width~="780px"] .listing-mg-item .title{ font-size: 66%; } .listing-modern-grid-2[max-width~="780px"] .listing-item-1 .title{ font-size: 86%; } .listing-modern-grid-2[max-width~="780px"] .listing-item-5 .term-badges, .listing-modern-grid-2[max-width~="780px"] .listing-item-4 .term-badges, .listing-modern-grid-2[max-width~="780px"] .listing-item-3 .term-badges, .listing-modern-grid-2[max-width~="780px"] .listing-item-2 .term-badges{ display: none; } .listing-modern-grid-2[max-width~="620px"] .listing-mg-item .post-meta{ display: none; } .listing-modern-grid-2[max-width~="620px"] .listing-mg-item:hover .format-icon, .listing-modern-grid-2[max-width~="620px"] .listing-mg-item .format-icon{ right: 12px; top: 12px; } .listing-modern-grid-2[max-width~="620px"] .listing-mg-item:before{ padding-top: 60%; } .listing-modern-grid-2[max-width~="620px"] .listing-item-1:before { padding-top: 45%; } .listing-modern-grid-2[max-width~="620px"] .mg-col-1{ width: 100%; padding: 0; margin-bottom: 4px; } .listing-modern-grid-2[max-width~="620px"] .mg-col-2{ width: 100%; padding: 0; } .listing-modern-grid-2[max-width~="560px"] .listing-mg-item:before{ padding-top: 80%; } .listing-modern-grid-2[max-width~="560px"] .listing-item-1:before { padding-top: 55%; } .slider-overlay-simple.listing-modern-grid-2[max-width~="480px"] .listing-mg-item.listing-item-5 .content-container, .slider-overlay-simple.listing-modern-grid-2[max-width~="480px"] .listing-mg-item.listing-item-4 .content-container, .slider-overlay-simple.listing-modern-grid-2[max-width~="480px"] .listing-mg-item.listing-item-3 .content-container, .slider-overlay-simple.listing-modern-grid-2[max-width~="480px"] .listing-mg-item.listing-item-2 .content-container { max-height: 64%; padding: 12px; } /** * ->Modern Grid Listing 3 **/ .bs-shortcode.bs-modern-grid-listing-3{ margin-bottom: 10px; } .listing-mg-3-item{ position: relative; overflow: hidden; margin-bottom: 20px; } .listing-mg-3-item .item-content{ position: relative; overflow: hidden; } .listing-mg-3-item .item-content:before{ display: block; content: " "; width: 100%; padding-top: 65%; } .listing-mg-3-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: -1px; left: -2px; right: -2px; bottom: -1px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-3-item .img-cont:after{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-3-item:hover .img-cont{ transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); } .listing-mg-3-item .content-container{ position: absolute !important; bottom: 20px; left: 20px; right: 20px; padding: 0; overflow: hidden; pointer-events: none; } .listing-mg-3-item .content-container a{ pointer-events: all; } .listing-mg-3-item .title{ margin: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; text-align: center !important; } .listing-mg-3-item .title a{ color: #fff; } .listing-mg-3-item .post-meta{ margin-top: 12px; text-align: center !important; font-size: 11px; } .listing-mg-3-item .post-meta .comments, .listing-mg-3-item .post-meta .post-author{ color: #fff; font-size: 11px; } .listing-mg-3-item .post-meta .comments { float: none; margin-left: 0; } .listing-mg-3-item .post-meta .time, .listing-mg-3-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .listing-mg-3-item .term-badges.floated{ position: relative; right: auto; left: auto; top:auto; bottom: auto; text-align: center; margin-bottom: 15px; } .listing-mg-3-item .term-badges.floated .term-badge a{ margin: 0; } .listing-mg-3-item[max-width~="300px"] .title{ font-size: 82%; } .listing-mg-3-item[max-width~="300px"] .post-meta{ display: none; } /** * ->Modern Grid Listing 4 **/ .bs-shortcode.bs-modern-grid-listing-4{ margin-bottom: 10px; } .listing-mg-4-item{ position: relative; overflow: hidden; margin-bottom: 4px; } .listing-mg-4-item .item-content{ position: relative; overflow: hidden; } .listing-mg-4-item .item-content:before{ display: block; content: " "; width: 100%; padding-top: 135%; } .listing-mg-4-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-4-item .img-cont:after{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-4-item:hover .img-cont { transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); } .listing-mg-4-item .content-container{ position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px 20px; overflow: hidden; pointer-events: none; } .listing-mg-4-item .content-container a{ pointer-events: all; } .listing-mg-4-item .title{ margin: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; text-align: center !important; } .listing-mg-4-item .title a{ color: #fff; } .listing-mg-4-item .post-meta{ margin-top: 12px; text-align: center !important; font-size: 11px; } .listing-mg-4-item .post-meta .comments, .listing-mg-4-item .post-meta .post-author{ color: #fff; font-size: 11px; } .listing-mg-4-item .post-meta .comments { float: none; margin-left: 0; } .listing-mg-4-item .post-meta .time, .listing-mg-4-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .listing-mg-4-item .term-badges.floated{ position: absolute; right: auto; left: 0; top: 26px; bottom: auto; text-align: center; margin-bottom: 0; width: 100%; pointer-events: none; } .listing-mg-4-item .term-badges.floated .term-badge a{ margin: 0; pointer-events: all; } .listing-modern-grid-4[max-width~="370px"] .listing-mg-4-item .post-meta{ display: none; } /* 3 Column */ .listing-modern-grid-4.listing.columns-3 .listing-item:nth-child( 3n-1 ){ padding: 0 2px; } .listing-modern-grid-4.listing.columns-3 .listing-item:nth-child( 3n-2 ){ padding-right: 4px; clear: left; } .listing-modern-grid-4.listing.columns-3 .listing-item:nth-child( 3n+3 ){ padding-left: 4px; } .listing-modern-grid-4.listing.columns-3[max-width~="560px"] .listing-item{ width: 50%; } .listing-modern-grid-4.listing.columns-3[max-width~="560px"] .listing-item:nth-child(odd){ padding-left: 0; padding-right: 4px; clear: left; } .listing-modern-grid-4.listing.columns-3[max-width~="560px"] .listing-item:nth-child(even){ padding-left: 4px; padding-right: 0; clear: none; } /* 4 Column */ .listing-modern-grid-4.listing.columns-4 .listing-item:nth-child(4n-3){ padding-left: 0; padding-right: 3px; clear: left; } .listing-modern-grid-4.listing.columns-4 .listing-item:nth-child(4n+2){ padding-left: 1px; padding-right: 2px; } .listing-modern-grid-4.listing.columns-4 .listing-item:nth-child(4n+3) { padding-left: 2px; padding-right: 1px; } .listing-modern-grid-4.listing.columns-4 .listing-item:nth-child(4n+4){ padding-right: 0; padding-left: 3px; } .listing-modern-grid-4.listing.columns-4[max-width~="900px"] .listing-item{ width: 33.3333%; } .listing-modern-grid-4.listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n-1 ){ padding: 0 2px; clear: none; } .listing-modern-grid-4.listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n-2 ){ padding-left: 0; padding-right: 4px; clear: left; } .listing-modern-grid-4.listing.columns-4[max-width~="900px"] .listing-item:nth-child( 3n+3 ){ padding-left: 4px; padding-right: 0; clear: none; } .listing-modern-grid-4.listing.columns-2 .listing-itemm, .listing-modern-grid-4.listing.columns-4[max-width~="560px"] .listing-item{ width: 50%; } .listing-modern-grid-4.listing.columns-2 .listing-item:nth-child(odd), .listing-modern-grid-4.listing.columns-4[max-width~="560px"] .listing-item:nth-child(odd){ padding-left: 0; padding-right: 4px; clear: left; } .listing-modern-grid-4.listing.columns-2 .listing-item:nth-child(even), .listing-modern-grid-4.listing.columns-4[max-width~="560px"] .listing-item:nth-child(even){ padding-left: 4px; padding-right: 0; clear: none; } .listing-modern-grid-4[max-width~="620px"] .listing-mg-4-item .item-content:before{ padding-top: 115%; } /** * ->Modern Grid Listing 5 **/ .listing-modern-grid-5 .mg-col{ position: relative; float: left; } .listing-modern-grid-5 .mg-col-1{ width: 55%; left: 22.5%; padding: 0 10px; } .listing-modern-grid-5 .mg-col-2{ width: 22.5%; left: -55%; padding: 0 20px 0 0; } .listing-modern-grid-5 .mg-col-3{ width: 22.5%; padding: 0 0 0 20px; } .listing-modern-grid-5[max-width~="780px"] .mg-col-1{ width: 100%; left: auto; margin: 0 0 20px; padding: 0; } .listing-modern-grid-5[max-width~="780px"] .mg-col-3, .listing-modern-grid-5[max-width~="780px"] .mg-col-2{ width: 50%; left: auto; padding: 0 40px; } .listing-modern-grid-5[max-width~="620px"] .mg-col-1{ margin-bottom: 10px; } .listing-modern-grid-5[max-width~="620px"] .mg-col-3, .listing-modern-grid-5[max-width~="620px"] .mg-col-2{ padding: 0 20px; } .listing-modern-grid-5[max-width~="620px"] .listing-mg-5-item-small .title{ padding: 0; line-height: 1.3; } .listing-modern-grid-5[max-width~="620px"] .listing-mg-5-item-small .title a{ font-size: 90%; } .listing-modern-grid-5[max-width~="480px"] .mg-col-3{ padding: 0 0 0 10px; } .listing-modern-grid-5[max-width~="480px"] .mg-col-2{ padding: 0 10px 0 0; } .listing-modern-grid-5 .term-badges.floated{ position: absolute; top: 0; left: 0; right: 0; bottom: auto; pointer-events: none; z-index: 1; line-height: 0; text-align: center; } .listing-modern-grid-5 .term-badges.floated a{ pointer-events: all; } .listing-mg-5-item .item-content{ position: relative; overflow: hidden; z-index: 1; } .listing-mg-5-item .item-content:before{ display: block; content: " "; width: 100%; padding-top: 70.29%; } .listing-mg-5-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-5-item .title a{ color: inherit; } .bs-listing-modern-grid-listing-5 .listing-mg-5-item:hover .title a:hover, .bs-listing-modern-grid-listing-5 .listing-mg-5-item:hover .title a{ color: #0080ce !important; } .listing-mg-5-item .title{ line-height: 1.4; } .listing-mg-5-item .content-container{ padding: 0 !important; background: none !important; } /* item big */ .listing-mg-5-item-big .img-cont { top: -1px; left: -2px; right: -2px; bottom: -1px; } .listing-mg-5-item-big .item-content:before{ padding-top: 66.29%; } .listing-mg-5-item-big:hover .img-cont{ transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1) rotate(0.02deg); } .listing-mg-5-item-big .content-container{ position: relative; padding: 20px !important; overflow: hidden; pointer-events: none; margin: -80px 35px 0; z-index: 1; background: #fff !important; min-height: 100px; } .listing-mg-5-item-big .title{ margin: 0 0 6px; } .listing-mg-5-item-big .post-meta{ text-align: center; } .listing-mg-5-item-big .post-meta .comments{ float: none; margin-left: 0; } .listing-modern-grid-5[max-width~="450px"] .listing-mg-5-item-big .content-container{ padding: 20px 15px !important; overflow: hidden; pointer-events: none; margin: -80px 18px 0; } .listing-modern-grid-5[max-width~="780px"] .listing-mg-5-item-big .title{ line-height: 1; } .listing-modern-grid-5[max-width~="780px"] .listing-mg-5-item-big .title a{ font-size: 71%; } .listing-modern-grid-5[max-width~="780px"] .listing-mg-5-item-big .item-content:before{ padding-top: 54%; } .listing-modern-grid-5[max-width~="560px"] .listing-mg-5-item-big .item-content:before{ padding-top: 62%; } /* item small */ .listing-mg-5-item-small .item-content:before{ padding-top: 68%; } .listing-modern-grid-5[max-width~="560px"] .listing-mg-5-item-small .term-badges.floated { display: none; } .listing-modern-grid-5[max-width~="560px"] .listing-mg-5-item-small .item-content:before { padding-top: 70%; } .listing-mg-5-item-small{ margin-bottom: 16px; } .mg-col .listing-mg-5-item-small:last-child{ margin-bottom: 0; } .listing-mg-5-item-small .title { padding: 0 13px; margin: 10px 0 0; min-height: 38px; } /** * ->Modern Grid Listing 6 **/ .listing-mg-6-item{ position: relative; overflow: hidden; } .listing-mg-6-item + .listing-mg-6-item { margin-top: 4px; } .listing-mg-6-item:before{ display: block; content: " "; width: 100%; padding-top: 64%; } .listing-modern-grid .bs-slider-item .item-content, .listing-mg-6-item .item-content{ position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-6-item .img-cont{ background-repeat: no-repeat !important; background-position: center center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; image-rendering: optimizeQuality; -moz-transform-origin: 0 0; } .listing-mg-6-item .img-cont:after{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .listing-mg-6-item:hover .img-cont{ transform: scale3d(1.1, 1.1, 1); -webkit-transform: scale3d(1.1, 1.1, 1); -moz-transform: scale3d(1.1, 1.1, 1); } .listing-mg-6-item .content-container{ position: absolute; bottom: 15px; left: 20px; right: 20px; padding: 0; max-height: 75%; overflow: hidden; pointer-events: none; } .listing-mg-6-item .content-container a{ pointer-events: all; } .listing-mg-6-item .title{ margin: 0; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; } .listing-mg-6-item .title a{ color: inherit; } .listing-mg-6-item .post-meta, .listing-mg-6-item .post-meta { margin-top: 3px; } .listing-mg-6-item .post-meta .post-author{ color: #fff; } .listing-mg-6-item .post-meta .comments{ color: #fff; float: right; margin-right: 0; margin-left: 15px; } .listing-mg-6-item .post-meta .rating + .comments { float: none; margin-left: 0; } .listing-mg-6-item .post-meta .time, .listing-mg-6-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .listing-modern-grid-6 .mg-col-1{ width: 50%; float: left; padding-right: 2px; } .listing-modern-grid-6 .mg-col-2{ width: 50%; float: left; padding-left: 2px; } .listing-modern-grid-6[max-width~="780px"] .content-container{ max-height: 50%; } .listing-modern-grid-6[max-width~="780px"] .listing-item .title{ line-height: 1; } .listing-modern-grid-6[max-width~="780px"] .listing-item .title a{ font-size: 80%; } .listing-modern-grid-6[max-width~="480px"] .mg-col-1{ width: 100%; padding: 0; } .listing-modern-grid-6[max-width~="480px"] .mg-col-2{ width: 100%; padding: 4px 0 0 0; } .listing-modern-grid-6[max-width~="480px"] .listing-mg-6-item:before{ padding-top: 60%; } .listing-modern-grid-6[max-width~="620px"] .listing-mg-6-item .post-meta{ display: none; } .slider-overlay-simple.listing-modern-grid-6[max-width~="480px"] .listing-mg-item .content-container { max-height: 60%; padding: 18px 15px 18px; } .more_btn>.listing-modern-grid-6+.listing-modern-grid-6, .infinity>.listing-modern-grid-6+.listing-modern-grid-6{ margin-top: 4px; } /** * =>Sliders **/ .bs-listing-slider-1 > .bs-slider, .bs-listing-slider-2 > .bs-slider, .bs-listing-slider-3 > .bs-slider{ margin-bottom: 0; } .bs-listing-slider-1, .bs-listing-slider-2, .bs-listing-slider-3{ margin-bottom: 22px; } .bs-shortcode.bs-slider .better-direction-nav a{ text-indent: -9999px; } .bs-shortcode.bs-slider .better-direction-nav a:before{ line-height: 38px; font-size: 14px; display: inline-block; content: '\f053'; position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-indent: 0; width: auto; height: auto; } .bs-shortcode.bs-slider .better-direction-nav a.better-next:before{ content: '\f054'; right: -3px; } .bs-slider-item{ position: relative; overflow: hidden; z-index: 1; } .bs-slider-item > .item-content{ position: relative; overflow: hidden; z-index: 1; } .bs-slider-item > .item-content:before{ display: block; content: " "; width: 100%; padding-top: 45%; } .bs-slider-item .img-cont{ background-repeat: no-repeat !important; background-position: top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .bs-slider .bs-slider-item:nth-child(1){ /* fix for first load */ float: left; display: block; width: 100%; } .bs-slider-item.has-not-post-thumbnail .img-cont{ background-color: #e2e2e2; } /** * ->Slider 1 **/ .bs-slider-1-item > .item-content:before{ padding-top: 45%; } .bs-slider-1-item .img-cont:after{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 160px; } .bs-slider-1-item:hover .img-cont{ transform: scale3d(1.04, 1.04, 1); -webkit-transform: scale3d(1.04, 1.04, 1); -moz-transform: scale3d(1.04, 1.04, 1); } .bs-slider-1-item .content-container{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; position: absolute; bottom: -80px; left: 30px; right: 30px; padding: 0 30px 30px; overflow: hidden; pointer-events: none; z-index: 2; opacity: 0; } .bs-slider-1-item.slider-content-shown .content-container { bottom: 0; opacity: 1; } .bs-slider-1-item .content-container a{ pointer-events: all; } .bs-slider-1-item .title{ text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); line-height: 1.4; text-align: center !important; max-width: 70%; margin: 0 auto; } .bs-slider-1-item .title a{ color: #fff; } .bs-slider-1-item .post-meta{ margin-top: 12px; text-align: center !important; font-size: 11px; } .bs-slider-1-item .post-meta .comments, .bs-slider-1-item .post-meta .post-author{ color: #fff; font-size: 11px; } .bs-slider-1-item .post-meta .comments{ float: none; margin-left: 0; } .bs-slider-1-item .post-meta .time, .bs-slider-1-item .post-meta .post-author:after{ color: rgba(255, 255, 255, 0.57); } .bs-slider-1-item .term-badges.floated{ position: absolute; right: auto; left: 0; top: 30px; bottom: auto; width: 100%; text-align: center; pointer-events: none; } .bs-slider-1-item .term-badges.floated .term-badge a{ background: #fff !important; color: #212121 !important; margin: 0; pointer-events: all; } .bs-slider-1 .better-direction-nav .better-next, .bs-slider-1 .better-direction-nav .better-prev { opacity: 1; transform: none; border-radius: 50%; width: 40px; height: 40px; background: transparent; border: 2px solid rgb(255, 255, 255); text-align: center; line-height: 40px; color: #fff; text-shadow: none; margin: -36px 0 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .bs-slider-1 .better-direction-nav .better-prev { left: 20px; } .bs-slider-1 .better-direction-nav .better-next { right: 20px; } .bs-slider-1-item:hover .format-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .bs-slider-1-item[max-width~="780px"] > .item-content:before{ padding-top: 60%; } .bs-slider-1-item[max-width~="370px"] > .item-content:before{ padding-top: 110%; } .bs-slider-1-item[max-width~="370px"] .title a{ font-size: 75%; line-height: 170%; display: inline-block; } .bs-slider-1-item[max-width~="370px"] .content-container { left: 0; right: 0; padding: 0 20px 20px; } .bs-slider-1[max-width~="370px"] .better-direction-nav .better-prev { left: -20px; opacity: 0; } .bs-slider-1[max-width~="370px"]:hover .better-direction-nav .better-prev { left: 10px; opacity: 1; } .bs-slider-1[max-width~="370px"] .better-direction-nav .better-next { right: -20px; opacity: 0; } .bs-slider-1[max-width~="370px"]:hover .better-direction-nav .better-next { right: 10px; opacity: 1; } /** * ->Slider 2 **/ .bs-slider-2-item > .item-content:before{ padding-top: 45%; } .bs-slider-2-item:hover .img-cont{ transform: scale3d(1.04, 1.04, 1); -webkit-transform: scale3d(1.04, 1.04, 1); -moz-transform: scale3d(1.04, 1.04, 1); } .bs-slider-2-item .content-container{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; position: absolute; left: 50%; bottom: 10px; padding: 30px; overflow: hidden; pointer-events: none; z-index: 2; opacity: 0; width: 460px; margin: 0 0 0 -230px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-align: center; } .bs-slider-2-item.slider-content-shown .content-container { bottom: 40px; opacity: 1; } .bs-slider-2-item .content-container a{ pointer-events: all; } .bs-slider-2-item .title{ margin: 10px 0 0; line-height: 1.4; text-align: center !important; } .bs-slider-2-item .title a{ color: #212121; } .bs-slider-2-item .post-meta{ margin-top: 8px; text-align: center !important; font-size: 12px; } .bs-slider-2-item .post-meta .comments, .bs-slider-2-item .post-meta .post-author{ color: #212121; font-size: 12px; } .bs-slider-2-item .post-meta .comments{ float: none; margin-left: 0; } .bs-slider-2-item .post-meta .time, .bs-slider-2-item .post-meta .post-author:after{ color: #212121; } .bs-slider-2-item .content-container a.read-more{ border: 1px solid #0080ce; background: none; color: #636363; font-size: 12px; padding: 6px 20px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; line-height: 20px; margin-top: 15px; } .bs-slider-2-item .content-container a.read-more:hover{ background: #0080ce; color: #ffffff; } .bs-slider-2-item .term-badges.floated{ position: relative; right: auto; left: auto; top: auto; bottom: auto; width: 100%; text-align: center; margin-bottom: 15px; } .bs-slider-2-item .term-badges.floated .term-badge a{ background: #212121 !important; color: #fff !important; margin: 0; } .bs-slider-2-item:hover .format-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .bs-slider-2 .better-direction-nav .better-next, .bs-slider-2 .better-direction-nav .better-prev { transform: none; border-radius: 50%; width: 40px; height: 40px; background: transparent; border: 2px solid rgb(255, 255, 255); text-align: center; line-height: 40px; color: #fff; text-shadow: none; margin: -36px 0 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .bs-slider-2-item[max-width~="780px"] > .item-content:before{ padding-top: 70%; } .bs-slider-2-item[max-width~="780px"] .title a{ font-size: 85%; } .bs-slider-2-item[max-width~="520px"] > .item-content:before{ padding-top: 120%; } .bs-slider-2-item[max-width~="520px"] .post-meta{ display: none; } .bs-slider-2-item[max-width~="520px"] .title a{ font-size: 75%; line-height: 170%; display: inline-block; } .bs-slider-2-item[max-width~="520px"] .content-container { left: 7.5%; bottom: 7.5%; right: 7.5%; padding: 20px; width: 85%; transform: none; margin: 0; } .bs-slider-2[max-width~="370px"] .better-direction-nav .better-next, .bs-slider-2[max-width~="370px"] .better-direction-nav .better-prev { display: none; } /** * ->Slider 3 **/ .bs-slider-3-item > .item-content:before{ padding-top: 45%; } .bs-slider-3-item:hover .img-cont{ transform: scale3d(1.04, 1.04, 1); -webkit-transform: scale3d(1.04, 1.04, 1); -moz-transform: scale3d(1.04, 1.04, 1); } .bs-slider-3-item .content-container{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; position: absolute; left: 50%; top: 45%; padding: 30px; overflow: hidden; pointer-events: none; z-index: 2; opacity: 0; width: 460px; margin: -120px 0 0 -230px; background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); text-align: center; } .bs-slider-3-item .content-container a.read-more{ border: 1px solid #0080ce; background: none; color: #636363; font-size: 12px; padding: 6px 20px; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; line-height: 20px; margin-top: 15px; } .bs-slider-3-item .content-container a.read-more:hover{ background: #0080ce; color: #ffffff; } .bs-slider-3-item.slider-content-shown .content-container { opacity: 1; top: 50%; } .bs-slider-3-item .content-container a{ pointer-events: all; } .bs-slider-3-item .title{ margin: 10px 0 0; line-height: 1.4; text-align: center !important; } .bs-slider-3-item .title a{ color: #212121; } .bs-slider-3-item .post-meta{ margin-top: 8px; text-align: center !important; font-size: 12px; } .bs-slider-3-item .post-meta .comments, .bs-slider-3-item .post-meta .post-author{ color: #212121; font-size: 12px; } .bs-slider-3-item .post-meta .comments{ float: none; margin-left: 0; } .bs-slider-3-item .post-meta .time, .bs-slider-3-item .post-meta .post-author:after{ color: #212121; } .bs-slider-3-item .term-badges.floated{ position: relative; right: auto; left: auto; top: auto; bottom: auto; width: 100%; text-align: center; margin-bottom: 15px; } .bs-slider-3-item .term-badges.floated .term-badge a{ background: #212121 !important; color: #fff !important; margin: 0; } .bs-slider-3-item[max-width~="780px"] > .item-content:before{ padding-top: 60%; } .bs-slider-3 .better-direction-nav .better-next, .bs-slider-3 .better-direction-nav .better-prev { transform: none; border-radius: 50%; width: 40px; height: 40px; background: transparent; border: 2px solid rgb(255, 255, 255); text-align: center; line-height: 40px; color: #fff; text-shadow: none; margin: -36px 0 0; -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; } .bs-slider-3 .better-direction-nav .better-prev { left: 20px; } .bs-slider-3 .better-direction-nav .better-next { right: 20px; } .bs-slider-3-item:hover .format-icon { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); transform: scale(1.2); } .bs-slider-3-item[max-width~="780px"] .title a{ font-size: 90%; } .bs-slider-3-item[max-width~="780px"] > .item-content:before{ padding-top: 60%; } .bs-slider-3-item[max-width~="520px"] > .item-content:before{ padding-top: 110%; } .bs-slider-3-item[max-width~="520px"] .post-meta{ display: none; } .bs-slider-3-item[max-width~="520px"] .title a{ font-size: 75%; line-height: 150%; display: inline-block; } .bs-slider-3-item[max-width~="370px"] .content-container { left: 7.5%; bottom: 7.5%; right: 7.5%; top: auto; padding: 20px; width: 85%; transform: none; margin: 0; } .bs-slider-3-item[max-width~="370px"].slider-content-shown .content-container { bottom: 25px; } .bs-slider-3[max-width~="370px"] .better-direction-nav .better-next, .bs-slider-3[max-width~="370px"] .better-direction-nav .better-prev { display: none; } /** * =>Boxes **/ .bs-box-inner{ position: relative; overflow: hidden; z-index: 1; } .bs-box-inner:before{ display: block; content: " "; width: 100%; padding-top: 70%; } .bs-box .box-content{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .bs-box .box-image{ background-repeat: no-repeat !important; background-position: top center !important; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } /** * ->Box 1 **/ .bs-box-1 .bs-box-inner{ background: #ccc; } .bs-box-1 .box-text { position: absolute; background: #ffffff; color: #333; font-size: 16px; text-align: center; padding: 20px; bottom: 30px; left: 30px; right: 30px; opacity: 1; pointer-events: none; } .bs-box-1 .box-image:before{ border: 1px solid #ffffff; bottom: 0; content: ""; left: 0; opacity: 0; position: absolute; right: 0; top: 0; transform: scale(1, 1); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .bs-box-1:hover .box-image:before{ bottom: 15px; left: 15px; opacity: 1; right: 15px; top: 15px; } .bs-box-1 .box-pre-title{ font-size: 13px; margin-bottom: 5px; text-transform: capitalize; } .bs-box-1 .box-title{ font-size: 22px; margin: 0; } /** * ->Box 2 **/ .bs-box-2 .box-image:after{ border: 1px solid #ffffff; content: ""; position: absolute; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; bottom: 15px; left: 15px; opacity: 1; right: 15px; top: 15px; } .bs-box-2 .box-text { position: absolute; top: 50%; pointer-events: none; transform: translateY(-50%); left: 0; right: 0; -webkit-backface-visibility: hidden; text-align: center; } .bs-box-2 .box-image:before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .bs-box-2:hover .box-image:before { background: rgba(0, 0, 0, 0.3); } .bs-box-2 .box-title{ font-size: 14px; margin: 0; text-transform: capitalize; padding: 5px 10px; line-height: 1.3; background: #ffffff; color: #353535; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); display: inline-block; } /** * ->Box 3 **/ .bs-box-3 .box-text { position: absolute; font-size: 16px; padding: 0; bottom: 25px; left: 25px; right: 25px; opacity: 1; pointer-events: none; } .bs-box-3 .box-image:before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .bs-box-3:hover .box-image:before { background: rgba(0, 0, 0, 0.35); } .bs-box-3 .box-sub-title{ font-size: 13px; margin-bottom: 5px; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.09); } .bs-box-3 .box-title{ font-size: 17px; margin: 0 0 10px; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0, 0, 0, 0.09); } .bs-box-3 .bf-icon{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.09); font-size: 24px; display: block; margin-bottom: 15px; } .bs-box-3.box-no-bg .box-sub-title, .bs-box-3.box-no-bg .box-title, .bs-box-3.box-no-bg .bf-icon{ color: #333; text-shadow: none; } .bs-box-3.box-no-bg{ background: #eee; } .bs-box-3.box-no-bg .box-image:before{ display: none; } .bs-box-3.box-text-left .box-sub-title, .bs-box-3.box-text-left .box-title, .bs-box-3.box-text-left .bf-icon{ text-align: left !important; } .bs-box-3.box-text-right .box-sub-title, .bs-box-3.box-text-right .box-title, .bs-box-3.box-text-right .bf-icon{ text-align: right !important; } .bs-box-3.box-text-center .box-sub-title, .bs-box-3.box-text-center .box-title, .bs-box-3.box-text-center .bf-icon{ text-align: center !important; } /** * ->Box 4 **/ .bs-box-4 .bs-box-inner:before{ padding-top: 120%; } .bs-box-4 .box-text { position: absolute; font-size: 16px; padding: 0; bottom: 25px; left: 25px; right: 25px; opacity: 1; pointer-events: none; } .bs-box-4 .box-image:before{ content: ""; position: absolute; right: 0; top: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.25); -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .bs-box-4:hover .box-image:before { background: rgba(0, 0, 0, 0.35); } .bs-box-4 .box-sub-title{ font-size: 13px; margin-bottom: 5px; color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.09); } .bs-box-4 .box-title{ font-size: 17px; margin: 0 0 10px; color: #fff; text-transform: uppercase; text-shadow: 0 1px rgba(0, 0, 0, 0.09); } .bs-box-4 .bf-icon{ color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.09); font-size: 24px; display: block; margin-bottom: 15px; } .bs-box-4.box-no-bg .box-sub-title, .bs-box-4.box-no-bg .box-title, .bs-box-4.box-no-bg .bf-icon{ color: #333; text-shadow: none; } .bs-box-4.box-no-bg{ background: #eee; } .bs-box-4.box-no-bg .box-image:before{ display: none; } .bs-box-4.box-text-left .box-sub-title, .bs-box-4.box-text-left .box-title, .bs-box-4.box-text-left .bf-icon{ text-align: left !important; } .bs-box-4.box-text-right .box-sub-title, .bs-box-4.box-text-right .box-title, .bs-box-4.box-text-right .bf-icon{ text-align: right !important; } .bs-box-4.box-text-center .box-sub-title, .bs-box-4.box-text-center .box-title, .bs-box-4.box-text-center .bf-icon{ text-align: center !important; } /** * =>Widgets Listing **/ .widget .listing-widget, .listing-widget{ padding: 0; margin: 0; list-style: none; } .listing-widget .listing-item img.wp-post-image{ max-width: 80px; float: left; margin-right: 15px; } .listing-widget .listing-item{ padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .listing-widget .listing-item:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .listing-widget .img-holder { width: 80px; } .listing-widget .img-holder:before{ padding-top: 70%; } .listing-widget .listing-item .post-meta{ margin-top: 2px; } /** * ->Widget Simple Listing **/ .listing-widget.listing-widget-simple .listing-item .title{ font-size: 14px; margin: 0; } .listing-widget.listing-widget-simple .listing-item .title a{ line-height: 1.4; } .listing-widget.listing-widget-simple .listing-item .post-meta{ margin-top: 5px; margin-bottom: 8px; } /** * ->Widget Thumbnail Listing **/ .listing-widget.listing-widget-thumbnail .listing-item .title{ font-size: 14px; margin: 0; line-height: 1.2; } /** * =>Separator Line **/ .separator-line{ margin: 15px auto; width: 70%; overflow: hidden; text-align: center; position: relative; height: 20px; color: #949494; } .separator-line .sep-icon{ padding: 0 25px; font-size: 14px; height: 20px; line-height: 20px; position: relative; z-index: 1; color: rgba(0, 0, 0, 0.35); } .separator-line .sep-icon:after { content: ''; height: 2px; width: 440%; top: 50%; left: -440%; position: absolute; margin-top: -1px; background-color: #DADADA; background-color: rgba(0, 0, 0, 0.15); display: inline-block; } .separator-line .sep-icon:before { content: ''; height: 2px; width: 440%; top: 50%; right: -440%; position: absolute; margin-top: -1px; background-color: #DADADA; background-color: rgba(0, 0, 0, 0.15); display: inline-block; } /** * =>Widgets & Shortcodes **/ .widget { margin-bottom: 30px; font-size: 14px; } .sidebar > .widget:last-child{ margin-bottom: 0; } .widget .widget-heading { position: relative; margin: 0 0 21px; line-height: inherit; padding: 0; color: #fff; font-size: 13px; } .widget .widget-heading > .h-text{ background: #444; padding: 3px 12px; z-index: 1; position: relative; display: inline-block; } .widget .widget-heading > .h-text .bf-icon{ margin-right: 4px; } .widget .widget-heading a:hover, .widget .widget-heading a{ color: inherit; } .widget .widget-heading:after { width: 100%; height: 3px; position: absolute; top: 100%; left: 0; content: ''; display: block; background: #444; } .widget ul, .widget ol{ padding-left: 20px; margin-bottom: 0; } .widget li{ margin-bottom: 7px; } .widget li:last-child { margin-bottom: 0; } .widget li > ul{ margin-top: 10px; } .widget img{ max-width: 100%; height: auto; } .widget.widget_text img{ margin: 10px 0 15px 0; } .widget select{ width: 100%; } /** * ->Archive Widget **/ .widget.widget_archive ul{ list-style: none; padding-left: 0; margin-bottom: 0; } .widget.widget_archive ul li a:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f187'; margin-right: 10px; } .widget.widget_archive ul li a{ font-size: 14px; } .widget.widget_archive ul li{ border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 5px; padding-bottom: 5px; } .widget.widget_archive ul li:last-child{ border-bottom: none; padding-bottom: 0; margin-bottom: 0; } .widget.widget_archive .post-count{ float: right; color: #444; min-width: 24px; height: 24px; line-height: 24px; font-size: 14px; background: #eee; text-align: center; } /** * ->Calender Widget **/ .widget.widget_calendar{ font-size: 13px; } .widget.widget_calendar table{ width: 100%; margin: 0 auto; text-align: center; } .widget.widget_calendar table td, .widget.widget_calendar table th{ text-align: center; padding: 5px 0; } .widget.widget_calendar table td.active-day { background-color: #444444; background-color: rgba(0, 0, 0, 0.71); } .widget.widget_calendar table td.active-day:hover{ background-color: #444444; background-color: rgba(0, 0, 0, 0.91); } .widget.widget_calendar table td:hover, .widget.widget_calendar table td { background-color: #DCDCDC; background-color: rgba(0, 0, 0, 0.08); color: #888; color: rgba(0, 0, 0, 0.51); } .widget.widget_calendar table td.pad:hover, .widget.widget_calendar table td.pad{ background-color: #ffffff; background-color: rgba(0, 0, 0, 0.03); } .widget.widget_calendar table td a{ color: #fff; } .widget.widget_calendar table caption { padding: 20px 5px; text-align: center; background-color: #444444; background-color: rgba(0, 0, 0, 0.75); font-size: 18px; color: #fff; margin-bottom: 2px; } .widget.widget_calendar table tfoot td, .widget.widget_calendar table th { background-color: #444444; background-color: rgba(0, 0, 0, 0.71); color: #fff; } .widget.widget_calendar table tfoot td:hover{ background-color: #dedede; } /** * ->Category Widget **/ .widget.widget_categories ul{ list-style: none; padding-left: 0; } .widget.widget_categories ul:last-child{ margin-bottom: 0; } .widget.widget_categories ul li{ border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 5px; padding-bottom: 5px; } .widget.widget_categories ul li a{ text-transform: capitalize; font-size: 14px; } .widget.widget_categories ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget.widget_categories ul li a:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f07c'; margin-right: 10px; } .widget.widget_categories .children a:before { content: '\f115'; } .widget.widget_categories .post-count{ float: right; color: #444; min-width: 22px; height: 22px; line-height: 22px; font-size: 12px; padding: 0 4px; background: #eee; background: rgba(0, 0, 0, 0.08); text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .widget.widget_categories ul.children{ border-top: 1px solid #F5F5F5; border-top: 1px solid rgba(0, 0, 0, 0.06); margin-top: 5px; padding-top: 5px; padding-left: 25px; } .widget.widget_categories ul.children li:last-child{ margin-bottom: 0; padding-bottom: 0; } /** * ->Custom Menu Widget **/ .widget.widget_nav_menu .bf-icon{ margin-left: 5px; margin-right: 7px; } .widget.widget_nav_menu ul.menu li.menu-have-icon.menu-title-hide > a > .bf-icon { margin-right: 5px; } .widget.widget_nav_menu ul.menu{ font-size: 16px; } .widget.widget_nav_menu ul ul, .widget.widget_nav_menu ul{ list-style: none; margin-top: 0; padding: 0; } .widget.widget_nav_menu ul.menu > li .sub-menu{ position: relative; top: 0; left: 0; display: block; width: auto; height: auto; background: none; } .widget.widget_nav_menu ul.menu > li .sub-menu .sub-menu{ left: 0; } .widget.widget_nav_menu ul.menu li{ display: block; float: none; margin-bottom: 2px; padding: 0; } .widget.widget_nav_menu ul.menu li:before{ content: ''; display: none; } .widget.widget_nav_menu ul.menu li.menu-title-hide span.hidden{ display: inline !important; visibility: visible !important; } .widget.widget_nav_menu ul.menu li a{ line-height: 24px; font-size: 12px; padding: 5px 10px; background-color: #ffffff; border: 1px solid #dedede; display: block; position: relative; width: 100%; } .widget.widget_nav_menu ul.menu li a .description{ display: none; } .widget.widget_nav_menu ul.menu li > a:hover{ color: #fff !important; background-color: #0080ce; border-color: transparent !important; } .widget.widget_nav_menu ul.menu li a:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0da'; margin-left: 7px; margin-right: 7px; } .widget.widget_nav_menu ul.menu ul li a:before{ content: '\f105'; } .widget.widget_nav_menu ul.menu li .sub-menu li.menu-have-icon > a:before, .widget.widget_nav_menu ul.menu li.menu-have-icon a:before{ display: none; } .widget.widget_nav_menu ul.menu ul li:first-child{ margin-top: 2px; } .widget.widget_nav_menu ul.menu ul li{ margin-left: 15px; } .widget.widget_nav_menu ul.menu ul ul li{ margin-left: 15px; } .widget.widget_nav_menu ul.menu .sub-menu > li:last-child a { border-bottom: 1px solid #dedede !important; } .widget.widget_nav_menu ul.menu .sub-menu > li:last-child a:hover { border-bottom-color: transparent !important; } .widget.widget_nav_menu ul.menu li .sub-menu > li > a:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f0da'; } .widget.widget_nav_menu .menu .better-custom-badge{ background-color: #0080ce; display: inline-block; height: 16px; line-height: 16px; color: #FFF; font-family: "Open Sans"; font-size: 10px; padding: 0 5px; margin-left: 13px; font-weight: bold; z-index: 1; text-transform: uppercase; text-align: center; min-width: 19px; position: absolute; top: 50%; margin-top: -8px; right: 8px; } .widget.widget_nav_menu .menu .better-custom-badge:after{ border: solid 4px rgba(0, 0, 0, 0); content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #0080ce; top: 50%; left: -8px; margin-top: -4px; } .widget.widget_nav_menu ul.menu > li > .mega-menu{ display: none; } .widget.widget_nav_menu ul.menu li.menu-item-has-children > a:after{ display: none; } .widget.widget_nav_menu ul.menu .sub-menu, .widget.widget_nav_menu ul.menu .mega-menu{ display: block; visibility: visible; opacity: 1 !important; transform: none !important; transition: none !important; animation-name: none !important; position: relative; top: auto !important; left: auto !important; right: auto !important; background: none !important; width: 100%; } /** * ->Pages Widget **/ .widget.widget_pages ul{ list-style: none; padding-left: 0; } .widget.widget_pages ul li{ border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 5px; padding-bottom: 5px; } .widget.widget_pages ul li a{ font-size: 13px; } .widget.widget_pages ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget.widget_pages ul li a:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f15b'; margin-right: 10px; } /** * ->Recent Comments Widget **/ .widget.widget_recent_comments a{ border-bottom: 1px solid #e7e7e7; border-bottom: 1px solid rgba(0, 0, 0, 0.06); } .widget.widget_recent_comments a:hover{ border-bottom-color: #0080ce; } .widget.widget_recent_comments ul{ list-style: none; padding-left: 0; } .widget.widget_recent_comments ul li{ margin-bottom: 5px; padding-bottom: 5px; } .widget.widget_recent_comments ul li a{ font-size: 13px; } .widget.widget_recent_comments ul li:last-child{ border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget.widget_recent_comments ul li:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f075'; margin-right: 10px; } /** * ->Recent Posts Widget **/ .widget.widget_recent_entries ul{ list-style: none; padding-left: 0; margin-bottom: 0; } .widget.widget_recent_entries ul li{ border-bottom: 1px solid #F5F5F5; border-bottom: 1px solid rgba(0, 0, 0, 0.06); margin-bottom: 8px; padding-bottom: 8px; } .widget.widget_recent_entries ul li:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .widget.widget_recent_entries li a{ font-size: 14px; } .widget.widget_recent_entries li .post-date{ font-style: italic; display: block; font-size: 12px; } /** * ->RSS Widget **/ .widget.widget_rss li .rsswidget{ font-size: 14px; } .widget.widget_rss li .rss-date{ display: block; font-style: italic; } .widget.widget_rss li .rssSummary{ font-size: 13px; } /** * ->Search Widget **/ .widget.widget_product_search .woocommerce-product-search, .widget.widget_display_search form[role="search"], .widget.widget_search .search-form { position: relative; } .widget.widget_search .widget-heading > .h-text{ border-color: #F1F1F1; } .widget.widget_product_search .search-field, .widget.widget_display_search form[role="search"] input#bbp_search, .widget.widget_search .search-form input[type="search"] { width: 100%; padding-right: 20%; margin: 0; line-height: 36px; height: 36px; } .widget.widget_product_search input[type='submit'], .widget.widget_display_search form[role="search"] input#bbp_search_submit, .widget.widget_search .search-form .search-submit { position: absolute; right: 0; top: 0; line-height: 36px; height: 36px; padding: 0 16px; } /** * ->Tag Cloud Widget **/ .widget.widget_tag_cloud .tagcloud a{ display: inline-block; line-height: 16px; color: #444; background-color: #fff; border: 1px solid #dedede; margin: 0 6px 6px 0; padding: 5px 7px; font-size: 12px !important; font-weight: normal; } .widget.widget_tag_cloud .tagcloud a:hover{ background-color: #0080ce; color: #fff; border-color: transparent; } /** * ->Social Share Widget **/ .bs-social-share .social-list{ list-style: none; padding: 0; margin: 0; } .bs-social-share li.social-item{ float: left; margin-right: 6px; padding: 0; } .bs-social-share li.social-item a{ font-family: "Open Sans", sans-serif; border-radius: 2px; } .bs-social-share li.social-item.whatsapp{ display: none; } .widget_bs-theme-social-share .bs-social-share li.social-item{ float: none; display: inline-block; } @media only screen and (max-width : 780px) { .bs-social-share li.social-item.whatsapp{ display: block; } } /** * -->Social Share Style Button **/ .bs-social-share.style-button li.social-item a{ height: 30px; line-height: 30px; font-size: 13px; padding: 0 13px; background-color: #8d8d8d; display: block; color: #fff !important; margin-bottom: 7px; } .bs-social-share.style-button li.social-item a:hover{ background-color: #7c7c7c; } .bs-social-share.style-button li.social-item a span{ margin-left: 7px; } .bs-social-share.style-button.no-title-style li.social-item a{ width: 40px; text-align:center ; padding: 0; } .bs-social-share.style-button.no-title-style li.social-item a .fa{ margin-right: 0; } .bs-social-share.style-button.colored li.social-item.facebook a{ background-color: #4a639f; } .bs-social-share.style-button.colored li.social-item.facebook a:hover{ background-color: #5271b3; } .bs-social-share.style-button.colored li.social-item.twitter a{ background-color: #59c8ff; } .bs-social-share.style-button.colored li.social-item.twitter a:hover{ background-color: #58d1ff; } .bs-social-share.style-button.colored li.social-item.google_plus a{ background-color: #D73D32; } .bs-social-share.style-button.colored li.social-item.google_plus a:hover{ background-color: #e64035; } .bs-social-share.style-button.colored li.social-item.pinterest a{ background-color: #cb2027; } .bs-social-share.style-button.colored li.social-item.pinterest a:hover{ background-color: #e32229; } .bs-social-share.style-button.colored li.social-item.linkedin a{ background-color: #0266a0; } .bs-social-share.style-button.colored li.social-item.linkedin a:hover{ background-color: #027ec1; } .bs-social-share.style-button.colored li.social-item.tumblr a{ background-color: #3e5a70; } .bs-social-share.style-button.colored li.social-item.tumblr a:hover{ background-color: #426283; } .bs-social-share.style-button.colored li.social-item.email a{ background-color: #0c151c; } .bs-social-share.style-button.colored li.social-item.email a:hover{ background-color: #1a2a39; } .bs-social-share.style-button.colored li.social-item.telegram a{ background-color: #179cde; } .bs-social-share.style-button.colored li.social-item.telegram a:hover{ background-color: #0f8dde; } .bs-social-share.style-button.colored li.social-item.whatsapp a{ background-color: #00e676; } .bs-social-share.style-button.colored li.social-item.whatsapp a:hover{ background-color: #00ca65; } /** * -->Social Share Outline Button **/ .bs-social-share.style-outline-button li.social-item a{ height: 32px; line-height: 28px; font-size: 13px; padding: 0 13px; display: block; color: #5e5e5e; border: 2px solid #a1a1a1 } .bs-social-share.style-outline-button li.social-item a .fa{ margin-right: 5px; } .bs-social-share.style-outline-button.no-title-style li.social-item a{ width: 40px; text-align:center ; } .bs-social-share.style-outline-button.no-title-style li.social-item a .fa{ margin-right: 0; } .bs-social-share.style-outline-button.colored li.social-item.facebook a{ border-color: #4a639f; color: #4a639f;} .bs-social-share.style-outline-button.colored li.social-item.facebook a:hover{ border-color: #5271b3; color: #5271b3;} .bs-social-share.style-outline-button.colored li.social-item.twitter a{ border-color: #59c8ff; color: #59c8ff; } .bs-social-share.style-outline-button.colored li.social-item.twitter a:hover{ border-color: #58d1ff; color: #58d1ff;} .bs-social-share.style-outline-button.colored li.social-item.google_plus a{ border-color: #D73D32; color: #D73D32;} .bs-social-share.style-outline-button.colored li.social-item.google_plus a:hover{ border-color: #e64035; color: #e64035;} .bs-social-share.style-outline-button.colored li.social-item.pinterest a{ border-color: #cb2027; color: #cb2027;} .bs-social-share.style-outline-button.colored li.social-item.pinterest a:hover{ border-color: #e32229; color: #e32229;} .bs-social-share.style-outline-button.colored li.social-item.linkedin a{ border-color: #0266a0; color: #0266a0;} .bs-social-share.style-outline-button.colored li.social-item.linkedin a:hover{ border-color: #027ec1; color: #027ec1;} .bs-social-share.style-outline-button.colored li.social-item.tumblr a{ border-color: #3e5a70; color: #3e5a70; } .bs-social-share.style-outline-button.colored li.social-item.tumblr a:hover{ border-color: #426283; color: #426283;} .bs-social-share.style-outline-button.colored li.social-item.email a{ border-color: #0c151c; color: #0c151c;} .bs-social-share.style-outline-button.colored li.social-item.email a:hover{ border-color: #1a2a39; color: #1a2a39;} .bs-social-share.style-outline-button.colored li.social-item.telegram a{ border-color: #179cde; color: #179cde;} .bs-social-share.style-outline-button.colored li.social-item.telegram a:hover{ border-color: #179cde; color: #179cde;} .bs-social-share.style-outline-button.colored li.social-item.whatsapp a{ border-color: #00e676; color: #00e676;} .bs-social-share.style-outline-button.colored li.social-item.whatsapp a:hover{ border-color: #00ca65; color: #00ca65;} /** * ->About Widget **/ .bs-about .about-title{ text-align: center; margin: 0 0 15px; } .bs-about .about-text{ text-align: center; } .bs-about .about-link{ text-align: center; margin-top: 10px; } .bs-about .about-link a{ color: #0080ce; font-weight: bold; font-size: 14px; } .bs-about .about-icons-list{ text-align: center; margin: 17px 0 0; padding: 0; } .bs-about .about-icons-list .about-icon-item{ display: inline-block; margin: 0 5px 5px 0; } .bs-about .about-icons-list .about-icon-item a{ width: 28px; height: 28px; display: inline-block; color: #333; -webkit-box-shadow: inset 0 0 0 1px #e4e4e4; -moz-box-shadow: inset 0 0 0 1px #e4e4e4; box-shadow: inset 0 0 0 1px #e4e4e4; text-align: center; line-height: 28px; font-size: 16px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .bs-about .about-icons-list .about-icon-item a:hover{ color: #fff; box-shadow: none; } .bs-about .about-icons-list .about-icon-item.facebook a:hover{ background-color: #4a639f; } .bs-about .about-icons-list .about-icon-item.twitter a:hover{ background-color: #59c8ff; } .bs-about .about-icons-list .about-icon-item.google-plus a:hover{ background-color: #D73D32; } .bs-about .about-icons-list .about-icon-item.instagram a:hover{ background: #f77638; background: -webkit-radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), -webkit-radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), -webkit-linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, rgba(0, 0, 0, 0) 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, rgba(0, 0, 0, 0)), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%); } .bs-about .about-icons-list .about-icon-item.youtube a:hover{ background-color: #cc181e; } .bs-about .about-icons-list .about-icon-item.youtube a:hover{ background-color: #cc181e; } .bs-about .about-icons-list .about-icon-item.dribbble a:hover{ background-color: #ea4c89; } .bs-about .about-icons-list .about-icon-item.vimeo a:hover{ background-color: #46a3e9; } .bs-about .about-icons-list .about-icon-item.behance a:hover{ background-color: #3b63fc; } .bs-about .about-icons-list .about-icon-item.pinterest a:hover{ background-color: #cb2027; } .bs-about .about-icons-list .about-icon-item.github a:hover{ background-color: #4c4c4c; } .bs-about .about-icons-list .about-icon-item.email a:hover{ background-color: #333; } .bs-about .about-icons-list .about-icon-item.telegram a:hover{ background-color: #179cde; } /** * ->Popular Categories **/ .bs-popular-categories .bs-popular-terms-list{ padding: 0 20px; margin: 0; list-style: none; } .bs-popular-categories .bs-popular-term-item{ padding-bottom: 8px; margin-bottom: 8px; border-bottom: 1px dashed #eee; font-size: 13px; line-height: 24px; } .bs-popular-categories .bs-popular-term-item:hover{ color: #0080ce; } .bs-popular-categories .bs-popular-term-item a{ color: #333; } .bs-popular-categories .bs-popular-term-item:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: none; } .bs-popular-categories .bs-popular-term-item .term-count{ float: right; display: inline-block; background: #EDEDED; min-width: 24px; height: 24px; line-height: 24px; text-align: center; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; -o-transition: all .4s ease; transition: all .4s ease; } .bs-popular-categories .bs-popular-term-item:hover .term-count{ background: #0080ce; color: #fff; } .bs-popular-categories .bs-popular-term-item:hover a{ color: inherit; } /** * ->Subscribe Newsletter **/ .widget.widget_bs-subscribe-newsletter{ background: #efefef; padding: 27px 23px !important; } .widget.widget_bs-subscribe-newsletter .widget-heading > .h-text{ border-color: #E4E9EC; } .bs-subscribe-newsletter .subscribe-image{ margin-bottom: 15px; text-align: center; } .bs-subscribe-newsletter .subscribe-message{ text-align: center; } .bs-subscribe-newsletter form{ width: 100%; } .bs-subscribe-newsletter .feedburner-email{ color:#5f6569; width: 100%; margin-bottom: 12px; text-align: center; border-color: #CBD1D8; } .bs-subscribe-newsletter .feedburner-email:focus{ border-color: #0080ce; } .bs-subscribe-newsletter .feedburner-subscribe{ margin-top: 0; text-transform: uppercase; width: 100%; } /** * ->Flickr **/ .bs-flickr .bs-flickr-photo-list{ padding: 0; margin: 0; list-style: none; } .bs-flickr .bs-flickr-photo-list .bs-flickr-photo img{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bs-flickr .bs-flickr-photo-list .bs-flickr-photo img:hover{ opacity: .9; } /* 2 column */ .bs-flickr .bs-flickr-photo-list.columns-2{ margin: 0; } .bs-flickr .bs-flickr-photo-list.columns-2 li{ float: left; width: 50%; margin-bottom: 10px; text-align: center; } .bs-flickr .bs-flickr-photo-list.columns-2 li img{ width: 100%; } .bs-flickr .bs-flickr-photo-list.columns-2 li:nth-child(odd){ padding-right: 5px; } .bs-flickr .bs-flickr-photo-list.columns-2 li:nth-child(even){ padding-left: 5px; } .bs-flickr .bs-flickr-photo-list.columns-2 li:nth-child(n+3){ clear: right; } /* 3 column */ .bs-flickr .bs-flickr-photo-list.columns-3 li{ float: left; width: 33.333%; margin-bottom: 8px; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child(1){ width: 66.66666%; padding-right: 3px !important; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child(1) img{ width: 100%; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child(2){ padding: 0 0 0 6px !important; margin-bottom: 10px; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child(3){ padding: 0 0 0 6px !important; } .bs-flickr .bs-flickr-photo-list.columns-3 li img{ max-width: 100%; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child( 3n-1 ){ padding: 0 3px; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child( 3n-2 ){ padding-right: 6px; clear: left; } .bs-flickr .bs-flickr-photo-list.columns-3 li:nth-child( 3n+3 ){ padding-left: 6px; } /* list style */ .bs-flickr .bs-flickr-photo-list.list-photos .bs-flickr-photo{ float: left; width: 12.5%; } .bs-flickr .bs-flickr-photo-list.list-photos .bs-flickr-photo img{ max-width: 100%; } .bs-flickr .bs-flickr-photo-list.list-photos{ margin: 0; padding: 0; } /** * ->Likebox **/ /** * ->Dribbble **/ .bs-dribbble .bs-dribbble-shot-list{ padding: 0; margin: 0; list-style: none; } .bs-dribbble .bs-dribbble-shot-list li:before{ display: none; } .bs-dribbble .bs-dribbble-shot-list li{ padding: 0; margin-bottom: 10px; text-align: center; } .bs-dribbble .bs-dribbble-shot-list .dribbble-shot img{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bs-dribbble .bs-dribbble-shot-list .dribbble-shot img:hover{ opacity: .9; } .bs-dribbble .bs-dribbble-shot-list.columns-2 li{ float: left; width: 50%; margin-bottom: 10px; } .bs-dribbble .bs-dribbble-shot-list.columns-2 li:nth-child(odd){ padding-right: 5px; } .bs-dribbble .bs-dribbble-shot-list.columns-2 li:nth-child(even){ padding-left: 5px; } .bs-dribbble .bs-dribbble-shot-list.columns-2 li:nth-child(n+3){ clear: right; } .bs-dribbble .bs-dribbble-shot-list.columns-3 li{ float: left; width: 33.333%; } .bs-dribbble .bs-dribbble-shot-list.columns-3 li:nth-child( 3n-1 ){ padding: 0 3px; } .bs-dribbble .bs-dribbble-shot-list.columns-3 li:nth-child( 3n-2 ){ padding-right: 6px; clear: left; } .bs-dribbble .bs-dribbble-shot-list.columns-3 li:nth-child( 3n+3 ){ padding-left: 6px; } /** * ->Google+ **/ .bs-google-plus > div{ margin-right: auto !important; margin-left: auto !important; display: block !important; } /** * ->Embed **/ .bs-embed .bs-embed-item iframe{ max-width: 100%; } .bs-embed .bs-embed-item{ margin-bottom: 15px; } .bs-embed .bs-embed-item:last-child { margin-bottom: 0; } /** * ->Instagram **/ .bs-instagram .bs-instagram-photo-list{ padding: 0; margin: 0; list-style: none; } .bs-instagram .bs-instagram-photo-list li:before{ display: none; } .bs-dribbble .bs-instagram-photo-list li{ padding: 0; margin-bottom: 8px; text-align: center; } .bs-instagram .bs-instagram-photo-list .bs-instagram-photo img{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bs-instagram .bs-instagram-photo-list .bs-instagram-photo img:hover{ opacity: .9; } /* 2 column */ .bs-instagram .bs-instagram-photo-list.columns-2 li{ float: left; width: 50%; margin-bottom: 10px; max-height: 155px; overflow: hidden; } .bs-instagram .bs-instagram-photo-list.columns-2 li:nth-child(odd){ padding-right: 5px; } .bs-instagram .bs-instagram-photo-list.columns-2 li:nth-child(even){ padding-left: 5px; } .bs-instagram .bs-instagram-photo-list.columns-2 li:nth-child(n+3){ clear: right; } /* 3 column */ .bs-instagram .bs-instagram-photo-list.columns-3 li{ float: left; width: 33.333%; overflow: hidden; margin-bottom: 10px; } .bs-instagram .bs-instagram-photo-list.columns-3 li:nth-child( 3n-1 ){ padding: 0 3px; } .bs-instagram .bs-instagram-photo-list.columns-3 li:nth-child( 3n-2 ){ padding-right: 6px; clear: left; } .bs-instagram .bs-instagram-photo-list.columns-3 li:nth-child( 3n+3 ){ padding-left: 6px; } /* list style */ .bs-instagram .bs-instagram-photo-list.list-photos .bs-instagram-photo{ float: left; width: 12.5%; } .bs-instagram .bs-instagram-photo-list.list-photos .bs-instagram-photo img{ max-width: 100%; } .bs-instagram .bs-instagram-photo-list.list-photos .bs-instagram-photo-list{ margin: 0; padding: 0; } /** * ->Newsticker **/ .better-newsticker{ min-height: 24px; max-height: 24px; overflow: hidden; position: relative; margin: 0 0 20px 0; } .better-newsticker .heading{ display: inline-block; width: 110px; height: 24px; position: absolute; left: 0; top: 0; line-height: 24px; font-size: 12px; padding: 0; text-transform: uppercase !important; margin: 0; background-color: #0080ce; color: #fff; text-align: center; } .better-newsticker ul.news-list{ margin: 0; padding: 0; list-style: none; } .better-newsticker ul.news-list li{ margin: 0; padding: 0 15px 0 0; height: 24px; line-height: 24px; font-size: 13px; overflow: hidden; width: 70%; -webkit-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; transition: all .45s ease; z-index: 0; opacity: 0; position: absolute; top: 0; left: 140px; } .better-newsticker ul.news-list li.active{ margin: 0; z-index: 1; opacity: 1; left: 128px; } .better-newsticker ul.news-list li a{ color: #696969; } .better-newsticker ul.news-list li a:hover{ color: #0080ce; } .better-newsticker .control-nav{ position: absolute; top: 0; right: 0; z-index: 2; line-height: 24px; } .better-newsticker .control-nav span{ display: inline-block; width: 24px; height: 24px; line-height: 24px; text-align: center; border: 1px solid #EAEAEA; color: #CCCCCC; background: #fff; -webkit-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; transition: all .45s ease; cursor: pointer; vertical-align: top; } .better-newsticker .control-nav span:hover{ color: #0080ce; border-color:#0080ce; } .better-newsticker .control-nav span.prev{ margin-right: 6px; } .newsticker-container{ margin: 0 0 20px; } .layout-1-col .newsticker-container { padding-right: 0; padding-left: 0; } .better-newsticker.header-ticker{ margin: 0; } .wpb_wrapper .better-newsticker{ margin-left: 20px; margin-right: 20px; } .entry-content>.vc_row:first-child>.wpb_column>.vc_column-inner>.wpb_wrapper>.better-newsticker{ margin-top: -5px; } .better-newsticker .control-nav span .fa { line-height: 24px; position: relative; top: -2px; } /** * ->Better Social Counter **/ .better-social-counter.style-style-6 .item-icon, .better-social-counter.style-big-button .social-item, .better-social-counter.style-button .item-icon, .better-social-counter.style-box .item-icon, .better-social-counter.style-clean .item-icon, .better-social-counter.style-modern .item-icon { background-color: #434343; } .better-social-counter.style-big-button .item-icon, .better-social-counter.style-box .item-title, .better-social-counter.style-box .item-count { background-color: #313131; } .widget_better-social-counter .better-social-counter.style-button .social-list{ text-align: center; } .widget_better-social-counter .better-social-counter.style-button .social-item{ display: inline-block; float: none; } .widget_better-social-counter .better-social-counter.style-style-6 .social-item{ border-bottom: none; } /** * ->BetterAds **/ .betteradscontainer{ margin-bottom: 30px; } .betteradscontainer .betterad-container:last-child{ margin-bottom: 0; } .widget .betteradscontainer { margin-bottom: 0; } /** * ->better-studio-shortcode **/ .better-studio-shortcode{ margin-bottom: 30px; } .site-footer .better-studio-shortcode, .widget .better-studio-shortcode { margin-bottom: 0; } /** * ->Shortcode Placeholder **/ .bsbt-shortcode-placeholder-p.bsbt-shortcode-placeholder-p{ word-break: break-all; margin: 0; line-height: 24px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .bsbt-shortcode-placeholder-p.bsbt-shortcode-placeholder-p + .bsbt-shortcode-placeholder{ margin-top: 5px; } .bsbt-shortcode-placeholder{ text-align: center; background: #FFF8D7; border: 1px solid #E5D68D; margin: 0 0 40px; padding: 15px; line-height: 24px; font-size: 14px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .bsbt-shortcode-placeholder a:hover, .bsbt-shortcode-placeholder a{ color: #e43c36 !important; font-weight: bolder; } .bsbt-shortcode-placeholder.type-small{ padding: 7px; margin: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; word-break: keep-all; } /** * ->Shortcode Row & Columns **/ .bs-shortcode-row{ margin-bottom: 20px; } .bs-shortcode-row-2-column[max-width~="450px"] .bs-shortcode-col{ width: 100% !important; margin-bottom: 15px; } .bs-shortcode-row-2-column[max-width~="450px"] .bs-shortcode-col:last-child{ margin-bottom: 0; } .bs-shortcode-row-3-column[max-width~="600px"] .bs-shortcode-col{ width: 50% !important; margin-bottom: 15px; } .bs-shortcode-row-3-column[max-width~="450px"] .bs-shortcode-col{ width: 100% !important; } .bs-shortcode-row-3-column[max-width~="600px"] .bs-shortcode-col:last-child{ margin-bottom: 0; } .bs-shortcode-row-4-column[max-width~="700px"] .bs-shortcode-col{ width: 33.3333% !important; margin-bottom: 15px; } .bs-shortcode-row-4-column[max-width~="600px"] .bs-shortcode-col{ width: 50% !important; } .bs-shortcode-row-4-column[max-width~="450px"] .bs-shortcode-col{ width: 100% !important; } .bs-shortcode-row-4-column[max-width~="700px"] .bs-shortcode-col:last-child{ margin-bottom: 0; } blockquote { font-size: 110%; background-color: #efefef; border-left: none; padding: 60px 35px 50px; margin: 40px 0px 30px; position: relative; text-align: center; } blockquote:before { content: '\f10e'; position: absolute; top: 0; left: 50%; margin-top: -40px; margin-left: -40px; font-size: 30px; font-family: FontAwesome; color: #444444; display: block; width: 80px; height: 80px; background: #ffffff; line-height: 101px; border-radius: 50%; text-align: center; } blockquote.bs-pullquote{ min-width: 250px; max-width: 333px; display: inline-block; padding: 20px 20px 20px; margin: 0 0 20px 0; background-color: #f3f3f3; } blockquote.bs-pullquote:before{ display: none; } blockquote.bs-pullquote-right { text-align: right; float: right; margin-left: 25px; border-right: 4px solid #0080ce; } blockquote.bs-pullquote-left { text-align: left; float: left; margin-right: 25px; border-left: 4px solid #0080ce; } blockquote p:last-child{ margin-bottom: 0; } /** * =>Pagination **/ .pagination{ margin: 20px 0 0; font-size: 18px; } .entry-content .bs-post-pagination .pages{ border-color: #DADADA !important; color: #333; } .entry-content .bs-post-pagination span { line-height: 28px; height: 28px; min-width: 28px; } /** * ->Link Pagination **/ .pagination.bs-links-pagination .older{ float: left; width: 50%; text-align: left; } .pagination.bs-links-pagination .newer{ float: right; width: 50%; text-align: right; } .pagination.bs-links-pagination a{ display: inline-block; margin-right: 1px; line-height: 26px; height: 26px; min-width: 30px; text-align: center; padding: 0 9px; background-color: #fff; border: 1px solid #DADADA; color: #8A8F92; font-size: 12px; text-transform: uppercase; } .pagination.bs-links-pagination a:hover{ color: #fff; background: #0080ce; border: 1px solid #0080ce; } /** * ->Numbered Pagination **/ .pagination.bs-numbered-pagination .page-numbers.dots:hover, .pagination.bs-numbered-pagination .page-numbers, .pagination.bs-numbered-pagination span, .pagination.bs-numbered-pagination .wp-pagenavi a, .pagination.bs-numbered-pagination .wp-pagenavi span{ display: inline-block; margin-right: 1px; line-height: 30px; height: 30px; min-width: 30px; text-align: center; padding: 0 10px; background-color: #fff; border: 1px solid #DADADA; color: #8A8F92; font-size: 12px; text-transform: uppercase; } .pagination.bs-numbered-pagination span{ margin-right: 0; } .pagination.bs-numbered-pagination > span, .pagination.bs-numbered-pagination .wp-pagenavi a:hover, .pagination.bs-numbered-pagination .page-numbers:hover, .pagination.bs-numbered-pagination .wp-pagenavi .current, .pagination.bs-numbered-pagination .current{ color: #0080ce; border: 1px solid; } .pagination.bs-numbered-pagination .next .fa{ margin-left: 4px; font-size: 15px; } .pagination.bs-numbered-pagination .prev .fa{ margin-right: 4px; font-size: 15px; } /** * =>Section Heading **/ .section-heading{ margin: 0 0 21px; font-size: 16px; line-height: 20px; position: relative; } .section-heading:after{ content: ''; display: inline-block; height: 3px; position: absolute; top: 100%; left: 0; margin-top: 0; width: 100%; background: #444444; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .section-heading.multi-tab:after { top: 100%; margin-top: 0; background: #444; } .section-heading .h-text{ display: inline-block; background: #444; padding: 3px 12px; color: #fff; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; position: relative; z-index: 1; border: 1px solid transparent; border-bottom: none; } .section-heading .h-text .bf-icon{ margin-right: 3px; vertical-align: top; line-height: inherit; } .section-heading a:hover { color: #0080ce; } .section-heading .other-link{ float: right; } .section-heading .other-link .h-text{ background: transparent; border: 1px solid #d8d8d8; border-color: rgba(0, 0, 0, 0.13); border-bottom: none; margin-left: 10px; color: #484848; font-weight: 400; text-transform: capitalize; } .section-heading .other-link:hover .h-text{ background: #444; color: #fff !important; border-color: transparent; } .section-heading.multi-tab .main-link:hover .h-text, .section-heading.multi-tab .main-link.active .h-text, .section-heading .active > .h-text{ background: #444; color: #fff; border-color: transparent; } .section-heading.multi-tab .main-link .h-text{ background: transparent; border: 1px solid #d8d8d8; border-color: rgba(0, 0, 0, 0.13); border-bottom: none; color: #484848 ; } .section-heading p{ margin-bottom: 0 !important; display: inline-block; } /** * =>Footer **/ .site-footer{ background-color: #434343; } /** * ->Footer Widgets **/ .footer-widgets{ padding: 35px 0; } .footer-widgets .widget .widget-heading:after{ height: 2px; margin: 0; top: 100%; background: #444; } .footer-widgets .widget .widget-heading .h-text{ border:none !important; font-size: 14px; } .footer-widgets .bs-popular-categories .bs-popular-term-item:hover .term-count, .footer-widgets .widget .better-control-nav li a:hover, .footer-widgets .widget .better-control-nav li a.better-active{ background-color: #0080ce !important; } .footer-widgets .widget a:hover{ color: #0080ce !important; } /* Footer Light Text */ .footer-widgets.light-text .widget.widget_nav_menu ul.menu li a { background-color: rgba(0, 0, 0, 0.08); } .footer-widgets.light-text .widget.widget_tag_cloud .tagcloud a, .footer-widgets.light-text .widget.widget_archive .post-count, .footer-widgets.light-text .bs-popular-categories .bs-popular-term-item .term-count, .footer-widgets.light-text .widget.widget_categories .post-count, .footer-widgets.light-text .widget.widget_calendar table tfoot td, .footer-widgets.light-text .widget.widget_calendar table th, .footer-widgets.light-text .widget.widget_calendar table td.active-day, .footer-widgets.light-text .widget.widget_calendar table caption, .footer-widgets.light-text .widget .widget-heading .h-text, .footer-widgets.light-text .widget .widget-heading:after{ background: rgba(255, 255, 255, 0.26); } .footer-widgets.light-text .widget.widget_nav_menu ul.menu .sub-menu > li:last-child a, .footer-widgets.light-text .widget.widget_nav_menu ul.menu li a, .footer-widgets.light-text .widget.widget_tag_cloud .tagcloud a, .footer-widgets.light-text .bs-popular-categories .bs-popular-term-item, .footer-widgets.light-text .widget.widget_pages ul li, .footer-widgets.light-text .widget.widget_categories ul.children, .footer-widgets.light-text .widget.widget_categories ul.children, .footer-widgets.light-text .widget.widget_categories ul li{ border-color: rgba(255, 255, 255, 0.06); } .footer-widgets.light-text .widget.widget_nav_menu ul.menu .sub-menu > li:last-child a{ border-color: rgba(255, 255, 255, 0.06) !important; } .footer-widgets.light-text .widget.widget_tag_cloud .tagcloud a:hover{ color: rgba(255, 255, 255, 0.71) !important; } .footer-widgets.light-text .widget.widget_calendar table td:hover, .footer-widgets.light-text .widget.widget_calendar table td, .footer-widgets.light-text .widget { color: rgba(255, 255, 255, 0.71); } .footer-widgets.light-text .widget.widget_categories .post-count, .footer-widgets.light-text .post-meta .post-author, .footer-widgets.light-text .widget a{ color: white; } .footer-widgets.light-text .widget .bs-about .about-icons-list .about-icon-item a{ -webkit-box-shadow: inset 0 0 0 1px rgba(228, 228, 228, 0.21); -moz-box-shadow: inset 0 0 0 1px rgba(228, 228, 228, 0.21); box-shadow: inset 0 0 0 1px rgba(228, 228, 228, 0.21); color: white; } .footer-widgets.light-text .widget .bs-about .about-icons-list .about-icon-item a:hover { color: white !important; } .footer-widgets.light-text .better-control-nav li a, .footer-widgets.light-text .widget.widget_bs-subscribe-newsletter { background: rgba(0, 0, 0, 0.15); } /* Footer Dark Text */ .footer-widgets.dark-text .widget.widget_nav_menu ul.menu li a { background-color: rgba(0, 0, 0, 0.08); } .footer-widgets.dark-text .bs-popular-categories .bs-popular-term-item .term-count, .footer-widgets.dark-text .widget.widget_categories .post-count, .footer-widgets.dark-text .widget.widget_calendar table tfoot td, .footer-widgets.dark-text .widget.widget_calendar table th, .footer-widgets.dark-text .widget.widget_calendar table td.active-day, .footer-widgets.dark-text .widget.widget_calendar table caption, .footer-widgets.dark-text .widget .widget-heading .h-text, .footer-widgets.dark-text .widget .widget-heading:after{ background: rgba(0, 0, 0, 0.5); } .footer-widgets.dark-text .bs-popular-categories .bs-popular-term-item, .footer-widgets.dark-text .widget.widget_pages ul li, .footer-widgets.dark-text .widget.widget_categories ul.children, .footer-widgets.dark-text .widget.widget_categories ul.children, .footer-widgets.dark-text .listing-item-text-2 .item-inner, .footer-widgets.dark-text .widget.widget_categories ul li{ border-color: rgba(255, 255, 255, 0.06); } .footer-widgets.dark-text .widget.widget_calendar table td:hover, .footer-widgets.dark-text .widget.widget_calendar table td, .footer-widgets.dark-text .widget { color: rgba(0, 0, 0, 0.69); } .footer-widgets.dark-text .post-meta .post-author, .footer-widgets.dark-text .widget a{ color: rgba(0, 0, 0, 0.6); } .footer-widgets.dark-text .widget .bs-about .about-icons-list .about-icon-item a{ -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.46); -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.46); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.46); color: rgba(0, 0, 0, 0.41); } .footer-widgets.dark-text .widget.widget_categories .post-count, .footer-widgets.dark-text .widget .bs-about .about-icons-list .about-icon-item a:hover { color: white !important; } .footer-widgets.dark-text .better-control-nav li a, .footer-widgets.dark-text .widget.widget_bs-subscribe-newsletter { background: rgba(0, 0, 0, 0.15); } .footer-widgets.dark-text .listing-item-text-1 .item-inner { border-bottom-color: rgba(0, 0, 0, 0.15); } /** * ->Footer Social Icons **/ .site-footer .footer-social-icons{ padding: 20px 0; background: #292929; } .site-footer .footer-social-icons .social-item{ margin-bottom: 0; } /** * ->Footer Copyright **/ .site-footer .copy-footer{ padding: 22px 0 22px; background: #353535; } .site-footer .copy-footer .container{ font-size: 12px; } .site-footer .copy-2, .site-footer .copy-1{ color: #B6B6B6; color: rgba(255, 255, 255, 0.57); } .site-footer .copy-2{ text-align: right; } .site-footer .copy-2 a, .site-footer .copy-1 a{ color: #F3F3F3; } .site-footer .copy-2 a:hover, .site-footer .copy-1 a:hover{ color: #0080ce; } @media only screen and (max-width : 780px){ .site-footer .copy-1, .site-footer .copy-2{ text-align: center; } .site-footer .copy-1{ margin-top: 10px; margin-bottom: 10px; } .site-footer ul.menu.footer-menu{ text-align: center; } .site-footer ul.menu.footer-menu > li{ float: none; margin: 0 7px; display: inline-block; } } /** * ->Footer Menu **/ .footer-menu-container{ border-bottom: 2px solid #646464; border-bottom: 2px solid rgba(0, 0, 0, 0.12); padding: 10px 0; margin-bottom: 10px; } ul.menu.footer-menu > li { margin-right: 20px; } ul.menu.footer-menu li > a{ color: inherit; text-transform: inherit; } ul.menu.footer-menu li > a:hover{ color: #0080ce; } /** * ->Footer Instagram **/ .footer-instagram .footer-instagram-label{ margin: 25px 0; text-align: center; font-size: 18px; } .footer-instagram .bs-instagram-photo{ position: relative; z-index: 1; } .footer-instagram .bs-instagram-photo a:hover, .footer-instagram .bs-instagram-photo a{ color: #fff; } .footer-instagram .bs-instagram-photo a:before{ content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.35); display: block; -webkit-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; transition: all .45s ease; opacity: 0; } .footer-instagram .bs-instagram-photo a:after{ display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f16d"; width: 40px; height: 40px; line-height: 40px; text-align: center; position: absolute; top: 50%; margin-top: -20px; left: 50%; margin-left: -20px; font-size: 30px; opacity: 0; -webkit-transition: all .45s ease; -moz-transition: all .45s ease; -o-transition: all .45s ease; transition: all .45s ease; } .footer-instagram .bs-instagram-photo:hover a:after, .footer-instagram .bs-instagram-photo:hover a:before{ opacity: 1; } .footer-instagram .bs-instagram-photo img{ max-width: 100%; } /** * >>Footer Instagram 1 **/ .footer-instagram-1{ padding: 0 2px 2px; } .footer-instagram-1 .bs-instagram-col{ float: left; width: 16.666666667%; overflow: hidden; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-1 .bs-instagram-photo:nth-child(1){ max-width: 100%; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-1 .bs-instagram-photo:nth-child(2), .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-1 .bs-instagram-photo:nth-child(3){ max-width: 50%; float: left; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-2 .bs-instagram-photo:nth-child(3){ max-width: 100%; clear: left; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-2 .bs-instagram-photo:nth-child(1), .footer-instagram-1 .bs-instagram-col.bs-instagram-col-type-2 .bs-instagram-photo:nth-child(2){ max-width: 50%; float: left; } .footer-instagram-1 .bs-instagram-col .bs-instagram-photo{ border: 2px solid transparent; } @media only screen and (max-width : 1280px){ .footer-instagram-1 .bs-instagram-col{ width: 20%; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-6{ display: none; } } @media only screen and (max-width : 980px){ .footer-instagram-1 .bs-instagram-col{ width: 25%; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-5{ display: none; } } @media only screen and (max-width : 780px){ .footer-instagram-1 .bs-instagram-col{ width: 33.33333%; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-4{ display: none; } } @media only screen and (max-width : 480px){ .footer-instagram-1 .bs-instagram-col{ width: 50%; } .footer-instagram-1 .bs-instagram-col.bs-instagram-col-3{ display: none; } } /** * >>Footer Instagram 2 **/ .footer-instagram-2{ margin: 0; } .footer-instagram-2 .bs-instagram-photo{ width:12.5%; float: left; } @media only screen and (max-width : 1280px){ .footer-instagram-2 .bs-instagram-photo{ width: 14.285714286%; } .footer-instagram-2 .bs-instagram-photo-7{ display: none; } } @media only screen and (max-width : 1100px){ .footer-instagram-2 .bs-instagram-photo{ width: 16.666666667%; } .footer-instagram-2 .bs-instagram-photo-6{ display: none; } } @media only screen and (max-width : 980px){ .footer-instagram-2 .bs-instagram-photo{ width: 20%; } .footer-instagram-2 .bs-instagram-photo-5{ display: none; } } @media only screen and (max-width : 780px){ .footer-instagram-2 .bs-instagram-photo{ width: 25%; } .footer-instagram-2 .bs-instagram-photo-4{ display: none; } } @media only screen and (max-width : 500px){ .footer-instagram-2 .bs-instagram-photo{ width: 33.333%; } .footer-instagram-2 .bs-instagram-photo-3{ display: none; } } /** * >>Footer Instagram 3 **/ .footer-instagram-3{ margin: 0 0 30px; } .footer-instagram-3 .bs-instagram-photo{ width: 200px; margin: 0 20px; float: left; } .footer-instagram-3 .simply-scroll-container { position: relative; } .footer-instagram-3 .simply-scroll-clip { position: relative; overflow: hidden; } .footer-instagram-3 .simply-scroll-list { overflow: hidden; margin: 0; padding: 0; list-style: none; } .footer-instagram-3 .simply-scroll-list li { padding: 0; margin: 0 15px; list-style: none; } .footer-instagram-3 .custom .simply-scroll-clip { width: 100%; height: 210px; } /** * =>Single Post Content **/ .single-container{ margin-bottom: 30px; } .post-related+.single-container, .post-related+.ajax-post-content { margin-top: 30px; } .post-related .listing-item-grid-1{ margin-bottom: 12px; } .post-related .listing-item-grid-1 .title{ font-size: 15px; line-height: 1.4; } .content-column .single-container:last-child{ margin-bottom: 0; } .content-column > div:last-child{ margin-bottom: 30px; } .layout-1-col .single-page-builder-content{ margin-bottom: -25px; } /* Post Terms */ .entry-terms{ margin-bottom: 6px; } .entry-terms:last-child{ margin-bottom: -3px; } .entry-terms ul{ list-style: none; padding: 0; margin: 0; display: inline; } .entry-terms li{ display: inline; } .entry-terms span.sep{ margin: 0 5px; } .entry-terms .terms-label{ padding: 0 10px; display: inline-block; margin-right: 4px; } .entry-terms.source .terms-label, .entry-terms.via .terms-label, .entry-terms.post-tags .terms-label{ line-height: 20px; border: 1px solid #444; background: #444; color: #fff; font-size: 10px; float: left; } .entry-terms.source a, .entry-terms.via a, .entry-terms.post-tags a{ background: #FFFFFF; border: 1px solid #D4D4D4; padding: 0 7px; display: inline-block; line-height: 20px; margin-right: 3px; font-size: 10px; float: left; margin-bottom: 3px; } .entry-terms.source a:hover, .entry-terms.via a:hover, .entry-terms.post-tags a:hover{ color: #fff; background: #0080ce; border: 1px solid transparent; } /* post author box */ .single-container > .post-author{ padding: 0; margin: 30px 0 0; position: relative; } .single-container > .post-author .post-author-avatar img{ float: left; margin-right: 20px; } .single-container > .post-author .author-title{ margin: 7px 0; font-size: 18px; font-weight: bolder; text-transform: uppercase; } .single-container > .post-author .author-links{ float: right; width: 50%; text-align: right; } .single-container > .post-author .author-links ul{ margin: 0; padding: 0; list-style: none; } .single-container > .post-author .author-links li{ margin-left: 15px; display: inline-block; } .single-container > .post-author .author-links a{ color: #9D9D9D; font-size: 14px; } .single-container > .post-author .author-links li.facebook a:hover{ color: #4a639f } .single-container > .post-author .author-links li.twitter a:hover{ color: #59c8ff } .single-container > .post-author .author-links li.google-plus a:hover{ color: #D73D32 } .single-container > .post-author .author-links li.instagram a:hover{ color: #517FA4 } .single-container > .post-author .author-links li.flickr a:hover{ color: #2f44db } .single-container > .post-author .author-links li.behance a:hover{ color: #3b63fc } .single-container > .post-author .author-links li.soundcloud a:hover{ color: #F50 } .single-container > .post-author .author-links li.delicious a:hover{ color: #4a79ff } .single-container > .post-author .author-links li.vimeo a:hover{ color: #46a3e9 } .single-container > .post-author .author-links li.dribbble a:hover{ color: #ea4c89 } .single-container > .post-author .author-links li.linkedin a:hover{ color: #0266a0 } .single-container > .post-author .author-links li.youtube a:hover{ color: #cc181e } .single-container > .post-author .author-links li.pinterest a:hover{ color: #cb2027 } .single-container > .post-author .author-links li.github a:hover{ color: #666666 } .single-container > .post-author .post-author-bio{ margin-top: 15px; font-size: 13px; padding-left: 100px; } .single-container > .post-author .post-author-bio p:last-child{ margin-bottom: 0; } /* post related */ .post-related{ margin-top: 30px; position: relative; } .post-related .related-heading{ margin: 0 0 20px; line-height: 16px; border-bottom: 3px solid #434343; } .post-related .related-heading .h-text{ background: #434343; color: #fff; font-size: 12px; display: inline-block; padding: 6px 12px; text-transform: uppercase; } .post-related .listing-item-grid-simple .heading-container{ background: #F5F5F5; } @media only screen and (max-width : 520px) { .single-container > .post-author .author-links { float: none; width: 100%; text-align: left; } .single-container > .post-author .author-links li { margin-left: 0; margin-right: 15px; } .single-container > .post-author .post-author-bio { margin-top: 5px; } } @media only screen and (max-width : 380px) { .single-container > .post-author .post-author-avatar{ display: block; text-align: center; margin-bottom: 10px; } .single-container > .post-author .post-author-avatar img{ float: none; display: inline-block; margin-left: auto; margin-right: auto; } .single-container > .post-author .author-links { text-align: center; } .single-container > .post-author .author-links li { margin-left: 7px; margin-right: 7px; } .single-container > .post-author .post-author-bio { margin-top: 5px; } .single-container > .post-author .author-title{ text-align: center; margin: 8px 0 5px; } .single-container > .post-author .post-author-bio { text-align: center; padding-left: 0; } } /** * =>Single Post Templates **/ .single-post-meta.post-meta .comments { float: none; margin-left: 0; } .single-post-title{ line-height: 1.3; } .single-featured{ text-align: center; display: block; margin: 0 0 20px; line-height: 0; position: relative; } .single-featured img{ max-width: 100%; height: auto !important; } .single-featured iframe{ max-width: 100%; } .image-credit a:hover, .image-credit a{ color: #fff !important; } .single-featured .image-credit{ position: absolute; right: 0; font-size: 10px; display: inline-block; padding: 0 8px; bottom: -18px; color: #adadad; background: transparent; line-height: 18px; overflow: hidden; white-space: nowrap; } .post.format-standard .single-featured .image-credit { line-height: 20px; background: rgba(0, 0, 0, 0.26); bottom: 0; color: #fff; } /* post share */ .single-post-share { margin: 0 0 10px; } .entry-terms + .single-post-share.bottom-share { margin-top: 20px; } .single-post-share.bottom-share{ margin-bottom: -10px; } .single-post-share ul{ margin: 0; padding: 0; list-style: none; } .single-post-share li { margin-right: 7px; float: left; } .single-post-share a{ font-size: 12px; padding: 0 10px; background-color: #000; color: #fff; display: inline-block; text-transform: uppercase !important; margin-bottom: 10px; line-height: 32px; border-radius: 3px; } .single-post-share a:hover{ color: #fff !important; } .single-post-share a .fa{ margin-right: 10px; margin-left: -10px; padding: 0; width: 32px; background: rgba(0, 0, 0, 0.2); line-height: 32px; display: inline-block; text-align: center; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border-radius: 3px 0 0 3px; font-size: 14px; vertical-align: top; } .single-post-share a:hover .fa{ background: rgba(0, 0, 0, 0.08); } .single-post-share a:hover .fa.fa-envelope{ background: rgba(255, 255, 255, 0.2); } .single-post-share .social-item a .fa{ margin-right: -10px; border-radius: 3px 0 0 3px; } .single-post-share .social-item .item-title{ display: none; font-family: 'Open Sans', sans-serif,serif; } .single-post-share .social-item:nth-child(3) a .fa, .single-post-share .social-item:nth-child(2) a .fa, .single-post-share .social-item:nth-child(1) a .fa{ margin-right: 10px; } .single-post-share .social-item:nth-child(3) .item-title, .single-post-share .social-item:nth-child(2) .item-title, .single-post-share .social-item:nth-child(1) .item-title{ display: inline-block; } .single-post-share .facebook a{ background-color: #4a639f; } .single-post-share .twitter a{ background-color: #59c8ff; } .single-post-share .google_plus a{ background-color: #D73D32; } .single-post-share .email a{ background-color: #0c151c; } .single-post-share .pinterest a{ background-color: #cb2027; } .single-post-share .linkedin a{ background-color: #0266a0; } .single-post-share .tumblr a{ background-color: #3e5a70; } .single-post-share .telegram a{ background-color: #26b2f1; } .single-post-share .whatsapp{ display: none; } .single-post-share .whatsapp a{ background-color: #00e676; } .single-post-share .whatsapp .fa{ font-size: 18px; } @media only screen and (max-width : 550px) { .single-post-share .social-item:nth-child(3) a .fa{ margin-right: -10px; } .single-post-share .social-item:nth-child(3) .item-title{ display: none; } } @media only screen and (max-width : 450px) { .single-post-share .social-item:nth-child(2) a .fa{ margin-right: -10px; } .single-post-share .social-item:nth-child(2) .item-title{ display: none; } } @media only screen and (max-width : 780px) { .single-post-share .whatsapp { display: block; } } /** * =>Single Post Template 1 **/ .post-tp-1-header .post-meta-wrap { margin: 20px 0; padding: 0; } .post-tp-1-header .post-meta-wrap .post-meta{ padding: 0; } .post-tp-1-header .post-meta-wrap .term-badges + .post-meta .post-author-a:last-child .post-author:after { display: none; } .post-tp-1-header .term-badges { float: right; margin: 0; display: inline; line-height: 18px; } .post-tp-1-header .term-badges:first-child:last-child{ float: none; } .post-tp-1-header .term-badges a{ background: #444444; padding: 0 6px; display: inline-block; line-height: 18px; font-size: 10px; color: #fff; margin: 0 0 0 4px; } .post-tp-1-header .term-badges .term-badge:first-child a{ margin: 0; } .post-tp-1-header .term-badges a:hover{ background: #0080ce; } .post-tp-1-header .single-post-title{ margin: 0 0 15px; } @media only screen and (max-width : 420px) { .post-tp-1-header .term-badges { float: none; margin-bottom: 10px; display: block; } .post-tp-1-header .post-meta-wrap { margin: 10px 0 12px; padding: 0; } } /** * =>Single Post Template 2 **/ .post-tp-2-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin: 0 0 25px; } .post-tp-2-header:before{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 380px; } .post-tp-2-header .post-header-inner{ padding: 30px 30px; height: 560px; position: relative; overflow: hidden; } .post-tp-2-header .post-header-title{ position: absolute; bottom: 30px; left: 0; right: 0; } .post-tp-2-header .single-post-title{ color: #fff; } .post-tp-2-header .term-badges.floated { position: relative; top: auto; left:auto; right: auto; bottom: auto; margin-bottom: 10px; } .post-tp-2-header .post-meta .views, .post-tp-2-header .post-meta .post-author, .post-tp-2-header .post-meta, .post-tp-2-header .post-meta a{ color: #fff; } .post-tp-2-header .image-credit{ position: absolute; right: 10px; bottom: 10px; color: rgba(255, 255, 255, 0.7); font-size: 9px; } .post-tp-2-header .image-credit:hover{ color: #fff; } @media only screen and (max-width : 1080px) { .post-tp-2-header .post-header-inner{ height: 450px; } } @media only screen and (max-width : 680px) { .post-tp-2-header .post-header-inner{ height: 350px; } } /** * =>Single Post Template 3 **/ .post-tp-3-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin-bottom: 25px; } .post-tp-3-header:before{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 380px; } .post-tp-3-header .post-header-inner{ padding: 30px 30px; height: 560px; position: relative; overflow: hidden; } .post-tp-3-header .post-header-title{ position: absolute; bottom: 30px; left: 30px; right: 30px; } .post-tp-3-header .single-post-title{ color: #fff; } .post-tp-3-header .term-badges.floated { position: relative; top: auto; left:auto; right: auto; bottom: auto; margin-bottom: 10px; } .post-tp-3-header .post-meta .views, .post-tp-3-header .post-meta .post-author, .post-tp-3-header .post-meta, .post-tp-3-header .post-meta a{ color: #fff; } .post-tp-3-header .image-credit{ position: absolute; right: 10px; bottom: 10px; color: rgba(255, 255, 255, 0.7); font-size: 9px; } .post-tp-3-header .image-credit:hover{ color: #fff; } @media only screen and (max-width : 1080px) { .post-tp-3-header .post-header-inner { height: 450px; } } @media only screen and (max-width : 780px) { .post-tp-3-header .post-header-inner{ padding: 20px; } .post-tp-3-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } .post-tp-3-header .image-credit{ bottom: 5px; } } @media only screen and (max-width : 680px) { .post-tp-3-header .post-header-inner{ height: 350px; } } /** * =>Single Post Template 4 **/ .post-tp-4-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin: 0 0 25px; } .post-tp-4-header:before{ background: rgba(0, 0, 0, 0.25); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-tp-4-header .post-header-inner{ padding: 30px 30px; height: 580px; position: relative; overflow: hidden; } .post-tp-4-header .post-header-title{ position: absolute; bottom: 30px; left: 0; right: 0; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.39); } .post-tp-4-header .single-post-title{ color: #fff; text-align: center; } .post-tp-4-header .term-badges.floated { position: absolute; top: 30px; left: 0; right: 0; bottom: auto; text-align: center; } .post-tp-4-header .term-badges.floated .term-badge a, .post-tp-4-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-4-header .post-meta .views, .post-tp-4-header .post-meta .post-author, .post-tp-4-header .post-meta, .post-tp-4-header .post-meta a{ color: #fff; } .post-tp-4-header .post-meta{ text-align: center; } .post-tp-4-header .image-credit{ position: absolute; right: 0; bottom: 0; color: #fff; font-size: 10px; line-height: 20px; background: rgba(0, 0, 0, 0.24); padding: 0 8px; } .post-tp-4-header .move-to-content{ display: block; text-align: center; font-size: 36px; color: #fff; } .post-tp-4-header .move-to-content .fa{ cursor: pointer; } @media only screen and (max-width : 1080px) { .post-tp-4-header .post-header-inner{ height: 500px; } } @media only screen and (max-width : 680px) { .post-tp-4-header .post-header-inner{ height: 430px; } } /** * =>Single Post Template 5 **/ .post-tp-5-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin-bottom: 25px; } .post-tp-5-header:before{ background: rgba(0, 0, 0, 0.25); content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-tp-5-header .post-header-inner{ padding: 30px 30px; height: 580px; position: relative; overflow: hidden; } .post-tp-5-header .post-header-title{ position: absolute; bottom: 30px; left: 0; right: 0; } .post-tp-5-header .single-post-title{ color: #fff; text-align: center; text-shadow: 0 3px 3px rgba(0, 0, 0, 0.39); } .post-tp-5-header .term-badges.floated { position: absolute; top: 30px; left: 0; right: 0; text-align: center; } .post-tp-5-header .term-badges.floated .term-badge a, .post-tp-5-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-5-header .post-meta .views, .post-tp-5-header .post-meta .post-author, .post-tp-5-header .post-meta, .post-tp-5-header .post-meta a{ color: #fff; } .post-tp-5-header .post-meta{ text-align: center; } .post-tp-5-header .image-credit{ position: absolute; right: 0; bottom: 0; color: #fff; font-size: 10px; line-height: 20px; background: rgba(0, 0, 0, 0.24); padding: 0 8px; } .post-tp-5-header .move-to-content{ display: block; text-align: center; font-size: 36px; color: #fff; } .post-tp-5-header .move-to-content .fa{ cursor: pointer; } @media only screen and (max-width : 1080px) { .post-tp-5-header .post-header-inner { height: 450px; } } @media only screen and (max-width : 780px) { .post-tp-5-header .post-header-inner{ padding: 20px 20px; } .post-tp-5-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } } /** * =>Single Post Template 6 **/ .post-tp-6-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin-bottom: 25px; height: 550px; } .post-template-6 .post-header-inner{ padding: 20px 20px 20px 0; position: relative; overflow: hidden; background: #fff; margin-top: -150px; } .post-template-6.post-template-6-no-term .post-header-inner { padding-top: 33px; padding-bottom: 30px; } .post-template-6.post-template-6-no-meta .post-header-inner { padding-top: 25px; padding-bottom: 20px; } .post-template-6.post-template-6-no-meta.post-template-6-no-term .post-header-inner { padding-top: 35px; padding-bottom: 20px; margin-top: -120px; } .post-template-6 .single-post-title{ margin: 0 0 15px; } .post-template-6 .post-header-inner .term-badges.floated { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-6-header .term-badges.floated .term-badge a, .post-tp-6-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-6-header .post-meta .post-author, .post-tp-6-header .post-meta, .post-tp-6-header .post-meta a{ color: #fff; } .post-tp-6-header .post-meta{ text-align: center; } .post-tp-6-header .image-credit{ position: absolute; right: 0; bottom: 0; color: #fff; font-size: 10px; line-height: 20px; background: rgba(0, 0, 0, 0.24); padding: 0 8px; } .post-tp-6-header .image-credit:hover{ background: rgba(0, 0, 0, 0.35); } @media only screen and (max-width : 1080px) { .post-tp-6-header{ height: 450px; } } @media only screen and (max-width : 780px) { .post-tp-6-header{ height: 350px; } .post-template-6 .post-header-inner{ margin-top: 0; padding-top: 0; } .post-tp-6-header .post-header-inner{ padding: 20px 20px; } .post-tp-6-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } } /** * =>Single Post Template 7 **/ .post-tp-7-header{ position: relative; background-color: #565656; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0; } .post-tp-7-header:before{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 380px; } .post-tp-7-header .post-header-inner{ padding: 30px 30px 0; height: 580px; position: relative; } .post-tp-7-header .post-header-title{ position: absolute; bottom: 0; left: -25px; right: -25px; background: #fff; padding: 25px 25px 0; } .post-tp-7-header .post-header-title .single-post-title{ margin-top: 0 } .page-layout-2-col-right .post-tp-7-header .post-header-title { left: -5px; right: -5px; } .post-tp-7-header .term-badges.floated { position: relative; top: auto; left:auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-7-header .image-credit{ position: absolute; right: 0; top: -21px; line-height: 20px; background: rgba(0, 0, 0, 0.24); padding: 0 8px; color: #fff; overflow: hidden; white-space: nowrap; } @media only screen and (max-width : 1366px) { .post-tp-7-header .post-header-inner{ height: 500px; } } @media only screen and (max-width : 1080px) { .post-tp-7-header .post-header-inner{ height: 400px; } } @media only screen and (max-width : 980px) { .post-tp-7-header .post-header-title { left: 0; right: 0; } } /** * =>Single Post Template 8 **/ .post-tp-8-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; height: 350px; float: left; width: 40%; margin: 0 30px 25px 0; } .post-template-8 .post-header-inner{ padding: 0; margin-bottom: 20px; position: relative; overflow: hidden; } .post-template-8 .single-post-title{ margin: 0 0 13px; } .post-template-8 .single-post-title:last-child{ margin-bottom: 0; } .post-template-8 .post-header-inner .term-badges.floated { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-8-header .term-badges.floated .term-badge a, .post-tp-8-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-8-header .post-meta .post-author, .post-tp-8-header .post-meta, .post-tp-8-header .post-meta a{ color: #fff; } .post-tp-8-header .post-meta{ text-align: center; } .post-tp-8-header .image-credit{ position: absolute; bottom: 0; left: 0; padding: 0 8px; line-height: 20px; background: rgba(0, 0, 0, 0.24); font-size: 10px; color: white; } @media only screen and (max-width : 780px) { .post-tp-8-header{ width: 100%; margin-right: 0; } .post-template-8 .post-header-inner{ margin-top: 0; padding-top: 0; } .post-tp-8-header .post-header-inner{ padding: 20px 20px; } .post-tp-8-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } } /** * =>Single Post Template 9 **/ .post-template-9 .post-header-inner{ padding: 0; margin-bottom: 20px; position: relative; overflow: hidden; } .post-template-9 .single-post-title{ margin: 0 0 12px; } .post-template-9 .single-post-title:last-child{ margin-bottom: 0; } .post-template-9 .post-header-inner .term-badges.floated { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-9-header .term-badges.floated .term-badge a, .post-tp-9-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-9-header .post-meta .post-author, .post-tp-9-header .post-meta, .post-tp-9-header .post-meta a{ color: #fff; } /** * =>Single Post Template 10 **/ .post-tp-10-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; height: 350px; float: left; width: 40%; margin: 0 30px 25px 0; } .post-template-10 .post-header-inner{ padding: 0; margin-bottom: 20px; position: relative; overflow: hidden; } .post-template-10 .single-post-title{ margin: 0 0 13px; } .post-template-10 .single-post-title:last-child { margin-bottom: 0; } .post-template-10 .post-header-inner .term-badges.floated { position: relative; top: auto; left: auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-10-header .term-badges.floated .term-badge a, .post-tp-10-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-10-header .post-meta .post-author, .post-tp-10-header .post-meta, .post-tp-10-header .post-meta a{ color: #fff; } .post-tp-10-header .post-meta{ text-align: center; } @media only screen and (max-width : 780px) { .post-tp-10-header{ width: 100%; margin-right: 0; } .post-template-10 .post-header-inner{ margin-top: 0; padding-top: 0; } .post-tp-10-header .post-header-inner{ padding: 20px; } .post-tp-10-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } .post-tp-10-header .image-credit{ bottom: 5px; } } /** * =>Single Post Template 11 **/ .post-tp-11-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #565656; margin-bottom: 25px; } .post-tp-11-header:before{ -webkit-transition: all 0.35s; -moz-transition: all 0.35s; -o-transition: all 0.35s; transition: all 0.35s; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.55))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.55) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 380px; } .post-tp-11-header .post-header-inner{ height: 470px; position: relative; overflow: hidden; } .post-tp-11-header .post-header-title{ position: absolute; bottom: 25px; left: 25px; right: 25px; } .post-tp-11-header .single-post-title{ color: #fff; margin: 0 0 10px; } .post-tp-11-header .single-post-title:last-child{ margin-bottom: 0; } .post-tp-11-header .term-badges.floated { position: relative; top: auto; left:auto; right: auto; bottom: auto; margin-bottom: 15px; } .post-tp-11-header .post-meta .views, .post-tp-11-header .post-meta .post-author, .post-tp-11-header .post-meta, .post-tp-11-header .post-meta a{ color: #fff; } .post-tp-11-header .image-credit{ position: absolute; right: 10px; bottom: 10px; color: rgba(255, 255, 255, 0.7); font-size: 9px; overflow: hidden; white-space: nowrap; } .post-tp-11-header .image-credit:hover{ color: #fff; } @media only screen and (max-width : 1080px) { .post-tp-11-header .post-header-inner { height: 450px; } } @media only screen and (max-width : 780px) { .post-tp-11-header .post-header-inner { height: 380px; } .post-tp-11-header .post-header-inner{ padding: 20px 20px; } .post-tp-11-header .post-header-title{ bottom: 20px; left: 20px; right: 20px; } .post-tp-11-header .image-credit{ bottom: 5px; } } /** * =>Single Post Template 12 **/ .post-tp-12-header{ background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-color: #3c3c3c; margin: 0 0 25px; } .post-tp-12-header .single-post-share { margin: 25px 0 -20px; text-align: center; } .post-tp-12-header .single-post-share li { margin: 0 3px; float: none; display: inline-block; } .post-tp-12-header .single-featured{ margin: 20px auto 0; max-width: 900px; } .post-tp-12-header .post-header-inner{ padding: 40px 25px 50px; position: relative; } .post-tp-12-header .single-post-title{ color: #fff; text-align: center; margin: 0 0 10px; } .post-tp-12-header .single-post-title:last-child{ margin-bottom: 30px; } .post-tp-12-header .term-badges.floated { position: relative; top: auto;; left: auto; right: auto; bottom: auto; text-align: center; margin-bottom: 20px; } .post-tp-12-header .term-badges.floated .term-badge a, .post-tp-12-header .term-badges.floated a{ background: #fff !important; color: #444 !important; } .post-tp-12-header .post-meta .views, .post-tp-12-header .post-meta .post-author, .post-tp-12-header .post-meta, .post-tp-12-header .post-meta a{ color: #fff; } .post-tp-12-header .post-meta{ text-align: center; } .post-tp-12-header .image-credit{ position: absolute; right: 0; left: 0; bottom: 10px; color: rgba(255, 255, 255, 0.7); font-size: 9px; text-align: center; } .post-tp-12-header .image-credit:hover{ color: #fff; } /** * =>Single Post Template 13 **/ .post-template-13 .single-container { padding-right: 40px; padding-left: 40px; } .post-tp-13-header { padding: 0; } .post-tp-13-header .post-meta-wrap { margin: 15px 0; padding: 0; text-align: center; } .post-tp-13-header .post-meta-wrap .post-meta{ padding: 0; } .post-tp-13-header .single-featured { margin: 0 -40px 20px; } .post-tp-13-header .term-badges { position: relative; text-align: center; top: auto; left: auto; right: auto; margin-bottom: 25px; } .post-tp-13-header .single-post-title{ margin: 0 0 15px; text-align: center; } .post-tp-13-header .single-post-title:first-child{ margin-top: 15px; } .post-tp-13-header .single-post-title + .post-share, .post-tp-13-header .single-post-title + .single-featured { margin-top: 25px; } .post-tp-13-header .single-post-share { margin: 15px 0 10px; text-align: center; } .post-tp-13-header .single-post-share li { margin: 0 3px; float: none; display: inline-block; } .post-template-13 .comments-template{ margin-right: 40px; margin-left: 40px; } .post-template-13 .ajax-post-content .comments-template.comments-template{ margin-right: 0; margin-left: 0; } .post-template-13 .post-related{ margin-right: 40px; margin-left: 40px; } @media only screen and (max-width : 780px) { .post-template-13 .single-container { padding-right: 0; padding-left: 0; } .post-tp-13-header .single-featured { margin: 0 0 20px; } .post-template-13 .post-related, .post-template-13 .comments-template{ margin-right: 0; margin-left: 0; } } /** * =>Single Page Content **/ .single-page-content > .featured{ text-align: center; display: block; margin: 0 0 20px; line-height: 0; } .single-page-content > .featured img{ max-width: 100%; height: auto !important; } .single-page-content > .featured iframe{ max-width: 100%; } /** * =>Single Attachment Template **/ .single-attachment-content .return-to{ margin-bottom: 20px; } .single-attachment-content .return-to .fa{ border: 1px solid #D4D4D4; border: 1px solid rgba(138, 138, 138, 0.33); color: #9C9C9C; color: rgba(138, 138, 138, 0.83); font-size: 12px; padding: 0 9px; display: inline-block; line-height: 24px; min-width: 26px; text-align: center; cursor: pointer; margin-right: 7px; text-decoration: none; -webkit-transition: all .07s ease; -moz-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; } .single-attachment-content .return-to:hover .fa { background-color: #0080ce; border-color: transparent; color: #fff; } .single-attachment-content .parent-images ul{ list-style: none; padding: 0; margin: 0; } .single-attachment-content .parent-images .img-holder{ width: 100%; margin-bottom: 12px; } .single-attachment-content .parent-images .img-holder .fa{ width: 30px; height: 30px; line-height: 30px; text-align: center; position: absolute; top: 50%; left: 50%; margin-top: -15px; margin-left: -15px; display: inline-block; font-size: 30px; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; color: #fff; z-index: 2; } .single-attachment-content .parent-images .img-holder:hover .fa{ opacity: 1; } .single-attachment-content .parent-images .img-holder:after{ content: ''; display: inline-block; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); z-index: 1; opacity: 0; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .single-attachment-content .parent-images .img-holder:hover:after{ opacity: 1; } .single-attachment-content .attachment-title{ font-size: 22px; } .single-attachment-content .pagination{ margin-bottom: 23px; } .listing.listing-attachment-siblings.columns-5[max-width~="900px"] .listing-item{ width: 25% !important; float: left !important; } .listing.listing-attachment-siblings.columns-5[max-width~="900px"] .listing-item:nth-child(4n-3){ padding-left: 0 !important; padding-right: 8px !important; clear: left !important; } .listing.listing-attachment-siblings.columns-5[max-width~="900px"] .listing-item:nth-child(4n+2){ padding-left: 3px !important; padding-right: 5px !important; clear: none !important; } .listing.listing-attachment-siblings.columns-5[max-width~="900px"] .listing-item:nth-child(4n+3) { padding-left: 5px !important; padding-right: 3px !important; clear: initial !important; } .listing.listing-attachment-siblings.columns-5[max-width~="900px"] .listing-item:nth-child(4n+4){ padding-right: 0 !important; padding-left: 8px !important; clear: none !important; } .listing.listing-attachment-siblings.columns-5[max-width~="560px"] .listing-item:nth-child( 3n-1 ){ padding: 0 6px !important; clear: none !important; } .listing.listing-attachment-siblings.columns-5[max-width~="560px"] .listing-item:nth-child( 3n-2 ){ padding-left: 0 !important; padding-right: 12px !important; clear: left !important; } .listing.listing-attachment-siblings.columns-5[max-width~="560px"] .listing-item:nth-child( 3n+3 ){ padding-left: 12px !important; padding-right: 0 !important; clear: none !important; } .listing.listing-attachment-siblings.columns-5[max-width~="560px"] .listing-item{ width: 33.3333% !important; float: left; } .listing.listing-attachment-siblings.columns-5[max-width~="450px"] .listing-item{ float: left !important; width: 50% !important; padding-left: 0 !important; padding-right: 0 !important; } .listing.listing-attachment-siblings.columns-5[max-width~="450px"] .listing-item:nth-child(odd){ padding-right: 13px !important; clear: left !important; padding-left: 0 !important; } .listing.listing-attachment-siblings.columns-5[max-width~="450px"] .listing-item:nth-child(even){ padding-left: 13px !important; padding-right: 0 !important; clear: none !important; } /** * =>Post Formats **/ /** * ->Video Format **/ .format-video.listing-item-grid .heading-container{ margin-top: 0; } /** * ->Gallery Format **/ .format-gallery.listing-item-grid .heading-container{ z-index: 999; } /** * ->Aside Format **/ .single-post-content.format-aside .entry-content, .single-post-content.format-aside .post-summary{ position: relative; padding: 32px 50px 32px 50px; line-height: 30px; color: #5a4f43; background-color: #f2f6c1; border: 1px solid #E8E8E8; background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%),-webkit-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%),-moz-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.1) 90%),-o-repeating-linear-gradient(top, transparent 0%, transparent 29px, rgba(239, 207, 173, 0.7) 29px, rgba(239, 207, 173, 0.7) 30px); background-size: 100% 100%; } .single-post-content.format-aside .entry-content{ margin-bottom: 20px; } .single-post-content.format-aside .entry-content blockquote:before{ background: transparent; top: 26px; } /** * ->Quote Format **/ .single-post-content.format-quote .entry-content, .single-post-content.format-quote .post-summary{ text-align: center; background-color: #F3F3F3; border: 1px solid rgba(0, 0, 0, 0.11); padding: 30px 20px; margin-bottom: 30px; } .single-post-content.format-quote .entry-content blockquote, .single-post-content.format-quote .post-summary blockquote{ border-left: none; margin-bottom: 0; padding: 0; font-size: 14px; } .single-post-content.format-quote .entry-content blockquote:before, .single-post-content.format-quote .post-summary blockquote:before{ top: -20px; background: transparent; line-height: 80px; } .single-post-content.format-quote .entry-content blockquote{ background: none; padding: 20px 0; } .single-post-content.format-quote .entry-content blockquote cite, .single-post-content.format-quote .post-summary blockquote cite { font-weight: 800; font-style: normal; display: block; margin-top: 10px; } .single-post-content.format-quote .entry-content blockquote cite:before, .single-post-content.format-quote .post-summary blockquote cite:before { content: "\2014 \2009"; } .single-post-content.format-quote .heading-container .post-meta, .single-post-content.format-quote .heading-container .title{ text-align: center; } /** * ->Status Format **/ .single-post-content.format-status .entry-content, .single-post-content.format-status .post-summary{ text-align: center; padding: 20px; border: 2px solid #EAEAEA; font-size: 14px; } .single-post-content.format-status .post-summary{ float: left; } .single-post-content.format-status .entry-content{ margin-bottom: 19px; } .single-post-content.format-status .entry-content p:last-child, .post.format-status .post-summary p:last-child { margin-bottom: 0; } .single-post-content.format-status .heading-container .post-meta, .single-post-content.format-status .heading-container .title{ text-align: center; } /** * ->Audio Format **/ /** * ->Chat Format **/ .better-chat{ list-style: none; padding-left: 0; margin-bottom: 20px; } .better-chat .chat-item { margin-bottom: 10px; } .better-chat .chat-item p:last-child{ margin-bottom: 0; } .better-chat .chat-item .user-name{ display: inline-block; position: absolute; top: 100%; right: 0; color: #9a9a9a; font-size: 12px; font-weight: 400; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif; } .better-chat .chat-item{ margin: 0 0 30px; border-radius: 14px; padding: 8px 16px; background: #e5e5ea; max-width: 75%; clear: both; position: relative; } .better-chat .chat-item.chat-no-author{ margin-bottom: 10px; } .better-chat .chat-item.chat-next-author{ margin-bottom: 2px; } .better-chat .chat-item.chat-next-author:before, .better-chat .chat-item.chat-next-author:after{ display: none; } .better-chat .chat-item { float: right; background-color: #dcdcdc; color: #373737; text-align: right; } .better-chat .chat-item::after { content: ""; position: absolute; right: -4px; bottom: 0px; width: 12px; height: 16px; border-left: 8px solid #dcdcdc; border-bottom-left-radius: 12px 6px; } .better-chat .chat-item.chat-speaker-9, .better-chat .chat-item.chat-speaker-7, .better-chat .chat-item.chat-speaker-5, .better-chat .chat-item.chat-speaker-3, .better-chat .chat-item.chat-speaker-1 { float: left; text-align: left; } .better-chat .chat-item.chat-speaker-9:after, .better-chat .chat-item.chat-speaker-7:after, .better-chat .chat-item.chat-speaker-5:after, .better-chat .chat-item.chat-speaker-3:after, .better-chat .chat-item.chat-speaker-1:after{ display: none } .better-chat .chat-item.chat-speaker-9 .user-name, .better-chat .chat-item.chat-speaker-7 .user-name, .better-chat .chat-item.chat-speaker-5 .user-name, .better-chat .chat-item.chat-speaker-3 .user-name, .better-chat .chat-item.chat-speaker-1 .user-name{ left: 0; right: auto; } .better-chat .chat-item.chat-speaker-9:before, .better-chat .chat-item.chat-speaker-7:before, .better-chat .chat-item.chat-speaker-5:before, .better-chat .chat-item.chat-speaker-3:before, .better-chat .chat-item.chat-speaker-1:before { content: ""; position: absolute; left: -4px; bottom: 0; width: 12px; height: 16px; border-right: 8px solid transparent; border-left: none; border-bottom-right-radius: 12px 6px; } .better-chat .chat-item.chat-speaker-1 { background-color: #1289fe; color: white; } .better-chat .chat-item.chat-speaker-1:before { border-right-color: #1289fe; } .better-chat .chat-item.chat-speaker-3 { background-color: #009e5d; color: white; } .better-chat .chat-item.chat-speaker-3:before { border-right-color: #009e5d; } .better-chat .chat-item.chat-speaker-4 { background-color: #daa715; color: white; } .better-chat .chat-item.chat-speaker-4:after { border-left-color: #daa715; } .better-chat .chat-item.chat-speaker-5 { background-color: #ce4309; color: white; } .better-chat .chat-item.chat-speaker-5:before { border-right-color: #ce4309; } .better-chat .chat-item.chat-speaker-6 { background-color: #da3699; color: white; } .better-chat .chat-item.chat-speaker-6:after { border-left-color: #da3699; } .better-chat .chat-item.chat-speaker-7 { background-color: #7655ce; color: white; } .better-chat .chat-item.chat-speaker-7:before { border-right-color: #7655ce; } .better-chat .chat-item.chat-speaker-8 { background-color: #3b99da; color: white; } .better-chat .chat-item.chat-speaker-8:after { border-left-color: #3b99da; } .better-chat .chat-item.chat-speaker-9 { background-color: #158a54; color: white; } .better-chat .chat-item.chat-speaker-9:before { border-right-color: #158a54; } /** * =>Entry Content **/ .entry-content .bs-intro, .bs-intro{ font-size: 110%; font-weight: bolder; -webkit-font-smoothing: antialiased; } .entry-content { font-size: 14px; line-height: 1.6; color: #4A4A4A; padding-bottom: 20px; } .post .entry-content.single-post-content:last-child{ padding-bottom: 0; } .single-page-builder-content .entry-content { padding-bottom: 0; } .single-page-simple-content .entry-content iframe, .entry-content.single-post-content iframe { max-width: 100%; } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed { height: 100% !important; } .entry-content p{ margin-bottom: 17px; } .entry-content ol, .entry-content ul{ margin-bottom: 17px; } .entry-content table{ border: 1px solid #ddd; } .entry-content table > thead > tr > th, .entry-content table > tbody > tr > th, .entry-content table > tfoot > tr > th, .entry-content table > thead > tr > td, .entry-content table > tbody > tr > td, .entry-content table > tfoot > tr > td { border: 1px solid #ddd; padding: 7px 10px; } .entry-content table > thead > tr > th, .entry-content table > thead > tr > td { border-bottom-width: 2px; } .entry-content dl dt{ font-size: 15px; } .entry-content dl dd{ margin-bottom: 10px; } .entry-content acronym[title] { border-bottom: 1px dotted #999; } .entry-content .alignright{ margin: 5px 0 20px 20px; float: right; } .entry-content .alignleft{ margin: 5px 20px 15px 0; float: left; } .entry-content figure.alignleft .wp-caption-text{ text-align: left; } .entry-content figure.alignright .wp-caption-text{ text-align: right; } .entry-content figure, .entry-content img{ max-width: 100%; height: auto; } .entry-content img.aligncenter{ display: block; margin: 15px auto 25px; } .entry-content figure.aligncenter{ margin: 20px auto; text-align: center ; } .entry-content figure.aligncenter img{ display: inline-block; } .entry-content .wp-caption-text, .entry-content .gallery-caption, .entry-content figcaption{ margin: 5px 0 0; font-style: italic; font-size: 13px; line-height: 15px; color: #545454; padding: 0; text-align: center; } .entry-content .twitter-tweet{ width: 100% !important; } .entry-content .gallery{ text-align: center; } .entry-content .gallery:after{ content: ""; display: table; clear: both; } .entry-content .gallery .gallery-item{ margin-bottom: 10px; position: relative; } .entry-content .gallery .gallery-item img{ max-width: 100% !important; height: auto !important; } .entry-content .gallery.gallery-columns-2{ clear: both; } .entry-content .gallery.gallery-columns-2 .gallery-item{ width: 50%;float: left; } .entry-content .gallery.gallery-columns-3 .gallery-item{ width: 33.33%;float: left; } .entry-content .gallery.gallery-columns-4 .gallery-item{ width: 25%;float: left; } .entry-content .gallery.gallery-columns-5 .gallery-item{ width: 20%;float: left; } .entry-content .gallery.gallery-columns-6 .gallery-item{ width: 16.666%; float: left; } .entry-content .gallery.gallery-columns-7 .gallery-item{ width: 14.28%; float: left; } .entry-content .gallery.gallery-columns-8 .gallery-item{ width: 12.5%; float: left; } .entry-content .gallery.gallery-columns-9 .gallery-item{ width: 11.111%; float: left; } .entry-content .terms-list{ margin-bottom: 10px; } .entry-content .terms-list span.sep{ margin: 0 5px; } .entry-content a{ color: #0080ce; } .entry-content.single-page-simple-content a:hover, .entry-content.single-post-content a:hover{ text-decoration: underline; } .entry-content hr { margin: 27px 0; border-top: 2px solid #F0F0F0; } .entry-content > *:last-child{ margin-bottom: 0; } .entry-content > h6:first-child, .entry-content > h5:first-child, .entry-content > h4:first-child, .entry-content > h3:first-child, .entry-content > h2:first-child, .entry-content > h1:first-child{ margin-top: 0; } /** * =>Comments **/ .comments-template{ margin-top: 30px; } .comments-wrap { margin: 0 auto; position: relative; } .comments-template .comments-closed{ text-align: center; padding: 20px 15px; background-color: #F5F5F5; } /* Comment List */ .comments-wrap ol.comment-list { list-style: none; margin: 0; padding: 0; } .comments-wrap ol.comment-list .children { list-style: none; margin: 0; padding-left: 10%; } @media only screen and (max-width : 600px){ .comments-wrap ol.comment-list .children { padding-left: 7%; } } /* Comment Types */ .comments-wrap li.comment, .comments-wrap li.pingback { clear: both; } .comments-wrap li > article{ border-top: 1px solid rgba(0, 0, 0, 0.08); padding: 15px 0; } .comments-wrap .comment-list > li:first-child > article { border-top: none; } /* Comment Avatar */ .comment-list .comment-avatar{ float: left; margin: 0 20px 10px 0; } .comment-list .comment-avatar .avatar { width: 60px; height: 60px; border-radius: 50%; } /* Comment Meta */ .comment-list .comment-meta { margin: 0 0 5px; color: #858585; } .comment-list .comment-meta .comment-author { display: inline-block; padding: 4px 0 0; font-size: 15px; text-transform: capitalize !important; font-style: normal; } .comments-wrap li.pingback .comment-meta .comment-author{ padding-top: 0; } .comment-list .comment-meta .comment-author .says{ color: #9A9A9A; } .comment-list li.bypostauthor > article > .comment-meta .comment-author a, .comment-list li.bypostauthor > article > .comment-meta .comment-author{ color: #0080ce; } .comment-list .comment-meta .comment-published{ font-style: italic; display: inline-block; margin: 0; padding: 12px 0 0; float: right; font-size: 11px; color: #C2C2C2; } /* Comment Content */ .comment-list .comment-content { margin: 0 0 8px; font-size: 13px; } /* Comment Footer */ .comment-list .comment-footer{ font-size: 12px; } .comment-list .comment-footer .comment-edit-link{ margin-left: 15px; } .comment-list .comment-footer .comment-edit-link, .comment-list .comment-footer{ color: #868686; float: right; } .comment-list .comment-footer .comment-edit-link:hover{ color: #0080ce; } .comment-list .comment-footer .comment-reply-link { display: inline-block; float: right; color: #909090; text-align: center; } .comment-list .comment-footer .comment-reply-link:hover { color: #0080ce; } /* Comment Nav */ .comments-wrap .comments-nav{ text-align: center; font-size: 13px; margin-top: 20px; position: relative; } .comments-wrap .comments-nav:after { content: ''; display: block; width: 100%; height: 2px; position: absolute; top: 50%; left: 0; margin-top: -1px; background-color: #eee; } .comments-wrap .comments-nav .page-numbers, .comments-wrap .comments-nav .prev-page, .comments-wrap .comments-nav .next-page { position: relative; background-color: #fff; display: inline-block; z-index: 1; padding: 0 15px; } .comments-wrap .comments-nav .next-page{ float: left; padding: 0 15px 0 0; } .comments-wrap .comments-nav .prev-page{ float: right; padding: 0 0 0 15px; } /* Comment Form */ .comment-respond { margin: 0 auto; position: relative; } @media only screen and (max-width :780px){ .comment-respond { margin-bottom: 30px; } } .comment-respond > .comment-reply-title{ display: none; } .comments-wrap + .comment-respond{ margin-top: 20px; } .comment-respond .comment-reply-title { position: absolute; top: -16px; left: 20px; right: 20px; margin: 0; line-height: 16px; } .comment-respond #cancel-comment-reply-link, .comment-respond .comment-reply-title .h-text{ background: #434343; color: #fff; font-size: 12px; display: inline-block; padding: 6px 12px; text-transform: uppercase; } .comment-respond .log-in-out { text-align: center; } .form-allowed-tags { margin-top: -1.5rem; font-size: 0.9375rem; } .comment-respond #cancel-comment-reply-link{ float: right; background: #0080ce; color: #fff !important; } .comments-wrap .comment-respond .comment-reply-title { text-align: inherit; } .comment-respond .note-after, .comment-respond .note-before{ text-align: center; margin-bottom: 15px; } .comment-respond .note-after p:last-child, .comment-respond .note-before p:last-child{ margin-bottom: 0; } .comment-respond .author-wrap{ width: 50%; float: left; padding-right: 10px; } .comment-respond .email-wrap{ width: 50%; float: left; padding-left: 10px; } .comment-respond .url-wrap{ width: 100%; } .comment-respond .url-wrap .url{ max-width: 100%; width: 100%; } .comment-respond .author-wrap input, .comment-respond .email-wrap input{ width: 100%; } .comment-respond .comment-wrap, .comment-respond .email-wrap, .comment-respond .author-wrap, .comment-respond .url-wrap{ margin-bottom: 15px; } .comment-respond .comment, .comment-respond .email, .comment-respond .author, .comment-respond .url{ border: 1px solid #d8d8d8; padding: 18px 12px; } .comment-respond .email, .comment-respond .author, .comment-respond .url { padding: 8px 12px; height: auto; } .comment-respond .comment{ height: 200px; } .comment-respond textarea:focus{ border-color: #0080ce; } .comment-respond .comment-submit{ background: #434343; height: 30px; line-height: 30px; font-size: 12px; font-weight: normal; } .comment-respond .form-submit{ margin: 0; } .ajaxified-comments-container { margin: 20px 0; border: 1px solid #e2e2e2; background: #fff; padding: 25px 20px; text-align: center; color: #868686; } .comment-ajaxified-placeholder { color: #868686; } .comment-ajaxified-placeholder { margin: 0 5px; } /** * =>Back To Top **/ .back-top{ background: #0080ce; color: #ffffff; width: 40px; height: 40px; position: fixed; bottom: 10px; right: 10px; text-align: center; line-height: 42px; z-index: 999; cursor: pointer; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; font-size: 16px; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.09); } .back-top.fade-out:hover{ opacity: 1; } .back-top.is-visible{ visibility: visible; opacity: .6; bottom: 8px; } .back-top.fade-out1 { opacity: .7; } .back-top.fade-out2 { opacity: .8; } .back-top.fade-out3 { opacity: .9; } .back-top.fade-out4 { opacity: 1; } .back-top.dark{ background: #383838; color: #fff; } .back-top:hover{ opacity: 1; } /** * =>404 Page **/ .error404 .content-column{ max-width: 800px !important; margin: 10px auto 50px; } .error404 .content-column .second-row{ margin-bottom: 5px; } .error404 .content-column .desc-section{ text-align: center; } .error404 .content-column .desc-section .title-404{ margin: 0 0 15px; color: #444; font-weight: bolder; text-align: center; } .error404 .content-column .text-404{ font-size: 130px; line-height: 175px; font-weight: bold ; color: #444; text-align: center; margin: 0; } .error404 .content-column .action-links { margin-bottom: 10px; margin-top: 20px; } .error404 .content-column .action-links .fa{ margin-right: 5px; } .error404 .content-column .top-line{ margin-top: 15px; padding-top: 25px; } .error404 .content-column .search-form label{ width: 100%; } .error404 .content-column .search-form .search-field{ width: 80%; border: 1px solid #cbcbcb; height: 34px; line-height: 20px; padding: 0 30% 0 10px; outline: none; float: left; background: #fff; } .error404 .content-column .search-form .search-submit{ position: absolute; right: 15px; top: 41px; height: 34px; padding: 0 7%; line-height: 28px; border: none; text-transform: uppercase; color: #fff; margin-top: 0; } .error404 .content-column .search-form.have-focus .search-field{ border-color: #9e9e9e; } /** * =>Author Profile **/ .author-profile{ margin-bottom: 29px; } .author-profile .post-author-avatar{ float: left; margin-right: 15px; } .author-profile .post-author-avatar img{ border-radius: 50%; } .author-profile .author-title{ font-size: 22px; margin: 20px 0 0; text-transform: uppercase; } .author-profile .post-author-bio{ margin: 10px auto 0 auto; padding-left: 115px; } .author-profile .post-author-bio p:last-child { margin-bottom: 0; } .author-profile .author-links{ margin-top: 15px; } .author-profile .author-links ul{ list-style: none; margin: 0; padding: 0; } .author-profile .author-links ul li{ display: inline-block; background-color: #fff; padding: 0 ; margin: 0 10px 0 0; position: relative; z-index: 1; text-align: center; } .author-profile .author-links ul li a{ display: inline-block; line-height: 26px; height: 26px; width: 26px; background-color: #eee; font-size: 12px; color: #fff; } .author-profile .author-links ul li.facebook a{ background-color: #4a639f } .author-profile .author-links ul li.twitter a{ background-color: #59c8ff } .author-profile .author-links ul li.google-plus a{ background-color: #D73D32 } .author-profile .author-links ul li.instagram a{ background-color: #517FA4 } .author-profile .author-links ul li.flickr a{ background-color: #2f44db } .author-profile .author-links ul li.behance a{ background-color: #3b63fc } .author-profile .author-links ul li.soundcloud a{ background-color: #F50 } .author-profile .author-links ul li.delicious a{ background-color: #4a79ff } .author-profile .author-links ul li.vimeo a{ background-color: #46a3e9 } .author-profile .author-links ul li.dribbble a{ background-color: #ea4c89 } .author-profile .author-links ul li.linkedin a{ background-color: #0266a0 } .author-profile .author-links ul li.youtube a{ background-color: #cc181e } .author-profile .author-links ul li.pinterest a{ background-color: #cb2027 } .author-profile .author-links ul li.github a{ background-color: #666666 } /** * =>Better Gallery **/ .better-gallery{ background: #373737; margin: 10px -0 25px; } .better-gallery .gallery-title{ background-color: #454545; color: #fff; padding: 10px 15px 5px; line-height: 1.4; font-size: 110%; } .better-gallery .gallery-title .prev, .better-gallery .gallery-title .next{ float: right; margin-left: 8px; font-size: 120%; cursor: pointer; } .better-gallery .count{ float: right; font-size: 12px; margin-right: 10px; font-style: italic; line-height: 25px; display: inline-block; } .better-gallery .main-title{ width: 65%; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-bottom: 0; line-height: 25px; font-size: 14px; } .better-gallery .slide-title-wrap{ display: block; color: #fff; position: absolute; bottom: 0; width: 100%; } .better-gallery .slide-title-wrap .slide-copy, .better-gallery .slide-title-wrap .slide-title{ padding: 4px 11px; background-color: rgba(20, 20, 20, 0.55); display: inline-block; font-size: 12px; } .better-gallery .slide-title-wrap .slide-copy{ margin: 4px; font-style: italic; } .better-gallery .fotorama__thumb:before{ width: 85px; height: 45px; position: relative; display: block; content: ''; border: 2px solid rgba(255, 255, 255, 0.33); z-index: 8; } .better-gallery .fotorama__nav:before, .better-gallery .fotorama__stage:before { background-image: linear-gradient(transparent,rgba(0,0,0,.6) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 0 50%,rgba(0,0,0,.7),transparent); background-position: 0 0,0 0; } .better-gallery .fotorama__nav:after, .better-gallery .fotorama__stage:after { background-image: linear-gradient(transparent,rgba(0,0,0,.6) 25%,rgba(0,0,0,.3) 75%,transparent),radial-gradient(farthest-side at 100% 50%,rgba(0,0,0,.7),transparent); background-position: 100% 0,100% 0; } .better-gallery .fotorama__thumb-border{ border-color: #0080ce; } .better-gallery .fotorama__wrap { background: #373737; padding-top: 15px; box-shadow: inset 0 0 19px #303030; } .better-gallery .fotorama__nav-wrap{ background-color: #3A3A3A; margin-top: 15px; -webkit-box-shadow: 0 -3px 10px rgba(36, 36, 36, 0.42); -moz-box-shadow: 0 -3px 10px rgba(36, 36, 36, 0.42); box-shadow: 0 -3px 10px rgba(36, 36, 36, 0.42); padding: 0 10px; } .better-gallery .fotorama__wrap .fotorama__html{ height: 100%; text-align: center; } .better-gallery .fotorama__wrap .fotorama__html img{ max-height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .better-gallery .fotorama__wrap .fotorama__html > div { height: 100%; } /* light scheme */ .better-gallery.skin-light .fotorama__wrap { background: #f4f4f4; -webkit-box-shadow: inset 0 0 19px #ECECEC; -moz-box-shadow: inset 0 0 19px #ECECEC; box-shadow: inset 0 0 19px #ECECEC; } .better-gallery.skin-light .gallery-title { background-color: #e0e0e0; color: #696969; } .better-gallery.skin-light .slide-title-wrap .slide-copy, .better-gallery.skin-light .slide-title-wrap .slide-title { background-color: rgba(255, 255, 255, 0.89); color: #717171; } .better-gallery.skin-light .fotorama__nav-wrap { background-color: #EAEAEA; box-shadow: none; } .better-gallery.skin-light .fotorama__thumb:before { border: 2px solid rgba(144, 144, 144, 0.33); } /* beige scheme */ .better-gallery.skin-beige .fotorama__wrap { background: #FFFBEB; -webkit-box-shadow: inset 0 0 19px #FDF1C8; -moz-box-shadow: inset 0 0 19px #FDF1C8; box-shadow: inset 0 0 19px #FDF1C8; } .better-gallery.skin-beige .gallery-title { background-color: #F5E9BC; color: #705e1f; } .better-gallery.skin-beige .slide-title-wrap .slide-copy, .better-gallery.skin-beige .slide-title-wrap .slide-title { background-color: rgba(245, 233, 188, 0.66); color: #705e1f; } .better-gallery.skin-beige .fotorama__nav-wrap { background-color: #FFF6D2; box-shadow: none; } .better-gallery.skin-beige .fotorama__thumb:before { border: 2px solid #F5DA6F; } /** * =>No Results **/ .no-results{ text-align: center; } .no-results > .title{ text-align: center; font-size: 28px; text-transform: uppercase; position: relative; margin: 20px 0; } .no-results > .title:after { content: ''; display: inline-block; position: absolute; left: 0; top: 50%; height: 2px; width: 100%; background-color: #F0F0F0; } .no-results > .title span{ display: inline-block; padding: 0 10px; background-color: #fff; position: relative; z-index: 1; } .no-results .search-form{ margin: 20px 0 30px; } .no-results .search-form input[type="submit"] { float: none; } .no-results .search-form input[type="search"] { float: none; width: 240px; } /** * =>Shortcodes **/ .bs-shortcode{ margin-bottom: 30px; } .wpb_wrapper > .widget{ margin-bottom: 30px; } .widget > .bs-shortcode:last-child { margin-bottom: 0; } .bs-shortcode.bs-heading-shortcode{ margin-bottom: 21px; } /** * =>Animations **/ @-webkit-keyframes bs-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bs-fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bs-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bs-fadeInRight { from { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bs-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bs-fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bs-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes bs-fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes bs-spin { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); } } @keyframes bs-spin { 0% { -webkit-transform: rotate(0deg); tranform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); tranform: rotate(360deg); } } .bs-animate { -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bs-fadeInLeft { -webkit-animation-name: bs-fadeInLeft; animation-name: bs-fadeInLeft; } .bs-fadeInRight { -webkit-animation-name: bs-fadeInRight; animation-name: bs-fadeInRight; } .bs-fadeInDown { -webkit-animation-name: bs-fadeInDown; animation-name: bs-fadeInDown; } .bs-fadeInUp { -webkit-animation-name: bs-fadeInUp; animation-name: bs-fadeInUp; } .bs-spin { -webkit-animation-name: bs-spin; animation-name: bs-spin; } .pagination-animate>.bs-animate { -webkit-animation-duration: 0.4s; animation-duration: 0.4s; } .bs-tab-anim.bs-tab-animated.active{ -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bs-fadeInDown; animation-name: bs-fadeInDown; } /** * =>BS Loading **/ .bs-loading, .bs-loading > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bs-loading { display: block; font-size: 0; color: #333; } .bs-loading > div { display: inline-block; float: none; background-color: #0080ce; } .bs-loading { width: 54px; height: 54px; } .bs-loading > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; -webkit-animation-name: bs-loading-keyframe; -moz-animation-name: bs-loading-keyframe; -o-animation-name: bs-loading-keyframe; animation-name: bs-loading-keyframe; -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; } .bs-loading > div:nth-child(1) { -webkit-animation-duration: .65s; -moz-animation-duration: .65s; -o-animation-duration: .65s; animation-duration: .65s; -webkit-animation-delay: .03s; -moz-animation-delay: .03s; -o-animation-delay: .03s; animation-delay: .03s; } .bs-loading > div:nth-child(2) { -webkit-animation-duration: 1.02s; -moz-animation-duration: 1.02s; -o-animation-duration: 1.02s; animation-duration: 1.02s; -webkit-animation-delay: .09s; -moz-animation-delay: .09s; -o-animation-delay: .09s; animation-delay: .09s; } .bs-loading > div:nth-child(3) { -webkit-animation-duration: 1.06s; -moz-animation-duration: 1.06s; -o-animation-duration: 1.06s; animation-duration: 1.06s; -webkit-animation-delay: -.69s; -moz-animation-delay: -.69s; -o-animation-delay: -.69s; animation-delay: -.69s; } .bs-loading > div:nth-child(4) { -webkit-animation-duration: 1.5s; -moz-animation-duration: 1.5s; -o-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-delay: -.41s; -moz-animation-delay: -.41s; -o-animation-delay: -.41s; animation-delay: -.41s; } .bs-loading > div:nth-child(5) { -webkit-animation-duration: 1.6s; -moz-animation-duration: 1.6s; -o-animation-duration: 1.6s; animation-duration: 1.6s; -webkit-animation-delay: .04s; -moz-animation-delay: .04s; -o-animation-delay: .04s; animation-delay: .04s; } .bs-loading > div:nth-child(6) { -webkit-animation-duration: .84s; -moz-animation-duration: .84s; -o-animation-duration: .84s; animation-duration: .84s; -webkit-animation-delay: .07s; -moz-animation-delay: .07s; -o-animation-delay: .07s; animation-delay: .07s; } .bs-loading > div:nth-child(7) { -webkit-animation-duration: .68s; -moz-animation-duration: .68s; -o-animation-duration: .68s; animation-duration: .68s; -webkit-animation-delay: -.66s; -moz-animation-delay: -.66s; -o-animation-delay: -.66s; animation-delay: -.66s; } .bs-loading > div:nth-child(8) { -webkit-animation-duration: .93s; -moz-animation-duration: .93s; -o-animation-duration: .93s; animation-duration: .93s; -webkit-animation-delay: -.76s; -moz-animation-delay: -.76s; -o-animation-delay: -.76s; animation-delay: -.76s; } .bs-loading > div:nth-child(9) { -webkit-animation-duration: 1.24s; -moz-animation-duration: 1.24s; -o-animation-duration: 1.24s; animation-duration: 1.24s; -webkit-animation-delay: -.76s; -moz-animation-delay: -.76s; -o-animation-delay: -.76s; animation-delay: -.76s; } @-webkit-keyframes bs-loading-keyframe { 0% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } 50% { opacity: .35; -webkit-transform: scale(.45); transform: scale(.45); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes bs-loading-keyframe { 0% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } 50% { opacity: .35; -moz-transform: scale(.45); transform: scale(.45); } 100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes bs-loading-keyframe { 0% { opacity: 1; -o-transform: scale(1); transform: scale(1); } 50% { opacity: .35; -o-transform: scale(.45); transform: scale(.45); } 100% { opacity: 1; -o-transform: scale(1); transform: scale(1); } } @keyframes bs-loading-keyframe { 0% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } 50% { opacity: .35; -webkit-transform: scale(.45); -moz-transform: scale(.45); -o-transform: scale(.45); transform: scale(.45); } 100% { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } /** * =>BS Pagin **/ .deferred-loading-container { position: relative; } .bs-pagination-wrapper:focus { outline: none !important; } .bs-pagin-loading-wrapper{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 99; } .bs-pagin-loading-wrapper .bs-loading{ position: absolute; top: 50%; left: 50%; margin-top: -27px; margin-left: -27px; } .bs-pagination-wrapper .bs-pagination-in-loading{ opacity: 0.15; pointer-events: none; } .bs-pagination{ margin: 15px 0 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-family: 'Open Sans'; } .post-related .bs-pagination { margin-top: 0; } .bs-pagination-label{ color: #9C9C9C; color: rgba(138, 138, 138, 0.83); vertical-align: middle; font-size: 12px; margin-left: 4px; } .btn-bs-pagination{ border: 1px solid #D4D4D4; border: 1px solid rgba(138, 138, 138, 0.33); color: #9C9C9C !important; color: rgba(138, 138, 138, 0.83) !important; font-size: 12px !important; padding: 0 9px; display: inline-block; line-height: 24px !important; min-width: 26px; text-align: center !important; cursor: pointer; } .btn-bs-pagination.bs-pagination-in-loading, .btn-bs-pagination:hover, .btn-bs-pagination.hover{ border-color: #0080ce; color: #fff !important; background: #0080ce; } body .bs-pagination a.btn-bs-pagination.disabled:hover{ border: 1px solid #D4D4D4 !important; border: 1px solid rgba(138, 138, 138, 0.33) !important; color: #9C9C9C !important; color: rgba(138, 138, 138, 0.83) !important; background-color: transparent !important; cursor: default; } .btn-bs-pagination.disabled:hover, .btn-bs-pagination.disabled{ opacity: 0.5; } .btn-bs-pagination .fa { font-weight: bold; } .bs-pagination-wrapper{ position: relative; } .bs-pagination.bs-ajax-pagination.infinity, .bs-pagination.bs-ajax-pagination.more_btn_infinity, .bs-pagination.bs-ajax-pagination.more_btn{ text-align: center; font-family: 'Open Sans'; } .bs-listing-listing-classic-3 .bs-pagination .pagination, .bs-listing-listing-classic-3 .bs-pagination, .bs-listing-listing-classic-2 .bs-pagination .pagination, .bs-listing-listing-classic-2 .bs-pagination, .bs-listing-listing-text-1 .bs-pagination .pagination, .bs-listing-listing-text-1 .bs-pagination, .bs-listing-listing-mix-4-6 .bs-pagination .pagination, .bs-listing-listing-mix-4-6 .bs-pagination, .bs-listing-listing-mix-4-5 .bs-pagination .pagination, .bs-listing-listing-mix-4-5 .bs-pagination, .bs-listing-listing-mix-4-4 .bs-pagination .pagination, .bs-listing-listing-mix-4-4 .bs-pagination, .bs-listing-listing-mix-4-3 .bs-pagination .pagination, .bs-listing-listing-mix-4-3 .bs-pagination, .bs-listing-listing-mix-4-2 .bs-pagination .pagination, .bs-listing-listing-mix-4-2 .bs-pagination, .bs-listing-listing-mix-4-1 .bs-pagination .pagination, .bs-listing-listing-mix-4-1 .bs-pagination, .bs-listing-listing-thumbnail-1 .bs-pagination .pagination, .bs-listing-listing-thumbnail-1 .bs-pagination, .bs-listing-listing-thumbnail-2 .bs-pagination .pagination, .bs-listing-listing-thumbnail-2 .bs-pagination, .bs-listing-listing-thumbnail-3 .bs-pagination .pagination, .bs-listing-listing-thumbnail-3 .bs-pagination, .bs-listing-listing-mix-3-2 .bs-pagination .pagination, .bs-listing-listing-mix-3-2 .bs-pagination, .bs-listing-listing-mix-2-1 .bs-pagination .pagination, .bs-listing-listing-mix-2-1 .bs-pagination, .bs-listing-listing-grid-1 .bs-pagination .pagination, .bs-listing-listing-grid-1 .bs-pagination, .bs-listing-listing-grid-2 .bs-pagination .pagination, .bs-listing-listing-grid-2 .bs-pagination, .bs-listing-modern-grid-listing-3 .bs-pagination .pagination, .bs-listing-modern-grid-listing-3 .bs-pagination, .bs-listing-listing-tall-1 .bs-pagination .pagination, .bs-listing-listing-tall-1 .bs-pagination, .bs-listing-listing-tall-2 .bs-pagination .pagination, .bs-listing-listing-tall-2 .bs-pagination, .bs-listing-listing-mix-1-2 .bs-pagination .pagination{ margin-top: 0; } .bs-listing-listing-mix-1-2 .bs-pagination{ margin-top: 0; position: relative; top: -20px; margin-bottom: -20px; } /*.bs-slider-items-container .bs-slider-item{ display: none; } .bs-slider-items-container .bs-slider-item:first-child { display: block; }*/ /** * =>Editor Shortcodes **/ .bs-slider-controls .btn-bs-pagination.next { margin-left: 5px; } .bs-slider-items-container>.bs-slider-item{ display: none; } .bs-slider-items-container .bs-slider-item.bs-slider-first-item { display: block; } .bs-slider-items-container .bs-control-nav-style-2 .btn-bs-pagination.next{ float: right; } .bs-slider-items-container .bs-control-nav-style-3 { text-align: center; } .bs-listing.bs-listing-single-tab .bs-slider-items-container .bs-control-nav-style-4 .btn-bs-pagination{ line-height: 22px; min-width: 24px; padding: 0 6px; border-radius: 50%; } .bs-slider-dots{ list-style: none; padding: 0 !important; margin: 0 !important; } .bs-slider-dots li{ display: inline-block; } .bs-slider-dots .bts-bs-dots-btn{ cursor: pointer; } .bs-slider-dots .bs-slider-active > .bts-bs-dots-btn{ background: #0080ce; } .bs-slider-dots-style-4, .bs-slider-dots-style-3, .bs-slider-dots-style-2, .bs-slider-dots-style-1{ text-align: center; line-height: 27px; pointer-events: none; position: absolute; left: 0; right: 0; } .bs-control-nav + .bs-slider-dots-style-4, .bs-control-nav + .bs-slider-dots-style-3, .bs-control-nav + .bs-slider-dots-style-2, .bs-control-nav + .bs-slider-dots-style-1{ bottom: 0; } .bs-control-nav-style-4 + .bs-slider-dots-style-4, .bs-control-nav-style-4 + .bs-slider-dots-style-3, .bs-control-nav-style-4 + .bs-slider-dots-style-2, .bs-control-nav-style-4 + .bs-slider-dots-style-1{ position: relative; top: auto; left: auto; right: auto; bottom: auto; } .bs-slider-dots-style-4 .bts-bs-dots-btn, .bs-slider-dots-style-3 .bts-bs-dots-btn, .bs-slider-dots-style-2 .bts-bs-dots-btn, .bs-slider-dots-style-1 .bts-bs-dots-btn{ display: inline-block; height: 8px; width: 8px; text-indent: -9999px; overflow: hidden; background: #eee; background: rgba(0, 0, 0, 0.2); margin: 0 3px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; pointer-events: all; } .bs-slider-dots-style-1 .bts-bs-dots-btn{ border-radius: 50%; } .bs-slider-dots-style-3 .bts-bs-dots-btn{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .bs-slider-dots-style-4 .bts-bs-dots-btn { width: 12px; height: 4px; } .bs-simple-pagination.simple_next_prev .btn-bs-pagination.prev{ float: right; } /* fixes */ .bs-listing-listing-mix-4-8 .bs-slider-controls, .bs-listing-listing-mix-4-7 .bs-slider-controls, .bs-listing-modern-grid-listing-5 .bs-slider-controls, .bs-listing-modern-grid-listing-2 .bs-slider-controls, .bs-listing-modern-grid-listing-1 .bs-slider-controls, .bs-listing-listing-text-2 .bs-slider-controls, .bs-listing-listing-text-1 .bs-slider-controls, .bs-listing-listing-classic-3 .bs-slider-controls, .bs-listing-listing-classic-1 .bs-slider-controls, .bs-listing-listing-blog-4 .bs-slider-controls, .bs-listing-listing-blog-3 .bs-slider-controls, .bs-listing-listing-blog-2 .bs-slider-controls, .bs-listing-listing-blog-1 .bs-slider-controls, .bs-listing-listing-mix-1-1 .bs-slider-controls, .bs-listing-listing-mix-3-3 .bs-slider-controls, .bs-listing-listing-mix-3-1 .bs-slider-controls, .bs-listing-listing-mix-1-3 .bs-slider-controls, .bs-listing-listing-mix-1-4 .bs-slider-controls{ height: 27px; margin-top: 20px; position: relative; z-index: 1; } .bs-listing-modern-grid-listing-5 .bs-slider-controls, .bs-listing-listing-mix-1-4 .bs-slider-controls{ margin-top: 0; } .bs-listing-listing-text-1 .bs-slider-controls{ margin-top: 0; } .bs-listing-modern-grid-listing-2 .bs-slider-controls, .bs-listing-modern-grid-listing-1 .bs-slider-controls{ margin-top: 10px; } .bs-listing-modern-grid-listing-6 .bs-slider-controls { height: 27px; margin-bottom: -10px; margin-top: 5px; position: relative; z-index: 1; } .bs-listing-listing-mix-2-2 .bs-slider-controls{ height: 27px; margin-top: 15px; position: relative; z-index: 1; } .bs-listing-listing-thumbnail-1 .bs-slider-controls{ height: 27px; margin-top: -5px; position: relative; z-index: 1; } .bs-listing-listing-thumbnail-2 .bs-slider-controls{ height: 27px; margin-top: 0; position: relative; z-index: 1; } .bs-listing-listing-classic-2 .bs-slider-controls, .bs-listing-listing-classic-2 .bs-slider-controls{ height: 27px; margin-top: -5px; position: relative; z-index: 1; } .bs-listing-modern-grid-listing-4 .bs-slider-controls{ height: 27px; } .bs-listing-listing-tall-1 .bs-slider-controls, .bs-listing-listing-tall-2 .bs-slider-controls{ height: 27px; margin-top: 5px; position: relative; z-index: 1; } .bs-listing-modern-grid-listing-3 .bs-slider-controls{ height: 27px; margin-top: -10px; position: relative; z-index: 1; } .bs-listing-listing-grid-2 .bs-slider-controls, .bs-listing-listing-grid-1 .bs-slider-controls{ height: 27px; margin-top: -7px; position: relative; z-index: 1; } /** * ->Drop Cap **/ .dropcap.dropcap { display: inline-block; float: left; margin: 0 8px -10px 0; font-size: 74px; line-height: 74px; height: 74px; text-transform: uppercase; } .dropcap.dropcap-square { background-color: #0080ce; color: #fff; padding: 0 11px; } .dropcap.dropcap-square-outline { border: 2px solid #0080ce; color: #0080ce; padding: 0 11px; line-height: 70px; } .dropcap.dropcap-circle { background-color: #0080ce; color: #fff; padding: 0 11px; border-radius: 50%; min-width: 74px; font-size: 52px; text-align: center; } .dropcap.dropcap-circle-outline { border: 2px solid #0080ce; color: #0080ce; padding: 0 11px; border-radius: 50%; min-width: 74px; font-size: 52px; text-align: center; line-height: 72px; } /** * ->Highlight **/ .bs-highlight{ background-color: #FF9; padding: 0 3px; } .bs-highlight.bs-highlight-red{ background-color: #FFB6B6; } /** * ->Tabs **/ .bs-tab-shortcode{ margin-bottom: 20px; } .bs-tab-shortcode .nav.nav-tabs{ border-bottom: 3px solid #0080ce; padding-bottom: 1px; } .bs-tab-shortcode .nav-tabs>li>a{ background-color: #dcdcdc; border: none; padding: 5px 12px; margin-right: 10px; border-radius: 0; color: #4A4A4A; } .bs-tab-shortcode .nav-tabs>li>a:focus, .bs-tab-shortcode .nav-tabs>li>a:hover, .bs-tab-shortcode .nav-tabs>li.active>a{ background-color: #0080ce; color: #fff; border: none; } .bs-tab-shortcode .tab-content .tab-pane{ padding: 20px; border: 3px solid #0080ce; border-top: none; margin-top: -17px; } /** * ->Accordion **/ .bs-row-shortcode{ margin-bottom: 20px; } .bs-accordion-shortcode .panel{ box-shadow: none; border-radius: 0; border-width: 2px; -webkit-transition: all .07s ease; -moz-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; } .bs-accordion-shortcode .panel-heading { padding: 10px 15px 10px 15px; } .bs-accordion-shortcode .panel-heading a{ color: #585858; } .bs-accordion-shortcode .panel-heading a:before{ display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: '\f067'; margin: 0 10px 0 0; } .bs-accordion-shortcode .panel-heading.active a:before{ content: '\f068'; } .bs-accordion-shortcode .panel-heading *, .bs-accordion-shortcode .panel-heading .panel-title br { display: none; } .bs-accordion-shortcode .panel-heading .panel-title, .bs-accordion-shortcode .panel-heading .panel-title a { display: block; } .bs-accordion-shortcode .panel-heading+.panel-collapse>.panel-body{ border-top-width: 2px; -webkit-transition: all .07s ease; -moz-transition: all .07s ease; -o-transition: all .07s ease; transition: all .07s ease; } .bs-accordion-shortcode .panel.open .panel-heading a, .bs-accordion-shortcode .panel .panel-heading a:hover{ color: #0080ce; } .bs-accordion-shortcode .panel.open .panel-heading+.panel-collapse>.panel-body, .bs-accordion-shortcode .panel.open{ border-color: #0080ce; } /** * ->List Shortcode **/ ul.bs-shortcode-list ul, ul.bs-shortcode-list{ list-style: none; padding-left: 20px; overflow: hidden; } ul.bs-shortcode-list ul{ padding-left: 13px; } ul.bs-shortcode-list li{ position: relative; margin-bottom: 7px; padding-left: 25px; } ul.bs-shortcode-list li:before{ width: 25px; content: "\f00c"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: absolute; left: 0; top: 6px; color: #0080ce; } ul.bs-shortcode-list li:empty{ display: none; } ul.bs-shortcode-list.list-style-check li:before{ content: "\f00c"; } ul.bs-shortcode-list.list-style-star li:before{ content: "\f005"; } ul.bs-shortcode-list.list-style-edit li:before{ content: "\f044"; } ul.bs-shortcode-list.list-style-folder li:before{ content: "\f07b"; } ul.bs-shortcode-list.list-style-file li:before{ content: "\f15b"; } ul.bs-shortcode-list.list-style-heart li:before{ content: "\f004"; } ul.bs-shortcode-list.list-style-asterisk li:before{ content: "\f069"; } /** * ->Divider **/ hr.bs-divider{ height: 2px; border-width: 2px; border-style: solid; border-color: #DBDBDB; border-top-width: 0; border-right-width: 0; border-left-width: 0; margin: 30px auto 28px; position: relative; width: 90%; } hr.bs-divider.dashed-line{ border-style: dashed; border-width: 1px; } hr.bs-divider.full{ width: 100%; } hr.bs-divider.large{ width: 90%; } hr.bs-divider.small{ width: 70%; } hr.bs-divider.tiny{ width: 50%; } hr.bs-divider + h3, hr.bs-divider + h2, hr.bs-divider + h1 { margin-top: -10px; } hr.bs-divider + h5{ margin-top: -5px; } h5 + hr.bs-divider, h4 + hr.bs-divider, h3 + hr.bs-divider, h2 + hr.bs-divider, h1 + hr.bs-divider{ margin-top: 28px; } /** * ->Alert Shortcode **/ .bs-shortcode-alert.alert{ border-radius: 0; } .bs-shortcode-alert.alert-simple{ background-color: #F3F3F3; border-color: #E6E6E6; } /** * =>Sticky **/ .listing-item-blog.sticky, .listing-item-blog.sticky:first-child { background-color: #FFFBDF; padding: 30px 25px; border: 1px solid rgba(0, 0, 0, 0.07); } /** * =>VC Customizations **/ .vc_images_carousel:hover .vc_carousel-control .icon-next, .vc_images_carousel:hover .vc_carousel-control .icon-prev { background: #fff; } .vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item{ height: 0; } .vc_images_carousel .vc_carousel-control .icon-prev.icon-prev:before, .vc_images_carousel .vc_carousel-control .icon-next.icon-next:before { top: -11px; line-height: 30px; color: #333; text-shadow: none; } .vc_images_carousel .vc_carousel-control .icon-next.icon-next:before{ right: -1px; } .vc_images_carousel .vc_carousel-control .icon-prev.icon-prev:before{ left: -1px; } .wpb_gallery > .wpb_wrapper > .wpb_flexslider{ padding: 0; margin: 0 0 30px; background: none; border-radius: 0; box-shadow: none; zoom: 1; height: auto !important; } .wpb_flexslider .flex-direction-nav a { width: 30px; height: 30px; } .wpb_flexslider .flex-direction-nav a:before { font-family: flexslider-icon; font-size: 14px; display: inline-block; content: '\f001'; text-shadow: none; line-height: 30px; height: 30px; } .wpb_gallery .wpb_flexslider .flex-direction-nav a { border: none; background: #fff; text-align: center; line-height: 30px; } .wpb_flexslider.flexslider:hover .flex-prev { left: 40px; } .wpb_flexslider.flexslider:hover .flex-next { right: 40px; } /** * =>BGCS **/ .better-gcs-result .gsc-result .gs-title:hover *, .better-gcs-result .gsc-result .gs-title:hover{ color: #0080ce; } /** * =>bs Pretty Tabs **/ .bs-pretty-tabs-container { position: relative; display: inline-block; float: right; text-align: center; z-index: 2; } .bs-pretty-tabs-container .bs-pretty-tabs-more { z-index: 3; position: relative; } .bs-pretty-tabs-container .bs-pretty-tabs-elements .other-link { display: block; float: none; width: 100%; } .bs-pretty-tabs-container .bs-pretty-tabs-elements .h-text { border: none; display: block; width: 100%; margin: 0; padding: 3px 10px; text-align: right; } .bs-pretty-tabs-container .bs-pretty-tabs-elements { position: absolute; top: 100%; right: 0; background: #fff; z-index:2; white-space: nowrap; border: 1px solid #d8d8d8; display: none; padding: 5px; min-width: 160px; } .bs-pretty-tabs .bs-pretty-tabs-more.other-link{ pointer-events: none; } .bs-pretty-tabs .bs-pretty-tabs-more.other-link .h-text{ position: relative; cursor: pointer; } .bs-pretty-tabs .bs-pretty-tabs-more.other-link .h-text:after{ content: ''; width: 100%; height: 1px; background: #fff; position: absolute; top: 100%; right: 0; z-index: 2; display: none; } .bs-pretty-tabs.bs-pretty-tabs-initialized .bs-pretty-tabs-container:hover .bs-pretty-tabs-more.other-link .h-text:after { display: block; } .bs-pretty-tabs-container:hover .bs-pretty-tabs-elements { display: block; } .bs-pretty-tabs .bs-pretty-tabs-more.other-link:hover .h-text { background: transparent !important; color: currentColor !important; border-color: rgba(0, 0, 0, 0.13) !important; } .bs-pretty-tabs-container:hover .bs-pretty-tabs-more.other-link .h-text { color: #0080ce; } .section-heading.multi-tab .other-link { opacity: 0; -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; } .bs-pretty-tabs.bs-pretty-tabs-initialized .other-link { opacity: 1; } /** * =>Better Reviews **/ .rating-bar span, .betterstudio-review .verdict .overall{ background-color: #0080ce; } .rating-stars span:before { color: #0080ce; } .bs-slider-1-item .rating-stars, .listing-mg-6-item .rating-stars, .listing-mg-4-item .rating-stars, .listing-mg-3-item .rating-stars, .listing-mg-2-item .rating-stars, .listing-mg-1-item .rating-stars{ color: #fff; } .bs-slider-1-item .post-meta .rating-bar, .listing-mg-6-item .post-meta .rating-bar, .listing-mg-4-item .post-meta .rating-bar, .listing-mg-3-item .post-meta .rating-bar, .listing-mg-2-item .post-meta .rating-bar, .listing-mg-1-item .post-meta .rating-bar{ background-color: #fff; } .listing-item-tall-2 .post-meta .rating, .listing-item-text-1 .post-meta .rating, .bs-slider-item .post-meta .rating, .listing-mg-5-item-big .post-meta .rating, .listing-mg-4-item .post-meta .rating, .listing-mg-3-item .post-meta .rating{ float: none; vertical-align: middle; margin-top: 0; margin-right: 10px; } .listing-item-text-1 .post-meta .comments, .listing-item-tall-2 .post-meta .comments{ float: none; margin-left: 0; } /** * =>Ajax search **/ .search-container { position: relative; } .search-container.open.result-results-exist .search-preview { display: block; } .search-preview { display: none; border: 1px solid #dedede; position: absolute; top: 100%; width: 100%; background: #fff; -webkit-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); box-shadow: 0px 7px 7px 0px rgba(0,0,0,0.1); font-weight: 400; color: #383838; line-height: 1; z-index: 99; } .search-preview [data-section-name] { max-height: 280px; } .search-preview .clean-title { font-size: 16px; margin-bottom: 15px; } .search-preview .listing-item-thumbnail:last-child, .search-preview ul.products { margin-bottom: 0; } .ajax-search-results { background: inherit; } .ajax-search-results .search-404 { text-align: center; font-weight: 500; font-size: 16px; } .ajax-search-results .clean-button { margin-left: 0 !important; max-width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .result-results-exist .search-preview { border-top: 0; } .two-column-results-list, .ajax-search-no-product .ajax-ajax-posts-list { padding: 21px; position: relative; } .two-column-results-list>div{ width: 50%; float: left; background: inherit; padding-right: 3%; } .two-column-results-list>div:last-child { padding-right: 0; } .two-column-results-list>.ajax-posts-columns { width: 45%; } .two-column-results-list>.ajax-products-columns { width: 55%; } .ajax-search-loading { display: block; text-align: center; color: #a6a6a6; } .ajax-ajax-posts-list { overflow: hidden; background: inherit; display: table-cell; } .ajax-ajax-posts-list .ajax-search-loading, .ajax-ajax-posts-list .align-vertical-center { position: absolute; top: 50%; left: 0; right: 0; margin-top: 0; height: 18px; line-height: 18px; font-size: 14px; color: #afafaf; } .ajax-taxonomy-list .ajax-search-loading, .ajax-taxonomy-list .align-vertical-center { position: absolute; top: 50%; left: 0; right: 0; margin-top: 0; height: 18px; line-height: 18px; font-size: 14px; color: #afafaf; } .ajax-ajax-posts-list .ajax-taxonomy-list { margin-top: 30px; } .ajax-ajax-posts-list .listing-thumbnail { margin-bottom: 20px; -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bs-fadeInDown; animation-name: bs-fadeInDown; } .search-preview .bs-listing-products { margin-bottom: 28px; } .ajax-taxonomy-list { background: #fbfbfb; border-left: 1px solid #e2e2e2; display: table-cell; overflow: hidden; width: 30%; padding: 25px; } .ajax-products-columns .add_to_cart_button { display: none !important; } .ajax-products-columns .price { margin-top: 19px; } .ajax-products-columns .star-rating+.price { margin-top: 0; } .ajax-products-columns ul.products li.product, .ajax-products-columns ul.products li.product { margin-bottom: 1px; } .search-preview .post-categories { margin: 13px 0 0; padding: 0; list-style: none; -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: bs-fadeInDown; animation-name: bs-fadeInDown; } .search-preview .post-categories li { display: inline-block; margin: 0 0 0 5px; } .ajax-search-results { display: table-row; } .ajax-search-results-wrapper { display: table; background: inherit; width: 100%; height: 350px; } .ajax-search-results:after { content: ' '; display: block; position: absolute; top: -1px; left: -1px; background: #028bd4; right: -1px; height: 3px; } .ajax-categories-columns { background: inherit; margin-bottom: 30px; } .ajax-tags-columns { background: inherit; } .ajax-search-no-product .ajax-taxonomy-list>div { width: 100%; float: none; background: inherit; height: 152px; margin-bottom: 0; position: relative; } .ajax-search-no-product .ajax-taxonomy-list { width: 100%; } .ajax-search-no-product .ajax-ajax-posts-list { width: 53%; } .ajax-search-no-product.ajax-search-fullwidth .ajax-ajax-posts-list { width: 69%; position: relative; } .ajax-search-no-product.ajax-search-fullwidth .two-column-results-list { padding: 5px; } .ajax-search-no-product.ajax-search-fullwidth .listing-thumbnail { margin-bottom: 0; } .ajax-posts-column { background: inherit; } /* * woocommerce posts style */ .search-preview .woocommerce-MyAccount-navigation ul li a:hover, .search-preview .woocommerce-MyAccount-navigation ul li.is-active a, .search-preview .woocommerce .woocommerce-Reviews .star-rating, .search-preview .woocommerce div.product p.price, .search-preview .woocommerce div.product span.price, .search-preview .woocommerce div.product .woocommerce-product-rating, .search-preview .woocommerce ul.products li.product .price { color: #06a800 !important; } .search-preview .woocommerce ul.products li.product, .search-preview .woocommerce-page ul.products li.product { font-size: 14px; } .search-preview .woocommerce ul.products li.product h3 { font-size: 1em; } .ajax-posts-columns { background: inherit; } /** * =>Global clean styles **/ .clean-title { position: relative; background: inherit; margin-bottom: 8px; } .clean-title>span { position: relative; z-index: 30; background: inherit; display: inline-block; padding: 0 15px; margin-left: -10px; } .clean-title::after { position: absolute; z-index: 20; width: 100%; top: 50%; height: 1px; background: #e5e5e5; display: block; content: ' '; } .clean-button { border-radius: 0; border: 1px solid #e2e2e2; background: #f9f9f9; color: #383838; font-size: 13px; font-weight: 600; padding: 0 9px; margin: 0 1px 5px; display: inline-block; line-height: 28px; } .clean-button-light { background: #fff; } .clean-button .fa { margin-right: 6px; } /** * =>Responsive **/ @media only screen and (max-width : 1000px) { .container { width: 100%; } .content-wrap { padding: 0; } } @media only screen and (max-width : 768px){ .slider-container .content-wrap{ padding-bottom: 0; } } @media only screen and (max-width : 620px) { } @media only screen and (max-width : 420px) { .widget { margin-bottom: 15px; } } @media only screen and (max-width : 340px) { } @media only screen and (max-width : 668px){ body{ padding: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .bs-visible-md { display: block !important; } } @media (max-width: 991px) { .bs-visible-sm { display: block !important; } } @media (min-width: 1200px) { .bs-visible-lg { display: block !important; } } @media (max-width: 991px) { .bs-hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .bs-hidden-md { display: none !important; } } @media (min-width: 1200px) { .bs-hidden-lg { display: none !important; } } .site-header .betteradscontainer{ text-align: right !important; margin-bottom: 0; } .site-header .betteradscontainer .betterad-caption{ display: none !important; } .ajax-post-content{ margin-top: 30px; } .ajax-post-content .post-header-inner .term-badges.floated{ position: relative; top: auto; left: auto; right: auto; bottom: auto; } .ajax-post-content .single-post-title{ margin: 10px 0 5px; } .ajax-post-content .single-featured.single-featured{ margin-left: 0; margin-right: 0; } .ajax-post-content .post-meta{ margin: 0 0 10px; } .ajax-post-content .comments-template.comments-template, .ajax-post-content .post-related.post-related, .ajax-post-content .single-container.single-container{ padding-right: 0; padding-left: 0; } .ajax-post-content{ max-width: 856px; margin-left: auto; margin-right: auto; } /** * =>Ad Locations **/ /** * ->After Header Location **/ .betteradscontainer.adloc-after-header{ margin-bottom: 0; } .betteradscontainer.adloc-after-header .betterad-caption{ display: none; } .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container:nth-child(3), .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container:nth-child(2), .betteradscontainer.adloc-after-header.betterad-column-2 .betterad-container:nth-child(2), .betteradscontainer.adloc-after-header .betterad-container:first-child{ margin-top: 20px; } .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container:nth-last-child(3), .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container:nth-last-child(2), .betteradscontainer.adloc-after-header.betterad-column-2 .betterad-container:nth-last-child(2), .betteradscontainer.adloc-after-header .betterad-container:last-child{ margin-bottom: -4px; } .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container.betterad-type-code:nth-last-child(3), .betteradscontainer.adloc-after-header.betterad-column-3 .betterad-container.betterad-type-code:nth-last-child(2), .betteradscontainer.adloc-after-header.betterad-column-2 .betterad-container.betterad-type-code:nth-last-child(2), .betteradscontainer.adloc-after-header.betterad-column-1 .betterad-container.betterad-type-code:last-child{ margin-bottom: -11px; } @media (min-width: 1140px) { .betteradscontainer.adloc-after-header.adloc-show-desktop + .content-wrap .entry-content>.vc_row.vc_row-has-fill:first-child { margin-top: 0 !important; } .betteradscontainer.adloc-after-header.adloc-show-desktop ~ .post-header.post-tp-12-header, .betteradscontainer.adloc-after-header.adloc-show-desktop ~ .post-header.post-tp-7-header, .betteradscontainer.adloc-after-header.adloc-show-desktop ~ .post-header.post-tp-4-header, .betteradscontainer.adloc-after-header.adloc-show-desktop ~ .post-header.post-tp-2-header { margin-top: 25px; } } @media (min-width: 1019px) and (max-width: 1140px) { .betteradscontainer.adloc-after-header.adloc-show-tablet-landscape + .content-wrap .entry-content>.vc_row.vc_row-has-fill:first-child { margin-top: 0 !important; } .betteradscontainer.adloc-after-header.adloc-show-tablet-landscape ~ .post-header.post-tp-12-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-landscape ~ .post-header.post-tp-7-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-landscape ~ .post-header.post-tp-4-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-landscape ~ .post-header.post-tp-2-header { margin-top: 25px; } } @media (min-width: 768px) and (max-width: 1018px) { .betteradscontainer.adloc-after-header.adloc-show-tablet-portrait + .content-wrap .entry-content>.vc_row.vc_row-has-fill:first-child { margin-top: 0 !important; } .betteradscontainer.adloc-after-header.adloc-show-tablet-portrait ~ .post-header.post-tp-12-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-portrait ~ .post-header.post-tp-7-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-portrait ~ .post-header.post-tp-4-header, .betteradscontainer.adloc-after-header.adloc-show-tablet-portrait ~ .post-header.post-tp-2-header { margin-top: 25px; } } @media (max-width: 767px) { .betteradscontainer.adloc-after-header.adloc-show-phone + .content-wrap .entry-content>.vc_row.vc_row-has-fill:first-child { margin-top: 0 !important; } .betteradscontainer.adloc-after-header.adloc-show-phone ~ .post-header.post-tp-12-header, .betteradscontainer.adloc-after-header.adloc-show-phone ~ .post-header.post-tp-7-header, .betteradscontainer.adloc-after-header.adloc-show-phone ~ .post-header.post-tp-4-header, .betteradscontainer.adloc-after-header.adloc-show-phone ~ .post-header.post-tp-2-header { margin-top: 25px; } } /** * ->Before Footer Location **/ .betteradscontainer.adloc-before-footer{ margin-bottom: 0; } .betteradscontainer.adloc-before-footer .betterad-caption{ display: none; } .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container:nth-child(3), .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container:nth-child(2), .betteradscontainer.adloc-before-footer.betterad-column-2 .betterad-container:nth-child(2), .betteradscontainer.adloc-before-footer .betterad-container:first-child{ margin-top: 20px; } .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container:nth-last-child(3), .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container:nth-last-child(2), .betteradscontainer.adloc-before-footer.betterad-column-2 .betterad-container:nth-last-child(2), .betteradscontainer.adloc-before-footer .betterad-container:last-child{ margin-bottom: 20px; } .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container.betterad-type-code:nth-last-child(3), .betteradscontainer.adloc-before-footer.betterad-column-3 .betterad-container.betterad-type-code:nth-last-child(2), .betteradscontainer.adloc-before-footer.betterad-column-2 .betterad-container.betterad-type-code:nth-last-child(2), .betteradscontainer.adloc-before-footer.betterad-column-1 .betterad-container.betterad-type-code:last-child{ margin-bottom: 14px; } /** * ->After Related Ajax **/ .betteradscontainer.adloc-ajaxed-related{ padding: 20px 0; margin-bottom: -15px; } /** * ->After Tags Before Author Box **/ .betteradscontainer.adloc-post-before-author{ margin-bottom: 0; margin-top: 30px; }