/* Theme Name: WPOS Blog/News/Magazine-Style Theme URI: http://wponlinesupport.com/ Author: the WP Online Support Author URI: https://profiles.wordpress.org/wponlinesupport/ Description: The WPO theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: wpo This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /*=================================================================== TABLE OF CONTENTS 1.0 GENERAL STYLES 1.1 TABLE 1.2 BUTTON 1.3 CATEGORY PAGE 1.4 POST THUMBNAIL 1.5 SLICK SLIDER 2.0 HEADER AND LOGO 2.1 HEADER TOP STYLES 2.2 HEADER STYLES 2.3 LOGO 3.0 NAVIGATION 3.1 MAIN NAVIGATION 3.2 RESPONSIVE NAVIGATION 3.3 TOP NAVIGATION 3.4 SEARCH NAVIGATION 4.0 BLOG POST 4.1 GENERAL STYLES 4.2 POST ENTRY / EXCERPT 4.3 POST TYPE ICON 4.4 SHARE POST SOCIAL LINKS 4.5 POST AUTHOR SECTION 4.6 POST AUTHOR GRAVATAR 4.7 RELATED POSTS 4.8 COMMENTS SECTION 4.9 COMMENT FORM - SEARCH FORM 4.10 PAGINATION 4.11 POST ICON SIZES 4.12 BLOG DECORATE LINE] 4.13 RELATED-POSTS 5.0 POST TYPES 5.1 IMAGE / IMAGE GALLERY 5.2 LINK POST 5.3 QUOTE POST 5.4 AUDIO POST 5.5 ARCHIVE POST 5.6 STICKY POST 6.0 SIDEBAR 6.1 SIDEBAR GENERAL STYLES 7.0 WIDGETS 7.1 AUTHOR WIDGET 7.2 SOCIAL WIDGET 7.3 SIDEBAR / FOOTER MENU 7.4 SEARCH SUBMIT 7.5 TAG CLOUD 7.6 FLICKR EMBED GALLERY / STREAM PORTFOLIO 7.7 FACEBOOK PAGE EMBED 7.8 FEATURED POSTS WIDGET 7.9 INSTAGRAM FEED 7.10 ADVERTISEMENT WIDGET 7.11 ABOUT WIDGET 7.12 POST LIST / SLIDER WIDGET 7.13 CATEGORY DESIGN 7.14 MAIL CHIMP 7.15 FLICKR FEED 7.16 WOOCOMMERCE 8.0 FOOTER 8.1 MAIN FOOTER 8.2 FOOTER LOGO 8.3 SOCIAL FOOTER 8.4 FOOTER BOTTOM 8.5 SCROLL TO TOP 9.0 WORDPRESS NATIVE CLASSES AND VENDOR PLUGIN CLASSES 9.1 DEFAULT POST FORMATTING STYLES 9.2 WIDGET DEFAULT STYLES 9.3 CONTACT FORM 7 (PLUGIN) 10.0 WORDPRESS GALLERY 11.0 GO TO TOP */ /*----------------------------- 1.0 GENERAL STYLES -----------------------------*/ .wpos-box-layout .off-canvas-wrap{margin:0 auto; max-width:1170px; background:#fff;} .wpos-box-layout{background:#f7f9fe;} .clear { clear: both; } .row { margin: 0 auto; max-width: 1170px; width: 100%; height: 100%; } .row.row-list-view {margin: 0 !important;} body { position: relative; color: #3e4349; background: #f1f1f1; font-size: 14px; background-position: center center; background-repeat: repeat; background-attachment: fixed; } *:focus { outline: none; } h1, h2, h3, h4, h5, h6 { color: #323232;} h3{font-size: 1.6875rem !important;} h4{font-size: 1.4375rem !important;} .front-page-title { text-align: center; } ul, ol, p {font-size: 14px;} p {margin-bottom: 15px; color: #666;} a {color: #111; text-decoration: none; -webkit-transition: color .1s linear; transition: color .1s linear;} a:focus{color:#FB4C35;} ul {list-style-type: none;margin:0;} .custom-list { line-height: 24px; } strong { font-weight: bold; } pre { font-family: monospace; color: #323232; background: #f0f0f0; padding: 20px; margin-bottom: 30px; overflow-x: scroll; } img { height: auto; max-width: 100%; } .align-left { float: left; margin: 6px 20px 0 0; } .align-right { float: right; margin: 6px 0 0 20px; } .float-left { float: left; } .float-right { float: right; } .last { margin-right: 0px !important; } .separator-blank { display: block; height: 40px; } .clear{clear:both;} dl { padding-bottom: 10px } dt { font-weight: 700; color: #333333; font-size: 13px; text-transform: uppercase; margin-bottom: 5px; } dd { margin-left: 20px; margin-bottom: 20px; } address { font-style: italic; font-weight: 400; margin-bottom: 20px } abbr { cursor: help; } code { font-family: monospace; background: #f0f0f0; color: #323232; padding: 4px 8px; } em, var { font-style: italic; font-weight: 400; } form { overflow: hidden; } time.updated { display: none; } time.entry-date.published { display: inline-block; } .entry-content .wp-caption-text {text-align: center;font-style:italic; padding: 10px 0;background:rgba(251, 76, 53, 0.84)} .wpos-inner-header { text-align: center; background: #111; padding: 40px 0; } .wpos-inner-header .entry-title { color: #fb4c35; text-transform: uppercase; } .wpos-inner-header.has-post-thumbnail h1 { color: #fff; text-shadow: 0 1px 2px #000; } .wpos-inner-header.has-post-thumbnail { padding: 60px 0; } #content-container { } .wpos-go-to-top-container { background-color: #fb4c35 ; right: 15px; } .vcard { border: 0px; display: inline-block; margin: 0; padding: 0; } .vcard .fn { font-size: inherit; font-weight: normal; color: #111; } embed, iframe, object, video { max-width: 100%; height: 100% } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 1.714285714rem; } iframe, audio, embed, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } .entry-meta .fa{margin-right:5px;} .wpos-hide { display: none; } /*----------------------------- 1.1 TABLE -----------------------------*/ /*----------------------------- 1.2 BUTTON -----------------------------*/ .button { text-transform: uppercase; } /*----------------------------- 1.3 CATEGORY PAGE META -----------------------------*/ .archive-header .archive-meta p{font-size:16px; margin:0px;} .single-author .meta-category a {color: #111;} /*----------------------------- 1.4 POST THUMBNAIL -----------------------------*/ .gallery-thumbnail{position: relative;} .gallery {margin-bottom: 0px !important;} .wpos-post-grid .gallery-thumbnail { position: relative;} .wpos-post-grid .gallery-thumbnail:hover .post-icon {background: #fb4c35;} .post .post-thumbnail, .post .post-gallery { margin-bottom: 0; position: relative;overflow: hidden;} .medium-6.wpos-post-grid .post-thumbnail, .medium-4.wpos-post-grid .post-thumbnail, .medium-3.wpos-post-grid .post-thumbnail { height:280px; overflow:hidden;background:#c2c2c2;} .medium-6.wpos-post-grid .gallery-thumbnail, .medium-4.wpos-post-grid .gallery-thumbnail, .medium-3.wpos-post-grid .gallery-thumbnail, .medium-6.wpos-post-grid .gallery-thumbnail li, .medium-4.wpos-post-grid .gallery-thumbnail li, .medium-3.wpos-post-grid .gallery-thumbnail li{ height:280px; overflow:hidden;background:#c2c2c2;} .medium-12.wpos-post-grid .gallery-thumbnail, .medium-12.wpos-post-grid .gallery-thumbnail li{ height:400px; overflow:hidden;background:#c2c2c2;} .orbit-slides-container{height: 400px;} .wpos-post-grid .post-thumbnail img, .wpos-post-grid .gallery-thumbnail img{ height: 100%; object-fit: cover; object-position: top center; } .wpos-post-grid .gallery-thumbnail li img{ height: 100%; width:100%; object-fit: cover; object-position: top center;} .wpos-post-masonry .post-thumbnail. .wpos-post-masonry .gallery-thumbnail{height:auto !important} .medium-6.wpos-post-grid .format-quote .post-details, .medium-4.wpos-post-grid .format-quote .post-details, .medium-3.wpos-post-grid .format-quote .post-details{margin:0px !important;} .cat_row.wpos-block-layout .post-thumbnail.has-post-image {height:350px;position:relative;overflow:hidden;} .cat_row.wpos-block-layout .post-thumbnail.has-post-image .front-post-details {position: absolute;bottom: 0px;padding: 10px;width: 100%;left: 0;background: -moz-linear-gradient(to bottom,rgba(0,0,0,0.5) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%);background: -ms-linear-gradient(to bottom,rgba(0,0,0,0.5) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%);background: -o-linear-gradient(to bottom,rgba(0,0,0,0.5) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0.5) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%);background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0.5)), to(rgba(0,0,0,0.5)));background: linear-gradient(to bottom,rgba(0,0,0,0.5) 0, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0.5) 100%);transition: all 0.3s ease-in-out;z-index: 2 !important;} .cat_row.wpos-block-layout .post-thumbnail.has-post-image .post-container:hover .front-post-details {padding: 30px 10px;} .cat_row.wpos-block-layout .post-thumbnail.has-post-image .front-post-details .wpos-post-meta span, .cat_row.wpos-block-layout .post-thumbnail.has-post-image .front-post-details .wpos-post-meta a, .cat_row.wpos-block-layout .post-thumbnail.has-post-image .front-post-details .post-title a{color:#fff;} .cat_row.wpos-block-layout .front-post-details .wpos-post-meta span{color: #111;} .wpos-block-layout .medium-12 .post-title{font-size:1.6875rem !important;} /*----------------------------- 1.5 SLICK SLIDER -----------------------------*/ .slick-slider{position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;} .slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging{cursor: pointer;cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);} .slick-track{position: relative;top: 0;left: 0;display: block;} .slick-track:before, .slick-track:after{display: table;content: '';} .slick-track:after{clear: both;} .slick-loading .slick-track{visibility: hidden;} .slick-slide{display: none;float: left;height: 100%;min-height: 1px;} [dir='rtl'] .slick-slide{float: right;} .slick-slide img{display: block;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} /*----------------------------- 2.0 HEADER AND LOGO -----------------------------*/ /*----------------------------- 2.1 HEADER TOP STYLES -----------------------------*/ .wpos-header-container .site-title { font-size: 22px; margin-bottom: 0; } .wpos-header-container .site-description { font-size: 15px; } .wpos-header-container{background-color:#fff; width: 100%; float: left;} .header-contact { color: #282a2b; } .header-contact .fa { color: #282a2b; margin-right: 5px; } .header-contact .fa:nth-child(2) {margin-left: 15px;} .wpos-social-network-icon:last-child {margin-right: 10px !important;} .wpos-social-network-icon {color: #fff !important;display:inline-block;font-size: 18px;width: 35px;height:auto;text-align:center;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; padding: 5px;box-shadow: 0 0 0 5px transparent;} .wpos-social-network-icon.wpos-facebook-icon:hover{background: #3b5998;box-shadow: 0 0 0 0px #3b5998;} .wpos-social-network-icon.wpos-twitter-icon:hover{background: #55acee;box-shadow: 0 0 0 0px #55acee;} .wpos-social-network-icon.wpos-linkedin-icon:hover{background: #238CC8;box-shadow: 0 0 0 0px #238CC;} .wpos-social-network-icon.wpos-google-plus-icon:hover{background: #dd4b39;box-shadow: 0 0 0 0px #dd4b39;} .wpos-social-network-icon.wpos-youtube-icon:hover{background: #bb0000;box-shadow: 0 0 0 0px #bb0000;} .wpos-social-networks-footer .wpos-social-network-icon .fa, .wpos-social-networks-footer .wpos-social-network-icon .fa:hover, .wpos-social-networks-footer .wpos-social-network-icon .fa:focus { color: #fff; } .content-container {clear: both;} .date .content-container {padding-top: 30px;} .content-container {padding-top: 30px;} /*----------------------------- 2.2 HEADER STYLES -----------------------------*/ .wpos-header-image-wrap {float:left;width:100%;padding:150px 0;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;background-position:top center;position: relative;} .wpos-header-cnt {clear: both;text-align: center;color: #fff;} .wpos-header-image-wrap h1, .wpos-header-image-wrap h2, .wpos-header-image-wrap h3, .wpos-header-image-wrap h4, .wpos-header-image-wrap p { color: #fff; } /*--------------------------- Music Music Music May 23, 2016 admin Magazine Magazine Magazine May 23, 2016 admin Technology Technology Technology May 23, 2016 admin /*----------------------------- 2.3 LOGO -----------------------------*/ .wpos-logo { padding-top: 20px; padding-bottom: 20px; text-align: left ; } .site-description { margin-top: 0px; padding-bottom: 0px; margin: 0; } /*----------------------------- 3.0 NAVIGATION -----------------------------*/ /*----------------------------- 3.1 MAIN NAVIGATION -----------------------------*/ .navigation-main {float:left;width:100%;background:#111;} .navigation-main.fixed{border:0px;box-shadow:0px 3px 4px 0px rgba(0, 0, 0, 0.4);z-index:9999;} .date.navigation-main {margin-bottom: 0px;} /* main top menu background color */ .top-bar-section ul { background-color: transparent; list-style: none; } .top-bar-section li:not(.has-form) a:not(.button) { background: transparent; } .navigation-main .top-bar-section ul.left > li {-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; } .navigation-main .top-bar-section ul.left > li.active, .navigation-main .top-bar-section ul.left > li:hover, .navigation-main .top-bar-section ul.left > li:focus{background: #fb4c35;} .navigation-main.sticky.fixed #wpos-search-dropdown {max-width:100%; width:100%;} /* main top menu style */ .nav_wrap ul li > a { font-size: 16px; text-transform: uppercase;} .top-bar-section li:not(.has-form) a:not(.button) {background:none; line-height: 50px;} .top-bar-section li.active:not(.has-form) a:not(.button) { background: #fb4c35; line-height: 50px; padding: 0 0.9375rem; } .top-bar-section .has-dropdown > a:after { border: inset 5px; content: "\f107 "; top: 50%; font: 14px/1 FontAwesome;border:none;margin-top: -7px;right: 12px;} .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after { top: 1.0rem; } /* main top menu dropdown style */ .top-bar-section .dropdown {z-index: 300; background: #fff; min-width:200px; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); } .top-bar-section .right li .dropdown {box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); right:auto;} .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-transform: capitalize; line-height: 1.5rem !important; transition: all 100ms ease-out 0s; padding: 10px 10px !important;background: transparent;color: #111; } .top-bar-section .dropdown li.active:not(.has-form) a:not(.button) { text-transform: capitalize; line-height: 1.5rem !important; padding: 10px !important; } .top-bar-section .dropdown li:last-child{border:0px !important;} /*--------------------------------------------- 3.2 RESPONSIVE NAVIGATION OFF CANAVAS -----------------------------------------------*/ .left-off-canvas-menu { transform: none !important; position: fixed !important; left: -15.625rem; z-index: 9999; transition: all 500ms ease 0s; } .move-right > .inner-wrap { transform: none !important; } .move-right .left-off-canvas-menu { left: 0; } .move-right .exit-off-canvas { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; } .wpos-exit-off-canvas { font-weight: bold; font-size: 20px; height: 20px; position: fixed; text-align: center; top: 10px; left: -15.625rem; width: 35px; z-index: 8888; transition: all 500ms ease 0s; padding: 0 0 0 15px; } .move-right .wpos-exit-off-canvas { left: 15.625rem; } .close-button { top: 5px; font-size: 42px; line-height: 22px; color: #fff; } .close-button:hover { color: #ccc; } .mobile-ofc { background-color: #000; font-weight: 700; } .offcanavas ul.mobile-ofc li a { color: #fff; background-color: transparent; display: table; } .offcanavas ul.mobile-ofc li a:hover, .offcanavas ul.mobile-ofc li a:focus, .offcanavas ul.mobile-ofc li.active a { color: #3e7ccc; } .offcanavas ul.mobile-ofc ul > li > a { padding: .7rem 1rem;} .off-canvas-wrapper-inner { box-shadow: 0 0 10px rgba(10, 10, 10, 0.5); } .tab-bar.off-canvas-menu { z-index: 999; background: transparent !important; width: 40px; height: 2.8125rem; border: 0px !important; position: relative !important; float: left; } .tab-bar .menu-icon { color: #FFFFFF; display: block; height: 2.8125rem; padding: 0; position: relative; text-indent: 2.1875rem; transform: translate3d(0, 0, 0); width: 2.8125rem; } .tab-bar.off-canvas-menu .menu-icon span::after { box-shadow: 0 0 0 2px #FFF, 0 7px 0 2px #FFF, 0 14px 0 2px #FFF; margin: -4px 0 0 0; } /*----------------------------- 3.3 TOP NAVIGATION -----------------------------*/ .wpos-header-top { background: #111111; } .wpos-header-top .top-bar-section ul li.menu-item a {color: #fff;} .wpos-header-top-menu .top-bar-section ul li > a { color: #111; font-size: 12px; text-transform: capitalize; padding: 0 !important; display:inline;} .wpos-header-top-menu .top-bar-section ul li.has-dropdown {padding-right: 2.1875rem !important;} .wpos-header-top-menu .top-bar-section .right li .dropdown .title.js-generated{display: none;} .wpos-header-top-menu .top-bar-section ul li:last-child::after{content:none;} .wpos-header-top-menu .top-bar-section { margin-top: 0; } .wpos-header-top-menu .top-bar-section ul li:last-child > a { padding: 0px !important } .wpos-header-top-menu .top-bar-section li:not(.has-form) a:not(.button) { background: none; line-height: 40px; } .wpos-header-top-menu .top-bar-section ul li a:hover{color: #fb4c35;} .wpos-header.top-bar-section ul.left li { background: none; } .top-bar-section .dropdown li{border-right: 0px !important;border-bottom: 1px solid #eaeaea;} .top-bar-section .dropdown li:last-child{border:0px !important;} .wpos-header-top-menu ul.right li a{padding:0 10px !important;} .wpos-header-top-menu ul li .dropdown li a {display: block; width: 100%;} .wpos-header-top-menu ul li.has-dropdown a{padding: 0 !important;} .wpos-header-top-menu .top-bar-section ul > li{background:transparent;} .wpos-header-top-menu .top-bar-section ul li {display: inline-block;} .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{content: "\f105" !important; line-height: 25px} .wpos-header-top-menu .wpos-social-network-icon .fa { color: #fff; line-height: 2rem; } .wpos-header-top-menu .wpos-social-network-icon:hover .fa { color: #fff; } .wpos-header-top .wpos-social-network-icon {margin: 0px 2px;background: RGBA(0, 0, 0, 0.48);line-height: 30px;} /*----------------------------- 3.4 SEARCH NAVIGATION -----------------------------*/ #wpos-search-dropdown {box-shadow: 0px 5px 20px -10px #000; display: none;position:absolute;background:#fb4c35;right:0;width:100%;z-index: 1000;left:0;z-index:102;margin:0 auto;} #wpos-search-nav .wpos-search-nav{cursor: pointer; display: block;text-align: center;} #wpos-search-nav .wpos-search-nav .fa {color:#fff;font-size:20px;line-height: 50px;-webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out;} #wpos-search-nav .wpos-search-nav:hover, #wpos-search-nav .wpos-search-nav:focus{background:#FB4C35;} #wpos-search-nav .wpos-search-nav.active{background: #FB4C35;} #searchform input {background: #fb4c35;float:left;font-size:20px; font-weight: 100; height: 60px; line-height: 100%; padding: 10px 35px; text-transform: uppercase; width: 100%; color: #fff !important; top: 0 !important; border: 0px !important; margin: 0; } #searchform input::-webkit-input-placeholder {color: #fff !important;} #searchform input:-moz-placeholder { /* Firefox 18- */ color: #fff !important;} #searchform input::-moz-placeholder { /* Firefox 19+ */ color: #fff !important;} #searchform input:-ms-input-placeholder { color: #fff !important;} .wpos-header .medium-2 { position: static !important; } .small-3.medium-1.large-1.columns.search-nav.right {position: static !important;} .search-nav.right {position: static !important;} /*----------------------------- 4.0 BLOG POST -----------------------------*/ /*----------------------------- 4.1 GENERAL STYLES -----------------------------*/ .no-margin{margin: 0 !important;} .page-wrapper .entry-content { padding-top: 40px; } .post { background: #fff; margin-bottom: 30px;overflow: hidden; position: relative; } .orbit-container ul li img {width: 100%;} .orbit-container ul li img {width: 100%;height: 100%;object-fit: cover;} .post-no-thumb { margin-top: 100px; overflow: visible; } .blog-list .post-no-thumb:first-child { margin-top: 60px; } .post-no-thumb .deco-lines { display: none; } .post-no-thumb .post-thumbnail, .post-no-thumb .post-gallery { margin-bottom: 40px; } .post-details{padding: 15px 15px 20px;width: 100%;float: left;} /* .title {position: relative;text-align: center;} */ .title .entry-title {line-height: 1.2;text-transform: none;color:#000;} a:hover{color:#fb4c35 ;} .title .entry-title a:hover{color: #fb4c35 !important;} .title .post-category a { padding: 0 5px; } .title .post-category { text-align: center; position: relative; z-index: 62; display: inline-block; margin: 0 auto; } .wpos-post-grid-wrp .post-container .post-details .entry-title a:hover {color: #fb4c35;} .meta-category { position: relative; font-size: 14px;} .meta-category a { color: #fff; transition: all 500ms ease 0s; text-transform: capitalize; line-height: normal;} .meta-category-banner{color:#fff;} .meta-category-banner a{ color:#fff; font-size: 14px;text-rendering: optimizelegibility; line-height:20px;text-transform:capitalize; color:#fff;} .meta-category-banner .layout1.meta-category a { color: #fff; } .wpos-block-layout .wpos-post-meta{margin-top:0;line-height:normal;} .wpos-block-layout .wpos-post-meta span{color: #fff;} .wpos-post-meta{margin:10px 0;} .block-1 .floatright .front-post-details .wpos-post-meta {margin: 2px 0 0;} .wpos-post-meta span { margin-right:10px; font-size: 12px;color:#666;} .wpos-post-meta span.author a{color:#666;} .wpos-post-meta span:last-child{margin-right:0;} .wpos-post-meta span .fa{margin-right:1px;} .wpos-post-meta span a{color:#666;} .wpos-post-meta a:hover {color:#fb4c35 !important;} .post .meta-category-inner { position: relative; } .content-container .cat-more-news .wpos-post-meta {margin-top: 10px;margin-bottom: 0px;} .content-container .cat-more-news .entry-title {margin-top: 3px;} .title .meta { text-align: center; position: relative; z-index: 100; } .no-thumb { padding-top: 60px; } .post .no-thumb { margin-bottom: 30px; padding-top: 60px; } .thumb-placeholder { position: relative; display: block; height: 554px; width: 100%; background: #333333; } .carousel-thumb-placeholder { margin-bottom: 50px; position: relative; display: block; height: 201px; width: 100%;background: #333333; } .post-category { padding-bottom: 10px; text-transform: uppercase; font-size: 0.9286em; font-weight: bold; color: #3e7ccc;} .post .post-category { padding-bottom: 7px; } .meta i { margin-right: 8px; color: #c2c2c2; } .meta a { font-size: 0.9286em; /* 13px */ color: #c2c2c2; -webkit-transition: color .1s linear; transition: color .1s linear; } .meta a:hover { color: #3e7ccc; } .meta span { display: inline-block; margin-left: 5px; margin-right: 5px; } .simple-archive-view .meta span { margin-left: 1px; margin-right: 9px; } .entry-content { padding: 0; } .blog-list-full .entry-content { padding: 0 120px 20px 120px; } .simple-archive-view .title .post-category:before, .simple-archive-view .title .post-category:after { display: none; } .post .has-audio:hover:after, .post .has-video:hover:after, .post .post-thumbnail:hover:after, .post .hover:after { bottom: -20px; opacity: 0; } .has-audio:hover .deco-lines, .post .post-thumbnail:hover .deco-lines, .title-bottom .post-thumbnail:hover .deco-lines, .has-video:hover .deco-lines, .hover .deco-lines { opacity: 0; } .has-video .deco-lines-bottom { display: none; } .comments-link, .wpos-tag-list {padding:0;border-bottom:1px solid #111;border-top:1px solid #111;color: #111;margin-bottom:5px;display:inline-block;} .wpos-tag-list .comments-link{margin-right:15px;} .single .wpos-tag-list {border-bottom: 0px;margin-bottom: 0px;border-top: 0px;margin-top: 0px;padding: 0px 0px;} .orbit-container .orbit-prev:hover, .orbit-container .orbit-next:hover{background:#FB4C35;} .wpos-post-masonry{float: left;width: 100%;} .content_wrap .page-header .page-title{margin-bottom: 15px;} /*----------------------------- 4.2 POST ENTRY / EXCERPT -----------------------------*/ a.post-btn { background: #111; border: 1px solid #010101; color: #fff; display: inline-block; font-size: 12px; font-weight: 400; line-height: 14px; padding: 10px; position: relative; text-transform: uppercase; transition: all 0.2s ease-out 0s; margin: 5px 0 0; } a.post-btn::after { border-bottom: 1px solid #111; border-right: 1px solid #111; bottom: -5px; content: ""; height: 5px; left: -5px; position: absolute; width: 100%; } a.post-btn::before { border-left: 1px solid #111; border-top: 1px solid #111; content: ""; height: 100%; left: -5px; position: absolute; top: 5px; width: 5px; } a.post-btn:hover, a.post-btn:focus {color: #fff;background:#FB4C35;} .intro-text { font-size: 16px; line-height: 26px; color: #333333; font-weight: 400; } .site-content .row-list-view .morelink_button .button.post-btn {margin-top: 0px} .entry-content blockquote {background:rgba(0, 0, 0, 0) url("assets/images/quotes.png") no-repeat scroll 10px 0px;margin:0 0 30px 30px;padding: 15px;text-align:left;position:relative;border-left:2px solid;} .entry-content blockquote p:last-child { margin-bottom: 0; } .entry-content cite { color: #323232; text-align: left; text-shadow: none; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { margin: 0px 0 20px 0; } .entry-content h1:first-child, .entry-content h2:first-child, .entry-content h3:first-child, .entry-content h4:first-child, .entry-content h5:first-child, .entry-content h6:first-child { margin-top: 0; } .entry-content p { margin-bottom: 15px; } .entry-content figure { margin-bottom:15px;} .post-footer .meta { float: right; margin-top: -3px; } .post-footer .meta a { font-size: 0.786em; text-transform: uppercase; } .post-footer .no-tags span, .post-footer .no-tags i { color: #c2c2c2; } .post-footer .no-tags span { font-size: 11px; text-transform: uppercase; } .post-footer { padding-top: 30px; border-top: 1px solid #eaeaea; position: relative; } .post-footer:before { content: ''; width: 14px; height: 14px; display: block; position: absolute; background: #ddd; border: 3px solid #fff; top: -7px; left: 50%; margin-left: -7px; -ms-transform: rotate(45deg); /* IE 9 */ -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); box-shadow: 0 0 0 1px #eaeaea; } /*--------------------------------- 4.4 SHARE POST SOCIAL LINKS ---------------------------------*/ .share-post-container { float: left; overflow: hidden; } .social-links { float: right; } .share-title { float: left; padding-right: 17px; line-height: 1.53; margin-bottom: 13px; font-size: 0.9286em; font-weight: 700; text-transform: uppercase; color: #3e7ccc; cursor: pointer; position: relative; padding-left: 1px; } .share-post-container .social-links:after { position: absolute; content: ''; background-color: #c2c2c2; width: 1px; top: 0; left: 5px; height: 24px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .share-title i { padding-right: 6px; } .share-post-container .social-links { position: relative; margin-top: -4px; margin-right: -12px; padding-left: 15px; opacity: 0; display: none; } .share-post-container .social-links a { font-size: 1.143em; color: #c2c2c2; } .share-post-container .social-links li { margin-right: 6px; margin-bottom: 6px; } .social-links li { display: block; float: left; text-align: center; margin-right: 5px; -webkit-transition: all .1s linear; transition: all .1s linear; } .social-links li:hover a { color: #3e7ccc; } .social-widget .social-links li:hover { border-radius: 0; } .social-links li a { width: 30px; height: 30px; display: block; line-height: 30px; font-size: 21px; } .no-tag-post { float: none; } .no-tag-post .social-links, .no-tag-post .share-title { float: left; } .divider { height: 1px; background: #eaeaea; border: none; } /*----------------------------- 4.5 POST AUTHOR SECTION -----------------------------*/ .post-author-container { position: relative; } .post-author-section{ background: #fff; margin-bottom: 30px; padding: 20px 20px 0; width:100%; float:left;border-left: 8px solid #111;border-radius: 20px 20px 20px 20px;border-right: 8px solid #111;border-bottom: 1px solid;border-top: 1px solid;} .post-author-section.cf.post-author-gravatar .featured-more-link:hover {color: #fb4c35;} div.post-author-section.cf.post-author-gravatar .entry-image-bg img {width: 100%;height: 200px;} .post-author-section .author-info { float: left; width: 70%; margin: 0 auto; padding-bottom: 30px; } .author-action { color: #c2c2c2; font-size: 0.9286em; text-transform: uppercase; font-weight: 700; } .author-info h4 { margin-top: -3px; font-weight: bold; color: #333333; font-size: 1.714em; /* 24px */ line-height: 1.2; margin-bottom: 0; text-transform: none; } .post-author-container .author-role { color: #3e7ccc; display: block; margin-top: -5px; display: none; } .post-author-img { display: block; position: absolute; bottom: 0; right: 0; } .post-author-img-c img { display: block; position: absolute; bottom: 0; right: 0; max-width: 40%; } /*----------------------------- 4.6 POST AUTHOR GRAVATAR -----------------------------*/ .post-author-section .gravatar-author-img {border-radius: 50%;box-shadow: 0 0 0 5px white, 0 0 0 6px #eaeaea;float: left;margin-right: 5%;max-width: 100px;overflow: hidden;width: 25%;} .gravatar-author-img img {width:100%;height: 100%; object-fit: cover; object-position: top center; } .post-author-gravatar .author-info h4 { margin-top: 0; } .post-author-gravatar .author-info h4 a { color: inherit; } .post-author-gravatar .author-social { margin-top: 0px; } /*----------------------------- 4.7 RELATED POSTS -----------------------------*/ .related-post .small-icon .post-icon { margin-top: -95px; } .related-post .small-icon .post-icon-outer span:after { display: none; } .related-post .medium-icon .post-icon { margin-top: -100px; pointer-events: none; } .related-post .medium-icon .post-icon-outer span:after { display: none; } .related-post .large-icon .post-icon { margin-top: -110px; pointer-events: none; } .related-post .large-icon .post-icon-outer span:after { display: none; } .related-post-gallery .owl-nav { top: -60px; right: 0; } .related-post-gallery .owl-nav a { font-size: 20px; } .related-post-gallery .owl-next { position: relative; } .related-post-gallery .owl-next:before { top: 3px; height: 28px; left: 19px; } .related-post-gallery, .latest-post-gallery { margin-bottom: 20px; } .related-post { margin-bottom: 20px; text-align: center; } .blog-list-full .related-entry-title, .related-entry-title { display: inline-block; line-height: 1.4; padding: 0 15px; color: #333333; font-weight: bold; -webkit-transition: color .1s linear; transition: color .1s linear; } .related-entry-title { font-size: 0.9286em; text-transform: uppercase; } .blog-list-full .related-entry-title { font-size: 1.143em; font-size: 1.214em; font-weight: normal; text-transform: none; } .related-post-date i { margin-right: 6px; } .related-post .meta { margin-top: -3px; } .related-posts .featured-entry-content { top: 0; bottom: 0; left: 0; padding: 20px; width: 252px; } .related-entry-title:hover { color: #3e7ccc; } .related-post-thumb { display: block; margin-bottom: 50px; } .no-icon .related-post-thumb { margin-bottom: 15px; } .no-thumb-related { margin-top: 50px; padding-top: 50px; border: 1px solid #eaeaea; padding-bottom: 30px; } /*----------------------------- 4.8 COMMENTS SECTION -----------------------------*/ /* THE COMMENT */ .comment { list-style: none; } .comments { padding-bottom: 10px; } .no-comments { font-size: 16px; color: #c2c2c2; padding-bottom: 40px; } .comment { position: relative; margin-bottom: 40px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea; } .comment-content { clear: both; margin-left: 90px; border: 0px; margin-bottom: 0px; padding-bottom: 0px; } li.comment { border: 0px; margin-bottom: 0px; padding-bottom: 0px; } .comment-meta { display: block; margin-bottom: 10px; } .comment-author img { position: absolute; border-radius: 50%; margin-left: 6px; box-shadow: 0 0 0 5px white, 0 0 0 6px #eaeaea; } .bypostauthor .comment-author img { border-right-color: #3e7ccc; } .reply { position: absolute; top: 0; right: 0; } .reply a { font-size: 0.9286em; font-weight: bold; text-transform: uppercase; } .reply a:before { font-family: FontAwesome; content: "\f112"; padding-right: 6px; font-weight: normal; } .reply a:hover { color: #333333; } .comment-reply { margin-left: 60px; } .children { margin-left: 35px; padding-left: 35px; border-left: 1px solid #eaeaea; position: relative; } .children:before { content: ''; width: 12px; height: 12px; display: block; position: absolute; background: #ddd; border: 3px solid #fff; top: -3px; left: 0; margin-left: -6px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); box-shadow: 0 0 0 1px #eaeaea; } .post-author-avatar, .comment-author { float: left; margin-right: 20px; } .comment-avatar { position: absolute; top: 15px; left: 15px; } .comment-meta a time, .comment-meta { margin-bottom: 10px; font-size: 0.9286em; color: #c2c2c2; } .comment-meta a time {display:block; margin-left: 90px;} .comment-meta a:hover time { color: #3e7ccc; } cite, .comment-author-name a { text-transform: uppercase; font-size: 0.9286em; font-style: normal; font-weight: bold; } cite { color: #333333; margin-left: 90px; } .comments-area { background: #fff; padding: 15px; clear:both; } .comment-respond { padding: 15px; background: #fff; clear:both;} .comments-area:last-child { margin-bottom: 80px; } .comments-title, .comment-reply-title { display: inline-block; position: relative; color: #333333; text-transform: none;padding: 5px 0px;} /*---------------------------------- 4.9 COMMENT FORM - SEARCH FORM -----------------------------------*/ .textbox, .input-textbox { color: #757575; width: 100%; box-sizing: border-box; padding: 10px 12px; border: 1px solid #eaeaea; font-family: inherit; font-size: inherit; -webkit-appearance: none; border-radius: 0; } input.search-button[type="submit"] { font-family: FontAwesome; font-size: 0.929em; margin-bottom: 0; height: 40px; font-weight: normal; border: none; cursor: pointer; -webkit-appearance: none; border-radius: 0; } .textbox:focus, .input-textbox:focus { border-bottom: 1px solid #3e7ccc; } .input-textbox { width: 86%; height: 40px; float: left; } .search-button { width: 14%; line-height: 40px; padding: 0 !important; box-sizing: border-box; color: #fff; background-color: #3e7ccc; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; } .search-button:hover { background-color: #333333; } .search-button i { padding-right: 0; } .sidebar .search-box { padding: 30px 30px 10px 30px; } .input-holder, .comment-form-email, .comment-form-author { float: left; width: 48%; margin-right: 4%; } .comment-form-email { margin-right: 0; } .comment-form-url, .comment-form-comment { width: 100%; box-sizing: border-box; } .comment-message { border: 1px solid #eaeaea; line-height: 1.8; height: 135px; margin-top: 2px; display: block; } .form-submit .submit { margin-bottom: 15px; cursor: pointer; padding: 10px 15px; border: none; font-size: 0.8571em;color: #fff; font-weight: 700; text-transform: uppercase; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; display: inline-block; -webkit-appearance: none; border-radius: 0; } #cancel-comment-reply-link { font-size: 1rem; font-weight: 400; padding-left: 15px; } /*----------------------------- 4.10 PAGINATION -----------------------------*/ .page-links a span { background: #3e7ccc; color: #fff; padding: 5px 10px; font-weight: 700; margin: 0 5px; -webkit-transition: all .1s linear; transition: all .1s linear; } .page-links a span:hover, .page-links a span:focus { background: #000; -webkit-transition: all .1s linear; transition: all .1s linear; } .page-links span { background: #000; color: #fff; padding: 5px 10px; font-weight: 700; margin: 0 5px; } .nav-single { padding: 0px; } .nav-single .nav-previous a::before, .nav-single .nav-next a::after { color: #3e7ccc; } .nav-single .nav-previous a:hover::before, .nav-single .nav-next a:hover::after { color: #000; } .archive .navigation .nav-previous a::before, .archive .navigation .nav-next a::after { color: #3e7ccc; } .archive .navigation .nav-previous a:hover::before, .archive .navigation .nav-next a:hover::after { color: #000; } .nav-next { float: right; font-size: 20px; font-weight: 700; } .nav-previous { font-size: 20px; font-weight: 700; } .nav-links, .comments-pagination { clear: both; margin-bottom: 40px; } .nav-links a, .comments-pagination .page-numbers { background: #343434; border: 1px solid #eaeaea; font-size: 15px; font-weight: 700; text-transform: uppercase; color: #c2c2c2; padding: 10px 22px; -webkit-transition: all .1s linear; transition: all .1s linear; } .boxshadow .nav-links a { box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.1); border: none; } .boxshadow .comments-pagination .page-numbers { box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2); border: none; } .nav-links a:hover, .comments-pagination a:hover { color: #fff; background: #3e7ccc; } .nav-links .nav-previous a { float: left; } .nav-links .nav-next a { float: right; } .nav-links .nav-previous i { padding-right: 10px; } .nav-links .nav-next i { padding-left: 10px; } .comments-pagination .page-numbers { padding: 8px 14px; } .comments-pagination .current { background: #3e7ccc; color: #fff; } .comments-pagination { text-align: center; } .comments-pagination .page-numbers { margin-left: 5px; padding: 0; width: 35px; height: 35px; line-height: 35px; display: inline-block; text-align: center; } .nav-previous a:before, .nav-next a:after { color: #c2c2c2; font-family: FontAwesome; font-style: normal; font-weight: normal; font-size: 0.8571em; line-height: 1.3; -webkit-transition: all .1s linear; transition: all .1s linear; } .nav-previous a:hover:before, .nav-next a:hover:after { color: #fff; } .nav-previous a:before { content: "\f053"; padding-right: 12px; } .nav-next a:after { content: "\f054"; padding-left: 12px; } .pagination{width:100%;float:left;} .pagination-links .current { background: #DD3333; color: #fff; } .page-numbers {margin:0 1px;font-size:14px;text-align: center; padding: 3px 10px; background: #222; display: inline-block;color: #fff;-webkit-transition: all .1s linear; transition: all .1s linear; box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.1);} .page-numbers:hover, .page-numbers.current {background:#FB4C35;color:#fff;} .single .nav-previous a:before, .single .nav-next a:after {font-size:20px;color: #fb4c35;} .single .nav-previous, .single .nav-next {height: 80px;margin-top: -40px;position: fixed;top: 55%;width:30px;z-index:4000;} .single .nav-previous{left:0;margin-left: 12px;} .single .nav-next{right:0; margin-right: 8px;} .single .nav-single .relative{position:relative; color: #333;cursor: pointer;font-size: 80px;line-height: 100%;} .single .prev-next-text {position: absolute;top: 0;transition: all 0.3s ease 0s;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;-ms-transition: all 0.3s ease 0s;color:#fff; width: 228px;padding: 6px;font-size: 15px;} .single .prev-next-text a{color:#fff; } .single .nav-next .prev-next-text {right: -9999px;text-align: left;} .single .nav-previous .prev-next-text { left: -9999px;} .single .nav-previous:hover .prev-next-text {left:-15px;background: #fb4c35;} .single .nav-next:hover .prev-next-text {right: -10px;text-align: left;background: #fb4c35;} /*----------------------------- 4.11 POST ICON SIZES -----------------------------*/ /* Large Icon */ .large-icon .post-icon, .post .large-icon .post-icon, .title-bottom .large-icon .post-icon { margin-top: -60px; margin-left: -60px; } .large-icon .post-icon-inner i { font-size: 28px; line-height: 80px; width: 60px; margin-left: -30px; } .large-icon .post-icon-inner { top: 20px; left: 20px; } .large-icon .post-icon-inner span { /* Inner Top */ border-width: 40px; top: -40px; } .large-icon .post-icon-inner span:after { /* Inner Bottom */ left: -40px; top: 40px; border-width: 40px; } .large-icon .post-icon-outer span { /* Outer Top */ border-width: 60px; top: -60px; } .large-icon .post-icon-outer span:after { border-width: 60px; left: -60px; top: 60px; } /* Medium Icon */ .medium-icon .post-icon, .post .medium-icon .post-icon, .title-bottom .medium-icon .post-icon { margin-top: -58px; margin-left: -50px; } .title-bottom .medium-icon .post-icon { bottom: -50px; } .medium-icon .post-icon-inner i { font-size: 24px; line-height: 70px; width: 60px; margin-left: -30px; } .medium-icon .post-icon-inner { top: 15px; left: 15px; } .medium-icon .post-icon-inner span { /* Inner Top */ border-width: 35px; top: -35px; } .medium-icon .post-icon-inner span:after { /* Inner Bottom */ left: -35px; top: 35px; border-width: 35px; } .medium-icon .post-icon-outer span { /* Outer Top */ border-width: 50px; top: -50px; } .medium-icon .post-icon-outer span:after { border-width: 50px; left: -50px; top: 50px; } /* Small Icon */ .small-icon .post-icon, .post .small-icon .post-icon, .title-bottom .small-icon .post-icon { margin-top: -46px; margin-left: -45px; } .s-bottom .small-icon .post-icon { bottom: -45px; } .small-icon .post-icon-inner i { font-size: 22px; line-height: 60px; width: 60px; margin-left: -30px; } .small-icon .post-icon-inner { top: 15px; left: 15px; } .small-icon .post-icon-inner span { /* Inner Top */ border-width: 30px; top: -30px; } .small-icon .post-icon-inner span:after { /* Inner Bottom */ left: -30px; top: 30px; border-width: 30px; } .small-icon .post-icon-outer span { /* Outer Top */ border-width: 45px; top: -45px; } .small-icon .post-icon-outer span:after { border-width: 45px; left: -45px; top: 45px; } /* Icon Transitions */ .title-bottom .has-video:hover .post-icon, .title-bottom .has-audio:hover .post-icon, .title-bottom .hover .post-icon { margin-top: 20px; opacity: 0; } .post .has-video:hover .post-icon, .post .has-audio:hover .post-icon, .post .hover .post-icon { top: -60px; opacity: 0; } /*-------------------------------------- 4.12 BLOG DECORATE LINE --------------------------------------*/ .deco-lines { border: none; margin: 0; position: relative; z-index: 100; width: 50px; left: 50%; margin-left: -25px; display: block; } .deco-lines:before, .deco-lines:after { background: #fff; content: ""; display: block; height: 1px; position: absolute; top: 5px; width: 2000%; } .deco-lines-bottom { margin-top: 0; } .deco-lines-bottom:before, .deco-lines-bottom:after { top: -7px; } .deco-lines:before { right: 100%; } .deco-lines:after { left: 100%; } /*-------------------------------------- 4.13 RELATED-POSTS --------------------------------------*/ .related-article-main{ clear: both;} .related-article .post-thumbnil img {width: 100%;object-fit: cover;position: relative;clear: both;height: 200px;margin-bottom: 20px;} .related-article >h2>span {font-size: 20px;} .related-article >h2 {margin-bottom: 15px;} .entry-title {margin-bottom: 5px;margin-top: 10px;} .cat-more-news {width: 100%; float: left; margin-bottom: 30px;padding: 10px 20px;background: #fff;} .cat-more-news .entry-image-bg {height: 180px;overflow: hidden;position: relative;background: #c2c2c2;} .cat-news h4 {background: url(./assets/images/title-pattern.png) repeat-x;color: #fff;margin: 15px 0px 22px 0px;} .cat-news h4 span {display: inline-block;background: #111;position: relative;height: 100%;line-height: 34px;color: #fff;padding: 0 10px;border-left: 5px solid #fb4c35;vertical-align: top; font-size: 22px;} .entry-image-bg img {object-fit: cover;object-position: center top;height: 100%;width: 100%;} /*---------------------------------------------- 5.0 POST TYPES -----------------------------------------------*/ /*---------------------------------------------- 5.1 IMAGE / IMAGE GALLERY -----------------------------------------------*/ .post-container{width: 100%; float: left; position: relative;} .quote-post-img-container .post-thumbnail {margin-top: 0px;} .post-thumbnail .orbit-container img.my-custom-class {width: 100%;object-fit: cover;overflow: hidden;} .post-img { position: relative; display: block; height: auto; width: 100%; -webkit-transition: all .2s linear; transition: all .2s linear; } .post-icon{position: absolute;top: 0;right: 0;display: inline-block;font-size: 18px;height: 50px;width: 50px;line-height: 50px;color: #fff;text-align: center;background-color: rgba(6, 1, 0, 0.53);transition: all 0.3s ease-in-out;} .post-gallery { list-style: none; margin-bottom: 70px; position: relative; } .post .post-thumbnail .deco-lines-top, .post .post-gallery .deco-lines-top, .title-bottom .post-thumbnail .deco-lines-bottom, .title-bottom .post-gallery .deco-lines-bottom { width: 128px; margin-left: -64px; } .masonry-3 .post .post-thumbnail .deco-lines-top, .masonry-3 .post .post-gallery .deco-lines-top, .masonry-3 .title-bottom .post-thumbnail .deco-lines-bottom, .masonry-3 .title-bottom .post-gallery .deco-lines-bottom, .masonry-2-sidebar .post .post-thumbnail .deco-lines-top, .masonry-2-sidebar .post .post-gallery .deco-lines-top, .masonry-2-sidebar .title-bottom .post-thumbnail .deco-lines-bottom, .masonry-2-sidebar .title-bottom .post-gallery .deco-lines-bottom { width: 96px; margin-left: -48px; } .post-thumbnail .deco-lines, .post-gallery .deco-lines { -webkit-transition: opacity .2s linear; -ms-transition: opacity .2s linear; transition: opacity .2s linear; } .title-bottom .deco-lines-top { display: none; } .post .post-thumbnail img.wp-post-image{-webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in;width: 100%; } .post .post-thumbnail:hover img.wp-post-image { -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -ms-transition: all .3s ease-in; transition: all .3s ease-in;transform: scale(1.1); } .post-gallery .bx-controls {position: static;} .post-gallery .bx-prev {left: -20px;} .post-gallery .bx-next {right: 20px;} .post-gallery .bx-next:before {display: none;} .post-gallery .bx-prev, .post-gallery .bx-next {position: absolute; top: 50%; margin-top: -22px; padding: 0; z-index: 60; color: #fff; -webkit-transition: color .2s linear; -moz-transition: color .2s linear; -o-transition: color .2s linear; -ms-transition: color .2s linear; transition: color .2s linear;} .post-gallery .bx-prev:hover, .post-gallery .bx-next:hover {color: #3e7ccc;} .post-thumbnail:hover .post-icon, .entry-image-bg:hover .post-icon, .gallery-thumbnail:hover .post-icon {background: #fb4c35;} .image-attachment{background: #fff;margin-bottom: 30px;width: 100%;float: left;} .image-attachment .entry-content{width: 100%;float: left;} .image-attachment .entry-content .navigation{padding: 10px 10px;width: 100%;float: left;} .image-attachment .entry-header .entry-title{background: rgba(0, 0, 0, 0) url("./assets/images/title-pattern.png") repeat-x scroll 0 0;z-index: 100;color: #111;margin: 0 0 10px;position: relative;text-transform: capitalize;} .image-attachment .entry-header .entry-title span{background-color: rgb(17, 17, 17);border-left: 5px solid rgb(251, 76, 53);color: rgb(255, 255, 255);display: inline-block;padding: 1px 15px;position: relative;z-index: 999;} .image-attachment .entry-header .entry-meta{font-size: 16px;padding: 0px 15px;margin-bottom: 10px;} .navigation .next-image{float: right;} .navigation .next-image a, .navigation .previous-image a{margin: 0px 1px;font-size: 14px;text-align: center;padding: 3px 10px;background: rgb(34, 34, 34) none repeat scroll 0% 0%;display: inline-block;color: rgb(255, 255, 255);transition: all 0.1s linear 0s;box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.1);} .navigation .next-image a:hover, .navigation .previous-image a:hover{background: #FB4C35;color: #fff;} /*********** GALLERY ALERT BOX (JETPACK GRID) ***********/ .alert-box{background-color:#fb4c35 !important;border-color:#fb4c35 !important;} /*----------------------------- 5.2 LINK POST -----------------------------*/ .link-container { padding: 90px 15px; margin-bottom: 0; text-align: center; } .masonry-3 .post .link-container, .masonry-2-sidebar .post .link-container { margin-bottom: 0; } .link-container:after { display: none; } .link-inner { position: relative; z-index: 2; } .the-post-link { position: relative; font-size: 20px; color: #fff; line-height: 41px; } .the-post-link:hover { color: #fff; } .the-post-link:before { content: ""; position: absolute; width: 0; height: 2px; background: #fff; top: -10px; left: 0; -webkit-transition: all .2s linear; transition: all .2s linear; } .the-post-link:hover:before { width: 50%; } .link-icon { color: #fff; margin-right: 20px; font-size: 20px; width: 41px; height: 41px; line-height: 38px; border: 2px solid; display: inline-block; transform: rotate(45deg); } .link-icon .fa { transform: rotate(-45deg); } .post .link-container { margin-bottom: 0; } .masonry-3 .link-icon, .masonry-2-sidebar .link-icon { display: block; margin: 0 auto 30px auto; } /*----------------------------- 5.3 QUOTE POST -----------------------------*/ .quote-post-img-container {background: #c2c2c2; margin-bottom: 0;} .quote-post-img-container .post-thumbnail {height: 350px;} .quote-post-img-container:after {display: none;} .post-quote-holder {width: 85%; padding: 30px;text-align: center; margin: 0 auto; position: relative; z-index: 1;} .post-quote, .quote-icon {text-shadow: 1px 1px 0px #333; font-size: 22px; line-height: 1.3; color: #fff;} .quote-icon {font-size: 34px; font-weight: normal; letter-spacing: 0; } .post-quote-author {text-shadow: 1px 1px 0px #333; font-size: 1.286em; color: #fff; text-align: right;padding-top: 0px;} .post-quote-author a {color: #fff;} .post .quote-post-img-container { margin-bottom: 0; } .medium-6.columns.wpos-post-grid .quote-post-img-container .post-thumbnail {margin-top: 0px;} .quote-post-img-container .title {padding: 0px 0px;} .quote-post-img-container .outer-entry-content .entry-title {color: white;text-align: right;} .quote-post-img-container .entry-content p {text-align: justify;color:#fff;margin-top: 15px;} .quote-post-img-container .post-thumbnail .outer-entry-content {padding:0 15px;position: absolute;top: 0;left: 0;display: flex;height: 100%;justify-content: center;align-items: center; background: rgba(0,0,0,.4);} .quote-post-img-container .post-thumbnail .outer-entry-content .entry-content{text-align: center;} .quote-post-img-container .outer-entry-content .wpos-post-meta{margin-top:10px;} .quote-post-img-container .outer-entry-content .wpos-post-meta span, .quote-post-img-container .outer-entry-content .wpos-post-meta span a{color:#fff;} .quote-post-img-container .post-thumbnail{min-height: 450px; position: relative;} .quote-post-img-container .post-thumbnail img {width: 100%;height: 100%;object-fit: cover;object-position: center;position: absolute;} .quote-post-img-container .title .entry-title{color:#fff;} /*----------------------------- 5.4 AUDIO POST -----------------------------*/ .post-audio iframe { width: 100%;height: 266px;display: block;} .wp-audio-shortcode { margin-bottom: 30px;} .post-audio p {display: none;} .post .has-audio:hover:after, .post .has-video:hover:after, .post .hover:after { bottom: -20px; } .has-audio:hover .deco-lines, .has-video:hover .deco-lines, .hover .deco-lines { opacity: 0;} /*----------------------------- 5.5 ARCHIVE POST -----------------------------*/ .simple-archive-view { padding-bottom: 1px; margin-bottom: 40px; background: #fff; } .simple-archive-view .title, .simple-archive-view .entry-title, .simple-archive-view .meta { text-align: left; } .simple-archive-view .title { padding: 0; } .simple-archive-view .title .post-category { padding-bottom: 5px; } .simple-archive-view .title .post-category a { padding: 0; } .simple-archive-view .entry-title { margin: 8px 0; } .simple-archive-view .post { padding-top: 30px; margin-bottom: 15px; padding-bottom: 0; background: none; box-shadow: none; border-top: 1px solid #eaeaea; } .simple-archive-view .entry-content { padding-bottom: 0; } .simple-archive-view .post:first-child { border: none; } .simple-archive-view .entry-content { padding-bottom: 0px; margin-bottom:30px;} .simple-archive-view .content-section { margin-bottom: 0; box-shadow:none;} .no-results {font-size:38px;line-height:38px;margin-bottom:10px;font-weight:800;padding: 15px;} .archive .archive-title{background: rgba(0, 0, 0, 0) url("./assets/images/title-pattern.png") repeat-x scroll 0 0;z-index: 100;color: #111;margin: 0 0 25px;position: relative;text-transform: capitalize;} .archive-title span a {color: #fff;} .archive .archive-title span {background-color: #111;border-left: 5px solid #fb4c35;color: #fff;display: inline-block;line-height: auto;padding: 1px 15px;position: relative;z-index: 999;} /*----------------------------- 5.6 STICKY POST -----------------------------*/ .sticky-post { background: #f5f5f5 !important; } /*----------------------------- 6.0 SIDEBAR -----------------------------*/ /*----------------------------- 6.1 SIDEBAR GENERAL STYLES -----------------------------*/ #secondary .widget { margin-bottom: 30px; background: #fff; padding: 20px 15px;float: left;width: 100%; } #secondary .textwidget p:last-child { margin-bottom: 0; } #secondary .widget .widget-title {text-transform: capitalize; color: #333333;position: relative; background:url(./assets/images/title-pattern.png) repeat-x;border-bottom: none !important;margin:0 0 20px;} #secondary .widget h4.widget-title span{font-size: 19px;display: inline-block;background: #111;position: relative;height: 100%;line-height: 34px;color: #fff;padding: 0 10px;border-left: 5px solid #fb4c35;vertical-align:top;} #secondary .widget h2.widget-title { text-transform: uppercase; color: #333333; margin-bottom: 20px; position: relative; letter-spacing: 0.5px; font-size: 16px; } #secondary .widget h2.widget-title:after { content: ""; display: block; width: 12px; height: 12px; background: #333333!important; position: absolute; bottom: -7px; left: 50%; margin-left: -6px; transform: rotate(45deg); } #secondary .widget h2.widget-title:before { content: ""; display: block; width: 24px; height: 18px; background: #FFFFFF; position: absolute; bottom: -7px; left: 50%; margin-left: -12px; } #secondary table thead tr th { background: #F5F5F5; } #secondary .widget_pages .children { border-left: none; margin-left: 5px; padding-left: 10px; } #secondary .widget_pages .children::before { content: unset; } #secondary .category-list li, #secondary .widget_pages li, #secondary .widget_archive li, #secondary .widget_nav_menu li, #secondary .widget_meta li, #secondary .widget_categories li, #secondary .widget_recent_entries li { position: relative; z-index: 10; margin-top: 12px; padding-top: 12px; border-top: 1px solid #eaeaea; } #secondary .category-list li:first-child, #secondary .widget_pages li:first-child, #secondary .widget_nav_menu li:first-child, #secondary .widget_archive li:first-child, #secondary .widget_meta li:first-child, #secondary .widget_categories li:first-child, #secondary .widget_recent_entries li:first-child { border: none; padding: 0; } #secondary h4 .rsswidget { text-transform: none; font-weight: bold; color: #333333; font-size: 1.143em; padding-bottom: 0; position: relative; float: none; padding-left: 0; } #secondary cite { margin-left: 0; } #secondary .testimonial-job a { color: #3e7ccc; } /*----------------------------- 7.0 WIDGETS -----------------------------*/ /*----------------------------- 7.1 AUTHOR WIDGET -----------------------------*/ .author-widget { position: relative; } .widget_adaptation_author_widget { padding: 0; } .author-widget .author-info h3 { margin-top: 15px; font-weight: bold; color: #333333; margin-bottom: 0; } .author-text { margin-top: 20px; margin-bottom: 25px; } .author-role { color: #3e7ccc; display: block; margin-top: -1px; } .author-image { display: block; position: absolute; bottom: -10px; right: -30px; } .author-widget-image { position: relative; } .author-widget .author-info { float: none; width: auto; text-align: center; padding: 40px 30px 10px 30px; } .author-widget .more-link { margin-top: 15px; margin-bottom: 30px; } .author-widget .more-link i { padding-left: 10px; } /*----- Author Widget Icon -----*/ .author-widget .post-icon-bottom { bottom: -53px; } .author-widget .post-icon-inner:hover span { border-bottom-color: #333333; } .author-widget .post-icon-inner:hover span:after { border-top-color: #333333; } .author-widget .post-icon-inner span { border-bottom-color: #333333; } .author-widget .post-icon-inner span:after { border-top-color: #333333; } .author-widget .post-icon-outer span { border-bottom-color: #fff; } .author-widget .post-icon-outer span:after { border-top-color: none; } /*----------------------------- 7.2 SOCIAL WIDGET -----------------------------*/ .social-widget p { text-align: center; } .social-widget .social-links li { margin-top: 5px; background: #333333; float: none; display: inline-block; border-radius: 50%; height: 38px; width: 38px; } .social-widget .social-links li a { line-height: 38px; height: 38px; width: 38px; } .social-widget .social-links { float: none; text-align: center; margin-top: -5px; margin-right: -5px; } .social-widget .social-links a, .social-widget .social-links a:hover, .social-widget .social-links li:hover a { color: #fff; } /*----------------------------- 7.3 SIDEBAR / FOOTER MENU -----------------------------*/ .category-list, .widget_pages ul, .widget_nav_menu ul, .widget_archive ul, .widget_meta ul, .widget_categories ul, .widget_recent_entries ul { list-style: none; } .category-list li, .widget_pages li, .widget_archive li, .widget_nav_menu li, .widget_meta li, .widget_categories li, .widget_recent_entries li { position: relative; z-index: 10; margin-top: 12px; padding-top: 12px; border-top: 1px solid #474747; } .category-list li:first-child, .widget_pages li:first-child, .widget_nav_menu li:first-child, .widget_archive li:first-child, .widget_meta li:first-child, .widget_categories li:first-child, .widget_recent_entries li:first-child { border: none; padding: 0; } .category-list li i, .widget_pages li i, .widget_nav_menu li i, .widget_archive li i, .widget_meta li i, .widget_categories li i, .widget_recent_entries li i { color: #c2c2c2; margin-right: 10px; -webkit-transition: all .1s linear; transition: all .1s linear; } .category-list li a, .widget_pages li a, .widget_nav_menu li a, .widget_archive li a, .widget_meta li a, .widget_categories li a, .widget_recent_entries li a { color: #111;} .widget_recent_entries li a {padding-left: 15px;} .footer-sidebar-container .menu a{color:#848484} .category-list li a:hover, .widget_pages li a:hover, .widget_nav_menu li a:hover, .widget_archive li a:hover, .widget_meta li a:hover, .widget_categories li a:hover, .widget_recent_entries li a:hover { color: #fb4c35; } .category-list li a:hover, .widget_pages li a:hover, .widget_nav_menu li a:hover, .widget_meta li a:hover, .widget_archive li a:hover, .widget_categories li a:hover .widget_recent_entries li a:hover { color: #fb4c35; text-decoration: none; } .category-list li a:before, .widget_pages li a:before, .widget_nav_menu li a:before, .widget_meta li a:before, .widget_archive li a:before, .widget_categories li a:before { content: "\f105"; position: absolute; left: 0; font-family: FontAwesome;opacity: 0;} .widget_recent_entries li a:before { content: "\f08d"; position: absolute; left: 0; font-family: FontAwesome; } .widget_recent_entries li span, .widget_nav_menu li span, .widget_archive li span, .widget_meta li span, .widget_categories li span { display: block; color: #848484; font-size: 12px;} .category-list li a span { color: #c2c2c2; padding-left: 5px; } .widget_nav_menu li ul { border-top: 1px solid #eaeaea; padding-top: 20px; margin-top: 12px; padding-left: 20px; } .widget_nav_menu li ul { padding-bottom: 0; } .widget-area .null-instagram-feed ul li:hover {padding: 0px 0px ;} .widget_categories li a{text-transform: uppercase;} .widget-area .widget_mc4wp_form_widget ul li:hover, .widget-area .widget_search ul li a:hover, .widget-area .widget_archive ul li:hover, .widget-area .widget_categories ul li:hover, .widget-area .widget_meta ul li:hover{padding: 0 10px;transition: all 0.2s ease-out;} .widget-area .widget_mc4wp_form_widget ul li:first-child:hover, .widget-area .widget_search ul li a:first-child:hover, .widget-area .widget_archive ul li:first-child:hover, .widget-area .widget_categories ul li:first-child:hover, .widget-area .widget_meta ul li:first-child:hover{padding: 0 10px !important;transition: all 0.2s ease-in-out;} .widget-area .widget_meta ul li a:hover{left: 10px;} .widget-area .widget ul li:hover a:before{opacity: 1;transition: all 0.2s ease-in-out;} /*----------------------------- 7.4 SEARCH SUBMIT -----------------------------*/ input[type=submit] {background: #111;cursor:pointer;padding:5px 10px;border:none;font-size: 16px;line-height: 1.7;text-transform:uppercase;color:#fff;font-weight:400;-webkit-transition:background-color .2s linear; transition:background-color .2s linear;display:inline-block;-webkit-appearance: none;border-radius: 0;} input[type=submit]:hover{background: #fb4c35;} /*----------------------------- 7.5 TAG CLOUD -----------------------------*/ .tagcloud a {display: inline-block;margin-top:5px;font-size: 12px !important;text-transform: uppercase;color: RGBA(255, 255, 255, 0.84); border: 1px solid RGBA(255, 255, 255, 0.84); padding: 0px 10px;-webkit-transition:all 0.8s linear;-moz-transition:all 0.8s linear;transition:all 0.8s linear;} .tagcloud a:hover {color: #fff;background:#FB4C35;border-color:#FB4C35;-webkit-transition: all 0.01s linear;-moz-transition: all 0.01s linear; transition: all 0.01s linear;} /*----------------------------------------------- 7.6 FLICKR EMBED GALLERY / STREAM PORTFOLIO ------------------------------------------------*/ .stream-portfolio { list-style: none; margin-top: -10px; position: relative; z-index: 10; margin-left: -5px; } .col-row .col-row .stream-portfolio { margin-bottom: 37px; } .stream-portfolio li { position: relative; display: block; float: left; padding-top: 5px; padding-left: 5px; list-style-type: none; overflow: hidden; } .stream-portfolio li img { -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .stream-portfolio li a { z-index: 2; position: relative; } .stream-portfolio li { width: 25%; } .stream-portfolio li img { width: 100%; vertical-align: middle; } .no-csstransitions .stream-portfolio-overlay { display: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } .no-csstransitions .stream-portfolio li:hover .stream-portfolio-overlay { display: block; } .stream-portfolio-overlay i { font-size: 19px; color: #333333; position: absolute; top: 50%; margin-top: -7px; left: 50%; margin-left: -5px; } .csstransitions .stream-portfolio li img:hover { opacity: 0.2; } .stream-portfolio li a:hover { text-decoration: none; } /*----------------------------- 7.7 FACEBOOK PAGE EMBED -----------------------------*/ .facebook-page { margin-bottom: 20px;} /*----------------------------- 7.8 FEATURED POSTS WIDGET -----------------------------*/ .adaptation-posts-container .bx-controls { position: static; text-align: center; padding-top: 15px; } .adaptation-posts-container .bx-controls a { font-size: 20px; } .adaptation-posts-container .bx-next { position: relative; margin-left: 30px; } .adaptation-posts-container .bx-prev { margin-left: 0; } .adaptation-posts-container .bx-controls .bx-next:before { position: absolute; content: ''; background-color: #c2c2c2; top: 0px; right: 29px; width: 1px; height: 28px; -ms-transform: rotate(30deg); -webkit-transform: rotate(30deg); transform: rotate(30deg); } .adaptation-posts-container { position: relative; } .twitter-timeline { display: block!important; } /*----------------------------- 7.9 INSTAGRAM FEED -----------------------------*/ ul.instagram-pics li{width:33.33%;display:inline-block;float: left;} ul.instagram-pics li img{height:100%; width:100%; object-fit:cover; object-position:top center;} ul.instagram-pics.instagram-size-large li{width:50%;} ul.instagram-pics.instagram-size-original li{height:120px; overflow:hidden;} ul.instagram-pics ~ p.clear{display:none;} ul.instagram-pics li img:hover {opacity: 0.9;} /*----------------------------- 7.10 ADVERTISEMENT WIDGET -----------------------------*/ .ad-image { display: block; -webkit-transition: all .1s linear; transition: all .1s linear; } .ad-image:hover { opacity: 0.8; } .widget_adaptation_ads_image_widget { padding: 0; } /*----------------------------- 7.11 ABOUT WIDGET -----------------------------*/ .adaptation-about-widget p:last-child, .adaptation-about-widget .logo-image:last-child { margin-bottom: 0; } .adaptation-about-widget .logo-image { margin-bottom: 20px; } /*----------------------------- 7.12 POST LIST / SLIDER WIDGET -----------------------------*/ /********************** Widget Design ***************************/ /* Post Widget*/ .wpos-widget-post-slider, .wpos-post-slider-widget, .wpos-news-slider{visibility:hidden; opacity:0;} .wpos-widget-post-slider.slick-initialized, .wpos-post-slider-widget.slick-initialized, .wpos-news-slider.slick-initialized{visibility:visible; opacity:1;} .slick-dots{text-align:center;} .slick-dots li{display:inline-block; margin:0 2px; } .slick-dots li button{padding:0px !important; margin:0px !important; height:20px; width:20px; background:#111; border-radius:50%; font-size:12px;} .wpos-widget-post-slider .slick-arrow, .wpos-post-slider-widget .slick-arrow {color:#fff;padding:4px 7px; margin:0px; position:absolute; z-index:99; background:#111;} .wpos-post-slider-widget .slick-arrow{bottom:auto !important; top:0px;} .wpos-post-slider-widget.wpos-widget-post-slider .slick-arrow{bottom:0 !important; top:auto;} .wpos-widget-post-slider .slick-arrow .fa, .wpos-post-slider-widget .slick-arrow .fa {font-size:30px; } .wpos-post-slider-widget.wpos-widget-post-slider .slick-prev{left: 0px !important;} .wpos-post-slider-widget.wpos-widget-post-slider .slick-next{left: 26px !important;} .slick-arrow:hover, .slick-arrow:focus {background: #fb4c35;} .wpos-post-slider-widget .slick-prev{left: 0px !important;} .wpos-post-slider-widget .slick-next{left: 26px !important;} .wpos-widget-post-slider .post-image-bg{background: #f1f1f1;height: 250px; line-height: 0; overflow: hidden; position: relative; width: 100%;} .wpos-widget-post-slider .post-image-bg img {height: 100%;width: 100% !important;object-fit: cover;object-position: top center; border-radius: 0;} .wpos-widget-post-slider .post-grid-content{position:relative;} .wpos-widget-post-slider .post-short-content{background: rgba(0, 0, 0, 0.2);clear:both; height: 100%;bottom: 0;color: #fff;left: 0;padding: 30px 15px 15px 15px; position: absolute; right: 0;transition: all 0.5s ease 0s; } .wpos-widget-post-slider .post-slides{padding:0;} .wpos-widget-post-slider .post-title a{ text-shadow:0 1px 2px #000;} .wpos-widget-post-slider .post-date {color: #fff;position: absolute;right: 0;bottom: 0;padding: 15px;text-shadow:0 1px 2px #000;} .wpos-widget-post-slider .post-overlay:hover .post-short-content {background: rgba(0, 0, 0, 0.5) ;} .wpos-widget-post-slider .post-title a{color:#fff !important;} .wpos-post-slider-widget .post-title {line-height :normal;} .wpos-widget-pls-1 .post-image-bg {background: #f1f1f1 ;height: 140px; line-height: 0;overflow: hidden; position: relative;width: 100%; margin-bottom: 10px;} .wpos-widget-pls-1 .post-image-bg img {height: 100%;width: 100% !important;object-fit: cover;object-position: top center; border-radius: 0;} .wpos-widget-pls-1 .post-grid {position: relative;padding: 0;margin-bottom: 15px; text-align:left; border-bottom:1px solid #ddd; padding-bottom:15px;} .wpos-widget-pls-1 .post-title{ margin-top:5px;} .wpos-widget-pls-1 .post-title a{line-height: normal; color:#444; } .wpos-widget-pls-1 .post-title a:visited {color: #444;} .wpos-widget-pls-1 .post-date {color: #666; margin:0px !important;} .wpos-widget-pls-1 .post-grid:hover .post-title a{text-decoration: none;} .wpos-widget-pls-1 .post-grid-content{margin:0px !important; padding:0px !important;} .widget .wpos-post-widget-wrp .post-date{font-size:12px;} .wpos-widget-pls-2 .slick-arrow{bottom:20px !important; top:auto; } .wpos-widget-pls-2 .slick-prev{left: 0px !important;} .wpos-widget-pls-2 .slick-next{left :26px !important;} .wpos-widget-pls-2 .post-list{margin-bottom:15px; padding-bottom:0px; border-bottom:1px solid #ddd; text-align:left;} .wpos-widget-pls-2 .post-image-bg{background: #f1f1f1;height: 70px; line-height: 0; overflow: hidden; position: relative; width: 100%;} .wpos-widget-pls-2 .post-image-bg img {height: 100%;width: 100% !important;object-fit: cover;object-position: top center; border-radius: 0;} .wpos-widget-pls-2 .post-list-content, .wpos-widget-pls-2 .post-list{width:100%; float:left; } .wpos-widget-pls-2 .post-list-content .post-title a{color:#444; text-decoration:none; } .wpos-widget-pls-2 .post-categories {margin-top: 0;padding: 0; margin-bottom:3px;} .wpos-widget-pls-2 .columns {padding: 0px 10px 0 0;} .wpos-widget-pls-2 .post-list:hover .post-title a{text-decoration: none;} .wpos-widget-pls-2 .post-left-img {width: 33%; float: left;padding-right:10px; box-sizing:border-box; } .wpos-widget-pls-2 .post-right-content {width: 67%; float: left; box-sizing:border-box; } .post-list.slick-slide, .post-grid.slick-slide{border:0px !important; margin:0px !important; } .post-title a:hover,.post-title a:focus {color: #fb4c35 !important;} /*----------------------------- 7.13 CATEGORY DESIGN -----------------------------*/ .entry-category .meta-category a, .post-categories a, .meta-category .meta-category-inner a {background: #fb4c35;border-left: 5px solid #111;display: inline-block;padding: 2px 5px;margin-bottom:3px;color:#fff;line-height:18px;font-size: 12px;} /*----------------------------- 7.14 MAIL CHIMP -----------------------------*/ #secondary .widget_mc4wp_form_widget {border:3px outset #FB4C35;position:relative;} #secondary .widget_mc4wp_form_widget .mc4wp-form-fields .description{margin-bottom:15px; text-transform:capitalize;} #secondary .widget_mc4wp_form_widget .mc4wp-form-fields .sc-emailer{position: relative;} #secondary .widget_mc4wp_form_widget .mc4wp-form-fields .sc-emailer span.fa {font-size: 18px;left: 10px;position: absolute;top: 10px;} #secondary .widget_mc4wp_form_widget .mc4wp-form-fields .sc-emailer input[type="email"]{padding:0 98px 0 38px; margin:0;} #secondary .widget_mc4wp_form_widget .mc4wp-form-fields .sc-emailer .sc-emailer-btn {border:none;border-left: 1px solid #dedede;color: #FB4C35;font-size: 13px;padding: 0 0 0 10px;position: absolute;right: 10px;top: 6px;background:none;} /*----------------------------- 7.15 FLICKR FEED -----------------------------*/ .flickr-badge-wrapper .flickr_badge_image{width:33.33%;float:left;overflow:hidden;height: 100px;} .flickr-badge-wrapper .flickr_badge_image img{width:100%;height:100%;object-fit:cover;object-position:top center;margin:0} /*----------------------------- 7.16 WOOCOMMERCE -----------------------------*/ .woocommerce .product_title, .woocommerce .page-title, .woocommerce-cart .entry-title, .woocommerce-cart .cart_totals h2, .woocommerce-checkout .entry-title, .woocommerce #reviews #comments h2, .woocommerce #reviews h3, .related.products > h2, .woocommerce-Tabs-panel h2, #order_review_heading, .woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .cross-sells h2{font-size:26px !important;} .woocommerce-Tabs-panel h2,.woocommerce div.product .woocommerce-product-rating{margin-bottom: 10px !important;} .woocommerce div.product form.cart .variations td.label{padding: 8px 10px;} .woocommerce-Reviews-title{margin-bottom: 20px !important;} .woocommerce ul.products li.product h3{font-size:18px !important;} .woocommerce .woocommerce-breadcrumb {border-bottom:1px solid #ccc;margin: 0px 0px 20px !important;padding-bottom:10px !important;} .woocommerce .page-title{position:relative;border-bottom:1px solid #ccc;margin:0 0 15px;} .woocommerce .page-title::after{background: #FB4C35;bottom: -1px;content: "";display: block;height: 1px;left: 0;position: absolute;width: 50px;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background: #111 !important;color: #fff !important;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{background: #111 !important;color: #fff !important;font-size: 12px !important;font-weight: 400 !important;line-height: 14px !important;padding: 10px !important;text-transform: uppercase;transition: all 0.2s ease-out 0s;border-radius:0 !important;} .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover{color: #fff !important;background: #FB4C35 !important;} .woocommerce #respond input#submit:hover::after, .woocommerce a.button:hover::after, .woocommerce button.button:hover::after, .woocommerce input.button:hover::after{height: 300%;opacity: 1;} .woocommerce input.button.alt:hover, .woocommerce input.button:hover{background: #FB4C35 !important;} .woocommerce .woocommerce-pagination .page-numbers{border:none;background:none;box-shadow:none;} .woocommerce .woocommerce-pagination .page-numbers:hover{background:none;} .woocommerce .woocommerce-pagination .page-numbers li{margin-right:1px !important;border:0;background:#222;} .woocommerce .woocommerce-pagination .page-numbers li .page-numbers{padding:10px;} .woocommerce .woocommerce-pagination .page-numbers li .page-numbers:hover, .woocommerce .woocommerce-pagination .page-numbers li .page-numbers:focus,{background:#FB4C35;color:#fff;} .woocommerce .woocommerce-pagination .page-numbers.current{background:#FB4C35;color:#fff;display:inline-block;} .woocommerce-page #content .product .summary, .woocommerce-page .product .summary{background: #fff;padding: 5px 10px;} .woocommerce-tabs .panel {background: #fff;} .woocommerce th{background:#FB4C35;color:#fff;} .woocommerce .cart .coupon .input-text{padding:0 5px !important;height:34px;} .woocommerce .summary .cart{margin-bottom:0px !important;} .woocommerce .summary .cart .quantity input{padding:5px;height:34px !important;} .woocommerce .summary .product_meta span{color:#999;} .woocommerce .woocommerce-tabs ul li::before, .woocommerce .woocommerce-tabs ul li::after{content:none !important;} .woocommerce .woocommerce-tabs .woocommerce-Tabs-panel{padding:15px !important;} .related.products {background: #fff;padding: 10px 10px 10px 14px;margin-bottom: 30px;} .woocommerce .product .woocommerce-tabs{margin-top: 30px;} .woocommerce #review_form #respond p{padding-right: 5px;} .woocommerce .woocommerce-message, .woocommerce .woocommerce-info, .woocommerce-shipping-fields, .woocommerce-billing-fields,.woocommerce-checkout-payment, .woocommerce .woocommerce-error, .woocommerce form.checkout_coupon{padding: 10px 10px;background: #fff !important;} .woocommerce-shipping-fields{margin-bottom: 20px;} .woocommerce-checkout-review-order {margin-bottom: 20px;} #order_review_heading{margin-top: 20px;} .page .woocommerce .woocommerce-info {margin-top: 20px !important;} .woocommerce ul.products li.product h3:hover,{color:#FB4C35 !important; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals{padding: 10px 10px !important;background: #fff;} .hentry .wpos-entry-header h1.entry-title:hover {color: #111 !important;} .woocommerce #reviews #comments h2{font-size: 25px;} .woocommerce span.onsale{width:45px;height:45px;line-height:45px;margin:-10px -10px 0 0 !important;padding:0;} .value a {padding: 5px 10px;background: #fafafa;} .value{padding: 0px;} .price{font-size: 15px;margin-bottom: 10px;} .woocommerce-Reviews .comment-form-rating .stars span a{color:#fb4c35;} .woocommerce-LoopProduct-link .price span {font-size: 15px !important;} .woocommerce .products{background:#fff;padding:10px !important;} .woocommerce .shop_table .product-name .variation dd{padding:0 !important;margin:0 !important;line-height:normal;} .woocommerce .shop_table .product-name .variation dd p{margin:0 !important;} .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{margin-top:4px;background-color:rgba(17,17,17,0.56) !important;} .woocommerce .widget_price_filter .ui-slider .ui-slider-range{background-color:#fb4c35 !important;} .woocommerce .widget_price_filter .ui-slider .ui-slider-handle{background-color:#111 !important;} /*----------------------------- 8.0 FOOTER -----------------------------*/ /*----------------------------- 8.1 MAIN FOOTER -----------------------------*/ .footer-container { margin-top: 35px; clear: both; } .page-template-front-page .footer-container { margin-top: 0px; } .footer-sidebar-container { background-color: #101010;color: #848484; color: #666;} .footer-sidebar-container .wpos-footer-sidebar-1, .footer-sidebar-container .wpos-footer-sidebar-2, .footer-sidebar-container .wpos-footer-sidebar-3, .footer-sidebar-container .wpos-footer-sidebar-4{margin: 30px 0 30px;} .footer-copyright-area { background-color: #000; padding: 20px; font-size: 12px; color: #8c8989; vertical-align: middle; } .footer-container .widget-title{margin-bottom:20px;} .footer-container .widget-title h4{color:#eee;margin:0;} .footer-container .widget_recent_entries .post-date::before{content:"\f017";font-family:FontAwesome;margin-right:8px;} .footer-container .widget_recent_entries span{color:#ADADAD;} .footer-sidebar-container .category-list, .footer-sidebar-container .widget_pages ul, .footer-sidebar-container .widget_nav_menu ul, .footer-sidebar-container .widget_archive ul, .footer-sidebar-container .widget_meta ul, .footer-sidebar-container .widget_categories ul, .footer-sidebar-container .widget_recent_entries ul { margin-left: 0; } .footer-copyright-area .wpos-social-network-icon {padding: 5px; color: #8c8989; font-size: 20px; margin: 0px 1px; background: rgba(84, 81, 81, 0.52);} .footer-sidebar-container table tr th, .footer-sidebar-container table tr td { background-color: #353535; color: #848484; } .footer-sidebar-container table { border: 1px solid #474747; } .footer-sidebar-container td, .footer-sidebar-container th { border-bottom: 1px solid #474747; border-right: 1px solid #474747; } .footer-sidebar-container .widget_calendar a:hover { color: #fff; } .footer-sidebar-container select { background-color: transparent; color: #848484; border-color: #474747; padding: 0.3rem; } .footer-sidebar-container abbr, .footer-sidebar-container acronym { color: #3E7CCC; } .footer-sidebar-container .children { border: 0; } .footer-sidebar-container .children::before { content: unset; } .footer-sidebar-container .widget_nav_menu li ul { border-top: 1px solid #474747; } .footer-sidebar-container .widget_recent_comments li::before { color: #848484; } .footer-sidebar-container .widget_rss li, .footer-sidebar-container .widget_recent_comments li { border-top: 1px solid #474747; margin-top: 12px; } .footer-sidebar-container .recentcomments a:hover { color: #fb4c35; } .footer-sidebar-container .widget_calendar caption { color: #848484; } .footer-sidebar-container h4 .rsswidget { color: #676767; } .footer-sidebar-container .widget_rss a:hover { color: #fff; } .footer-sidebar-container .widget_sp_testimonials h2 { color: #676767; } .footer-sidebar-container .widget_sp_testimonials h4 { color: #676767; } @media screen and (max-width:40.063em){ .footer-sidebar-container .wpos-footer-sidebar-1, .footer-sidebar-container .wpos-footer-sidebar-2, .footer-sidebar-container .wpos-footer-sidebar-3, .footer-sidebar-container .wpos-footer-sidebar-4{margin-bottom: 20px; float: left;width: 100%;} } /*----------------------------- 8.2 FOOTER LOGO -----------------------------*/ .footer .logo { margin-top: 0; text-align: left; } /*----------------------------- 8.3 SOCIAL FOOTER -----------------------------*/ .social-footer { text-align: center; margin-bottom: 20px; } .social-footer li { display: inline-block; text-align: left; margin: 0 20px 10px 20px; position: relative; } .social-footer li a:before { content: ""; display: block; width: 15px; height: 2px; background: #fff; position: absolute; top: 4px; left: 0; -webkit-transition: all .2s linear; transition: all .2s linear; } .social-footer li a:hover:before { width: 100%; } .social-footer li a { display: block; position: relative; float: left; font-size: 13px; padding-top: 8px; } .social-footer .network-name { color: #fff; text-transform: uppercase; font-weight: 700; } .social-footer li i { color: #fff; font-size: 32px; padding-right: 15px; float: left; -webkit-transition: all .2s linear; transition: all .2s linear; } /*----------------------------- 8.4 FOOTER BOTTOM -----------------------------*/ .footer-bottom { position: relative; background: #333333; position: relative; padding: 20px 0; } .footer-bottom:before { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #333333; position: absolute; top: -20px; left: 50%; margin-left: -20px; } .bottom-left { float: left; } .bottom-right { float: right; } .footer .copyright { font-size: 0.9286em; line-height: 2.31; margin-bottom: 0; color: #9f9f9f; } .wpos-footer-copyright-text{line-height:34px;} /*----- Footer Navigation -----*/ .footer .menu-placeholder { color: #fff; text-align: right; float: right; font-size: 13px; padding-bottom: 0; } #footer-nav { list-style: none; margin-top: 2px; } #footer-nav li { display: inline; margin-left: 20px; } #footer-nav li a { color: #9f9f9f; font-size: 0.9286em; } #footer-nav li a:hover { color: #fff; } /*----------------------------- 8.5 SCROLL TO TOP -----------------------------*/ .scroll-top { display: none; } .scroll-top a { width: 44px; height: 44px; border-radius: 2px; text-align: center; line-height: 43px; background: #000; position: fixed; bottom: 20px; right: 20px; text-transform: uppercase; font-size: 16px; color: #fff; z-index: 100; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; -webkit-transition: all .2s linear; transition: all .2s linear; } .scroll-top a:hover { background-color: #3e7ccc; color: #fff; text-decoration: none; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /*-------------------------------------------------- 9.0 WORDPRESS NATIVE AND VENDOR PLUGIN CLASSES ------------------------------------------------------*/ /*---------------------------------------- 9.1 DEFAULT POST FORMATTING STYLES ----------------------------------------*/ .alignleft, img.alignleft { float: left; margin: 6px 20px 10px 0; } .alignright, img.alignright { float: right; margin: 6px 0 10px 20px; } .aligncenter, img.aligncenter {text-align:center;margin:0 auto;display:table;margin-bottom: 10px;} .alignnone, img.alignnone { display: block; } .aligncenter .wp-caption-text, .alignnone .wp-caption-text { margin-bottom: 20px; } .wp-caption { max-width: 100%; margin-bottom: 40px; position: relative; } .wp-caption-text::before {content: "";position: absolute;width: 50px;height: 2px;background: RGBA(255, 255, 255, 0.4);bottom: 32px;left: 46%;margin-left: -17px;} .wp-caption-text::after {content: "";position: absolute;width: 50px;height: 2px;background: RGBA(255, 255, 255, 0.4);bottom: 10px;left: 46%;margin-left: -17px;-webkit-transition: all .2s linear;transition: all .2s linear; }.wp-caption img { } .wp-caption p.wp-caption-text { text-align: center; margin-bottom: 0; font-size: 0.857em; } .wp-smiley { } blockquote.left { margin-right: 20px; text-align: right; margin-left: 0; width: 33%; float: left; border-left: none; border-right: 3px solid #eaeaea; padding-right: 30px; padding-left: 0; } blockquote.right { margin-left: 20px; text-align: right; margin-right: 0; width: 33%; float: right; } .entry-content ul, .entry-content ol { margin-bottom: 30px; padding-left: 20px; } .entry-content ul ul li:before { display: none; } .entry-content ul ul li { padding-left: 0; } .entry-content ul ul, .entry-content ol ol { margin-bottom: 0px; padding-left: 20px; } .entry-content ul ul { list-style-type: square; } .entry-content ul ul ul { list-style-type: circle; } .entry-content ul li, .entry-content ol li { margin-bottom: 5px; } .gallery dl { } .gallery dt { } .gallery dd { } .gallery dl a { } .gallery dl img { } .gallery-caption { } .size-full { } .size-large { } .size-medium { } .size-thumbnail { } /*----------------------------- 9.2 WIDGET DEFAULT STYLES -----------------------------*/ .widget_calendar caption { padding-bottom: 20px; margin-top: -5px; color: #333333; font-size: 1.143em; } .widget_archive select { display: block; width: 100%; background: transparent; border: 1px solid #474747; cursor: pointer; padding: 0.2rem; color: #757575; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .widget_archive option { } .widget_rss { } .widget_rss a { font-size: 0.9286em; font-weight: 700; text-transform: uppercase; padding-bottom: 10px; line-height: 1.5; display: inline-block; } .widget_rss li span { display: block; margin-top: -3px; margin-bottom: 10px; font-size: 0.9286em; } .widget_rss ul, .widget_recent_comments ul { list-style: none; } .widget_rss li cite { font-size: 0.929em; color: #333333; } .rssSummary { margin-bottom: 10px; } h4 .rsswidget { text-transform: none; font-weight: bold; color: #333333; font-size: 1.143em; float: left; padding-bottom: 0; padding-left: 10px; position: relative; } h4 .rsswidget:first-child { padding: 0; margin: 2px 0 0 0; } .widget_rss li, .widget_recent_comments li { padding-top: 15px; border-top: 1px solid #eaeaea; margin-top: 15px } .widget_rss li:first-child, .widget_recent_comments li:first-child { border-top: none; padding-top: 0; } .widget_recent_comments li { position: relative; padding-left: 25px; } .widget_recent_comments li:before { content: "\f086"; color: #333333; position: absolute; left: 0; font-family: FontAwesome; } .widget_calendar table { margin-bottom: 0; } /*----------------------------- 9.3 CONTACT FORM 7 (PLUGIN) -----------------------------*/ .wpcf7 input { width: 266px; } div.wpcf7 { overflow: hidden; } .wpcf7 p { margin-bottom: 20px; } .wpcf7 input, .wpcf7 textarea { color: #757575; width: 70%; min-height: 40px; box-sizing: border-box; padding: 7px 12px; border: 1px solid #eaeaea; font-family: inherit; font-size: inherit; line-height: 1.8; } .wpcf7 textarea { width: 100%; } .wpcf7 .wpcf7-submit { width: auto; cursor: pointer; padding: 10px 15px; border: none; font-size: 0.8571em; font-family: 'Raleway', Arial, sans-serif; color: #fff; background: #3e7ccc; font-weight: 700; text-transform: uppercase; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; display: inline-block; } .wpcf7 .wpcf7-submit:hover { background: #333333; } div.wpcf7-response-output { padding: 15px; position: relative; margin: -10px 0 20px 0; } /* Checkboxes and radios */ .wpcf7 input[type=radio], .wpcf7 input[type=checkbox], .mc4wp-form input[type=radio], .mc4wp-checkbox-comment_form input { position: relative; border: 1px solid #c2c2c2; background: #fff; color: #323232; clear: none; cursor: pointer; display: inline-block; line-height: 0; height: 18px; min-height: auto; margin: -4px 4px 0 0; outline: 0; padding: 0; text-align: center; vertical-align: middle; width: 18px; min-width: 18px; -webkit-appearance: none; -webkit-transition: .05s border-color ease-in-out; transition: .05s border-color ease-in-out; } .wpcf7 input[type=radio]:checked:before, .wpcf7 input[type=checkbox]:checked:before, .mc4wp-form input[type=radio]:checked:before, .mc4wp-checkbox-comment_form input:checked:before { font-family: FontAwesome; position: absolute; padding-top: 5px; color: #fff; display: block; font-size: 10px; } .wpcf7 input[type=radio]:checked:before, .mc4wp-form input[type=radio]:checked:before { content: ""; background: #333333; width: 8px; height: 8px; border-radius: 50%; top: 50%; left: 50%; margin-top: -4px; margin-left: -4px; } .wpcf7 input[type=checkbox]:checked:before, .mc4wp-checkbox-comment_form input:checked:before { content: "\f00c"; font-size: 13px; top: 3px; left: 2px; } .wpcf7 input[type=checkbox]:checked, .mc4wp-checkbox-comment_form input:checked { background: #333333; border-color: #333333; } .wpcf7 input[type=radio], .mc4wp-form input[type=radio] { border-radius: 50%; } .wpcf7 input[type=radio]:focus { border-color: #c2c2c2; } span.wpcf7-list-item { margin-right: 1em; margin-left: 0 !important; } /* Select Dropdown */ .wpcf7 select { box-sizing: border-box; padding: 10px; border-radius: 2px; min-height: 42px; border-color: #eaeaea; color: #323232; font-family: inherit; } /* Quiz */ .wpcf7-quiz-label { margin-right: 20px; } .wpcf7 input:focus, .wpcf7 textarea:focus { border-bottom-color: #3e7ccc; } /* Form Messages */ .wpcf7-recaptcha { margin-bottom: 30px; } div.wpcf7-validation-errors, div.wpcf7-mail-sent-ok, .wpcf7-spam-blocked, .wpcf7-mail-sent-ng { margin-bottom: 20px; position: relative; border-radius: 2px; } .entry-content div.wpcf7-mail-sent-ok { background: #e2f3c8; color: #404e2e; border: 1px solid #a0c272; } .entry-content div.wpcf7-validation-errors { background: #fff5c6; color: #62523a; border: 1px solid #e0d594; } .entry-content div.wpcf7-response-output { margin: 0 0 20px 0; padding: 20px 30px 20px 20px; } .entry-content .wpcf7-mail-sent-ng { background: #ffd8c7; color: #5f393a; border: 1px solid #f2b1b4; } .entry-content .wpcf7-spam-blocked { background: #ffc181; color: #50360c; border: 1px solid #ffab32; } /*----------------------------- 10.0 WORDPRESS GALLERY -----------------------------*/ .gallery { margin: 0 -1.1666667% 1.75em; } .gallery-item { display: inline-block; max-width: 33.33%; padding: 0 1.1400652% 2.2801304%; text-align: center; vertical-align: top; width: 100%; margin: 0; } .gallery-columns-1 .gallery-item { max-width: 100%; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { color: #686868; display: block; font-size: 15px; font-style: italic; line-height: 1.6153846154; padding-top: 0.5384615385em; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } .entry-content .gallery figure { margin-bottom: 0px; } /*====== Full Image ======*/ .gallery-columns-1.gallery-size-full .gallery-item .gallery-icon{height:400px;} .gallery-columns-2.gallery-size-full .gallery-item .gallery-icon{height:210px;} .gallery-columns-3.gallery-size-full .gallery-item .gallery-icon{height:200px;} .gallery-columns-4.gallery-size-full .gallery-item .gallery-icon{height:190px;} .gallery-columns-5.gallery-size-full .gallery-item .gallery-icon{height:180px;} .gallery-columns-6.gallery-size-full .gallery-item .gallery-icon{height:180px;} .gallery-columns-7.gallery-size-full .gallery-item .gallery-icon{height:180px;} .gallery-columns-8.gallery-size-full .gallery-item .gallery-icon{height:170px;} .gallery-columns-9.gallery-size-full .gallery-item .gallery-icon{height:170px;} /*====== Large Image ======*/ .gallery-columns-1.gallery-size-large .gallery-item .gallery-icon{height:380px;} .gallery-columns-2.gallery-size-large .gallery-item .gallery-icon{height:220px;} .gallery-columns-3.gallery-size-large .gallery-item .gallery-icon{height:210px;} .gallery-columns-4.gallery-size-large .gallery-item .gallery-icon{height:200px;} .gallery-columns-5.gallery-size-large .gallery-item .gallery-icon{height:190px;} .gallery-columns-6.gallery-size-large .gallery-item .gallery-icon{height:190px;} .gallery-columns-7.gallery-size-large .gallery-item .gallery-icon{height:190px;} .gallery-columns-8.gallery-size-large .gallery-item .gallery-icon{height:180px;} .gallery-columns-9.gallery-size-large .gallery-item .gallery-icon{height:180px;} /*====== Medium Image ======*/ .gallery-columns-1.gallery-size-medium .gallery-item .gallery-icon{height:320px;} .gallery-columns-2.gallery-size-medium .gallery-item .gallery-icon{height:160px;} .gallery-columns-3.gallery-size-medium .gallery-item .gallery-icon{height:150px;} .gallery-columns-4.gallery-size-medium .gallery-item .gallery-icon{height:140px;} .gallery-columns-5.gallery-size-medium .gallery-item .gallery-icon{height:130px;} .gallery-columns-6.gallery-size-medium .gallery-item .gallery-icon{height:130px;} .gallery-columns-7.gallery-size-medium .gallery-item .gallery-icon{height:130px;} .gallery-columns-8.gallery-size-medium .gallery-item .gallery-icon{height:120px;} .gallery-columns-9.gallery-size-medium .gallery-item .gallery-icon{height:120px;} .gallery-item .gallery-icon img{height:100%; width:100%; object-fit:cover; object-position:top center;} /*----------------------------- 11.0 GO TO TOP -----------------------------*/ .wpos-go-to-top-container { display: none; border-radius: 4px 4px 0 0; bottom: 0; height: 35px; line-height: 35px; position: fixed; right: 30px; text-align: center; text-transform: uppercase; transition: all 0.2s ease-in-out 0s; width: 48px; z-index: 10000; color: #ffffff; text-decoration: none; cursor: pointer; } .wpos-go-to-top-container:hover .fa { color: #fff; }