/* Theme Name: WPOS Blog/News/Magazine-Travel Theme URI: https://www.wponlinesupport.com/themes Author: WP Online Support Author URI: https://www.wponlinesupport.com 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.3 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: Blog, News, one-column, two-columns, right-sidebar, 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: wpos-theme 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 POST THUMBNAIL 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 SINGLE POST 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 FLIKR 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%; } body { position: relative; color: #222; background: #fff; font-size: 14px; background-position: center center; background-repeat: repeat; background-attachment: fixed; } *:focus { outline: none; } button.slick-arrow, input[type="submit"] {background:#db0a5b;} button.slick-arrow:hover, button.slick-arrow:focus, input[type="submit"]:hover, input[type="submit"]:focus{background:#000;} h1, h2, h3, h4, h5, h6 { color: #222; } ul, ol, p { font-size: 14px; } p { margin-bottom: 20px;color:#555;} a { color: #222; text-decoration: none; -webkit-transition: color .1s linear; transition: color .1s linear; } a:hover, a:focus{color: #db0a5b;} 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; } .no-margin{margin:0px !important; } .padding-top-10{padding-top:10px;} 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; } time.updated { display: none; } time.entry-date.published { display: inline-block } .wpos-text-right { text-align: right; } .wpos-inner-header { text-align: center; background: #f5f5f5; padding: 40px 0; margin-top: 30px; } #content-container {padding:30px 0;} .vcard { border: 0px; display: inline-block; margin: 0; padding: 0; } .vcard .fn { font-size: inherit; font-weight: normal } 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;} .wpos-hide { display: none; } /*----------------------------- 1.1 TABLE -----------------------------*/ /*----------------------------- 1.2 BUTTON -----------------------------*/ .button {text-transform: uppercase;} /*----------------------------- 1.3 POST THUMBNAIL -----------------------------*/ .post .post-thumbnail, .post .post-gallery { margin-bottom: 0px; overflow: hidden; position:relative; } .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; position:relative;} .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; } .medium-6.wpos-post-grid .gallery-thumbnail, .medium-12.wpos-post-grid .gallery-thumbnail, .medium-4.wpos-post-grid .gallery-thumbnail, .medium-3.wpos-post-grid .gallery-thumbnail, .archive .gallery-thumbnail{position:relative;} .medium-12.wpos-post-grid .gallery-thumbnail .medium-12.wpos-post-grid .gallery-thumbnail li{ height:400px; overflow:hidden; } .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 .post-container .post-thumbnail{ overflow: hidden;height: 240px; position:relative; } .cat_row .post-container .post-thumbnail img {height: 100%; object-fit: cover; object-position:top center; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: calc(100% + 50px); transform: translate3d(-40px, 0, 0); max-width: none;} .cat_row .post-container .post-thumbnail:hover img{-webkit-transform: translate3d(0px, 0, 0);-moz-transform: translate3d(0px, 0, 0);transform: translate3d(0px, 0, 0);} /*====== Grid Design ======*/ .wpos-grid-layout .grid-count-1 .post-container {margin-bottom:25px;} .wpos-grid-layout .grid-count-1 .post-container .post-thumbnail {overflow: hidden;height: 350px; position:relative; } .wpos-grid-layout .grid-count-1 .post-container .front-post-details{position:absolute;bottom: 0px; padding: 10px; left: 0; text-align: left; right:0; background: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%);} .wpos-grid-layout .grid-count-1 .post-container .front-post-details .post-title a, .wpos-grid-layout .grid-count-1 .post-container .front-post-details p{color:#fff !important;} .wpos-grid-layout .grid-count-1 .post-container .front-post-details .wpos-post-meta a, .wpos-grid-layout .grid-count-1 .post-container .front-post-details .wpos-post-meta .fa{color:#fff !important;} .wpos-grid-layout .has-post-image .front-post-details{position:absolute;bottom:0;left:0;width:100%;padding:10px;background: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%);} .wpos-grid-layout .has-post-image .post-title a, .wpos-grid-layout .has-post-image .front-post-details .wpos-post-meta, .wpos-grid-layout .has-post-image .front-post-details .wpos-post-meta a{color:#fff;} .wpos-grid-layout .front-post-details .wpos-post-meta{margin:0;} .wpos-grid-layout .post-title a, .wpos-grid-layout .front-post-details .wpos-post-meta, .wpos-grid-layout .front-post-details .wpos-post-meta a{color:#222;} .wpos-grid-layout .front-post-details{padding:10px 10px 20px;box-shadow:0px 2px 3px rgba(0,0,0,0.09);} .wpos-grid-layout .row{display:flex;flex-flow:row wrap;} /*==== 2.0 HEADER AND LOGO =======================================================*/ /*----------------------------- 2.1 HEADER TOP STYLES -----------------------------*/ .wpos-header-container { float: left; width: 100%; background: #fff; } .wpos-header-container .site-title { font-size: 22px; margin-bottom: 0; } .wpos-header-container .site-description { font-size: 15px; } .wpos-header-top .wpos-social-network-icon .fa:hover { color: #fff; } .header-contact { color: #282a2b; } .header-contact .fa { color: #282a2b; margin-right: 5px; } .header-contact .fa:nth-child(2) { margin-left: 15px; } /*====== SOCIAL MENU ICON ======*/ .wpos-social-network-icon {display:inline-block;text-align: center;height:40px;width:40px;border-left:1px solid #333;transition:all .4s linear;} .wpos-social-network-icon:hover.wpos-facebook-icon{background-color:#3b5999;} .wpos-social-network-icon:hover.wpos-twitter-icon {background-color:#55acee;} .wpos-social-network-icon:hover.wpos-linkedin-icon{background-color:#0077B5;} .wpos-social-network-icon:hover.wpos-google-plus-icon{background-color:#dd4b39;} .wpos-social-network-icon:hover.wpos-instagram-icon{background-color:#BE39A6;} .wpos-social-network-icon:hover.wpos-youtube-icon{background-color:#cd201f;} .wpos-social-network-icon .fa { color: #fff; line-height: 2.6rem; font-size: 20px; width:100%;} .wpos-social-network-icon:hover .fa{color:#fff;animation-name:fadeInDown;animation-duration:0.4s;} .wpos-social-network-icon:last-child{border-right:1px solid #333;} .content-container { clear: both; } /*----------------------------- 2.2 HEADER STYLES -----------------------------*/ .wpos-header-container .wpos-header{background:#000;} .wpos-header-container .wpos-header-top{background:#000; border-bottom: 1px solid #333;} .wpos-header-image-wrap { float: left; width: 100%; padding: 150px 0; } .wpos-header-image-wrap { 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; } /*----------------------------- 2.3 LOGO -----------------------------*/ .wpos-logo { padding-top: 20px; padding-bottom: 20px; text-align: left; } .site-description { margin-top: 0px; padding-bottom: 0px; margin: 0; } .wpos-logo h1.site-title a, .wpos-logo h3.site-description{color:#fff;} /*==== 3.0 NAVIGATION =======================================================*/ /*----------------------------- 3.1 MAIN NAVIGATION -----------------------------*/ .navigation-main { float: left; width: 100%; clear: both; background: #fff; height:64px; border-bottom:2px solid #eee;} .navigation-main .nav_wrap{ padding:10px 0;} .navigation-main.fixed { border: 0px; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4);z-index:9999;} .logged-in.admin-bar .navigation-main.fixed{top:32px;} /* main top menu background color */ .top-bar-section ul { background-color: transparent; list-style: none } .top-bar-section ul li { background: none; } .top-bar-section ul.left li {border-right:1px solid #eee; } .top-bar-section ul.left li:first-child {border-left:1px solid #eee; } /* main top menu style */ .top-bar-section ul li > a { line-height: 40px !important; font-size: 14px; color: #000; } .top-bar-section li:not(.has-form) a:not(.button) { background: none; line-height: 20px; } .top-bar-section li:not(.has-form):hover { background-color: transparent; } .navigation-main .top-bar-section li:not(.has-form) a:not(.button):hover { color: #DB0A5B; background: none } .top-bar-section ul li:hover:not(.has-form) > a { background: none; } .top-bar-section li.active:not(.has-form) a:not(.button) { background: #fff; color: #DB0A5B; line-height: 20px; padding: 0 0.9375rem; } .navigation-main .top-bar-section ul.left > li.has-dropdown.active > ul.dropdown li a { background: transparent !important; } .navigation-main .top-bar-section ul.left > li.has-dropdown.active > ul.dropdown li.active a { background: none !important; color: #DB0A5B; } .top-bar-section li.active:not(.has-form) a:not(.button):hover { color: #DB0A5B; background: none; } .top-bar-section .has-dropdown > a { padding-right: 2.1875rem !important; } .top-bar-section .has-dropdown > a:after { border: inset 5px; content: ""; display: block; height: 0; width: 0; border-color: #000 transparent transparent transparent; border-top-style: solid; margin-top: -2.5px; top: 50%; } .top-bar-section .has-dropdown:hover > a:after, .top-bar-section .has-dropdown:focus > a:after, .top-bar-section .has-dropdown.active > a:after{border-color:#DB0A5B transparent transparent transparent;} .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after { top: 0.4rem; } /* main top menu dropdown style */ .top-bar-section .dropdown { min-width: 200px; padding:10px; border:1px solid #eee; background: #f9f9f9; } .top-bar-section ul li:hover:not(.has-form) > a { color: #DB0A5B; } .top-bar-section .right li .dropdown { left: 0; right: auto; box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.4); } .top-bar-section .right li .dropdown li .dropdown { left: 100%; right: auto } .top-bar-section .dropdown li:not(.has-form):not(.active) > a:not(.button) { text-transform: capitalize; line-height: 2rem !important; color: #000; transition: all 100ms ease-out 0s; padding: 5px 10px !important; background-color: transparent !important;} .top-bar-section .dropdown li:hover:not(.has-form):not(.active) > a:not(.button) { color: #DB0A5B; } .top-bar-section .dropdown li.active:not(.has-form) a:not(.button) { text-transform: capitalize; line-height: 2rem !important; padding: 5px 10px !important; } .top-bar-section .dropdown li{ border-bottom:1px solid #eee; } .top-bar-section .dropdown li{border-right:0px !important} .top-bar-section .dropdown li:last-child{border:0px !important} .top-bar-section .has-dropdown .dropdown li.has-dropdown > a::after{content:"\f0da" !important;font-family:FontAwesome;} /*----------------------------- 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 #000, 0 7px 0 2px #000, 0 14px 0 2px #000; margin: -4px 0 0 0; } /*----------------------------- 3.3 TOP NAVIGATION -----------------------------*/ .wpos-header-top-menu .top-bar-section .dropdown {padding:0 10px;} .wpos-header-top-menu .top-bar-section ul li > a {color:#fff;font-size:12px;text-transform:capitalize;padding: 0 5px !important;} .wpos-header-top-menu .top-bar-section ul li.has-dropdown a{padding-right:1.1875rem !important;} .wpos-header-top-menu .top-bar-section ul li > a:hover { color: #db0a5b; } .wpos-header-top-menu .top-bar-section { margin-top: 0; } .wpos-header-top-menu .top-bar-section ul > li { padding: 0 10px !important;border-right:1px solid #333;} .wpos-header-top-menu .top-bar-section ul > li:first-child {border-left:1px solid #333;} .wpos-header-top-menu .top-bar-section ul > li:last-child { margin-right: 0px !important } .wpos-header-top-menu .top-bar-section ul.right > li.active > a, .wpos-header-top-menu .top-bar-section ul.right > li:focus> a, .wpos-header-top-menu .top-bar-section ul.right > li:hover > a { background: none !important; } .wpos-header-top-menu .top-bar-section ul.right > li:hover, .wpos-header-top-menu .top-bar-section ul.right > li:focus { background: none; } .wpos-header-top-menu .top-bar-section .has-dropdown > a:after{border-color: #fff transparent transparent transparent;} .wpos-header-top-menu .top-bar-section .has-dropdown:hover > a:after, .wpos-header-top-menu .top-bar-section .has-dropdown:focus > a:after, .wpos-header-top-menu .top-bar-section .has-dropdown.active > a:after{border-color:#DB0A5B transparent transparent transparent;} /*----------------------------- 3.4 SEARCH NAVIGATION -----------------------------*/ #wpos-search-nav .wpos-search-nav{display:block;} #wpos-search-nav .wpos-search-nav.active .fa{color:#db0a5b;} #wpos-search-nav .wpos-search-nav .fa{ color: #000;font-size: 20px;line-height:40px;} #wpos-search-nav .wpos-search-nav:hover .fa, #wpos-search-nav .wpos-search-nav:focus .fa{color:#db0a5b;} #wpos-search-dropdown { box-shadow: 0px 5px 20px -10px #000; display: none; position: absolute; right: -20px; width: 100%; left: 0; z-index: 2; background: #DB0A5B; } #wpos-search-nav span { font-size: 21px; line-height: 100%; cursor: pointer; } #wpos-search-nav { transition: all 0.3s ease 0s; text-align: center; } #searchform input { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; 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 {color: #fff !important;} #searchform input::-moz-placeholder {color: #fff !important;} #searchform input:-ms-input-placeholder {color: #fff !important;} .wpos-header .search-nav {position: static !important;} /*==== 4.0 BLOG POST =======================================================*/ /*----------------------------- 4.1 GENERAL STYLES -----------------------------*/ .margin-top-bottom{margin:10px 0 !important;} .page-wrapper .entry-content { padding-top: 40px; } .wpos-post-grid-wrp .medium-12 .post, .wpos-post-masonry .wpos-post-grid .post{border-bottom: 1px solid #eaeaea;} .post {background:#fff;margin-bottom:20px;float:left;width:100%;padding-bottom:20px;} .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; } .title .entry-title {line-height: 1.2; text-transform: none; margin: 7px 0; } .medium-3 .title .entry-title{font-size:18px;} .has-post-thumbnail .title .entry-title a, .post_format-post-format-gallery .title .entry-title a { color: #fff; } .title .entry-title a:hover { color: #DB0A5B; } .title .post-category a { padding: 0 5px; } .title .post-category { text-align: center; position: relative; z-index: 62; display: inline-block; margin: 0 auto; } .meta-category { position: relative; } .entry-meta span { font-size: 12px; } .feature-entry-date {text-transform:capitalize;line-height:20px;color:#fff;} .cat_row .post-title{margin:0;} .cat_row .wpos-post-meta {margin:5px 0;color:#999;} .cat_row .wpos-post-meta a{color:#999;} .wpos-post-grid .wpos-post-meta {margin-bottom:15px;} .wpos-post-meta > span {margin-right:10px;font-size:12px;} .wpos-post-meta > span .fa {margin-right:3px;} .post .wpos-post-meta > span, .post .wpos-post-meta > span a {color:#999;} .post_format-post-format-gallery a.post-btn { background: transparent; border-bottom: 1px solid; color: #111; display: inline-block; font-size: 12px; font-weight: 400; line-height: 14px; margin: 30px 0 0; padding: 10px 20px; position: relative; text-transform: uppercase; transition: all 0.5s ease-out 0s; } .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; } .tag .entry-content { padding: 15px 0 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;} .wpos-tag-list {color:#000;font-size:12px;text-align:left;text-transform:capitalize;} @media only screen and (min-width: 40.063em) and (max-width: 64em){ .medium-3 .title .entry-title{font-size:16px;} } /*----------------------------- 4.2 POST ENTRY / EXCERPT -----------------------------*/ .has-post-thumbnail header.title, .format-gallery header.title{position: absolute; bottom: 0px; text-align:center; padding: 20px; left: 0;right:0; background: -moz-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -o-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear, center top, center bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.7))); background: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.4) 50%, rgba(0,0,0,.7) 100%);} .has-post-thumbnail header.title h2.entry-title a, .format-gallery header.title h2.entry-title a {color:#fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);} header.title{text-align:center;} header.title .meta-category, .quote-post-img-container .meta-category{color:#fff;display:inline-block;} header.title .meta-category .meta-category-inner a, .quote-post-img-container .meta-category .meta-category-inner a{ color:#fff;background:#db0a5b;padding:0px 8px;margin-bottom:3px;} .medium-12.wpos-post-grid .post-container .post-details{} .post-container .post-details { background-color: #fff; position: relative; text-align: center; } .has-post-thumbnail .post-container .main-post-meta, .format-gallery .post-container .main-post-meta {background:#f5f5f5; padding:10px 20px;} .single .post-container .post-details, .single .post-container .post-details .outer-entry-content, .single header.title{text-align: left;width:100%;float:left;} .single header.title h1.entry-title{color:#fff;} .single .post-container .post-thumbnail, .single .post-container .gallery-thumbnail{height:auto; background:#555; position:relative;width:100%;float:left;} .single .post-container .gallery-thumbnail li{height:450px;} .wpos-post-grid .morelink_button { margin-top: 30px; } .morelink_button a.post-btn {border:1px solid #222;color:#222;background:transparent;display:inline-block;margin: 0;line-height:normal;padding: 5px 10px;font-size: 14px;inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .morelink_button a.post-btn::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #000;-webkit-transform: scale(0);transform: scale(0);-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;} a.post-btn:hover::before{-webkit-transform: scale(1);transform: scale(1);} a.post-btn:hover, a.post-btn:focus { color: #fff !important;} .intro-text { font-size: 16px; line-height: 26px; color: #333333; font-weight: 400;} .entry-content blockquote {background: #E6E6E6 url("./assets/images/quotes.png") no-repeat 15px center;padding: 30px 30px 30px 85px;border: 0 none;margin: 15px 0;} .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: 15px 0; } .edit-link{padding:5px 20px;} /*----------------------------- 4.3 POST TYPE ICON ----------------------------- */ .icon .post-icon {text-align:center;position:absolute;top:3%;z-index:1;right:3%;display:table;font-size:18px;height:45px;width:51px;line-height:45px;border:3px solid #fff; background-color: rgba(255,255,255,0.17); border-radius: 50%; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); } .post-thumbnail:hover .post-icon .fa, .gallery-thumbnail:hover .post-icon .fa, .post-cat-thumbnail:hover .post-icon .fa, .post .thumbnail:hover .post-icon .fa, .block-image-holder:hover .post-icon .fa, .entry-image-bg:hover .post-icon .fa {-webkit-animation-name: fadeInUp; animation-name: fadeInUp; animation-duration: 1s;} /*========= Animation CSS =========*/ @-webkit-keyframes fadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from {opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} to { opacity: 1; -webkit-transform: none; transform: none; } } @-webkit-keyframes fadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } @keyframes fadeInDown { from {opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0);} to {opacity: 1;-webkit-transform: none;transform: none;} } /*========= End of Animation CSS =========*/ /*--------------------------------- 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: #f5f5f5; margin-bottom: 40px; padding: 15px 15px 0; width: 100%; float: left; border:1px solid #eee;} .post-author-section .author-info {padding-bottom: 30px;text-align: center;width: 100%;} .author-action { color: #777; font-size: 0.9286em; text-transform: capitalize; font-weight: 700; } .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;width: 100px;overflow: hidden;margin:-45px auto 10px;background:#fff;} .gravatar-author-img img {width:100%;height: 100%; object-fit: cover; object-position: top center; } .post-author-gravatar .author-name{display:inline-block;text-transform:capitalize;} .post-author-gravatar .author-social { margin-top: 0px; } /*----------------------------- 4.7 RELATED POSTS -----------------------------*/ .single-post .cat-more-news { width: 100%; float: left; background: #fff;margin-bottom: 40px; } .cat-more-news .wpos-post-meta a, .cat-more-news .wpos-post-meta span{color:#999;} .cat-more-news .cat-news .entry-image-bg {height: 150px; overflow: hidden;} .cat-more-news .entry-no-image-bg{background-color:#f1f1f1;} .cat-more-news .entry-title-header{box-shadow: 0 2px 3px rgba(0, 0, 0, 0.09);padding:10px 10px 20px;} .cat-more-news .cat-news .entry-image-bg img{height: 100%;object-fit: cover; object-position: center top;width:100%;} .cat-more-news .cat-news .cat-title{border-bottom:2px solid #eee;margin: 0 0 20px;padding: 0 0 10px;position:relative;} .cat-more-news .cat-news .cat-title::before{content:"\f087";font-family:FontAwesome;margin-right:10px;} .cat-more-news .cat-news .cat-title::after{background: #db0a5b;bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;} /*----------------------------- 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: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: 20px; clear: both; } .comment-respond { padding: 15px; background: #f5f5f5; width: 100%; float: left; border:1px solid #eee;} .comment-respond .comment-form .form-submit{margin:0;} .comments-area:last-child { margin-bottom: 80px; } .comments-title, .comment-reply-title { display: inline-block; position: relative; color: #000; text-transform: none; } /*---------------------------------- 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; } .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-form textarea, .comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"]{border:none;border-bottom:2px solid #999;background:transparent;box-shadow:none;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;transition:all .4s linear;} .comment-form textarea:hover,.comment-form textarea:focus, .comment-form input[type="text"]:hover,.comment-form input[type="text"]:focus, .comment-form input[type="email"]:hover,.comment-form input[type="email"]:focus, .comment-form input[type="url"]:hover,.comment-form input[type="url"]:focus{border-bottom-color:#DB0A5B;} .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: 15px 0 45px; } .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: #999; } .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: #3e7ccc; 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: #DB0A5B;color:#fff;} .pagination-links { margin-bottom: 45px; } .single .nav-previous a:before, .single .nav-next a:after { font-size: 22px; } .single .nav-previous, .single .nav-next { height: 80px;position: fixed; top: 50%; width: 55px; z-index: 99; } .single .nav-previous { left: 0; } .single .nav-next { right: 0; text-align:right;} .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: 230px; padding: 10px; background: #DB0A5B;font-size:16px;} .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: 0px; } .single .nav-next:hover .prev-next-text { right: 0px; text-align: left; } /*----------------------------- 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; } .title-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 {border-width: 30px; top: -30px; } .small-icon .post-icon-inner span:after {left: -30px; top: 30px; border-width: 30px; } .small-icon .post-icon-outer span {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 --------------------------------------*/ /*-------------------------------------- 4.13 SINGLE POST --------------------------------------*/ .single-post .outer-entry-content .entry-content img.aligncenter{margin:0 auto;display:table;} .single-post .outer-entry-content .entry-content { margin-top: 15px; } .single-post .has-post-thumbnail .entry-title , .search-results .has-post-thumbnail .entry-title a, .archive .has-post-thumbnail .entry-title a{display: block;float: left;width: 100%;color:#fff;} .single-post .meta-category, .single-post .wpos-post-meta{display: block;float: left;width: 100%;} .single-format-gallery .gallery-thumbnail .entry-title{color:#fff;} .single .post-container .entry-content{margin-top:10px;float: left;width: 100%;} /*==== 5.0 POST TYPES =======================================================*/ /*---------------------------------------------- 5.1 IMAGE / IMAGE GALLERY -----------------------------------------------*/ /*====== Attachment Page ======*/ .attachment .entry-title{ border-bottom: 2px solid #eee;margin: 0 0 20px;padding: 0 0 5px;position: relative;text-transform: capitalize;z-index: 9;} .attachment .entry-title::before{background: #db0a5b;bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;} .attachment .entry-content, .attachment .navigation{width:100%;float:left;margin:15px 0;} .attachment .navigation span a{background:#DB0A5B;padding:10px 15px;display:inline-block;color:#fff;position:relative;-webkit-transition:background .3s linear;-moz-transition:background .3s linear;transition:background .3s linear;} .attachment .navigation span a:hover, .attachment .navigation span a:focus{background:#000;} .attachment .navigation .previous-image a{padding-left:25px;} .attachment .navigation .next-image a{padding-right:25px;} .attachment .navigation .previous-image a::before{content:"\f060";font-family:FontAwesome;position:absolute;top:10px;left:5px;} .attachment .navigation .next-image a::before{content:"\f061";font-family:FontAwesome;position:absolute;top:10px;right:5px;} /*====== End Attachment Page ======*/ .post-container { width: 100%; float: left; position: relative; } .post-container .thumbnail { text-align: center; } .post-container .entry-content p { margin: 0; } .outer-entry-content .wpos-tag-list span { margin: 0 5px; } .post-container .post-details .entry-content p { margin-bottom: 5px; } .post-details .wpos-tag-list span { margin-right: 10px; } .post .post-thumbnail img { -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; transition: all .4s ease-in-out; width: calc(100% + 50px); transform: translate3d(-40px, 0, 0); max-width: none; opacity: 0.9; } .post .post-thumbnail:hover img {transform: translate3d(0px, 0, 0);} .thumbnail .orbit-container img{object-fit: cover;object-position: center top;height: 100%;width: 100%} /*----------------------------- 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 .outer-entry-content{position: absolute;top: 0;padding: 0 15px;left: 0;background: rgba(0, 0, 0, 0.5) none repeat scroll 0% 0%;color: #fff; height:100%;display: flex;align-items: center;justify-content: center;} .quote-post-img-container .post-icon{position:static;display:table;margin:0 auto 25px;} .quote-post-img-container .outer-entry-content .entry-content p{line-height: 25px;color: #fff;font-size: 15px;} .post .quote-post-img-container .post-thumbnail { min-height: 450px; position: relative; } .post .quote-post-img-container .post-thumbnail img { object-fit: cover; object-position: top center; height: 100%; position: absolute; top: 0; left: 0; } .quote-post-img-container header.title{position:static;text-align:right;background:none;} .quote-post-img-container .outer-entry-content .title .post-quote-author a{color: #fff;} .quote-post-img-container .outer-entry-content .entry-content{text-align: center;} .quote-post-img-container .outer-entry-content .entry-content .entry-meta{margin: 10px 0 10px 0;} .quote-post-img-container .title .entry-title{color:#fff;} @media only screen and (max-width: 64em) { .post .quote-post-img-container .post-thumbnail { min-height: 680px; } } @media only screen and (max-width: 40em) { .post .quote-post-img-container .post-thumbnail { min-height: 400px; } } /*----------------------------- 5.4 AUDIO POST -----------------------------*/ /*----------------------------- 5.5 ARCHIVE POST -----------------------------*/ .archive-header h4::before{background: #db0a5b;bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;} .archive-header h4{border-bottom: 2px solid #eee;margin: 0 0 20px;padding: 0 0 5px;position: relative;text-transform: capitalize;} .archive .morelink_button { margin-top: 30px; } .single-author .post-container .entry-content .wpos-post-meta, .search .post-container .entry-content .wpos-post-meta{margin-top:10px;} .archive .post-container .wpos-post-meta, .search .post-container .wpos-post-meta{ margin-bottom: 10px; } .search .post-container .entry-summary p{margin-bottom:30px;} .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; } /*----------------------------- 5.6 STICKY POST -----------------------------*/ /*==== 6.0 SIDEBAR =======================================================*/ /*----------------------------- 6.1 SIDEBAR GENERAL STYLES -----------------------------*/ #secondary .widget { margin-bottom: 30px; background: #f5f5f5; padding: 35px 30px 30px; border: 1px solid #eee; } #secondary .widget_mc4wp_form_widget{border: 2px solid #000 ; } #secondary .textwidget p:last-child { margin-bottom: 0; } #secondary .widget-title::before{background: #db0a5b;bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;} #secondary .widget-title { padding-bottom: 5px; border-bottom: 2px solid #ccc; text-align: left; } #secondary .widget h4.widget-title { text-transform: capitalize; color: #2b2b2b; margin-bottom: 20px; position: relative; font-size: 1.125rem;} #secondary .widget h2.widget-title { text-transform: capitalize; color: #2b2b2b; margin-bottom: 20px; position: relative; 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 #eee; } #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-bottom: 12px; padding-top: 12px; border-top: 1px solid #ccc; } .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: #222; 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: #222; padding-left: 12px; } .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 { text-decoration: none; color: #DB0A5B;} .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, .widget_recent_entries li a:before { content: "\f105"; 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: #999; font-size: 12px; } .footer-container .widget_recent_entries ul li span.post-date::before { content: '\f017'; font-family: FontAwesome; margin-right: 5px } .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; } /*----------------------------- 7.4 SEARCH SUBMIT -----------------------------*/ input[type=submit] { cursor: pointer; padding: 10px 15px; border: 1px solid; font-size: 15px; line-height: 1.7; color: #fff; background: #db0a5b; font-weight: 700; -webkit-transition: background-color .2s linear; transition: background-color .2s linear; display: inline-block; -webkit-appearance: none; border-radius: 0; } /*----------------------------- 7.5 TAG CLOUD -----------------------------*/ .tagcloud a {background:#9D9999; display: inline-block; margin-top: 4px; font-size: 0.929em !important; text-transform: lowercase; color: #fff !important; padding: 5px 12px; -webkit-transition: all .1s ease-in-out; transition: all .3s ease-in-out; } .tagcloud a:hover { background:#DB0A5B; } /*----------------------------------------------- 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;} 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;} /*----------------------------- 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: #db0a5b; 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; } .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; } .wpos-post-slider-widget .slick-prev { right: 26px !important; } .wpos-post-slider-widget .slick-next { right: 0px !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; } .post-list-content .post-date, .post-grid-content .post-date {font-size:11px;text-transform:capitalize;} .wpos-widget-pls-1 .post-image-bg { background: #f1f1f1; height: 140px; line-height: 0; overflow: hidden; position: relative; width: 100%; } .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-categories { margin-top: 10px; } .wpos-widget-pls-1 .post-grid { position: relative; padding: 0; margin-bottom: 15px; text-align: left; border-bottom: 1px solid #ddd; padding-bottom: 15px; } .widget .post-title { margin: 10px 0 0; } .wpos-widget-pls-1 .post-title a { line-height: normal;} .wpos-widget-pls-1 .post-date { color: #666; margin: 0px !important; } .wpos-widget-pls-1 .post-grid-content { margin: 0px !important; padding: 0px !important; } .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: 15px; 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 {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-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; } .wpos-news-slider .post-slider-inner .entry-meta span > .fa { margin-right: 1px; } /*----------------------------- 7.13 CATEGORY DESIGN -----------------------------*/ .entry-category .meta-category a, .post-categories a, .meta-category .meta-category-inner a {padding:5px 0;display:inline-block;font-size: 12px;} .featured-banner-inner .meta-category-inner a{color:#fff;} .post-categories a{color:#fff;line-height:22px;background:#DB0A5B;padding:0 8px;} /*----------------------------- 7.14 MAIL CHIMP -----------------------------*/ #secondary .widget_mc4wp_form_widget {border:3px outset #DB0A5B;position:relative;} #secondary .widget_mc4wp_form_widget::before {position: absolute;font-family: 'FontAwesome';font-size: 72px;content: "\f1ea";color: #ececec;left: 50%;top:30px;margin-left: -20px;} #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;color: #DB0A5B;} #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: #DB0A5B;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-title, .woocommerce-Tabs-panel > h2{font-size:26px !important;} .woocommerce .woocommerce-breadcrumb {border-bottom:2px dotted #eee;margin-bottom:30px !important;padding-bottom:10px !important;} .woocommerce .page-title{position:relative;border-bottom:2px solid #eee;margin:0 0 15px;} .woocommerce .page-title::after{background: #DB0A5B none repeat scroll 0 0;bottom: -2px;content: "";display: block;height: 2px;left: 0;position: absolute;width: 50px;} .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background:#DB0A5B !important;border:2px solid #ddd;} .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button{border:none !important;border-radius:0 !important;color:#222;background:transparent;display:inline-block;margin: 0;padding: 10px 15px;font-size: 14px;inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;} .woocommerce #respond input#submit::before, .woocommerce a.button::before, .woocommerce button.button::before, .woocommerce input.button::before{content:"";position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;background:#000;-webkit-transform:scale(0);transform:scale(0);-webkit-transition-property:transform;transition-property:transform;-webkit-transition-duration:0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function:ease-out;} .woocommerce #respond input#submit:hover, .woocommerce #respond input#submit:focus, .woocommerce a.button:hover, .woocommerce a.button:focus, .woocommerce button.button:hover, .woocommerce button.button:focus{color:#fff !important;} .woocommerce #respond input#submit:hover::before, .woocommerce #respond input#submit:focus::before, .woocommerce a.button:hover::before, .woocommerce a.button:focus::before, .woocommerce button.button:hover::before, .woocommerce button.button:focus::before, .woocommerce input.button:hover::before, .woocommerce input.button:focus::before{-webkit-transform: scale(1);transform: scale(1);} .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:#DB0A5B;color:#fff;} .woocommerce .woocommerce-pagination .page-numbers.current{background:#DB0A5B;color:#fff;display:inline-block;} .woocommerce th{background:#DB0A5B;color:#fff;} .woocommerce .cart .coupon .input-text{padding:0 5px !important;height:31px} .woocommerce .summary .cart{margin-bottom:10px !important;} .woocommerce .summary .cart .quantity input{padding:5px;height:32px !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;} .woocommerce .woocommerce-info::before{color:#DB0A5B!important;} .woocommerce .woocommerce-info{border-color:#DB0A5B!important;} .woocommerce .product .cart .variations td.label{padding: 8px;} .woocommerce .product .cart .variations label{color: #fff;} .woocommerce .product .cart .variations select{margin-bottom: 0;} .woocommerce .product .cart .variations td{display: inline-block;padding: 0px;} .woocommerce #reviews #comments .commentlist li .comment-text{background: #fff;padding: 10px !important;} .woocommerce .comment-form-email, .woocommerce .comment-form-author{width:49%;} .woocommerce .comment-form-email{margin-left:2% !important;} .woocommerce .products span.onsale, .woocommerce .product span.onsale{width:45px;height:45px;line-height:45px;margin:-10px -10px 0 0 !important;padding:0;} .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;} /*=== 8.0 FOOTER =======================================================*/ /*----------------------------- 8.1 MAIN FOOTER -----------------------------*/ .footer-container { clear: both; } .page-template-front-page .footer-container { margin-top: 0px; } .footer-sidebar-container { background-color: #f1f1f1;color: #848484;} .footer-copyright-area { background-color: #232426; padding: 10px; border-top: 2px solid #eee; font-size: 12px; color: #8c8989; vertical-align: middle; } .footer-sidebar-container .widget .widget-title { margin: 10px 0; position:relative;} .footer-sidebar-container .widget .widget-title::before{content:''; width:100%; height:1px; background:#DB0A5B; position:absolute; top:50%; left:0;} .footer-sidebar-container .widget .widget-title h4 { margin: 0; color: #444; display: inline-block; padding: 0 10px; letter-spacing: 1px; position:relative; z-index:1; background:#f1f1f1; left:20px;} .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-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: #fff; } .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; } .footer-container .footer-copyright-area .wpos-social-network-icon .wpos-text-right a { background: #DB0A5B !important; } .footer-sidebar-container .wpos-footer-sidebar-1 address { margin: 0; font-size: 14px; line-height: 24px; position: relative; padding: 0 10px 0 19px; font-style: normal; } .footer-sidebar-container .wpos-footer-sidebar-1 .phone{position: relative;padding-left: 20px;} .footer-sidebar-container .wpos-footer-sidebar-1 .fax{position: relative;padding-left: 20px;} .footer-sidebar-container .wpos-footer-sidebar-1 .fa { left: 0; color: #8f8f8f; font-size: 14px; position: absolute;top: 4px; } .footer-sidebar-container .wpos-footer-sidebar-1 .email, .footer-sidebar-container .wpos-footer-sidebar-1 .tel { position: relative; padding: 0 20px 0 25px; display: inline-block; vertical-align: top; } .footer-sidebar-container a { color: #848484; } .footer-sidebar-container .wpos-footer-sidebar-1 .textwidget p{margin-bottom: 15px;} .footer-sidebar-container .wpos-footer-sidebar-2 .widget_recent_entries span{color: #848484;font-size: 10px;} .wpos-social-networks-footer {padding-top:0px;} .footer-container .wpos-footer-sidebar-1, .footer-container .wpos-footer-sidebar-2, .footer-container .wpos-footer-sidebar-3, .footer-container .wpos-footer-sidebar-4 { margin:35px 0;} @media only screen and (max-width: 40em) { .footer-container .wpos-footer-sidebar-1, .footer-container .wpos-footer-sidebar-2, .footer-container .wpos-footer-sidebar-3, .footer-container .wpos-footer-sidebar-4 {margin-bottom:25px;width:100%;float:left;} } /*----------------------------- 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 { 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-area .wpos-footer-copyright-text { line-height: 40px; } /*----- 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 10px;display:table;} .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;} .entry-content figure { margin-bottom: 30px;} .wp-caption .wp-caption-text {text-align:right;margin-bottom:0;font-size: 14px;font-style:italic;position:absolute;bottom:0;right:0;background:RGBA(219, 10, 91, 0.65);color:#fff;width:100%;padding:0 5px;} .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: "\f0e5"; 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;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: 2.75em -1.16667% 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 .gallery-item .gallery-icon{overflow:hidden;} /*====== 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;} .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; } /*==== 11.0 GO TO TOP =======================================================*/ .wpos-go-to-top-container {background-color: #DB0A5B;display: none; border-radius: 4px 4px 0 0; bottom: 0; height: 35px; line-height: 35px; position: fixed; right: 15px; 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; }