/* Theme Name: Theflow Text Domain: theflow Theme URI: http://theflow.evollethemes.com/default/ Author: Evolle Author URI: http://evolle.com/ Description: News Magazine WordPress Theme Version: 1.0.0 License: GNU General Public License v2 or later License http://www.gnu.org/licenses/gpl-2.0.html License URI: Tags: one-column, two-columns, right-sidebar, full-width-template, accessibility-ready, custom-colors, custom-menu, featured-images, post-formats, sticky-post, theme-options, translation-ready */ /*------------------------------------------------------------------ [Table of contents] 00. RESET 01. INFINITE SCROOL 02. WP-SPECIFICBLOG POSTS 03. HEADER 04. SIDEBAR 05. BLOG POSTS 06. FOOTER 07. NEWSTICKER 08. FEATURED MODULES 09. CATEGORY MODULES 10. VIDEO POST MODULES 11. AUTHOR POST MODULES 12. GALLERY POST MODULES 13. SIDEBAR - WIDGETS 14. SINGLE STYLES 15. BLOG MAIN SECTIONS 16. LIVE PREVIEW 17. WOOCOMMERCE 18. BUDDYPRESS 19. SETTINGS 20. MOBILE SETTINGS /*============================================================================ >> 00. RESET ============================================================================ */ html { margin: 0; padding: 0; height: 100%; min-height:100%; } h4 { line-height: 1.7; padding-top: 10px; padding-bottom:0px; } body { padding: 0; margin: 0; height: 100%; min-height: 100%; color:#000; word-break: break-word; } img { display:block; max-width:100%; height:auto; } img:not([src]) { visibility: hidden; } .post-image img { width: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .single-post .post-image img { display: inline-block; width: inherit; } .post-image img.image-loading { opacity: 0; } .post-image img.image-loaded { opacity: 1; } a { text-decoration:none; } ul, ol { padding:0; margin:0; list-style: none; } .container.full-width { width: 100%; } .theme-boxed .theme-width { max-width: 1230px; margin: 0 auto; background-color: #fff; } .light { background-color: #fff; } .dark { background-color: #111; } .transparent { background-color: transparent; } .header-flex { display: table; } .flex-fluid { display: table-cell; vertical-align: middle; float: none; } .elipse-radius { -webkit-border-radius: 50%!important; -moz-border-radius: 50%!important; border-radius: 50%!important; } .style-italic { font-style: italic; } .scrollbar-inner > .scroll-element.scroll-y { width: 6px; } .marginTop50 { margin-top: 50px; } .marginTop30 { margin-top: 30px; } .author-post-module .slick-arrow, .gallery-post-module.style-1 .slick-arrow, .video-post-module .slick-arrow { position: absolute; z-index: 1; top: 100px; width: 40px; height: 40px; font-size: 0; border: 0; background-color: transparent; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 15px; } .gallery-post-module.style-1 .slick-arrow { top: 37%; } .author-post-module .slick-next.slick-arrow { left: 60px; } .author-post-module .slick-arrow:before, .gallery-post-module.style-1 .slick-arrow:before, .video-post-module .slick-arrow:before { position: absolute; font-family: 'FontAwesome'; font-size: 9px; content: "\f054"; width: 40px; height: 40px; color: #fff; background-color: rgba(0, 0, 0, 0.4); text-align: center; line-height: 41px; top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .author-post-module .slick-arrow:hover:before, .gallery-post-module.style-1 .slick-arrow:hover:before, .video-post-module .slick-arrow:hover:before { background-color: rgba(255, 255, 255, 1); color: #111; } .author-post-module .slick-prev.slick-arrow:before, .gallery-post-module.style-1 .slick-prev.slick-arrow:before, .video-post-module .slick-prev.slick-arrow:before { content: "\f053"; } .gallery-post-module.style-1 .slick-next.slick-arrow, .video-post-module .slick-next.slick-arrow { left: inherit; right: 15px; } .featured-posts.style-8 .slick-arrow { width: 37px; height: 37px; } .featured-posts.style-8 .slick-arrow:before { font-size: 9px; width: 37px; height: 37px; line-height: 37px; } .author-post-module .slick-arrow:hover:before, .featured-post-slider .slick-arrow:hover:before, .theme-slider-1-slide .slick-arrow:hover:before, .featured-posts.style-7 .slick-arrow:before, .featured-posts.style-8 .slick-arrow:before, .featured-posts.style-9 .slick-arrow:before { background-color: rgba(255, 255, 255, 1); color: #111; } .featured-posts.style-3 .slick-arrow, .featured-posts.style-4 .slick-arrow, .featured-posts.style-5 .slick-arrow { top: 30px; left: 30px; } .featured-posts.style-7 .slick-arrow, .featured-posts.style-8 .slick-arrow { top: 45%; left: -15px; } .featured-posts.style-13 .slick-arrow { top: 46%; } .featured-posts.style-7 .slick-next.slick-arrow, .featured-posts.style-8 .slick-next.slick-arrow { left: inherit; right: -15px; } .featured-posts.style-3 .slick-next.slick-arrow, .featured-posts.style-4 .slick-next.slick-arrow, .featured-posts.style-5 .slick-next.slick-arrow { left: 80px; } .wpb-js-composer span.edit-link a { display: inline-block; font-size: 12px; font-weight: 500; background-color: #e4ecf9; color: #858c98; padding: 10px 25px; border-radius: 5px; text-decoration: none; margin-right: 5px; } .wpb-js-composer span.edit-link a:hover { color: #4e5665; } .vc_row.visibleShow { visibility: visible !important; overflow: visible!important; } .preloader { position: fixed; display: block; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; z-index: 99999; } .footer-email { display: inline-block; width: 100%; margin-top: 15px; } /*============================================================================ >> 01. INFINITE SCROOL ============================================================================ */ .theme-loading { position: relative; text-align: center; padding: 10px 0 0; } #infinite-loader { margin: 50px 0 0; } .theme-loading .theme-loader { position: relative; display: inline-block; height: 35px; margin:5px 0; } .theme-loading .theme-loader .loader, .load-content .load-circle, .theme-ajax-content .loading-posts:before, .category-module .loading-posts:before, .video-post-module .loading-posts:before, .slick-load:after, .preloader .loader { width: 35px; height: 35px; border-radius: 50%; border: 6px solid #eee; border-top: 6px solid #111; margin-top: -20px; margin-left: -20px; display: none; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-animation: spinner 1s linear infinite; -moz-animation: spinner 1s linear infinite; -ms-animation: spinner 1s linear infinite; -o-animation: spinner 1s linear infinite; animation: spinner 1s linear infinite; } .theme-loading.infinite-active .theme-loader .loader, .load-content .load-circle, .theme-ajax-content .loading-posts:before, .category-module .loading-posts:before, .video-post-module .loading-posts:before, .slick-load:after, .preloader .loader { display: block; } .theme-ajax-content .loading-posts:before, .category-module .loading-posts:before, .slick-load:after { position: absolute; content: ''; left: 0!important; right: 0!important; top: 30px!important; margin:auto; border: 6px solid #111; border-top: 6px solid #fff; } .video-post-module .loading-posts:before { position: absolute; content: ''; left: 0!important; right: 0!important; top: 0!important; bottom: 0!important; margin:auto; border: 6px solid #111; border-top: 6px solid #fff; } .video-post-module.dark .loading-posts:before { border: 6px solid #fff; border-top: 6px solid #111; } .theme-loading .end-articles { display: none; } .theme-loading .end-articles i { display: inline-block; font-size: 34px; margin: 0 0 10px; } .theme-loading .end-articles span { display: block; font-size: 12px; text-transform: uppercase; } .theme-loading.infinite-noMore-post .end-articles { display: block; } .live-preview-holder-wrapper .theme-loading { position: absolute; width: 100%; height: 100%; text-align: center; padding: 10px 0 0; background-color: rgba(0, 0, 0, 0.5); } .live-preview-holder-wrapper .theme-loading .theme-loader { position: absolute; display: inline-block; width: 35px; height: 35px; margin: auto; left: 0; right: 0; top: 0; bottom: 0; } @-webkit-keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /*============================================================================ >> 02. WP-SPECIFIC ============================================================================ */ .alignnone { width: 100%; margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; max-width: 100%; /* Image does not overflow the content area */ text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } address { margin-bottom: 20px; font-size: 12px; font-style: normal; line-height: 20px; } .wp-caption p.wp-caption-text { font-size: 11px!important; line-height: 17px; margin: 0; padding: 0 4px 5px; } .wp-caption-text { display: block; margin: 15px 0; font-weight: 500; font-size: 12px; font-style: italic; line-height: 1.45; color: #999; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } #content .wpb_alert p:last-child, #content .wpb_text_column :last-child, #content .wpb_text_column p:last-child, .vc_message_box>p:last-child, .wpb_alert p:last-child, .wpb_text_column :last-child, .wpb_text_column p:last-child { font-size: 12px; line-height: 22px; color: #666; } /*============================================================================ >> 03. HEADER ============================================================================ */ header .navbar { display: inline-block; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-height: 0; margin:0; border:0; } header .menu li { display: inline-block; } /*--- TOPBAR ---*/ header .topbar { position: relative; z-index: 10; height: 55px; } header .topbar .topbar-menu { margin-left: -7px; } header .topbar .topbar-menu li { position: relative; } header .topbar .topbar-menu li a { display: inline-block; font-size: 11px; font-weight: 500; text-decoration: none; padding: 20px 7px 19px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; cursor: pointer; } header .topbar .topbar-menu li.menu-item-has-children > a:after, .theme-menu ul li.menu-item-has-children > a:after, .theme-menu ul li.mega-menu > a:after { display: inline-block; font-family:'FontAwesome'; content: "\f107"; margin: 0 0 0 7px; } header .topbar .topbar-menu li ul li.menu-item-has-children > a:after, .theme-menu ul li .child-menu ul li.menu-item-has-children > a:after, .theme-menu ul li.mega-menu .sub-menu li > a:after { float: right; content: "\f105"; } header .topbar .topbar-menu li ul { position: absolute; width: 180px; top: 100%; left: -10px; margin: 0; padding: 0; z-index: 11; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-align: left; pointer-events: none; visibility: hidden; opacity: 0; } header .topbar .topbar-menu li ul li ul { left: 100%; top: -1px; } header .topbar .topbar-menu li:hover > ul { visibility: visible; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; pointer-events: auto; } header .topbar .topbar-menu li ul li, .theme-menu ul li .child-menu ul li, .theme-menu ul li.menu-item-has-children .mega-menu-content ul li { width: 100%; } header .topbar .topbar-menu li ul li a { display: block; font-weight: 500; padding: 12px 15px 12px 20px; } header .topbar .tm-menu-right { margin: 0 0 0 0; vertical-align: middle; height: 55px; } /*--- TOPBAR RIGHT MENU ---*/ .social-media { display: inline-block; margin: 13px 0 0 0; } .social-media ul li { display: inline-block; } .social-media ul li~li { border-left: transparent; } .social-media ul li a { display: inline-block; width: 30px; height: 30px; font-size: 12px; line-height: 31px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .social-media ul li a.facebook:hover { background-color: #3b5998!important; color: #fff; } .social-media ul li a.twitter:hover { background-color: #00aced!important; color: #fff; } .social-media ul li a.dribbble:hover { background-color: #ed689b!important; color: #fff; } .social-media ul li a.linkedin:hover { background-color: #0077b5!important; color: #fff; } .social-media ul li a.flickr:hover { background-color: #ff0084!important; color: #fff; } .social-media ul li a.tumblr:hover { background-color: #3d5a70!important; color: #fff; } .social-media ul li a.vimeo:hover { background-color: #1ab7ea!important; color: #fff; } .social-media ul li a.youtube:hover { background-color: #dd1a2a!important; color: #fff; } .social-media ul li a.instagram:hover { background-color: #125688!important; color: #fff; } .social-media ul li a.google:hover { background-color: #dd4b39!important; color: #fff; } .social-media ul li a.foursquare:hover { background-color: #f94877!important; color: #fff; } .social-media ul li a.pinterest:hover { background-color: #cb2027!important; color: #fff; } .social-media ul li a.deviantart:hover { background-color: #04cc47!important; color: #fff; } .social-media ul li a.behance:hover { background-color: #005cff!important; color: #fff; } .header-style-10 .container, .header-style-3 .container { position: relative; } .social-menu { margin: 0 0 -25px 0; } .social-menu > a { position: absolute; top: 15px; margin: 5px 0 0 15px; padding: 0 20px 0 0; z-index: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .social-menu > a:hover { opacity: 0.7; } .social-menu .social-media-content { position: absolute; width: 100%; left: 0; top: 1px; height: 54px; z-index: 1; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .social-menu .social-media-content.open { visibility: visible; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; pointer-events: auto; } .social-menu .social-media-content .close-button { position: absolute; top: 19px; left: 30px; } .social-menu .social-media-content ul { margin: 13px 0 0; } .social-menu .social-media-content ul li { padding: 0 5px; } .light .social-menu .social-media-content { background-color: #fff; } .dark .social-menu .social-media-content { background-color: #111; } .light .social-menu > a { border-right: 1px solid #eee; color: #111; } .dark .social-menu > a { border-right: 1px solid #222; color: #fff; } .light .social-menu .social-media-content .close-button { color: #111; } .dark .social-menu .social-media-content .close-button { color: #fff; } .theme-search { position: relative; display: inline-block; float: right; padding: 0 15px 0 20px; margin: 17px -15px 0 5px; } .header-navigation.boxed .theme-search { margin: 17px 0 0 5px; } .header-navigation.boxed .theme-search .search-form-content form { margin-right: 0; } .theme-search .search-toggle { display: inline-block; cursor: pointer; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .theme-search .search-toggle:hover { opacity: 0.6; } .theme-search .search-form-content { position: absolute; width: 280px; top: 37px; right: 0; z-index: 1; background-color: transparent!important; pointer-events: none; visibility: hidden; opacity: 0; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; } .theme-search .search-form-content.open { visibility: visible; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; pointer-events: auto; } .theme-search .search-form-content a.close-search { position: absolute; top: -43px; width: 45px; height: 34px; right: 0; text-align: center; line-height: 34px; font-size: 13px; cursor: pointer; } .theme-search .search-form-content a.close-search:hover { color: #111; } .theme-search .search-form-content form { position: relative; margin-right: 15px; } .theme-search .search-form-content form input { font-size: 12px; height: 48px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #eee; } .theme-search .search-form-content form input:focus { border-color: #ccc; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .theme-search .search-form-content form .btn { position: absolute; top: 0; right: 5px; height: 48px; background-color: transparent; border: 0; font-size: 12px; } #lang_sel { display: inline-block; margin: 9px 0 0 0; } #lang_sel ul li { float: none; width: 115px; } #lang_sel ul li ul { width: 115px; border-top: 2px solid #eee; top: 30px; } #lang_sel ul li ul li { -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); } #lang_sel ul li ul li~li { border-top:1px solid #eee; } #lang_sel ul li a.lang_sel_sel { text-align: left; border-color: #fff; border-radius: 3px; padding: 5px 0 5px 10px; } #lang_sel a.lang_sel_sel:hover, #lang_sel ul li:hover a.lang_sel_sel { background-color: #eee; } #lang_sel ul li ul li a { text-align: left; border-radius: 3px; border-color: #fff!important; background-color: #fff!important; padding: 10px 0 10px 10px; } #lang_sel ul li ul li a img.iclflag { margin: 0 10px 0 0; } #lang_sel ul li a img.iclflag { display: inline-block; float: left; margin: 6px 10px 0 0; top: 0; } #lang_sel ul li a span { display: inline-block; font-size: 10px; } #lang_sel span.icl_lang_sel_translated { display: none; } /*--- TOPBAR SKIN ---*/ header .topbar.light { border-bottom: 1px solid #eee; } header .light ul li a { color: #111; } header .light ul li ul { background-color: #fff; border-top: 1px solid #eee; } header .light ul li ul li~li, .light .theme-menu ul li .child-menu ul li~li, .light .theme-menu ul li.menu-item-has-children .mega-menu-content ul li~li { border-top: 1px solid #eee; } header .light ul li ul li a:hover, header .topbar.light ul li ul li:hover > a { background-color: #f8f8f8; } header .light ul li .post a { background-color: transparent!important; } header .topbar.dark { border-bottom: 1px solid #222; } header .dark ul li a { color: #eee; } header .dark ul li a:hover, header .dark ul li:hover > a { color: #fff; } header .dark ul li ul { background-color: #222; } header .dark ul li ul li~li, .dark .theme-menu ul li .child-menu ul li~li, .dark .theme-menu ul li.menu-item-has-children .mega-menu-content ul li~li { border-top: 1px solid #333; } header .dark #lang_sel ul li a.lang_sel_sel { background-color: #111; border-color: #111; color: #fff; } header .dark #lang_sel ul li ul { border-top: 2px solid #333; } header .dark #lang_sel ul li ul li a { border-color: #222!important; background-color: #222!important; color: #fff!important; } /*--- SEARCH SKIN ---*/ .light .theme-search .search-toggle, header .light .woocommerce-cart a { color: #111; } .dark .theme-search .search-toggle, header .dark .woocommerce-cart a { color: #fff; } header .dark .search-form-content { border-top-color: #222; background-color: #222; } .light .theme-search .search-form-content a.close-search { background-color: #fff; color: #111; } .dark .theme-search .search-form-content a.close-search { background-color: #111; color: #fff; } header .dark .search-form-content form input { background-color: #333; border:2px solid #333; color: #fff; } header .dark .search-form-content form input:focus { border-color: #333; } header .dark .search-form-content form .btn { color: #fff; } .light .theme-search { border-left: 1px solid #eee; } .dark .theme-search, header .topbar.dark .woocommerce-cart, .header-navigation.dark .woocommerce-cart, .header-main.dark .woocommerce-cart { border-left: 1px solid #222; } /*--- HEADER MAIN ---*/ header .header-main { position: relative; z-index: 2; } header .header-main .brand-logo { display: inline-block; } header .header-main .brand-logo a img { max-height: 55px; } header .header-main .header-main-buttons { position: absolute; right: 0; } header .header-navigation .tm-menu-right .header-main-buttons { display: inline-block; } header .header-main.image .header-main-buttons .woocommerce-cart, header .header-main.custombg .header-main-buttons .woocommerce-cart, header .header-navigation.custombg .header-main-buttons .woocommerce-cart { border-left: 0; margin: 10px 0 0 0; padding: 0; } header .header-main.image .header-main-buttons .woocommerce-cart a, header .header-main.custombg .header-main-buttons .woocommerce-cart a, header .header-navigation.custombg .header-main-buttons .woocommerce-cart a { background-color: #fff; color: #111; width: 35px; height: 35px; line-height: 35px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-align: center; } header .header-main.image .header-main-buttons .woocommerce-cart a:hover, header .header-main.custombg .header-main-buttons .woocommerce-cart a:hover, header .header-navigation.custombg .header-main-buttons .woocommerce-cart a:hover { background-color: #111; color: #fff; } /*--- HEADER MAIN SKIN ---*/ header .header-main.transparent { background-color: transparent; } /*--- HEADER NAVIGATION ---*/ header .header-navigation { position: relative; z-index: 9; } .header-style-1 .header-navigation .navbar, .header-style-3 .header-navigation .navbar, .header-style-4 .header-navigation .navbar, .header-style-5 .header-navigation .navbar, .header-style-6 .header-navigation .navbar, .header-style-10 .header-navigation .navbar { position: relative; width: 100%; } .header-style-2 .header-flex .header-navigation, .header-style-7 .header-flex .header-navigation, .header-style-8 .header-flex .header-navigation, .header-style-9 .header-flex .header-navigation { display: table-cell; vertical-align: middle; } .header-style-2 .header-navigation, .header-style-2 .header-flex .header-navigation .navbar, .header-style-7 .header-navigation, .header-style-7 .header-flex .header-navigation .navbar, .header-style-8 .header-flex .header-navigation, .header-style-8 .header-flex .header-navigation .navbar, .header-style-9 .header-navigation, .header-style-9 .header-flex .header-navigation .navbar { position: static; } .header-style-8 .tm-menu-right, .header-style-9 .tm-menu-right { display: table-cell; float: none!important; vertical-align: middle; } .header-style-8 .tm-menu-right .theme-search, .header-style-9 .tm-menu-right .theme-search { margin:0 -15px 0 5px; } .header-style-3 .tm-menu-right, .header-style-4 .tm-menu-right, .header-style-10 .tm-menu-right { position: relative; margin: -54px 0 0 0; } .header-style-3 .tm-menu-right .theme-search .search-form-content, .header-style-4 .tm-menu-right .theme-search .search-form-content { top: 36px; right: 0; } .theme-menu ul li { position: relative; display: inline-block; } .theme-menu ul li a { display: inline-block; font-size: 12px; font-weight: 600; text-transform: uppercase; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; padding: 19px 10px; } .theme-menu ul li.menu-item-has-children > a:after, .theme-menu ul li.mega-menu > a:after { font-size: 11px; } .theme-menu ul li .child-menu, .theme-menu ul li.menu-item-has-children .mega-menu-content { position: absolute; display: none; width: 180px; top: 100%; left: -7px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); z-index: 11; text-align: left; } .theme-menu ul li .child-menu ul li a, .theme-menu ul li.menu-item-has-children .mega-menu-content ul li a, .theme-menu ul li.menu-item-has-children .mega-menu-content ul li a { display: block; font-size: 11px; font-weight: 500; padding: 12px 17px; text-transform: none; } .theme-menu ul li .child-menu li .child-menu { left: 100%; top: -1px; } .theme-menu ul li.mega-menu { position: static; } .theme-menu ul li.mega-menu .mega-menu-content { position: absolute; width: 100%; top: inherit; left: 0; display: none; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); z-index: 11; } .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu { float: left; width: 22%; height: 100%; padding: 32px 0 0; } .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li { display: inline-block; width: 100%; text-align: left; } .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li > a { display: block; font-size: 11px; font-weight: 500; padding: 11px 25px 9px; } .theme-menu ul > li.mega-menu .mega-menu-content .mega-category.five-menu { position: absolute; display: block; z-index: 999; width: 78%; right: 0; top: 0; } .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu .mega-category { opacity: 0; visibility: hidden; pointer-events: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li.active .mega-category.five-menu { visibility: visible; backface-visibility: hidden; -webkit-backface-visibility: hidden; opacity: 1; pointer-events: auto; } .theme-menu ul > li.mega-menu .mega-menu-content .mega-category.five-menu ul li { width: 29.5%; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content { text-align: left; padding: 30px 15px; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li { width: 22.29%; margin: 0 15px; vertical-align: top; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li .post a { display: initial; font-size: 12px; font-weight: 500; text-transform: none; line-height: 18px; letter-spacing: -0.3px; padding:0; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li .post h6 { margin:0; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li .post .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li .post .post-image a:hover:before { background-color: rgba(0, 0, 0, 0.35); } /*--- HEADER MAIN SKIN ---*/ .header-style-1 .header-navigation.light .navbar, .header-style-3 .header-navigation.light .navbar, .header-style-4 .header-navigation.light .navbar, .header-style-5 .header-navigation.light .navbar, .header-style-7 .header-main.light .header-flex, .header-style-8 .header-main.light .header-flex { border-top: 3px solid #eee; border-bottom: 1px solid #eee; } .header-style-6 .header-navigation.light .navbar, .header-style-9 .header-main.light .header-flex, .header-style-10 .header-navigation.light .navbar { border-bottom: 2px solid #eee; } .header-style-1 .header-navigation.dark .navbar, .header-style-3 .header-navigation.dark .navbar, .header-style-4 .header-navigation.dark .navbar, .header-style-5 .header-navigation.dark .navbar, .header-style-7 .header-main.dark .header-flex, .header-style-8 .header-main.dark .header-flex { border-top: 1px solid #222; border-bottom: 1px solid #222; } .header-style-6 .header-navigation.dark .navbar, .header-style-10 .header-navigation.dark .navbar { border-bottom: 2px solid #222; } .light .theme-menu ul li a { color: #111; } .dark .theme-menu ul li a { color: #fff; } .light .theme-menu ul li .child-menu, .light .theme-menu ul li.menu-item-has-children .mega-menu-content { background-color: #fff; border-top:1px solid #eee; } .dark .theme-menu ul li .child-menu, .dark .theme-menu ul li.menu-item-has-children .mega-menu-content { background-color: #222; border-top:1px solid #222; } .dark .theme-menu ul li .child-menu ul li .child-menu { border-left: 1px solid #333; } .light .theme-menu ul li.mega-menu .mega-menu-content { background-color: #fff; border-top:3px solid #eee; } .dark .theme-menu ul li.mega-menu .mega-menu-content { background-color: #222; border-top:3px solid #333; } .light .theme-menu ul li.mega-menu .mega-menu-content .mega-category.five-menu { background-color: #fff; } .dark .theme-menu ul li.mega-menu .mega-menu-content .mega-category.five-menu { background-color: #222; } .light .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu { border-right: 1px solid #eee; } .dark .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu { border-right: 1px solid #333; } .light .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li~li { border-top:1px solid #eee; } .dark .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li~li { border-top:1px solid #333; } .light .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li > a:hover, .light .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li.active > a { background-color: #f8f8f8; } .dark .theme-menu ul > li.mega-menu .mega-menu-content .sub-menu li > a:hover { background-color: #333; } .header-style-1 .header-navigation.dark.boxed, .header-style-1 .header-navigation.custom.boxed, .header-style-3 .header-navigation.dark.boxed, .header-style-3 .header-navigation.custom.boxed, .header-style-4 .header-navigation.dark.boxed, .header-style-4 .header-navigation.custom.boxed, .header-style-5 .header-navigation.dark.boxed, .header-style-5 .header-navigation.custom.boxed, .header-style-7 .header-main.dark.boxed, .header-style-7 .header-main.custom.boxed, .header-style-8 .header-main.dark.boxed, .header-style-8 .header-main.custom.boxed { background-color: transparent; } .header-style-1 .header-navigation.dark.boxed .theme-menu, .header-style-3 .header-navigation.dark.boxed .theme-menu, .header-style-4 .header-navigation.dark.boxed .theme-menu, .header-style-5 .header-navigation.dark.boxed .theme-menu, .header-style-7 .header-main.dark.boxed .header-flex, .header-style-8 .header-main.dark.boxed .header-flex { background-color: #111; } .header-style-3 .header-navigation.dark.boxed .theme-search, .header-style-3 .header-navigation.custom.boxed .theme-search, .header-style-4 .header-navigation.dark.boxed .theme-search, .header-style-4 .header-navigation.custom.boxed .theme-search { padding: 0 20px 0 20px; } .header-style-3 .header-navigation.dark.boxed .social-media, .header-style-3 .header-navigation.custom.boxed .social-media { padding-left: 10px; } .header-style-3 .header-navigation.dark.boxed .social-menu .social-media-content, .header-style-3 .header-navigation.custom.boxed .social-menu .social-media-content { left: 15px; right: 15px; width: inherit; } .header-style-3 .header-navigation.dark.boxed .theme-search .search-form-content a.close-search, .header-style-4 .header-navigation.dark.boxed .theme-search .search-form-content a.close-search { right: 5px; } .header-style-4 .header-navigation.boxed .theme-menu, .header-style-5 .header-navigation.boxed .theme-menu, .header-style-6 .header-navigation.boxed .theme-menu { padding-left: 20px; } .header-style-7 .header-main.dark.boxed .header-flex .brand-logo, .header-style-8 .header-main.dark.boxed .header-flex .brand-logo { padding-left: 15px; } .header-style-7 .header-main.dark.boxed .header-flex .theme-menu { padding-right: 15px; } .header-style-8 .header-flex .header-navigation { padding-right: 5px; } .header-ads { display: inline-block; max-width: 728px; max-height: 90px; } .header-ads a img { display: inline-block; } .header-featured { position: relative; padding:30px 0; z-index: 1; } /*--- HEADER STICKY ---*/ .header-sticky { position: fixed; width: 100%; top: 0; left: 0; z-index: 101; margin: 0; border: 0; height: 55px; transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .header-sticky.open { transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); } .wpadminbar-open .header-sticky.open { top: 32px; } .header-sticky .brand-logo { display: inline-block; float: left; margin-left: -15px; } .header-sticky .sticky-menu { display: inline-block; } .header-sticky .sticky-menu .navbar { position: static; display: inline-block; width: 100%; margin: 0 0; } .header-sticky .sticky-menu .navbar > ul > li > a { padding: 19px 7px; } .header-sticky .sticky-menu .navbar ul li.menu-item-has-children > a:after { font-size: 10px; margin: 0 0 0 5px; } .header-sticky.light { border-bottom: 1px solid #eee; } .header-sticky.style-2 .brand-logo { position: absolute; left: 20px; margin-left: 0; } .header-sticky.style-2 .theme-search { position: absolute; top: 0; right: 20px; border:0; margin-right: 0; } /*--- STICKY READING ---*/ .sticky-reading-bar { position: fixed; width: 100%; top: 0; left: 0; z-index: 10; margin: 0; border: 0; height: 55px; transform: translate(0, -100%); -webkit-transform: translate(0, -100%); -o-transform: translate(0, -100%); -ms-transform: translate(0, -100%); -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; border-bottom: 1px solid #eee; } .sticky-reading-bar.bottom { position: fixed; width: 100%; bottom: 0; top: inherit; transform: translate(0, 100%); -webkit-transform: translate(0, 100%); -o-transform: translate(0, 100%); -ms-transform: translate(0, 100%); border-bottom: 0; border-top: 1px solid #eee; } .sticky-reading-bar .post-reading-title { display: inline-block; width: 100%; } .sticky-reading-bar .post-reading-title span { display: inline-block; float: left; font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color: #999; padding: 15px 20px 15px 0; margin: 12px 10px 0 0; line-height: 1px; border-right: 1px solid #eee; } .sticky-reading-bar .post-reading-title h6 { display: inline-block; float: left; font-size: 14px; font-weight: 600; letter-spacing: -0.5px; margin: 19px 0 0 8px; } .sticky-reading-bar.dark { border-bottom:0; } .sticky-reading-bar.dark .post-reading-title h6 { color: #fff; } .sticky-reading-bar.dark .post-reading-title span { border-right: 1px solid #333; } .sticky-reading-bar.bottom-header { top: 0; } .sticky-reading-bar.bottom-header.open { top: 110px; } .wpadminbar-open .sticky-reading-bar.bottom-header.open { top: 142px; } .sticky-header-off .sticky-reading-bar.bottom-header.open { top: 55px; } .sticky-reading-bar.bottom.open { bottom: 55px; top: inherit; } .sticky-reading-bar.bottom.dark { border-top:1px solid #222; } .sticky-reading-bar.bottom.dark .post-reading-title span { border-right-color: #333; } .sticky-reading-bar.bottom.dark .post-reading-title h6 { color: #fff; } /*--- HEADER MOBILE ---*/ .header-mobile { position: relative; height: 60px; } .header-mobile .brand-logo { display: inline-block; } .header-mobile .navicon a { display: inline-block; width: 50px; height: 50px; text-align: center; line-height: 50px; margin: 7px 0 0; } .header-mobile .navicon a .themicon-menu { position: relative; display: inline-block; width: 18px; height: 12px; } .header-mobile .navicon a .themicon-menu-bar { position: absolute; width: 18px; height: 2px; background-color: #111; left: 0; } .header-mobile .navicon a .themicon-menu-bar.line2 { top: 5px; } .header-mobile .navicon a .themicon-menu-bar.line3 { top: 10px; } .header-mobile.light { border-bottom: 1px solid #eee; } .header-mobile.light a { color: #111; } .header-mobile.dark a { color: #fff; } .header-mobile.dark .navicon a .themicon-menu-bar { background-color: #fff; } /*============================================================================ >> 04. SIDEBAR ============================================================================ */ .sidebar-navigation { position: fixed; height: 100%; z-index: 99; width: 360px; background: #fff; top: 0; left: 0; overflow: hidden; transform: translate(-100%, 0px); -webkit-transform: translate(-100%, 0px); -o-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); -moz-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -o-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); -webkit-transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); transition: all 0.45s cubic-bezier(0.25, 0.35, 0.5, 1); } .sidebar-open .sidebar-navigation { visibility: visible; transform: translate(0px, 0px); -webkit-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); } .sidebar-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; visibility: hidden; opacity: 0; pointer-events: none; z-index: 11; background-color: #000; -moz-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 ); -o-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 ); -webkit-transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 ); transition: all 0.3s cubic-bezier( 0.5, 0.2, 0.5, 1 ); } .sidebar-open .sidebar-overlay { visibility: visible; opacity: 0.6; pointer-events: initial; } .sidebar-navigation .sidebar-scroll { width: 100%; height: 100%; } .wpadminbar-open .sidebar-navigation .sidebar-scroll { padding-top: 46px; } .sidebar-navigation .sidebar-header { display: inline-block; width: 100%; padding: 20px; border-bottom: 2px solid #eee; } .sidebar-navigation .sidebar-header .close-sidebar-button { display: inline-block; } .sidebar-navigation .sidebar-header .close-sidebar-button a { display: inline-block; font-size: 12px; width: 35px; height: 35px; background-color: #eee; text-align: center; line-height: 35px; color: #111; border-radius: 3px; } .sidebar-navigation .sidebar-search { position: relative; padding:0 20px; margin: 20px 0 0; } .sidebar-navigation .sidebar-search form { position: relative; } .sidebar-navigation .sidebar-search form input { font-size: 12px; height: 45px; border:0; border: 2px solid #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; } .sidebar-navigation .sidebar-search form .btn { position: absolute; right: 0; top: 0; width: 50px; height: 45px; border: 0; background-color: #111; color: #fff; border-left: 2px solid #111; } .sidebar-navigation .navbar { display: inline-block; width: 100%; padding:20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; min-height: 0; margin: 15px 0 0; border:0; } .sidebar-navigation .navbar ul { position: relative; } .sidebar-navigation .navbar ul li~li { border-top: 1px solid #eee; } .sidebar-navigation .navbar ul li a { position: relative; display: block; font-size: 12px; font-weight: 600; text-transform: uppercase; padding:13px 0; text-decoration: none; color: #111; } .sidebar-navigation .navbar ul li.menu-item-has-children > a:before { position: absolute; font-family: 'FontAwesome'; content: "\f107"; right: 0; width: 45px; height: 30px; top: 6px; text-align: center; line-height: 30px; border-left: 1px solid #eee; } .sidebar-navigation .navbar ul li ul { display: none; border-top: 1px solid #eee; } .sidebar-navigation .navbar ul li ul li { padding: 0 0 0 20px; } .sidebar-navigation .navbar ul li ul li a { font-weight: 400; text-transform: none; } .sidebar-navigation .sidebar-footer { position: relative; padding:0 20px; } .sidebar-navigation .sidebar-footer p { display: inline-block; font-size: 12px; line-height: 18px; margin:0; } .sidebar-navigation .sidebar-footer p strong { font-weight: 600; } /*============================================================================ >> 05. BLOG POSTS ============================================================================ */ .post-item.style-1 .post.sticky { background-color: #f8f8f8; padding: 30px; border: 2px solid #eee; margin-left: -15px; margin-right: -15px; } .post-title { position: relative; display: inline-block; } .post-category, .post-date, .post-views, .post-comment, .post-share-count, .post-author, .post-print, .post-email { position: relative; display: inline-block; margin-right: 15px; } .page-post .post-print { margin-right: 0; margin-top: 1px; } .post-category ul { margin:0; } .post-category ul li { margin:0; list-style: none; } .post-category a, .post-category { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; margin:0; } .post-date, .post-views, .post-comment, .post-share-count, .post-author, .post-print, .post-email { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; } .post-print a, .post-email a { color: #666; } .post-author img { display: inline-block; width: 30px; height: 30px; margin: 0 15px 0 0; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .entry-title { position: relative; z-index: 1; } h3.entry-title { margin: 0 0 10px; } .entry-title a { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-decoration: none; } .single-post .entry-content { display: inline-block; width: 100%; } .single-post .entry-content p img { background-color: #eeeeee; padding: 10px; margin-top: 10px; } .entry-content p { font-size: 13px; font-weight: 400; line-height: 22px; margin:0 0 15px; } .entry-content h2 { font-size: 34px; font-weight: 700; letter-spacing: -0.5px; line-height: 40px; } .entry-content h3 { font-weight: 600; letter-spacing: -0.5px; line-height: 32px; } .entry-content .wp-caption-text { color: #999; } .post-detail { position: relative; margin: 15px 0 0; } .post-detail.style-2 { margin: -25px 0 0; } .post-detail.style-2:before { position: absolute; content: ''; width: 90%; height: 45px; background-color: #fff; top: -20px; } .post-detail.style-2 .entry-title { padding-right: 45px; } .post-meta-info, .post-meta-info .item { position: relative; } .post-meta-info.top { margin:0 0 10px; } .post-meta-info.top .post-date:before { position: absolute; content: ''; width: 5px; height: 1px; left: -12px; top: 7px; } .post-meta-info.style-1 { border-top: 2px solid #eee; padding:10px 0 0; } .post-meta-info.style-2 { border: 2px solid #eee; padding:10px 15px; } .post-meta-info.style-3 { background-color: #f8f8f8; border-top: 2px solid #eee; padding:10px 15px; } .post-meta-info.style-2 .item~.item:before, .post-meta-info.style-3 .item~.item:before { position: absolute; content: ''; width: 1px; height: 100%; left: -10px; background-color: #eee; } .post .post-video iframe, .post .post-audio iframe { width: 100%; } .post-review-count { position: absolute; width: 50px; height: 50px; top: 15px; right: 15px; } .post-review-count .circle_base { stroke:rgba(0, 0, 0, 0.2); } .post-review-count .circle_perc { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); -moz-transform-origin: 25px 25px; -ms-transform-origin: 25px 25px; -webkit-transform-origin: 25px 25px; -o-transform-origin: 25px 25px; transform-origin: 25px 25px; stroke: #fff; } .post-review-count span { position: absolute; font-size: 15px; font-weight: 500; color: #fff; top: 16px; left: 0; right: 0; text-align: center; } .post-share { display: inline-block; } .post-image.effect-1 a { position: relative; display: block; } .post-detail .post-meta-info .post-category { margin-right: 15px; } .post-category a { position: relative; margin-right: 10px; } .post-category.category-bg-color a { padding: 3px 5px; background-color: #111; color: #fff; } .post-category a:last-child { margin:0; } .post-category a~a:before { position: absolute; content: ','; left: -6px; color: #bbb; } .post-image { position: relative; display: block; max-width: 100%; height: auto; } .post-image.effect-1 > a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-image.effect-1 a:hover:before { background-color: rgba(0, 0, 0, 0.3); } .post-image.effect-2 a, .post-image.effect-3 a { position: relative; display: block; overflow: hidden; background-color: #111; } .post-image.effect-2 a img { -webkit-transition: -webkit-transform 1s, opacity 0.35s ease-in-out; -ms-transition: -ms-transform 1s, opacity 0.35s ease-in-out; -o-transition: -o-transform 0.1s, opacity 0.35s ease-in-out; transition: transform 1s, opacity 0.35s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .post-image.effect-2 a:hover img { -webkit-transform: scale3d(1.1,1.1,1); -ms-transition: scale3d(1.1,1.1,1); -o-transition: scale3d(1.1,1.1,1); transform: scale3d(1.1,1.1,1); opacity: 0.7; } .post-image.effect-3 a img { margin: -10px 0 0 -10px; max-width: none; width: -webkit-calc(100% + 10px); width: calc(100% + 10px); -webkit-transition: opacity 0.45s, -webkit-transform 0.65s; transition: opacity 0.45s, transform 0.65s; -webkit-transform: translate3d(10px,10px,0); transform: translate3d(10px,10px,0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .post-image.effect-3 a:hover img { -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); opacity: 0.8; } .theme-ajax-content, .theme-ajax-wrapper { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .theme-ajax-content .loading-posts { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(255,255,255,0.9); } .category-module .loading-posts { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; background-color: rgba(255,255,255,0.9); } .video-post-module .loading-posts { display: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; width: 100%; height: 100%; z-index: 1000; background-color: rgba(255,255,255,0.9); } .video-post-module.dark .loading-posts { background-color: rgba(17, 17, 17, 0.9); } .load-content { position: relative; display: inline-block; width: 100%; height: 32px; text-align: center; margin:50px 0; } .post-item.style-1 { padding-top:30px; padding-bottom: 30px; } .post-item.style-1:first-child { padding-top: 0; } .post-item.style-1~.post-item.style-1 { border-top:1px solid #eee; } .post-item.style-1 .post-image { position: relative; float: left; max-width: 100px; } .post-item.style-1 .post-detail { display: block; min-height: 100px; margin: 0 0 0 130px; } .post-item.style-1 .post-detail.no-image { margin:0; } .post-item.style-1 .post-detail h3 { font-size: 16px; font-weight: 700; line-height: 24px; letter-spacing: -0.3px; text-transform: uppercase; } .post-item.style-1 .post-detail .post-meta-info .item { border:1px solid #eee; padding: 4px 10px 3px; margin-right: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-item.style-1 .post-detail .post-meta-info .post-share { display: none; padding: 0; border:0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; opacity: 0; margin-left: 15px; } .post-item.style-1:hover .post-detail .post-meta-info .post-share { opacity: 0; } .post-item.style-1 .post-detail .post-meta-info .post-share a { display: inline-block; font-size: 12px; color: #fff; width: 30px; padding: 4px 0 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; margin-right: 3px; } .post-item.style-1 .post-detail .post-meta-info .post-share a.facebook { background-color: #516eab; } .post-item.style-1 .post-detail .post-meta-info .post-share a.twitter { background-color: #4db2ec; } .post-item.style-1 .post-detail .post-meta-info .post-share a.google { background-color: #D42E15; } .post-item.style-1 .post-detail .post-meta-info .post-share a.pinterest { background-color: #AD0A12; } .post-item.style-2, .post-item.style-3 { margin:0 0 55px; } .post-item.style-2 .post .post-detail { margin:0; } .post-item.style-2 .post h3, .post-item.style-4 .post h3 { font-size: 21px; font-weight: 700; line-height: 26px; letter-spacing: -0.5px; } .post-item.style-3 .post .post-image .post-review-count { left: 15px; right: inherit; } .post-item.style-3 .post .post-detail { margin-left: -120px; background-color: #fff; padding: 20px 0 30px 40px; margin-top: 0; } .post-item.style-3 .post .post-detail h3 { font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: -0.5px; } .post-item.style-4, .post-item.style-5, .post-item.style-7 { margin:0 0 50px; } .post-item.style-4 .post .post-detail.style-2.text-center:before { width: inherit; left: 20px; right: 20px; top: -30px; height: 55px; } .post-item.style-4 .post .post-detail.style-2.text-center .post-meta-info.top { padding:0 30px; } .post-item.style-4 .post .post-detail.style-2.text-center h3 { font-size: 18px; line-height: 24px; padding:0 30px; } .post-item.style-5 .post .post-image > a, .post-item.style-7 .post .post-image > a { position: relative; display: block; } .post-item.style-5 .post .post-image > a:before, .post-item.style-7 .post .post-image > a:before { position: absolute; content: ''; width: 100%; height: 100%; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-item.style-5 .post .post-image > a:before { background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); */ background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .post-item.style-7 .post .post-image > a:before { -webkit-box-shadow: rgba(0, 0, 0, 0.6) 0 -200px 200px -65px inset; -moz-box-shadow: rgba(0, 0, 0, 0.6) 0 -200px 200px -65px inset; box-shadow: rgba(0, 0, 0, 0.6) 0 -200px 200px -65px inset; } .post-item.style-5 .post .post-image:hover > a:before, .post-item.style-7 .post:hover .post-image > a:before { background-color: rgba(0, 0, 0, 0.55); } .post-item.style-5 .post .post-image .post-detail { position: absolute; bottom: 0; padding:20px; } .post-item.style-5 .post .post-image .post-detail h3 { font-size: 22px; font-weight: 700; line-height: 28px; letter-spacing: -0.5px; margin:0; } .post-item.style-5 .post .post-image .post-detail h3 a, .post-item.style-5 .post .post-image .post-date a, .post-item.style-7 .post .post-image .post-date a, .post-item.style-7 .post .post-image .post-detail h3 a { color: #fff; } .post-item.style-5 .post .post-image .post-meta-info.top .post-date:before, .post-item.style-7 .post .post-image .post-meta-info.top .post-date:before { background-color: #fff; } .post-item.style-6 { margin: 0 0 30px; } .post-item.style-6.left .post-detail { position: relative; padding-left: 15px; padding-top: 30px; } .post-item.style-6.left .post-image:after { position: absolute; content: " "; right: 0; top: 0; bottom: 0; border: solid transparent; height: 0; width: 0; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 12px; margin: auto; z-index: 0; } .post-item.style-6.right .post-image:after { position: absolute; content: " "; left: 0; top: 0; bottom: 0; border: solid transparent; height: 0; width: 0; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-left-color: #fff; border-width: 12px; margin: auto; z-index: 0; } .post-item.style-6.right .post-detail { position: relative; padding-right: 15px; padding-top: 30px; } .post-item.style-6.right .post-detail .post-date { margin-right: 0; } .post-item.style-6 .post .post-detail h3 { font-size: 24px; font-weight: 700; line-height: 30px; letter-spacing: -0.3px; } .post-item.style-7 .post .post-image .post-detail { position: absolute; bottom: 0; padding: 20px; } .post-item.style-7 .post .post-image .post-detail h3 { font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: -0.5px; } .post-item.style-7 .post .post-image .post-detail .entry-content p, .post-item.style-7 .post .post-image .post-detail .post-views, .post-item.style-7 .post .post-image .post-detail .post-comment a { color: #ddd; } .post-item.style-8 { margin:0 0 80px; } .post-item.style-8 .post .post-detail.style-2.text-center { margin:-45px 0 0; } .post-item.style-8 .post .post-detail.style-2.text-center:before { width: inherit; left: 30px; right: 30px; top: -40px; height: 85px; } .post-item.style-8 .post .post-detail h3 { font-size: 32px; font-weight: 700; letter-spacing: -1px; line-height: 42px; margin-right: 45px; } .post-item.style-8 .post .post-detail.style-2.text-center h3 { padding:0 30px; font-size: 28px; line-height: 36px; letter-spacing: -0.5px; } .blog-posts .navigation.pagination, .blog-posts .pagination.next-page, .comment-navigation { position: relative; display: inline-block; width: 100%; padding:0 15px; margin:0; } .comment-navigation { margin-bottom: 25px; padding: 0; } .comment-navigation span a { color: #111; font-weight: 600; padding: 8px 15px; font-size: 12px; text-transform: uppercase; background-color: #eee; text-decoration: none; } .blog-posts .regular.pagination { position: relative; display: inline-block; width: 100%; margin: 50px 0 50px -15px; } .blog-posts .pagination.next-page { margin:20px 0; } .blog-posts .pagination.next-page div { display: inline-block; margin-right: 10px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul li { border: 0; float: none; } .pagination ul li, .woocommerce nav.woocommerce-pagination ul li { display: inline-block; } .blog-posts .pagination .page-numbers, .pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { display: inline-block; font-size: 12px; font-weight: 700; width: 35px; height: 34px; background-color: #fff; border: 2px solid #ddd; color: #111; text-align: center; line-height: 33px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a { line-height: 22px; } .blog-posts .pagination .page-numbers.current, .pagination ul li.active a { color: #fff; background-color: #111; border-color: #111; } .blog-posts .pagination a.page-numbers, .pagination ul li a { text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .blog-posts .pagination a.page-numbers:hover, .pagination ul li a:hover { background-color: #333; border-color: #333; color: #fff; } .blog-posts .pagination.next-page div a { display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; background-color: #0363fe; color: #fff; padding: 12px 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .blog-posts .pagination-load-more { position: relative; display: inline-block; z-index: 1; width: 100%; margin: 0 0 50px; text-align: center; } .blog-posts .pagination-load-more:before { position: absolute; content: ''; width: 100%; height: 2px; background-color: #eee; left: 0; top: 21px; z-index: -2; } .blog-posts .pagination-load-more a { position: relative; display: inline-block; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #fff; padding: 15px 100px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .blog-posts .pagination-load-more a:hover, .blog-posts .pagination.next-page div a:hover { background-color: #222; } .blog-posts .pagination-load-more a:before { position: absolute; content: ''; height: 100%; background-color: #fff; top: 0; left: -20px; right: -20px; z-index: -1; } .live-preview-button { display: inline-block; position: absolute; bottom: 0; left: 0; } .live-preview-button a { display: inline-block; width: 35px; height: 35px; background-color: #111; color: #fff!important; text-align: center; line-height: 36px; cursor: pointer; } .live-preview-button a:before { content: none!important; } .post-item.style-8 .live-preview-button a { width: 40px; height: 40px; line-height: 41px; } .post-item.style-5 .live-preview-button, .post-item.style-7 .live-preview-button, .post-item.style-8 .live-preview-button { bottom: inherit; top: 0; } .category-module.style-4 .large-post .post .post-image .live-preview-button, .category-module.style-6 .large-post .post .post-image .live-preview-button, .category-module.style-7 .large-post .post .post-image .live-preview-button,.category-module.style-9 .post .post-image .live-preview-button { display: none; } /*============================================================================ >> 06. FOOTER ============================================================================ */ footer { padding: 50px 0 0; margin:50px 0 0; } footer.light { background-color: #f8f8f8; } .footer-sidebar { position: relative; margin:0 0 30px; } .copyright { position: relative; padding:25px 0; } .copyright p { display: inline-block; font-size: 11px; font-weight: 300; margin:0; letter-spacing: 0.5px; } .copyright p strong, .copyright p a { color: #fff; font-weight: 600; } .footer-navigation { display: inline-block; } .footer-navigation.social-media { margin:0; } .copyright.social p { line-height: 30px; } .footer-navigation ul li { display: inline-block; padding: 0 0 0 10px; } .footer-navigation.social-media ul li { padding:0; } .footer-navigation ul li a { display: inline-block; font-size: 11px; } .footer-navigation.social-media li a { width: 30px; height: 30px; text-align: center; line-height: 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .dark .footer-navigation ul li a { color: #fff; } .dark .footer-navigation.social-media li a { border: 1px solid #444; } .light .footer-navigation.social-media li a { border: 1px solid #ddd; } .footer-navigation.social-media li a:hover { border:1px solid transparent; } .light .footer-navigation ul li a { color: #111; } .light .copyright p { color: #111; } .dark .copyright p { color: #fff; } .light .copyright { border-top:1px solid #eee; } .dark .copyright { border-top:1px solid #333; } .back-to-top { position: fixed; display: none; width: 37px; height: 37px; text-align: center; line-height: 37px; right: 20px; bottom: 20px; cursor: pointer; z-index: 10; } .back-to-top a { display: block; text-decoration: none; background-color: #111; color: #fff; -webkit-transition: border-color 0.25s ease-in-out; -moz-transition: border-color 0.25s ease-in-out; -ms-transition: border-color 0.25s ease-in-out; -o-transition: border-color 0.25s ease-in-out; transition: border-color 0.25s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .footer-banner-ads { position: relative; text-align: center; margin: 0 0 30px; } .footer-banner-ads a, .footer-banner-ads img { display: inline-block; width: 100%; max-width: 728px; max-height: 90px; } /*============================================================================ >> 07. NEWSTICKER ============================================================================ */ .newsticker { position: relative; } header .newsticker { margin:15px 0; } .newsticker .newsticker-header { width: 200px; display: inline-block; float: left; } .newsticker .newsticker-title { position: relative; display: inline-block; max-width: 120px; } .newsticker.style-1 { padding:15px 20px; height: 58px; } .newsticker.style-1.light { padding:15px 0; } .newsticker.style-1 .newsticker-title { display: inline-block; float: left; width: 100%; font-size: 12px; font-weight: 600; text-transform: uppercase; line-height: 20px; background-color: #0561fc; color: #fff; padding: 5px 0 3px; text-align: center; } .newsticker.style-1 .newsticker-content { display: block; margin-left: 200px; margin-top: 5px; } .newsticker.style-1 .slick-slide .post { padding-left: 20px; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .newsticker.style-1 .slick-slide.slick-current.slick-active .post { padding:0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .newsticker.style-2 .post-title, .newsticker.style-3 .post-title { display: inline-block; width: 100%; } .newsticker .post-title h6 { margin:0; } .newsticker .post-category ul li { display: inline-block; margin-right: 3px; } .newsticker .post-date { position: relative; display: inline-block; margin: 0 0 0 10px; padding: 0 0 0 10px; } .newsticker.style-1 .post-date { margin: 0 0 0 10px; } .newsticker .post-date:before { position: absolute; content: ''; width: 5px; height: 1px; background-color: #bbb; left: -5px; top: 8px; } .newsticker-arrows { display: inline-block; margin: 3px 0 0 15px; } .newsticker-arrows a { display: inline-block; font-size: 9px; width: 23px; height: 23px; text-align: center; line-height: 23px; border: 1px solid #E4E4E4; color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .newsticker-arrows a:hover { border: 1px solid #111; } /*--- NEWSTICKER STYLE 1 SKIN ---*/ .dark .newsticker-content .post-title h6 a { color: #fff; } .dark .newsticker-arrows a, .newsticker.style-2.dark .slick-arrow:before, .newsticker.style-3.dark .slick-arrow:before { color: #fff; border:1px solid #222; } .dark .newsticker-arrows a:hover, .newsticker.style-2.dark .slick-arrow:hover:before, .newsticker.style-3.dark .slick-arrow:hover:before { border:1px solid #fff; background-color: #fff; color: #111; } /*--- NEWSTICKER STYLE 2 ---*/ .newsticker.style-2, .newsticker.style-3 { position: relative; } .newsticker.style-2 .newsticker-title, .newsticker.style-3 .newsticker-title { position: relative; display: inline-block; width: 100%; max-width: 100%; text-transform: uppercase; font-size: 14px; font-weight: 600; text-transform: uppercase; line-height: 20px; border-bottom: 2px solid #eee; padding: 0 0 11px 65px; margin: 0 0 15px; } .newsticker.style-2 .post-image { display: inline-block; float: left; width: 63px; height: 63px; border:3px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; overflow: hidden; } .newsticker.style-2 .post-detail { display: block; padding: 0 0 0 80px; margin:0; } .newsticker.style-2 .post-detail .post-date, .newsticker.style-3 .post-detail .post-date { margin:0; padding:0; } .newsticker.style-2 .post-detail .post-date:before, .newsticker.style-3 .post-detail .post-date:before { background-color: transparent; } .newsticker.style-2 .slick-arrow, .newsticker.style-3 .slick-arrow { position: absolute; left: 0; top: -50px; width: 23px; height: 23px; background-color: transparent; border: 0; font-size: 0; } .newsticker.style-2 .slick-arrow:before, .newsticker.style-3 .slick-arrow:before { position: absolute; left: 0; top: 0; font-family:'FontAwesome'; content: "\f054"; font-size: 9px; width: 23px; height: 23px; text-align: center; line-height: 22px; border: 1px solid #E4E4E4; color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .newsticker.style-2 .slick-next.slick-arrow, .newsticker.style-3 .slick-next.slick-arrow { margin-left: 25px; } .newsticker.style-2 .slick-prev.slick-arrow:before, .newsticker.style-3 .slick-prev.slick-arrow:before { content: "\f053"; } .newsticker.style-2 .slick-arrow:hover:before, .newsticker.style-3 .slick-arrow:hover:before { border:1px solid #111; } .newsticker.style-2 .slick-arrow:focus, .newsticker.style-3 .slick-arrow:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } /*--- NEWSTICKER STYLE 2 SKIN ---*/ .newsticker.style-2.dark, .newsticker.style-3.dark { padding:15px; } .newsticker.style-2.dark .post-image { border:3px solid #222; } .newsticker.style-2.dark .newsticker-title, .newsticker.style-3.dark .newsticker-title { color: #fff; border-bottom: 2px solid #222; } /*--- NEWSTICKER STYLE 3 ---*/ .newsticker.style-3 .post-detail { position: relative; min-height: 80px; margin: 0 0 15px 0; padding: 0 20px; border-left: 1px solid #eee; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .newsticker.style-3 .slick-current.slick-active .post-detail { border-left: 1px solid #fff; } .newsticker.style-2 .post-detail .post-title, .newsticker.style-3 .post-detail .post-title { margin:10px 0 0; } .newsticker.style-3 .post-detail span { position: absolute; font-size: 92px; font-weight: 700; top: 15px; left: 10px; z-index: -1; color: #f8fba5; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .newsticker.style-3 .post:hover .post-detail span { top: -20px; } .newsticker.style-3 .post-detail .post-image a { position: relative; display: block; } .newsticker.style-3 .post .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .newsticker.style-3 .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.3); } /*--- NEWSTICKER STYLE 3 SKIN ---*/ .newsticker.style-3.dark .post-detail { border-left: 1px solid #222; } .newsticker.style-3.dark .slick-current.slick-active .post-detail { border-left: 1px solid #111; } .newsticker.style-3.dark .post-detail span { opacity: 0.1; } /*============================================================================ >> 08. FEATURED ============================================================================ */ .featured-posts, .featured-posts.style-1 .post .post-inwrap, .featured-posts.style-10 .featured-post-slider .post { position: relative; } .featured-posts.style-1 { width: 100%; height: 700px; } .featured-posts.style-1 .featured-post-slider .post, .featured-posts.style-2 .featured-post-slider .post { position: relative; height: 700px; overflow: hidden; background-size: cover!important; background-position: 50% 50%!important; } .featured-posts.style-1 .featured-post-slider .post:before, .featured-posts.style-2 .featured-post-slider .post:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { position: absolute; width: 100%; height: 560px; top: 71px; left: 0; right: 0; border: 7px solid rgba(255, 255, 255, 0.5); } .featured-posts.style-2 .featured-post-slider .post .post-detail { border:0; } .featured-posts.style-1 .post .post-detail .post-detail-content, .featured-posts.style-2 .post .post-detail .post-detail-content { position: absolute; width: 100%; bottom: 50px; left: 0; padding: 0 30px; } .featured-posts.style-1 .post .post-detail .post-header, .featured-posts.style-2 .post .post-detail .post-header { position: relative; display: inline-block; width: 100%; } .featured-posts .post .post-detail .post-category a, .featured-posts.style-2 .post .post-detail .post-category a { padding: 3px 5px 2px; margin:0 10px 0 0; } .featured-posts.style-1 .featured-post-slider .post .post-title h3, .featured-posts.style-2 .featured-post-slider .post .post-title h3, .featured-posts.style-12 .featured-post-slider .post .post-title h3 { font-size: 48px; font-weight: 700; letter-spacing: -1px; } .featured-posts.style-1 .post .post-meta, .featured-posts.style-2 .post .post-meta, .featured-posts.style-3 .post .post-meta, .featured-posts.style-4 .post.large .post-meta, .featured-posts.style-5 .post .post-meta, .featured-posts.style-6 .post .post-meta, .featured-posts.style-7 .post .post-meta, .featured-posts.style-13 .post .post-meta { position: relative; display: inline-block; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.5); padding:15px 0 0; } .featured-posts.style-6 .post .post-meta { border-top: 1px solid rgba(0, 0, 0, 0.2); } .featured-post-slider .post .post-meta a, .featured-post-slider .post .post-date, .featured-post-slider .post .post-title h3 a { color: #fff; } .featured-post-slider .post .post-meta .post-views, .featured-post-slider .post .post-meta .post-comment, .featured-post-slider .post .post-date a { margin-right: 15px; color: #fff; } .featured-posts.style-6 .post .post-meta .post-views, .featured-posts.style-6 .post .post-meta .post-comment a, .featured-posts.style-6 .post .post-date a { color: #bbb; } .featured-post-slider .post .post-content { margin:30px 0 0; } .featured-post-slider .post .post-content p { color: #ddd; font-style: 14px; line-height: 24px; } .featured-posts.style-10 .featured-post-slider .post .post-content p { margin: 0; } .featured-post-slider.theme-slider-3 .post .post-image a:before, .featured-post-slider.theme-slider-4 .post .post-image a:before, .featured-post-slider.theme-slider-5 .post .post-image a:before, .featured-post-slider.theme-slider-6 .post .post-image a:before, .featured-post-slider.theme-slider-7 .post .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .featured-posts.style-6 .post .post-image a:before { background-color: rgba(0, 0, 0, 0.2); background: none; background: none; background: none; background: none; background: none; background: none; } .featured-posts.style-1 .featured-post-slider .post:hover:before, .featured-posts.style-2 .featured-post-slider .post:hover:before, .featured-post-slider.theme-slider-3 .post:hover .post-image a:before, .featured-post-slider.theme-slider-4 .post:hover .post-image a:before, .featured-post-slider.theme-slider-5 .post:hover .post-image a:before, .featured-post-slider.theme-slider-6 .post:hover .post-image a:before, .featured-post-slider.theme-slider-7 .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.5); } .featured-post-slider .slick-arrow, .theme-slider-1-slide .slick-arrow { position: absolute; z-index: 1; top: 50%; width: 45px; height: 45px; font-size: 0; border:0; background-color: transparent; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 10px; } .featured-post-slider .slick-arrow:before, .theme-slider-1-slide .slick-arrow:before { position: absolute; font-family:'FontAwesome'; font-size: 12px; content: "\f054"; width: 45px; height: 45px; color: #fff; background-color: rgba(0, 0, 0, 0.3); text-align: center; line-height: 48px; top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .featured-post-slider .slick-prev.slick-arrow:before, .theme-slider-1-slide .slick-prev.slick-arrow:before { content: "\f053"; } .featured-post-slider .slick-next.slick-arrow, .theme-slider-1-slide .slick-next.slick-arrow { left: inherit; right: 10px; } .theme-slider-2-wrapper { position: absolute; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.7); } .theme-slider-2-nav .post { padding:25px 20px; cursor: pointer; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .theme-slider-2-nav .slick-slide~.slick-slide { border-left: 1px solid rgba(255, 255, 255, 0.0); } .theme-slider-2-nav .slick-active~.slick-active { border-left: 1px solid rgba(255, 255, 255, 0.1); } .theme-slider-2-nav .post a { display: block; cursor: pointer; } .theme-slider-2-nav .post a { text-decoration: none; color: #fff; } .theme-slider-2-nav .post .post-image { display: inline-block; float: left; width: 55px; height: 55px; } .theme-slider-2-nav .post .post-title { display: inline-block; width: 100%; } .theme-slider-2-nav .post .post-detail { display: block; margin:0 0 0 70px; } .theme-slider-2-nav .post .post-detail .post-title h3 { font-size: 14px; font-weight: 400; line-height: 20px; margin: 3px 0 0px; color: #fff; } .featured-post-slider.theme-slider-3 .post, .featured-posts.style-9 .featured-post-slider .post { position: relative; } .featured-post-slider.theme-slider-3 .post-detail, .featured-post-slider.theme-slider-4 .post-detail, .featured-post-slider.theme-slider-5 .post-detail, .featured-post-slider.theme-slider-6 .post-detail, .featured-post-slider.theme-slider-7 .post-detail { position: absolute; width: 100%; bottom: 0; padding:0 40px 40px; } .featured-post-slider.theme-slider-4 .post-detail, .featured-post-slider.theme-slider-5 .post-detail { padding:20px; } .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 48px; font-weight: 700; line-height: 52px; letter-spacing: -0.5px; margin-top: 10px; } .featured-post-slider.theme-slider-3 .large .post-detail .post-title h3 { font-size: 24px; line-height: 34px; } .featured-posts.style-3 .post.small .post-meta, .featured-posts.style-5 .post.small .post-meta, .featured-posts.style-7 .post.small .post-meta, .featured-posts.style-13 .post.small .post-meta { padding:0; border:0; } .featured-post-slider.theme-slider-3 .small .post-detail .post-title h3 { font-size: 18px; line-height: 24px; letter-spacing: -0.2px; font-weight: 600; margin: 10px 0; } .featured-posts.style-7 .post-detail .post-title h3 { font-size: 32px; line-height: 36px; } .featured-posts.style-7 .post.small .post-detail .post-title h3 { font-size: 16px; line-height: 20px; } .featured-posts.style-5 .small .post-detail { padding: 0 25px 25px; } .featured-posts.style-6 .post-detail { padding: 0 250px 0; text-align: center; } .featured-posts.style-6 .post-detail:before { position: absolute; content: ''; background-color: #fff; left: 150px; right: 150px; top: -50px; bottom: 0; } .featured-posts.style-6 .post-detail .post-title h3 { font-size: 34px; line-height: 38px; letter-spacing: -0.5px; } .featured-posts.style-6 .post-detail .post-title h3 a { color: #111; } .featured-posts.style-5 .post-detail .post-title h3 { font-size: 28px; line-height: 32px; } .featured-posts.style-5 .small .post-detail .post-title h3 { font-size: 14px; line-height: 18px; } .featured-posts.style-5 .post, .featured-posts.style-7 .post { border:1px solid #fff; } .featured-posts.style-13 { padding-left: 1px; } .featured-posts.style-13 .post { display: inline-block; float: left; border:0; -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; } .featured-posts.style-13 .item-first { width: 42.00%; } .featured-posts.style-13 .item-second { width: 25.94%; } .featured-posts.style-13 .item-last { width: 32%; } .featured-posts.style-13 .item-second .post-title h3 { font-size: 29px; line-height: 36px; } .featured-posts.style-13 .item-last.small .post-detail .post-title h3 { font-size: 22px; line-height: 28px; } .featured-posts.style-7 ul li { position: relative; } .featured-posts.style-8 { margin-top: 10px; margin-bottom: 10px; margin-left: -5px; margin-right: -5px; } .category-featured .featured-posts.style-8 { margin-left: 0; margin-right: 0; } .featured-posts.style-8 .featured-post-slider .post { position: relative; padding:0 5px; } .featured-posts.style-9 .featured-post-slider { position: relative; padding: 0 30px; overflow: hidden; } .featured-posts.style-8 .featured-post-slider .post .post-image, .featured-posts.style-9 .featured-post-slider .post .post-image { position: relative; display: block; overflow: hidden; } .featured-posts.style-10 .featured-post-slider .post h3 { font-size: 32px; font-weight: 600; line-height: 38px; margin-top: 10px; } .featured-posts.style-9 .featured-post-slider .post h3 { font-size: 22px; font-weight: 600; margin-top: 10px; } .featured-posts.style-11 .featured-post-slider .post h3 { font-size: 34px; line-height: 38px; font-weight: 700; letter-spacing: -0.5px; margin-top: 10px; } .featured-posts.style-8 .featured-post-slider .post h3 { font-size: 18px; line-height: 22px; font-weight: 600; margin-top: 10px; } .featured-posts.style-10 .post, .featured-posts.style-11 .post { position: relative; display: block; overflow: hidden; } .featured-posts.style-10 .post .post-content, .featured-posts.style-11 .post .post-content { margin-top:-25px; padding:70px 0 0; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .featured-posts.style-10 .post .post-content { margin: 15px 0 0; padding: 80px 0 0; } .featured-posts.style-10 .post:hover .post-content { padding:0; margin:15px 0 0!important; } .featured-posts.style-11 .post:hover .post-content { padding:0; margin:10px 0 0!important; } .featured-posts.style-12 { position: relative; width: 100%; top: 0; left: 0; } .featured-posts.style-12 .featured-post-slider .post { position: relative; height: 850px; overflow: hidden; background-size: cover; background-position: 50% 50%; } .featured-posts.style-12 .featured-post-slider .post .post-block { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 0 150px; text-align: center; } .featured-posts.style-12 .featured-post-slider .post:before { position: absolute; content: ''; display: block; height: 50%; width: 100%; bottom: 0; z-index: 0; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.6))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .featured-gradient ul li .post:nth-child(1) .post-image a:before { opacity: .6; background: #410cbc; background: -moz-linear-gradient(20deg,#410cbc 0%,#ff6f31 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#410cbc),color-stop(100%,#ff6f31)); background: -webkit-linear-gradient(20deg,#410cbc 0%,#ff6f31 100%); background: -o-linear-gradient(20deg,#410cbc 0%,#ff6f31 100%); background: -ms-linear-gradient(20deg,#410cbc 0%,#ff6f31 100%); background: linear-gradient(20deg,#410cbc 0%,#ff6f31 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#410cbc', endColorstr='#ff6f31', GradientType=1); background-color: rgba(0, 0, 0, 0); } .featured-gradient ul li .post:nth-child(2) .post-image a:before { opacity: .6; background: #f4880d; background: -moz-linear-gradient(20deg,#f4880d 0%,#70ff99 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#f4880d),color-stop(100%,#70ff99)); background: -webkit-linear-gradient(20deg,#f4880d 0%,#70ff99 100%); background: -o-linear-gradient(20deg,#f4880d 0%,#70ff99 100%); background: -ms-linear-gradient(20deg,#f4880d 0%,#70ff99 100%); background: linear-gradient(20deg,#f4880d 0%,#70ff99 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4880d', endColorstr='#70ff99', GradientType=1); background-color: rgba(0, 0, 0, 0); } .featured-gradient ul li .post:nth-child(3) .post-image a:before { opacity: .6; background: #0016be; background: -moz-linear-gradient(20deg,#0016be 0%,#2aec74 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#0016be),color-stop(100%,#2aec74)); background: -webkit-linear-gradient(20deg,#0016be 0%,#2aec74 100%); background: -o-linear-gradient(20deg,#0016be 0%,#2aec74 100%); background: -ms-linear-gradient(20deg,#0016be 0%,#2aec74 100%); background: linear-gradient(20deg,#0016be 0%,#2aec74 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0016be', endColorstr='#2aec74', GradientType=1); background-color: rgba(0, 0, 0, 0); } .featured-gradient ul li .post:nth-child(4) .post-image a:before { opacity: .6; background: #c40f79; background: -moz-linear-gradient(20deg,#c40f79 0%,#7ebfff 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#c40f79),color-stop(100%,#7ebfff)); background: -webkit-linear-gradient(20deg,#c40f79 0%,#7ebfff 100%); background: -o-linear-gradient(20deg,#c40f79 0%,#7ebfff 100%); background: -ms-linear-gradient(20deg,#c40f79 0%,#7ebfff 100%); background: linear-gradient(20deg,#c40f79 0%,#7ebfff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c40f79', endColorstr='#7ebfff', GradientType=1); background-color: rgba(0, 0, 0, 0); } .featured-gradient ul li .post:nth-child(5) .post-image a:before { opacity: .6; background: #007808; background: -moz-linear-gradient(20deg,#007808 0%,#fff940 100%); background: -webkit-gradient(left bottom,right top,color-stop(0%,#007808),color-stop(100%,#fff940)); background: -webkit-linear-gradient(20deg,#007808 0%,#fff940 100%); background: -o-linear-gradient(20deg,#007808 0%,#fff940 100%); background: -ms-linear-gradient(20deg,#007808 0%,#fff940 100%); background: linear-gradient(20deg,#007808 0%,#fff940 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007808', endColorstr='#fff940', GradientType=1); background-color: rgba(0, 0, 0, 0); } .featured-gradient ul li .post .post-image a:before { -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .featured-gradient ul li .post:hover .post-image a:before { opacity: .8; } /*============================================================================ >> 09. CATEGORY MODULES ============================================================================ */ .category-module .module-content-wrapper, .category-module.style-3 .row { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .category-module.style-11 .module-content-wrapper { display: inline-block; width: 100%; } .category-module.style-11.category-sub-on .subcategory { margin: 1px 70px 0 0; } .module-title { margin:0 0 20px; } .category-module .module-title .subcategory ul li.cat-item-none { display: none; } .module-title h4 { position: relative; display: inline-block; font-size: 15px; font-weight: 600; } .module-title.style-1 { border-bottom: 3px solid #eee; } .module-title.style-1 h4 { font-size: 14px; font-weight: 700; text-transform: uppercase; } .module-title.style-1 h4:before { position: absolute; content: ''; width: 100%; height: 3px; bottom: -13px; background-color: #111; } .module-title.style-2 h4 { font-size: 14px; font-weight: 500; background-color: #111; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 8px 10px 8px; } .module-title.style-3 { background-color: #eee; } .category-module.style-11 .module-title.style-3 { width: 90%; margin: 0 0 25px; } .category-module.style-11 .module-title.style-5 { margin: 0 0 25px; } .category-module.style-11 .module-title.style-7 { margin: 0 0 22px; } .category-module.style-11.category-sub-on .module-title.style-5 .subcategory, .category-module.style-11.category-sub-on .module-title.style-7 .subcategory { margin: -2px 70px 0 0; } .category-module.style-11.category-sub-on .module-title.style-3 .subcategory { margin: 3px 0px 0 0; } .category-module.style-11.category-sub-on .module-title.style-5 .subcategory ul li a { font-size: 12px; } .category-module.style-11.category-sub-on .module-title.style-5 .subcategory ul li.active-sub a, .category-module.style-11.category-sub-on .module-title.style-6 .subcategory ul li.active-sub a, .category-module.style-11.category-sub-on .module-title.style-7 .subcategory ul li.active.sub a, .category-module.style-13.category-sub-on.for-fashion .module-title .subcategory ul li.active-sub a { color: #111; } .module-title.style-3 h4 { margin:0; background-color: #111; color: #fff; font-size: 14px; padding: 10px 30px 10px; } .category-module.style-11 .module-title.style-4 { display: inline-block; width: 100%; margin: 0 0 23px 0; } .module-title.style-4, .module-title.style-6 { position: relative; } .module-title.style-6 { display: inline-block; width: 100%; } .category-module.style-11.category-sub-on .module-title.style-6 .subcategory { margin:0; } .module-title.style-4:before { position: absolute; content: ''; z-index: 0; width: 100%; height: 3px; background-color: #eee; top: 16px; } .module-title.style-4 h4 { background-color: #fff; padding-right: 20px; } .module-title.style-5 { border-bottom: 2px solid #111; } .module-title.style-5 h4 { display: inline-block; font-size: 12px; margin:0; background-color: #111; color: #fff; padding: 10px 20px; } .module-title.style-6 { text-align: center; } .module-title.style-6:before { position: absolute; content: ''; height: 10px; background-image: linear-gradient(90deg, #ddd, #ddd 33.33%, rgba(128, 128, 128, 0) 33.33%, rgba(128, 128, 128, 0) 100%); background-size: 3px 100%; width: 100%; top: 18px; left: 0; } .module-title.style-6 h4 { display: inline-block; font-size: 22px!important; padding:0 10px; background-color: #fff; } .module-title.style-7 { border-top:2px solid #111; border-bottom: 1px solid #eee; } .module-title.style-7 h4 { margin: 12px 0 11px; } .module-title .subcategory { margin: 3px 0 0; } .module-title .subcategory ul li { display: inline-block; padding-left: 4px; } .category-module.style-11.category-sub-on .module-title.style-4 .subcategory { margin: -2px 45px 0 0; } .category-module.style-11 .module-title .subcategory ul li { padding: 0 7px; } .category-module.style-13.category-sub-on.for-fashion .module-title .subcategory ul li a { font-size: 11px; font-weight: 500; color: #999; } .module-title .subcategory ul li a { display: inline-block; font-size: 10px; font-weight: 500; color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background-color: #eee; padding: 3px 9px; border-radius: 3px; } .module-title .subcategory ul li a:hover, .module-title .subcategory ul li.active-sub a { background-color: #111; color: #fff; } .module-title.style-2 .subcategory ul li, .category-module.style-11 .module-title.style-7 .subcategory ul li { padding:0!important; } .module-title.style-2 .subcategory ul li a, .category-module.style-11 .module-title.style-7 .subcategory ul li a { border:1px solid #eee; padding:0 10px; line-height: 21px; margin: 10px 2px 0; background-color: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .category-module.style-11 .module-title.style-7 .subcategory ul li a { margin: 10px 2px 0; } .module-title.style-2 .subcategory ul li a:hover, .module-title.style-2 .subcategory ul li.active-sub a, .category-module.style-11 .module-title.style-7 .subcategory ul li a:hover, .category-module.style-11 .module-title.style-7 .subcategory ul li.active-sub a { background-color: #111; border-color: #111; color: #fff; } .module-title.style-3 .subcategory ul { margin-right: 10px; margin-top: 4px; } .module-title.style-3 .subcategory ul li { padding:0 3px; } .module-title.style-4 .subcategory ul { position: relative; background-color: #fff; padding:0 10px; } .module-title.style-4 .subcategory { margin: 6px 0 0; } .module-title.style-6 .subcategory { display: inline-block; float: none; width: 100%; margin-bottom: 20px; } .module-title.style-6 .subcategory ul li { padding:0 4px; } .module-title.style-7 .subcategory { margin: 9px 0 0; } .category-module.style-1 h3, .category-module.style-2 h3, .category-module.style-6 .small-post h3, .category-module.style-9 h3, .category-module.style-11 .column-2 h3 { font-size: 20px; font-weight: 700; line-height: 24px; letter-spacing: -0.5px; } .category-module.style-3 h3, .category-module.style-4 .column-3 h3, .category-module.style-5 .column-3 h3, .category-module.style-8 .column-3 h3, .category-module.style-9 .column-3 h3, .category-module.style-10 .small-post h3, .category-module.style-11 .column-3 h3, .category-module.style-11 .column-4 h3, .category-module.style-12 .small-post h3, .category-module.style-13 .small-post h3 { font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: -0.3px; } .category-module.style-4 .large-post h3, .category-module.style-6 .large-post h3 { font-size: 32px; font-weight: 700; line-height: 38px; letter-spacing: -0.5px; } .category-module.style-12 .large-post h3, .category-module.style-13 .large-post h3 { font-size: 28px; font-weight: 700; line-height: 36px; letter-spacing: -0.5px; } .category-module.style-5 h3, .category-module.style-8 .large-post h3, .category-module.style-10 .large-post h3, .category-module.style-7 .large-post h3 { font-size: 24px; font-weight: 700; line-height: 28px; letter-spacing: -0.5px; } .category-module.style-4 .large-post h3 a, .category-module.style-6 .large-post h3 a, .category-module.style-7 .large-post h3 a, .category-module.style-9 h3 a, .category-module.style-4 .large-post .post-date a, .category-module.style-6 .large-post .post-date a, .category-module.style-7 .large-post .post-date a, .category-module.style-9 .post-date a { color: #fff; } .category-module .small-list { border-left:1px solid #eee; padding-left: 30px; } .category-module.style-2 .small-list, .category-module.style-5 .small-list { border-left: 0; border-top: 2px solid #eee; padding-left:0; padding-top: 30px; margin:25px 0 0; } .category-module.style-5 .small-list { margin:0; border-top:0; padding-top: 15px; } .category-module.style-2 .small-list.style-2 { background-color: #f5f5f5; padding:25px; } .category-module .small-list .post { padding:20px 0 0; } .category-module.style-2 .small-list .post { padding: 15px 0 0; } .category-module .small-list .post:first-child { padding:0; } .category-module .small-list .post~.post { border-top:1px solid #eee; } .category-module .small-list .post-image { max-width: 70px; float: left; } .category-module .small-list .post-detail { display: block; min-height: 80px; margin: 0 0 0 90px; } .category-module .small-list .entry-title { font-size: 14px; font-weight: 600; letter-spacing: -0.3px; line-height: 18px; } .category-module.style-2 .small-list .entry-title { font-size: 12px; font-weight: 500; } .category-module .small-list .post .post-content p { font-size: 12px; color: #999; } .category-module.style-3 .post:nth-child(1), .category-module.style-3 .post:nth-child(2), .category-module.style-3 .post:nth-child(3) { min-height: 240px; margin-bottom: 30px; } .category-module.style-3 .post-date:before, .category-module.style-9 .column-3 .post-date:before { background-color: transparent!important; } .category-module.style-4 .large-post .post, .category-module.style-6 .large-post .post { position: relative; } .category-module.style-4 .large-post { margin:0 0 20px; } .category-module.style-4 .large-post .post .post-detail, .category-module.style-6 .large-post .post .post-detail { position: absolute; bottom: 0; padding: 30px 50px; } .category-module.style-6 .large-post .post .post-detail { bottom: 70px; } .category-module.style-4 .large-post .post .post-image a, .category-module.style-6 .large-post .post .post-image a, .category-module.style-7 .large-post .post .post-image a, .category-module.style-9 .post-image a { position: relative; display: block; } .category-module.style-4 .large-post .post .post-image a:before, .category-module.style-6 .large-post .post .post-image a:before, .category-module.style-7 .large-post .post .post-image a:before, .category-module.style-9 .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .category-module.style-4 .large-post .post:hover .post-image a:before, .category-module.style-6 .large-post .post:hover .post-image a:before, .category-module.style-7 .large-post .post:hover .post-image a:before, .category-module.style-9 .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.5); } .category-module.style-4 .column-3 .post-content p, .category-module.style-5 .column-3 .post-content p, .category-module.style-8 .column-3 .post-content p { font-size: 12px; } .category-module.style-5 .small-list .post-detail, .category-module.style-6 .small-list .post-detail { margin:0; } .category-module.style-6 .small-list .post-detail { min-height: 0; } .category-module.style-5 .small-list .post-detail .post-count, .category-module.style-6 .small-list .post-detail .post-count { position: absolute; font-size: 92px; font-weight: 700; top: -40px; left: -4px; z-index: -1; color: #F3F3F3; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .category-module.style-5 .column-3, .category-module.style-8 .column-3 { position: relative; display: inline-block; width: 100%; margin:20px 0 0; } .category-module.style-8 .column-3 { margin:30px 0 0; } .category-module.style-6 .large-post .post-content { margin:20px 0 50px; } .category-module.style-7 .large-post .post-detail, .category-module.style-9 .post-detail { position: absolute; bottom: 0; padding: 30px; } .category-module.style-9 .post-detail { padding:20px 30px; } .category-module.style-7 .scrollbar-inner { max-height: 467px; } .category-module.style-7 .scrollbar-inner .small-list { padding-right: 30px; } .category-module.style-10 .small-post .post:first-child, .category-module.style-12 .small-post .post:first-of-type { margin-bottom: 40px; } .category-module.style-11 .post { padding:0 15px; } .category-module.style-11 .slick-arrow { position: absolute; right: 0; top: -55px; width: 23px; height: 23px; background-color: #fff; border: 0; font-size: 0; -webkit-box-shadow: none; box-shadow: none; outline: none; } .category-module.style-11 .slick-arrow:before { position: absolute; left: 0; top: 0; font-family: 'FontAwesome'; content: "\f054"; font-size: 9px; width: 23px; height: 23px; text-align: center; line-height: 22px; border: 1px solid #E4E4E4; color: #111; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition: all 0.45s ease-in-out; -moz-transition: all 0.45s ease-in-out; -ms-transition: all 0.45s ease-in-out; -o-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out; } .category-module.style-11 .slick-arrow:hover:before { border: 1px solid #111; } .category-module.style-11 .slick-prev { margin: 0 25px 0 0; } .category-module.style-11 .slick-prev:before { content: "\f053"; } .category-module.style-11 .category-title.style-3 + .module-content .slick-arrow { margin-top: 6px; right: 10px; } .category-module.style-11 .category-title.style-4 + .module-content .slick-arrow { margin-top: 6px; right: 0px; background-color: #fff; } .category-module.style-11 .category-title.style-6 + .module-content .slick-arrow { margin-top: 3px; right: 0px; background-color: #fff; } .category-module.style-11 .category-title.style-6 + .module-content .slick-prev { right: inherit; left: 0; } .category-module.style-11 .category-title.style-7 + .module-content .slick-arrow { margin-top: 3px; } .category-module.style-11 .slick-list { margin-left: -15px; margin-right: -15px; } .category-module.style-13 .large-post .post .post-detail { padding:0 20px; } .category-module.style-13 .small-post .post { padding:20px 0; } .category-module.style-13 .small-post .post:first-of-type { padding-top: 0; } .category-module.style-13.for-fashion { position: relative; background: url(assets/images/border-fashion.png) top left repeat; padding:70px; text-align: center; } .category-module.style-13.for-fashion:before { position: absolute; content: ''; background-color: #fff; left: 20px; top: 20px; right: 20px; bottom: 20px; } .category-module.style-13.category-sub-on.for-fashion .subcategory { display: inline-block; width: 100%; } .category-module.style-13.category-sub-on.for-fashion .category-title { display: inline-block; width: 100%; } .category-module.style-13.for-fashion .category-title { position: relative; text-align: center; margin:-68px 0 20px 0; } .category-module.style-13.for-fashion .category-title h4 { font-size: 28px!important; letter-spacing: 1px; background-color: #fff; padding: 5px 30px; line-height: 24px; margin: -10px 0 25px; } .category-module.style-13.for-fashion .large-post .post-detail h3 { background-color: #fff; padding: 40px 30px 0; margin: -55px 0 15px; line-height: 32px; } .category-module .small-list .post-review-count { display: none; } .category-ads img{ display: inline-block; } /*============================================================================ >> 10. VIDEO POST MODULES ============================================================================ */ .video-post-module .module-content { position: relative; } .video-module-title h4 { position: relative; font-size: 22px!important; font-weight: 600; margin:0 0 50px; } .video-post-module { padding:50px 0; } .video-post-module.light { background-color: #eee; } .video-post-module.style-2.light { background-color: transparent; } .video-post-module.style-1 .module-content, .video-post-module.style-1 .video-playlist { padding:0 100px; } .video-post-module.style-1 .video-playlist { margin:30px 0 0; } .video-post-module.style-1 .video-playlist .post .post-image { margin: 10px 0; } .video-post-module.style-1 .video-playlist .post a, .video-post-module.style-2 .video-playlist .post a { text-decoration: none; } .video-post-module.style-1 .video-playlist .post a h3, .video-post-module.style-2 .video-playlist .post a h3 { font-size: 12px; font-weight: 400; line-height: 20px; letter-spacing: -0.3px; } .video-post-module.style-1.light .video-playlist .post a h3, .video-post-module.style-1.for-fashion .video-playlist .post a h3, .video-post-module.style-2.light .video-playlist .post a h3, .video-post-module.style-2.for-fashion .video-playlist .post a h3 { font-weight: 600; } .dark .video-module-title h4, .video-post-module.style-1.dark .video-playlist .post a, .video-post-module.style-2.dark .video-playlist .post-detail h3 { color: #fff; } .light .video-module-title h4, .video-post-module.style-1.light .video-playlist .post a, .video-post-module.style-1.for-fashion .video-playlist .post a, .video-post-module.style-2.light .video-playlist .post-detail h3, .video-post-module.style-2.for-fashion .video-playlist .post-detail h3 { color: #111; } .video-post-module.style-1.for-fashion, .video-post-module.style-2.for-fashion { position: relative; background: url(assets/images/border-fashion.png) top left repeat; } .video-post-module.style-1.for-fashion:before, .video-post-module.style-2.for-fashion:before { position: absolute; content: ''; background-color: #fff; left: 20px; top: 20px; right: 20px; bottom: 20px; } .video-post-module.style-2.dark { padding-left: 30px; padding-right: 30px; } .video-post-module.style-2.for-fashion { padding-left: 50px; padding-right: 50px; padding-bottom: 50px; } .video-post-module.style-2 .video-playlist .scrollbar-inner { max-height: 420px; padding-right: 30px; } .video-post-module.style-2.dark .video-playlist .scrollbar-inner { max-height: 390px; } .video-post-module.style-2.for-fashion .video-playlist .scrollbar-inner { max-height: 370px; } .video-post-module.style-2 .video-playlist .post { padding:16px 0; } .video-post-module.style-2.dark .video-playlist .post { padding:13px 0; } .video-post-module.style-2.for-fashion .video-playlist .post { padding:10px 0; } .video-post-module.style-2 .video-playlist .post-image { float: left; max-width: 70px; } .video-post-module.style-2 .video-playlist .video-icon { float: left; font-size: 14px; color: #ccc; width: 45px; height: 45px; border: 4px solid #ccc; border-radius: 50%; text-align: center; line-height: 38px; padding-left: 6px; margin: 10px 0 0 10px; } .video-post-module.style-2 .video-playlist .post-detail { display: block; min-height: 70px; margin: 0 0 0 90px; } .video-post-module.style-2 .video-playlist .post-detail h3 { margin:5px 0 0; } .video-post-module.style-2.light .video-playlist .post~.post, .video-post-module.style-2.for-fashion .video-playlist .post~.post { border-top:1px solid #eee; } .video-post-module.style-2.dark .video-playlist .post~.post { border-top:1px solid #222; } /*============================================================================ >> 11. AUTHOR POST MODULES ============================================================================ */ .author-post-module .author-content { margin:0; padding:10px 0 10px 20px; border-left:1px solid #eee; } .author-post-module.style-2 .author-content { padding:10px 0; } .author-post-module.style-3 .author-content { padding:20px 15px 20px 0; border-right: 1px solid #eee; } .author-post-module .slick-current.slick-active .author-content, .author-post-module.style-2 .author-content, .author-post-module.style-3 .author-content { border-left:1px solid transparent; } .author-post-module .author-content .author-image { display: inline-block; width: 60px; height: 60px; overflow: hidden; float: left; } .author-post-module .author-content .author-image img { margin:0; } .author-post-module.style-3 .author-content .author-image { width: 100px; height: 100px; float: none; } .author-post-module .author-content .author-detail { display: block; min-height: 70px; margin: 0 0 0 80px; padding: 10px 0 0; } .author-post-module.style-3 .author-content .author-detail { margin:0; } .author-post-module .author-content .author-detail .author-name a { font-weight: 600; color: #111; } .author-post-module.style-3 .author-content .author-detail .author-name a { font-size: 18px; } .author-post-module .author-content .author-detail span { font-size: 12px; color: #666; } .author-post-module.style-2 .author-content p, .author-post-module.style-3 .author-content p { font-size: 11px; line-height: 18px; text-transform: uppercase; color: #777; } .author-post-module.style-3 .author-content p { font-size: 12px; line-height: 20px; } .author-post-module .post { position: relative; } .author-post-module.style-1 .post-image a, .author-post-module.style-2 .author-posts .post-image a { position: relative; display: block; } .author-post-module.style-1 .post-image a:before, .author-post-module.style-2 .author-posts .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .author-post-module.style-1 .post-image a:before { background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .author-post-module.style-2 .author-posts .post-image a:before { background-color: rgba(0, 0, 0, 0.3); } .author-post-module.style-2 .author-posts .post-image:hover a:before { background-color: rgba(0, 0, 0, 0.1); } .author-post-module.style-1 .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.5); } .auhtor-list .post .post-detail { position: absolute; bottom: 0; padding:20px; } .author-post-module.style-1 .post .post-detail { padding: 0 20px 5px; } .auhtor-list .post .post-detail h3, .author-post-module.style-3 .post .post-detail h3 { font-size: 14px; font-weight: 600; line-height: 20px; letter-spacing: -0.3px; } .author-post-module.style-3 .post .post-detail .post-content p { font-size: 12px; } .auhtor-list .post .post-detail h3 a { color: #fff; } .author-post-module.style-2 .author-posts.a-posts .post-image { display: inline-block; max-width: 23.5%; } .author-post-module.style-2 .author-posts.b-posts .post-image { display: inline-block; max-width: 32%; } .author-post-module.style-2 .author-main-post { margin: 0 0 5px; } .author-post-module.style-2 .dark { padding:25px; } .author-post-module.style-3 .module-content.dark { padding:40px 25px; } .author-post-module.style-3 .module-content.dark .author-content { border-right: 1px solid #222; } .author-post-module.style-2 .custom { background-color: #f8f8f8; padding:25px; } .author-post-module.style-2 .dark .author-name a, .author-post-module.style-3 .dark .author-name a, .author-post-module.style-3 .dark .post .post-detail h3 a { color: #fff; } .author-post-module.style-3 .for-fashion { position: relative; background: url(assets/images/border-fashion.png) top left repeat; padding:90px 45px 70px 35px; } .author-post-module.style-3 .for-fashion:before { position: absolute; content: ''; background-color: #fff; left: 20px; top: 20px; right: 20px; bottom: 20px; } /*============================================================================ >> 12. GALLERY POST MODULES ============================================================================ */ .gallery-post-module .post { position: relative; } .gallery-post-module .gallery-post-icon { position: relative; float: left; width: 70px; height: 70px; padding: 7px 0 5px; border-right:1px solid #eee; z-index: 1; } .gallery-post-module .gallery-preview-button { position: relative; float: right; width: 70px; height: 70px; padding: 7px 0 5px; text-align: center; z-index: 1; line-height: 60px; } .gallery-post-module .gallery-preview-button a { display: inline-block; width: 35px; height: 35px; line-height: 35px; color: #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .gallery-post-module .gallery-post-icon i { color: #ccc; font-size: 30px; margin-bottom: 7px; } .gallery-post-module.style-2 .gallery-post-icon i, .gallery-post-module.style-2 .gallery-post-icon .total-images { color: #fff; } .gallery-post-module .gallery-post-icon .total-images { font-size: 10px; color: #999; } .gallery-post-module .gallery-post-icon .total-images span { font-style: normal; font-weight: 600; padding:0 3px; } .gallery-post-module .post-detail.style-2 { position: absolute; bottom: 0; padding: 30px 20px 10px; } .gallery-post-module .post-detail.style-2:before { width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); top: 0; bottom: 0; left: 0; } .gallery-post-module .post-detail-content { position: relative; display: block; margin:0 90px 0 90px; z-index: 1; } .gallery-post-module.style-2 .post-detail-content { margin: 0; } .gallery-post-module .post-detail-content h3 { font-size: 18px; font-weight: 600; } .gallery-post-module.style-2 .post-detail-content h3 { font-size: 20px; font-weight: 700; letter-spacing: -1px; line-height: 26px; } .gallery-post-module .post-detail.style-2 .post-detail-content h3 a, .gallery-post-module .post-detail.style-2 .gallery-preview-button a, .gallery-post-module.style-2 .gallery-preview-button a { color: #fff; } .gallery-post-module .post-detail.style-2 .post-detail-content p { font-size: 12px; color: #ccc; } .gallery-post-module .post-detail.style-2 .gallery-post-icon { border-right: 1px solid rgba(255, 255, 255, 0.2); } .gallery-post-module .post-detail.style-2 .gallery-post-icon i { color: #ccc; } .gallery-post-module .post-detail.style-2 .gallery-preview-button a:hover, .gallery-post-module.style-2 .gallery-preview-button a:hover { border:1px solid #fff; background-color: #fff; color: #111; } .gallery-post-module.style-2 .post-image a { position: relative; display: block; } .gallery-post-module.style-2 .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.0); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .gallery-post-module.style-2 .post-image a:hover:before { background-color: rgba(0, 0, 0, 0.3); } .gallery-post-module.style-2 .post-detail { max-height: 180px; margin:0; } .gallery-post-module.style-2 .theme-preview .post { position: relative; display: none; } .gallery-post-module.style-2 .gallery-post-icon, .gallery-post-module.style-2 .gallery-preview-button { position: absolute; border-right: 0; bottom: 0; left: 20px; } .gallery-post-module.style-2 .gallery-preview-button { top: 0; right: 20px; bottom: inherit; left: inherit; } .gallery-post-module.style-2 .theme-preview .post:first-child { display: block; } .gallery-post-module.style-2 .theme-list { margin: -85px 0 0 0; } .gallery-post-module.style-2 .theme-list ul li { position: relative; display: inline-block; width: 24%; cursor: pointer; } .gallery-post-module.style-2 .theme-list ul li a { position: relative; display: block; cursor: pointer; } .gallery-post-module.style-2 .theme-list ul li.selected a:before { background-color: rgba(0, 0, 0, 0); } .gallery-post-module.style-2 .dark { padding:30px; } .gallery-post-module.style-2 .dark h3 { letter-spacing: -0.5px; } .gallery-post-module.style-2 .dark h3 a { color: #fff; } .gallery-post-module.style-2 .dark .theme-list { margin: -80px 0 0 0; } /*============================================================================ >> 13. SIDEBAR - WIDGETS ============================================================================ */ .sidebar.right { padding-left: 30px; padding-right: 15px; } .sidebar.left { padding-right: 30px; padding-left: 15px; } .widget { padding:30px; margin:0 0 30px; } footer .widget { margin-bottom: 30px; padding: 0 13px; } .widget-title { position: relative; z-index: 1; } .widget-title h4 { display: inline-block; font-size: 13px; font-weight: 700; text-transform: uppercase; padding:0 0 10px; } .sidebar.style-1 .widget { padding:0; margin:0 0 50px; } .sidebar.style-1 .widget-title h4 { width: 100%; } .sidebar.style-2 .widget-title, .sidebar.style-4 .widget-title, .sidebar.style-6 .widget-title { text-align: center; } .sidebar.style-2 .widget-title h4 { width: 100%; padding: 20px 0 15px; } .sidebar.style-4 .widget-title h4 { padding: 15px 0 10px; width: 100%; } .sidebar.style-5 .widget-title h4 { position: relative; font-size: 12px; padding: 10px 20px; margin:0; } .sidebar.style-5 .widget-title { border-bottom: 2px solid #111; margin-bottom: 30px; } .sidebar.style-3 .widget-title:before { position: absolute; content: ''; width: 100%; height: 2px; top: 8px; z-index: -1; } .sidebar.style-3 .widget-title h4 { background-color: #fff; padding-right: 10px; } .sidebar.style-6 .widget-title { margin: -41px 0 30px; } .sidebar.style-6 .widget h4 { font-size: 16px; padding:3px 20px; background-color: #fff; margin-bottom: 0; } .sidebar.style-3 .widget, .sidebar.style-4 .widget, .sidebar.style-5 .widget { padding:0; } /*--- WIDGETS ---*/ .recent-posts-widget .post, .recent-posts-widget .large-post { margin:0 0 30px; } .recent-posts-widget .post:last-child, .recent-posts-widget.style-2 .small-list .post:last-child, .tab-widget .small-list .post:last-child { margin:0; } .recent-posts-widget .post .post-image a, .instagram-widget ul li a, .shortcode-instagram ul li a { position: relative; display: block; } .recent-posts-widget .post .post-image a:before, .instagram-widget ul li a:before, .shortcode-instagram ul li a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .recent-posts-widget .post .post-image a:hover:before, .instagram-widget ul li a:hover:before, .shortcode-instagram ul li a:hover:before { background-color: rgba(0, 0, 0, 0.3); } .recent-posts-widget.style-1 .post h3, .recent-posts-widget.style-2 .large-post .post h3 { font-size: 16px; font-weight: 600; letter-spacing: -0.5px; line-height: 20px; margin:0 0 5px; } .recent-posts-widget .large-post .post { position: relative; } .recent-posts-widget .large-post .post .post-image a { position: relative; display: block; } .recent-posts-widget .large-post .post .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .recent-posts-widget .large-post .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.5); } .recent-posts-widget .large-post .post .post-detail { position: absolute; bottom: 0; padding:20px; } .recent-posts-widget .large-post .post .post-detail h3 a { color: #fff; } .recent-posts-widget .small-list .post, .tab-widget .small-list .post { padding:20px 0 10px; margin:0; } .recent-posts-widget .small-list .post:first-child, .tab-widget .small-list .post:first-child { padding-top: 0; } .recent-posts-widget .small-list .post:last-child, .tab-widget .small-list .post:last-child { padding-bottom: 0; } .recent-posts-widget .small-list .post~.post, .tab-widget .small-list .post~.post { border-top:1px solid #eee; } .recent-posts-widget .small-list .post-image, .tab-widget .small-list .post-image { max-width: 70px; float: left; } .recent-posts-widget .small-list .post-detail, .tab-widget .small-list .post-detail { display: block; min-height: 75px; margin: 0 0 0 90px; } .recent-posts-widget .small-list .post-detail h3, .tab-widget .small-list .post-detail h3 { font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 18px; } .recent-posts-widget .small-list .post-detail .post-date:before, .tab-widget .small-list .post-detail .post-date:before { background-color: transparent; } .slider-widget .slick-arrow { position: absolute; z-index: 1; top: 11px; width: 37px; height: 37px; font-size: 0; border: 0; background-color: transparent; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; left: 10px; } .slider-widget .slick-prev.slick-arrow:before { content: "\f053"; } .slider-widget .slick-next { margin-left: 40px; } .slider-widget .slick-arrow:before { position: absolute; font-family: 'FontAwesome'; font-size: 9px; content: "\f054"; width: 37px; height: 37px; color: #fff; background-color: rgba(0, 0, 0, 0.7); text-align: center; line-height: 37px; top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .slider-widget .slick-arrow:hover:before { background-color: rgba(255, 255, 255, 1); color: #111; } .slider-widget .post { position: relative; } .slider-widget .post .post-image, .slider-widget .post .post-image a { position: relative; display: block; } .slider-widget .post .post-image > a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .slider-widget .post:hover .post-image > a:before { background-color: rgba(0, 0, 0, 0.5); } .slider-widget .post .post-header { position: absolute; bottom: 0; padding:20px; } .slider-widget .post .post-header h3 { font-size: 18px; font-weight: 600; line-height: 20px; letter-spacing: -0.3px; } .slider-widget .post .post-header h3 a, .slider-widget .post .post-comment a, .slider-widget .post .post-date { color: #fff; } .tab-widget .small-list { position: relative; margin: 30px 0 0; } .tab-widget .nav-tabs { border-bottom: 2px solid #111; } .tab-widget .nav-tabs li a { font-size: 12px; font-weight: 600; text-transform: uppercase; color: #bbb; border:0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .tab-widget .nav-tabs li a:hover { background-color: transparent; border-color: transparent; } .tab-widget .nav-tabs>li.active>a { color: #fff; background-color: #111; border:transparent; } .author-widget .author-image, .author-widget.style-2 .author-detail { position: relative; } .author-widget.style-1 .author-image .author-name-detail { position: absolute; content: ''; width: 100%; height: 100%; top: 0; background-color: rgba(0, 0, 0, 0.4); } .author-widget.style-1 .author-image .author-name-detail .author-name-content { display: table; width: 100%; height: 100%; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name { display: table-cell; vertical-align: middle; text-align: center; padding: 0 30px; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name h3 { font-size: 24px; font-weight: 600; margin:20px 0 0; color: #fff; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name span { font-size: 12px; color: #fff; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name p { font-size: 12px; line-height: 20px; margin: 15px 0 20px; padding: 15px 0 0; color: #fff; border-top:1px solid #fff; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name a { font-size: 10px; font-weight: 600; text-decoration: none; text-transform: uppercase; border:2px solid #fff; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 7px 15px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .author-widget.style-1 .author-image .author-name-detail .author-name-content .author-name a:hover { background-color: #fff; color: #111; } .author-widget.style-2 .author-detail:before { position: absolute; content: ''; width: 80%; height: 50px; background-color: #fff; top: -30px; } .author-widget.style-2 .author-detail h3 { position: relative; z-index: 1; font-size: 22px; font-weight: 600; margin:0; color: #111; } .author-widget.style-2 .author-detail span { position: relative; z-index: 1; font-size: 12px; color: #999; } .author-widget.style-2 .author-detail p { font-size: 12px; line-height: 20px; margin: 15px 0 20px; } .author-widget.style-2 .author-detail a { font-size: 10px; font-weight: 600; text-decoration: none; text-transform: uppercase; border:2px solid #ddd; color: #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 7px 15px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .author-widget.style-2 .author-detail a:hover { background-color: #111; border-color: #111; color: #fff; } .author-list-widget .author-list ul li { padding:15px 0; } .author-list-widget .author-list ul li:first-child { padding-top: 0; } .author-list-widget .author-list ul li:last-child { padding-bottom: 0; } .author-list-widget .author-list ul li~li { border-top:1px solid #eee; } .author-list-widget .author-list ul li { min-height: 70px; } .author-list-widget .author-list .author-image { display: inline-block; width: 70px; height: 70px; overflow: hidden; float: left; } .author-list-widget .author-list .author-image img { margin:0; } .author-list-widget .author-list .author-detail { display: block; min-height: 80px; margin: 0 0 0 90px; padding: 10px 0 0; } .author-list-widget .author-list .author-detail .author-name a { font-size: 15px; font-weight: 600; color: #111; } .author-list-widget .author-list .author-detail span { font-size: 10px; font-weight: 500; color: #999; text-transform: uppercase; } .author-list-widget .author-list .author-detail p { font-size: 11px; line-height: 18px; margin: 10px 0 0; } .social-media-widget.style-1 ul li span { display: none; } .social-media-widget.style-1 ul li { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; margin: 0 0 4px; } .social-media-widget.style-2 ul { text-align: center; } .social-media-widget.style-2 ul li { display: inline-block; width: 64px; text-align: center; margin: 0 0 4px; } .sidebar.style-6 .social-media-widget.style-2 ul li { width: 63px; } .sidebar.style-1 .social-media-widget.style-2 ul li, .sidebar.style-3 .social-media-widget.style-2 ul li, .sidebar.style-4 .social-media-widget.style-2 ul li, .sidebar.style-5 .social-media-widget.style-2 ul li { width: 79px; } .sidebar.style-6 .social-counter-widget.style-3 ul li { width: 86px; } .sidebar.style-1 .social-counter-widget.style-3 ul li, .sidebar.style-3 .social-counter-widget.style-3 ul li, .sidebar.style-4 .social-counter-widget.style-4 ul li { width: 107px; } .sidebar.style-5 .social-counter-widget.style-3 ul li { width: 102px; } .social-media-widget.style-3 ul li { display: inline-block; width: 49%; margin:0 0 4px; } .social-media-widget.style-1 ul li a, .social-media-widget.style-2 ul li a { display: block; color: #fff; background-color: #111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .social-media-widget.style-2 ul li a { padding:20px 0; } .social-media-widget.style-3 ul li a { display: block; color: #fff; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .social-media-widget.style-3 ul li a i { display: inline-block; width: 40px; height: 40px; text-align: center; line-height: 40px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .social-media-widget.style-2 ul li a i { font-size: 26px; } .social-media-widget.style-2 ul li a span { display: inline-block; width: 100%; font-size: 10px; text-transform: uppercase; } .social-media-widget.style-3 ul li a span { display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; margin: 12px 0 0 15px; } .social-counter-widget.style-3 ul { text-align: center; } .social-counter-widget ul li { display: inline-block; width: 100%; margin:0; padding-bottom: 15px; } .social-counter-widget.style-2 ul li { position: relative; width: 49%; margin:0 0 4px; } .social-counter-widget.style-3 ul li { width: 87px; margin:0 0 2px; } .social-counter-widget.style-2 ul li a { font-size: 16px; font-weight: 600; } .social-counter-widget.style-3 ul li a { text-align: center; font-weight: 700; padding: 15px 0; } .social-counter-widget.style-2 ul li a i { width: 45px; font-size: 18px; margin-right: 10px; padding-top: 10px; padding-bottom: 45px; line-height: 25px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .social-counter-widget.style-3 ul li a i { border-right: 0; width: 100%; font-size: 20px; margin:0; } .social-counter-widget ul li a { display: inline-block; width: 100%; font-size: 12px; font-weight: 600; color: #fff; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .social-counter-widget ul li a i { display: inline-block; font-size: 14px; width: 40px; height: 40px; text-align: center; line-height: 40px; border-right: 1px solid rgba(255, 255, 255, 0.2); margin-right: 20px; } .social-counter-widget ul li a span { display: inline-block; font-size: 10px; font-weight: 600; float: right; text-transform: uppercase; margin:14px 15px 0 0; } .social-counter-widget.style-1 ul li a { float: left; height: 40px; line-height: 43px; } .social-counter-widget.style-1 ul li a i { float: left; width: 45px; background-color: rgba(0, 0, 0, 0.1); } .social-counter-widget.style-1 ul li a span { float: none; font-size: 11px; font-weight: 500; color: rgba(255, 255, 255, 0.7); margin: 0 17px 0 10px; } .social-counter-widget.style-1 ul li a p { display: inline-block; float: right; margin: 0 18px 0 0; font-size: 11px; font-weight: 500; text-transform: uppercase; } .social-counter-widget.style-2 ul li span { position: absolute; margin: 0; top: 33px; left: 55px; font-size: 9px; font-weight: 400; letter-spacing: 1px; } .social-counter-widget.style-3 ul li a span { display: inline-block; float: none; width: 100%; margin: 0 0 5px; font-weight: 100; letter-spacing: 1px; } .social-media-widget ul li a:hover, .social-counter-widget ul li a:hover { opacity: 0.8; } .social-media-widget ul li a.facebook, .social-counter-widget ul li a.facebook { background-color: #3b5998; } .social-media-widget ul li a.twitter, .social-counter-widget ul li a.twitter { background-color: #00aced; } .social-media-widget ul li a.dribbble, .social-counter-widget ul li a.dribbble { background-color: #ed689b; } .social-media-widget ul li a.linkedin, .social-counter-widget ul li a.linkedin { background-color: #0077b5; } .social-media-widget ul li a.flickr, .social-counter-widget ul li a.flickr { background-color: #ff0084; } .social-media-widget ul li a.tumblr, .social-counter-widget ul li a.tumblr { background-color: #3d5a70; } .social-media-widget ul li a.vimeo, .social-counter-widget ul li a.vimeo { background-color: #1ab7ea; } .social-media-widget ul li a.youtube, .social-counter-widget ul li a.youtube { background-color: #dd1a2a; } .social-media-widget ul li a.soundcloud, .social-counter-widget ul li a.soundcloud { background-color: #ff6300; } .social-media-widget ul li a.instagram, .social-counter-widget ul li a.instagram { background-color: #000; } .social-media-widget ul li a.google, .social-counter-widget ul li a.google { background-color: #ea4335; } .social-media-widget ul li a.foursquare, .social-counter-widget ul li a.foursquare { background-color: #f94877; } .social-media-widget ul li a.pinterest, .social-counter-widget ul li a.pinterest { background-color: #cb2027; } .social-media-widget ul li a.deviantart, .social-counter-widget ul li a.deviantart { background-color: #04cc47; } .social-media-widget ul li a.behance, .social-counter-widget ul li a.behance { background-color: #005cff; } .instagram-widget ul li { display: inline-block; width: 32%; } .subscribe-widget span { display: inline-block; width: 100%; font-size: 12px; margin:0 0 20px; } .subscribe-widget form > div { position: relative; } .subscribe-widget form > div i { position: absolute; right: 15px; top: 14px; color: rgba(0, 0, 0, 0.15); font-size: 16px; } .subscribe-widget form .mc4wp-form-fields label { font-size: 12px; font-weight: 300; } .subscribe-widget form .mc4wp-form-fields input[type="email"], .subscribe-widget form .mc4wp-form-fields input[type="text"] { display: inline-block; width: 100%; font-size: 12px; text-transform: uppercase; height: 45px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; margin:0 0 5px; padding: 10px 40px 6px 15px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .subscribe-widget form .mc4wp-form-fields input[type="email"]:focus, .subscribe-widget form .mc4wp-form-fields input[type="text"]:focus { border-color: #111; outline: none; } .subscribe-widget form .mc4wp-form-fields input[type="submit"] { position: relative; width: 100%; height: 45px; font-size: 12px; text-transform: uppercase; font-weight: 600; letter-spacing: 1px; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: transparent; background-color: #eee; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .subscribe-widget form .mc4wp-form-fields input[type="submit"]:hover { color: #fff; } .widget .subscribe-widget.dark { background-color: #111; padding:35px 20px; } .footer-sidebar .widget .subscribe-widget { padding:0; background-color: transparent!important; } .widget .subscribe-widget.dark span, .widget .subscribe-widget.dark form .mc4wp-form-fields label { color: #fff; } .widget .subscribe-widget.dark form .mc4wp-form-fields input[type="submit"] { background-color: #f95d74; color: #fff; } .widget .subscribe-widget.dark form .mc4wp-form-fields input[type="submit"]:hover { background-color: #ea3a54; } .review-widget .first-post .post { position: relative; } .review-widget .first-post .post .post-image a { position: relative; display: block; } .review-widget .first-post .post .post-image a:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); top: 0; left: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .review-widget .first-post .post:hover .post-image a:before { background-color: rgba(0, 0, 0, 0.5); } .review-widget .first-post .post .post-detail { position: absolute; bottom: 0; padding: 10px 20px; } .review-widget .first-post .post .post-detail h3 { font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: -0.5px; } .review-widget .first-post .post .post-detail h3 a { color: #fff; } .review-widget .first-post .post .post-review-count { position: absolute; top: 20px; left: 20px; } .review-widget .other-posts .post { position: relative; padding: 20px 0; min-height: 90px; margin:5px 0; } .review-widget .other-posts .post:last-child { padding-bottom: 0; margin-bottom: 0; } .review-widget .other-posts .post~.post { border-top:1px solid #ddd; } .review-widget .other-posts .post .post-review-count { position: absolute; top: 20px; left:15px; } .review-widget .other-posts .post .post-review-count .circle_base { stroke: rgba(0, 0, 0, 0.1); } .review-widget .other-posts .post .post-review-count span { color: #111; } .dark .footer-sidebar .review-widget .other-posts .post .post-review-count span { color: #fff; } .review-widget .other-posts .post .post-detail { display: block; min-height: 60px; margin: 0 0 0 90px; padding-right: 10px; padding-top: 5px; } .review-widget .other-posts .post .post-detail h3 { font-size: 12px; font-weight: 600; letter-spacing: -0.3px; line-height: 18px; margin:0; } .review-widget .other-posts .post .post-detail .post-date:before { background-color: transparent; } .textwidget { font-size: 12px; line-height: 20px; color: #999; } .textwidget a { font-weight: 600; color: #111; } .widget_archive ul li, .widget_categories ul li { display: inline-block; width: 100%; font-size: 12px; font-weight: 500; text-align: right; padding:10px 0; } .widget_pages ul li, .widget_meta ul li, .widget_recent_comments ul li, .widget_recent_entries ul li, .widget_nav_menu ul li { font-size: 12px; font-weight: 500; line-height: 18px; padding:10px 0; } .widget_rss ul li { font-size: 12px; font-weight: 400; line-height: 20px; padding:10px 0; color: #666; } .widget_archive ul li:first-child, .widget_categories ul li:first-child, .widget_pages ul li:first-child, .widget_meta ul li:first-child, .widget_recent_comments ul li:first-child, .widget_recent_entries ul li:first-child, .widget_rss ul li:first-child, .widget_nav_menu ul li:first-child { padding-top: 0; } .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_pages ul li:last-child, .widget_meta ul li:last-child, .widget_recent_comments ul li:last-child, .widget_recent_entries ul li:last-child, .widget_rss ul li:last-child, .widget_nav_menu ul li:last-child { padding-bottom: 0; } .widget_archive ul li~li, .widget_categories ul li~li, .widget_pages ul li~li, .widget_meta ul li~li, .widget_recent_comments ul li~li, .widget_recent_entries ul li~li, .widget_rss ul li~li, .widget_nav_menu ul li~li { border-top: 1px solid #ccc; } .widget_categories ul li ul, .widget_pages ul li ul, .widget_nav_menu ul li ul { padding-left: 25px; padding-top:10px; } .widget_archive ul li a, .widget_categories ul li a, .widget_rss ul li a { float: left; color: #111; } .widget_pages ul li a, .widget_meta ul li a, .widget_recent_entries ul li a, .widget_nav_menu ul li a, .widget_rss h4 a, .widget_tag_cloud a { color: #111; } .widget_meta ul li a abbr, .widget_rss ul li a, .widget_rss ul li cite { font-weight: 600; } .widget_recent_comments ul li { color: #aaa; } .widget_rss ul li .rss-date { display: inline-block; width: 100%; font-size: 10px; text-transform: uppercase; color: #aaa; } .widget_recent_comments ul li span, .widget_recent_comments ul li a { color: #111; } .widget_archive select, .widget_categories select, .widget_text select { display: inline-block; font-size: 12px; width: 100%; height: 45px; padding: 3px 10px 0 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget_rss h4 img { display: none; } .widget_search form { position: relative; } .widget_search form input { display: inline-block; font-size: 12px; width: 100%; height: 45px; padding: 8px 60px 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .widget_search form input:focus { border-color: #111; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .widget_search form button { position: absolute; position: absolute; right: 0px; height: 45px; width: 50px; top: 0px; border: 0; background-color: #222; color: #fff; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .widget_search form button:hover { color: #fff; } .widget_calendar .calendar_wrap { position: relative; } .widget_calendar .calendar_wrap table { width: 100%; } .widget_calendar .calendar_wrap table caption { font-size: 14px; font-weight: 600; text-align: center; text-transform: uppercase; padding: 10px; color: #111; } .widget_calendar .calendar_wrap table thead { margin: 15px 0 0; background-color: #111; border: 1px solid #eee; color: #fff; } .widget_calendar .calendar_wrap table th, .widget_calendar .calendar_wrap table td { font-size: 12px; text-align: center; padding: 15px 0; } .widget_calendar .calendar_wrap table td { padding: 10px 0; color: #999; border-left: 1px solid #eee; border-bottom: 1px solid #eee; } .widget_calendar .calendar_wrap table td#today { background-color: #ffe4e4; color: #f00; font-weight: 600; } .widget_calendar .calendar_wrap table tfoot { background-color: #92f1a2; } .widget_calendar .calendar_wrap table tfoot td { border:0; } .widget_calendar .calendar_wrap table tfoot td#next { border-right:1px solid #92f1a2; } .widget_calendar .calendar_wrap table td:last-child { border-right: 1px solid #eee; } .widget_calendar .calendar_wrap table td a { font-weight: 900; color: #111; text-transform: uppercase; } .footer-sidebar .widget-title h4 { width: 100%; color: #fff; border-bottom: 2px solid #fff; } footer.light .footer-sidebar .widget-title h4 { color: #111; border-bottom: 2px solid #111; } footer.dark .footer-sidebar .widget_archive ul li~li, footer.dark .footer-sidebar .widget_categories ul li~li, footer.dark .footer-sidebar .widget_pages ul li~li, footer.dark .footer-sidebar .widget_meta ul li~li, footer.dark .footer-sidebar .widget_recent_comments ul li~li, footer.dark .footer-sidebar .widget_recent_entries ul li~li, footer.dark .footer-sidebar .widget_rss ul li~li, footer.dark .footer-sidebar .widget_calendar .calendar_wrap table td, footer.dark .footer-sidebar .recent-posts-widget .small-list .post~.post, footer.dark .footer-sidebar .tab-widget .small-list .post~.post, footer.dark .footer-sidebar .review-widget .other-posts .post~.post, footer.dark .footer-sidebar .author-list-widget .author-list ul li~li { /*border-color: #222;*/ border:none; } footer.dark .footer-sidebar { color: #999; } footer.dark .footer-sidebar a, footer.dark .footer-sidebar .widget_calendar .calendar_wrap table caption, footer.dark .footer-sidebar .author-widget.style-2 .author-detail h3, footer.dark .footer-sidebar .author-widget.style-2 .author-detail a, footer.dark .footer-sidebar .author-list-widget .author-list ul li a { color: #fff; } footer.dark .footer-sidebar .widget_calendar .calendar_wrap table thead { background-color: #fff; color: #111; border: 0; } footer.dark .footer-sidebar .widget_archive select, footer.dark .footer-sidebar .widget_categories select, footer.dark .footer-sidebar .widget_text select, footer.dark .footer-sidebar .widget_search form input { background-color: #333; border-color: #444; } footer.light .footer-sidebar .author-widget.style-2 .author-detail:before { background-color: #f8f8f8; } footer.dark .footer-sidebar .author-widget.style-2 .author-detail:before { background-color: #111; } footer.dark .footer-sidebar .author-widget.style-2 .author-detail a:hover { background-color: #fff; color: #111; } footer.dark .footer-sidebar .entry-content p { color: #999; } footer.dark .footer-sidebar .tab-widget .nav-tabs>li.active>a { color: #fff; background-color: #636363; } /*============================================================================ >> 14. SINGLE STYLES ============================================================================ */ .single-module-title { position: relative; font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; padding-bottom: 10px; border-bottom: 3px solid #eee; } .entry-crumbs { position: relative; font-size: 11px; margin:0 0 15px; color: #ccc; } .entry-crumbs.single-2 { margin: 23px 0; } .entry-crumbs span { color: #999; } .entry-crumbs span a span { color: #ccc; } .entry-crumbs span a { text-decoration: none; } .post h1.entry-title { font-size: 38px; font-weight: 600; line-height: 42px; letter-spacing: -1px; margin:0 0 13px; } .single-content .post .post-meta-info.top { margin:0 0 15px; } .single-content .post .post-meta-info.middle, .single-style-8 .post-meta-info.middle, .video-style-2 .post-meta-info.middle, .video-style-3 .post-meta-info.middle, .gallery-style-3 .post-meta-info.middle, .single-style-9 .post-meta-info.middle { padding-top: 15px; border-top:1px solid #eee; margin-bottom: 15px; } .page-post .post-category { margin-right: 15px; } .page-post .post-image, .page-post .post-video, .page-post .post-gallery, .page-post .post-audio { margin:0 0 20px; } .page-post .post-image .featured_image_credit, .page-post .post-gallery .featured_image_credit { position: absolute; bottom: 0; background-color: rgba(0, 0, 0, 0.3); font-size: 10px; color: #fff; padding: 7px 20px 5px; right: 0; } .single-share { position: relative; margin:0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #eee; } .single-share.static-sidebar { display: inline-block; width: 100%; } .single-share.static-sidebar.no-postShare { margin: 0; padding: 0; border: 0; } .single-share .hidden-count { display: none; } .single-share.bottom { border-bottom: 0; margin:30px 0 0; padding:20px 0; border:1px solid #eee; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; } .single-share.static-sidebar .post-author { float: left; } .single-share .post-author { max-width: 180px; } .single-share .post-author img { float: left; width: 40px!important; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .single-share .post-author .author-detail { display: block; margin:0 0 0 55px; font-size: 12px; padding: 3px 0 0; } .single-share .post-author .author-detail span { display: block; font-size: 11px; font-weight: 500; text-transform: none; letter-spacing: 0; color: #666; } .share-buttons a { display: inline-block; font-size: 11px; width: 40px; height: 40px; color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 10px 13px 8px 13px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .share-buttons a.large-button { width: inherit; } .single-share.bottom a.large-button { min-width:105px; } .share-buttons a i { font-size: 16px; margin:2px 0 0; } .share-buttons a span { position: relative; display: inline-block; top: -2px; line-height: 16px; padding-left: 10px; margin-left: 12px; border-left: 1px solid rgba(255,255,255,.2); } .share-buttons a.facebook { background-color: #516eab; } .share-buttons a.twitter { background-color: #29c5f6; } .share-buttons a.google { background-color: #eb4026; } .share-buttons a.pinterest { background-color: #ca212a; } .share-buttons a.whatsapp { background-color: #43d854; } .share-buttons a:hover { opacity: 0.8; } .share-buttons .social-count { display: inline-block; float: left; height: 40px; text-align: center; line-height: 16px; padding: 7px 5px 0 0; margin: 0 15px 0 0; border-right: 1px solid #eee; } .single-share.bottom .social-count { min-width: 110px; } .share-buttons .social-count span.social-count-num { display: inline-block; float: right; width: 100%; font-size: 23px; font-weight: 600; line-height: 18px; } .single-share.bottom .social-count span.social-count-num { font-size: 28px; font-weight: 700; line-height: inherit; } .share-buttons .social-count span.social-count-text { display: inline-block; float: right; width: 100%; font-size: 10px; text-transform: uppercase; color: #bbb; } .page-post .entry-content p { font-size: 14px; line-height: 26px; } .page-post .entry-content blockquote, .page .entry-content blockquote { border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; border-left: 0; padding: 25px 0; margin: 25px 0; text-align: center; } .page-post .entry-content blockquote p, .page .entry-content blockquote p { font-size: 24px; font-weight: 600; line-height: 38px; } .entry-content ul, .entry-content ol { margin:20px 0; } .post-comments .comment-list li .comment-detail .comment-text ul, .post-comments .comment-list li .comment-detail .comment-text ol { margin:0; } .entry-content ul li, .entry-content ol li, .post-comments .comment-list li .comment-detail .comment-text ul li, .post-comments .comment-list li .comment-detail .comment-text ol li { display: list-item; list-style: initial; line-height: 26px; } .single-post .entry-content ul li , .entry-content ol li { margin-left: 25px; } .post-category ul li { display: list-item; list-style: none ; line-height: 26px; } .post-comments .comment-list li .comment-detail .comment-text ul li, .post-comments .comment-list li .comment-detail .comment-text ol li { padding: 0 0; min-height: inherit; margin-bottom: 0; font-size: 12px; } .post-comments .comment-list li .comment-detail .comment-text ul, .post-comments .comment-list li .comment-detail .comment-text ol, .post-comments .comment-list li .comment-detail .comment-text ul li~li, .post-comments .comment-list li .comment-detail .comment-text ol li~li { border:0; } .entry-content .shortcode-slider ul li { margin:0; } .entry-content ol li, .post-comments .comment-list li .comment-detail .comment-text ol li { list-style-type:decimal; padding-left: 10px; } .entry-content table, .post-comments .comment-list li .comment-detail .comment-text table { background-color: #f5f5f5; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .entry-content table thead, .post-comments .comment-list li .comment-detail .comment-text table thead { background-color: #eaeaea; } .entry-content table thead tr th, .entry-content table tbody tr th, .entry-content table tbody tr td, .post-comments .comment-list li .comment-detail .comment-text table thead tr th, .post-comments .comment-list li .comment-detail .comment-text table tbody tr th, .post-comments .comment-list li .comment-detail .comment-text table tbody tr td { font-size: 13px; padding:10px 20px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; } .post-comments .comment-list li .comment-detail .comment-text table thead tr th, .post-comments .comment-list li .comment-detail .comment-text table tbody tr th, .post-comments .comment-list li .comment-detail .comment-text table tbody tr td { font-size: 12px; } .entry-content table a, .post-comments .comment-list li .comment-detail .comment-text table a { color: #111; } .entry-content dl dd, .post-comments .comment-list li .comment-detail .comment-text dl dd { padding-left: 15px; margin-bottom: 10px; line-height: 22px; color: #525252; } .post-comments .comment-list li .comment-detail .comment-text dl dd { font-size: 12px; margin: 5px 0 20px; padding-left: 5px; } .entry-content dl a, .comment-list li .comment-detail .comment-text dl a { font-weight: 600; color: #111; } .entry-content iframe { max-width: 100%; } .entry-content .page-links { position: relative; padding:10px 0 0; border-top: 2px solid #eee; font-size: 12px; text-transform: uppercase; letter-spacing: 1px; } .entry-content .page-links a { display: inline-block; width: 30px; height: 30px; line-height: 30px; font-weight: 600; text-align: center; background-color: #111; color: #fff; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .entry-content .post-password-form input[type="password"] { font-size: 12px; height: 40px; padding: 8px 60px 5px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #9e9e9e; } .entry-content .post-password-form input[type="submit"] { font-size: 12px; height: 40px; padding: 0 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: 2px solid #111; text-align: center; background-color: #111; color: #fff; font-weight: 600; text-transform: uppercase; } .entry-content .gallery-caption { text-align: left; margin: 10px 0 0; padding: 0; } .attachment.type-attachment .post-image .featured_image_credit { position: relative; background-color: transparent; color: #111; padding: 0; font-size: 12px; line-height: 22px; } .post-review { position: relative; background-color: #f5f5f5; } .post-review.dark { background-color: #222; } .post-review .review-detail .review-title { position: relative; font-size: 18px; letter-spacing: -0.3px; margin:0 0 30px; border-bottom: 3px solid #e4e4e4; padding-bottom: 15px; } .post-review .review-detail .review-header { padding:30px 30px; } .post-review .review-detail .rating-score { float: left; width: 110px; color: #fff; background-color: #111; } .post-review .review-detail .rating-score .score-value { display: block; font-size: 36px; padding: 18px 12px 0px; } .post-review.percent .review-detail .rating-score .score-value sub { font-weight: 500; font-size: 24px; bottom: 0; left: 3px; } .post-review .review-detail .rating-score .score-desc { display: block; padding: 5px 0 15px; text-transform: uppercase; font-size: 11px; } .post-review .review-detail .review-shortdesc { display: block; margin: 0 0 0 140px; min-height: 104px; } .post-review .review-detail .review-shortdesc p { font-size: 12px; line-height: 26px; } .post-review .review-detail .review-comments, .post-review .review-points { padding:40px 30px; margin: 30px 0 0; border-top: 5px solid #fff; } .post-review .review-detail .review-comments { margin:0; } .post-review .review-points { margin:0; } .post-review .review-detail .review-comments .subheader { font-size: 14px; font-weight: 700; text-transform: uppercase; } .post-review .review-detail .review-comments .subheader i { display: inline-block; width: 20px; height: 20px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: #fff; font-size: 10px; text-align: center; line-height: 20px; margin-right: 10px; } .post-review .review-detail .review-comments .good .subheader i { background-color: #01c358; } .post-review .review-detail .review-comments .good .subheader { color: #01c358; } .post-review .review-detail .review-comments .bad .subheader i { background-color: #f3002e; font-size: 9px; padding-left: 1px; } .post-review .review-detail .review-comments .bad .subheader { color: #f3002e; } .post-review .review-detail .review-comments ul { margin: 20px 0 0 23px; } .post-review .review-detail .review-comments ul li { font-size: 12px; line-height: 18px; padding: 6px 0 6px 12px; list-style: initial; color: #777; } .post-review .review-points ul li { padding:12px 0; } .post-review .review-points ul li:first-child, .post-review .review-detail .review-comments ul li:first-child, .post-review.star .review-points ul li:first-child { padding-top: 0; } .post-review .review-points ul li:last-child, .post-review .review-detail .review-comments ul li:last-child, .post-review.star .review-points ul li:last-child { padding-bottom: 0; } .post-review.star .review-points ul li { padding: 15px 0; } .post-review.star .review-points ul li~li { border-top:2px solid #eee; } .post-review.star.dark .review-points ul li~li { border-top:2px solid #444; } .post-review .review-item-title { display: inline-block; font-size: 13px; font-weight: 600; margin: 0 0 5px; } .post-review .review-item-rating { position: relative; display: inline-block; float: right; font-size: 11px; font-weight: 500; width: 25px; height: 22px; line-height: 24px; text-align: center; color: #fff; background-color: #333; margin: -4px 0 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-review .review-item-rating:before { position: absolute; content: " "; top: 100%; left: 7px; border: solid transparent; height: 0; width: 0; pointer-events: none; border-color: rgba(255, 255, 255, 0); border-top-color: #333; border-width: 5px; margin-top: 0; z-index: 0; } .post-review.percent .review-item-rating { font-size: 10px; font-weight: 600; width: 35px; } .post-review.percent .review-item-rating:before { left: 12px; } .post-review .progress-point { position:relative; display:block; height:17px; width:100%; margin: 0; background-color: #e8e8e8; -webkit-transition:0.4s linear; -moz-transition:0.4s linear; -ms-transition:0.4s linear; -o-transition:0.4s linear; transition:0.4s linear; -webkit-transition-property:width; -moz-transition-property:width; -ms-transition-property:width; -o-transition-property:width; transition-property:width; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; } .post-review .progress-point span { position: absolute; height:17px; background:#ccc; } .post-review .progress-point span.appear { opacity: 1; -webkit-transition: all 1.6s ease-in-out; -moz-transition: all 1.6s ease-in-out; -o-transition: all 1.6s ease-in-out; transition: all 1.6s ease-in-out; } .post-review.star .review-item-title { margin:0; } .post-review.star .review-item-star { position: relative; display: inline-block; } .post-review.star .review-item-star i { font-size: 20px; margin-left: 5px; } .post-review.star .progress-point { background-color: transparent!important; position: absolute; top: 0px; height: 18px; right: 0; text-align: right; } .post-review.star .progress-point span { background-color: #f5f5f5; height: 18px; filter: alpha(opacity=80); opacity: .80; right: 0; } .post-review.star.dark .progress-point span { background-color: #222; } .post-review.dark .review-title, .post-review.dark .review-detail .review-shortdesc p, .post-review.dark .review-item-title { color: #fff; } .post-review.dark .review-detail .review-title { border-bottom: 3px solid #444; } .post-review.dark .review-detail .review-comments ul li { color: #eee; } .post-review.dark .progress-point { background-color: #444; } .post-review.dark .review-item-rating { background-color: #555; } .post-review.dark .review-item-rating:before { border-top-color: #555; } .post-source-tags span { position: relative; display: inline-block; font-size: 10px; font-weight: 600; text-transform: uppercase; margin:0 10px 0 0; background-color: #eee; color: #111; padding: 7px 15px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-source-tags ul { display: inline; } .post-source-tags ul li { display: inline-block; margin:0; } .post-source-tags ul li a { display: inline-block; font-size: 10px; font-weight: 500; text-transform: uppercase; color: #111; padding: 6px 7px 4px 7px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .post-source-tags ul li a:hover { color: #fff; } .post-directions span { display: inline-block; width: 100%; font-size: 11px; font-weight: 600; text-transform: uppercase; color: #ccc; margin-bottom: 5px; } .post-directions a { font-size: 14px; font-weight: 600; color: #111; letter-spacing: -0.5px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-directions .previous-article { border-right: 1px solid #eee; } .post-author-bio { position: relative; padding:30px 0 0; border-top:3px solid #eee; min-height: 100px; } .post-author-bio .author-image { display: inline-block; float: left; width: 100px; } .post-author-bio .author-info { display: block; margin: 0 0 0 130px; } .post-author-bio .author-info .at-item { margin:0 0 12px; } .post-author-bio .author-info .author-name a { display: inline-block; font-size: 15px; font-weight: 600; color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-author-bio .author-url a { font-size: 11px; color: #999; padding: 5px 10px 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #eee; } .post-author-bio .author-social ul { display: inline-block; } .post-author-bio .author-social ul li { display: inline-block; padding:0 5px; } .post-author-bio .author-social ul li a { font-size: 12px; color: #111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-author-bio .author-social ul li a:hover { opacity: 0.7; } .post-author-bio .author-description { display: inline-block; width: 100%; } .post-author-bio .author-description p { font-size: 12px; line-height: 18px; margin:0; } .post-comments .comment-list li { position: relative; display: inline-block; width: 100%; min-height: 50px; padding:25px 0; } .post-comments .comment-list li~li { border-top:1px solid #eee; } .post-comments .comment-list li ul { margin: 25px 0 0; border-top: 1px solid #eee; } .post-comments .comment-list li ul li { padding-left: 80px; } .post-comments .comment-list > li:first-child { padding-top: 0; } .post-comments .comment-list li ul li:last-child { padding-bottom: 0; } .post-comments .comment-list li .comment-image { float: left; width: 55px; height: 55px; } .post-comments .comment-list li .comment-detail { margin: 0 0 0 80px; } .post-comments .comment-list li .comment-detail .comment-author { margin: 0; font-size: 13px; font-style: normal; font-weight: 600; } .post-comments .comment-list li .comment-detail .comment-author > a { color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-comments .comment-list li .comment-detail span { position: relative; display: inline-block; margin: 0 0 0 15px; font-size: 11px; font-weight: 500; text-transform: uppercase; } .post-comments .comment-list li .comment-detail span a { color: #ccc; } .post-comments .comment-list li .comment-detail span:before { position: absolute; content: ''; width: 4px; height: 1px; background-color: #ccc; left: -11px; top: 6px; } .post-comments .comment-list li .comment-detail .comment-text p { font-size: 12px; line-height: 20px; color: #666; margin: 10px 0; } .post-comments .comment-list li .comment-detail .comment-text p a { color: #111; } .post-comments .comment-list li .comment-detail .reply-button a { display: inline-block; font-size: 11px; font-weight: 500; letter-spacing: 0.5px; text-transform: uppercase; } .comment-respond { padding:50px; background-color: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comment-respond .comment-reply-title small { position: relative; display: inline-block; width: 100%; padding: 0 0 15px 15px; } .comment-respond .comment-reply-title small a { display: inline-block; font-size: 12px; font-weight: 500; color: #111; } .comment-respond .comment-notes { font-size: 12px; color: #666; margin:0 0 30px; } .comment-respond form label { font-size: 12px; font-weight: 500; text-transform: uppercase; } .comment-respond form input.form-control, .comment-respond form textarea { height: 45px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #e2e2e2; color: #111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .comment-respond form textarea { height: 200px; resize:none; } .comment-respond form input.form-control:focus, .comment-respond form textarea:focus { border-color: #111; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .comment-respond form .form-submit { display: inline-block; margin:15px 0 0 15px; } .comment-respond form .form-submit .button { font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 14px 40px 12px; letter-spacing: 0.5px; border:0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background-color: #111; color: #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .comment-respond .logged-in-as { position: relative; display: inline-block; width: 100%; padding: 0 0 15px 15px; } .comment-respond .logged-in-as a { display: inline-block; font-size: 12px; font-weight: 500; color: #111; } .related-posts { position: relative; display: inline-block; width: 100%; } .related-posts h3 { font-size: 14px; font-weight: 600; line-height: 18px; letter-spacing: -0.3px; } .related-posts .row { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .related-posts .row .post { margin-bottom: 20px; } .related-posts.style-2 .post .post-detail { margin: 10px 0 0; } .related-posts.style-2 .post .post-meta-info.top { margin:0 0 3px; } .latest-author-posts .post-item { padding:30px 0; margin:0; } .latest-author-posts .post-item:first-of-type { padding-top: 0; } .latest-author-posts .post-item:last-of-type { padding-bottom: 0; } .latest-author-posts .post-item~.post-item { border-top:1px solid #eee; } .latest-author-posts .post .post-image { margin:0; } .latest-author-posts .post .entry-content p { font-size: 13px; line-height: 22px; } .latest-author-posts.style-2 .post .post-image { float: left; max-width: 100px; } .latest-author-posts.style-2 .post .post-detail { margin:0 0 0 120px; } .latest-author-posts.style-2 .post .post-detail h3 { font-size: 18px; font-weight: 600; letter-spacing: -0.3px; } .single-style-2 .post-image:before { position: absolute; content: ''; height: 70%; width: 100%; bottom: 0; z-index: 0; background: -moz-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } .single-style-4 .post-image:before, .single-style-8 .post-image:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .single-style-2 .post-image .post-header { position: absolute; bottom: 0; padding:30px; } .post-views{ display:none !important;} .single-style-2 .post-image .post-header h1, .single-style-2 .post-print a, .single-style-2 .post-email a, .single-style-4 .post-image .post-header h1, .single-style-4 .post-print a, .single-style-4 .post-email a, .single-style-4 .post-date, .single-style-4 .post-comment a, .single-style-4 .post-views, .single-style-8 .entry-crumbs span > span, .single-style-8 .post-image .post-header h1, .single-style-8 .post-print a, .single-style-8 .post-email a, .single-style-8 .post-date, .single-style-8 .post-views, .single-style-8 .post-comment a, .gallery-style-3.single-post-top.dark .post-header h1, .gallery-style-3.single-post-top.dark .post-print a, .gallery-style-3.single-post-top.dark .post-email a, .single-style-9 .entry-crumbs span > span, .single-style-9 .post-image .post-header h1, .single-style-9 .post-print a, .single-style-9 .post-email a, .single-style-9 .post-date, .single-style-9 .post-views, .single-style-9 .post-comment a { color: #fff; } .single-style-4 .post-image { min-height: 630px; background-position: 50% 50%; } .single-style-6 .post-image { min-height: 500px; background-position: 50% 50%; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .single-style-8 .post-image { min-height: 500px; background-position: center center; background-size: cover; } .single-style-4 .post-image .post-image-header, .single-style-8 .post-image .post-image-header { position: absolute; width: 100%; height: 100%; top: 0; padding:0 150px; } .single-style-8 .post-image .post-image-header { padding:0; } .single-style-4 .post-image .display-table, .single-style-8 .post-image .display-table { display: table; width: 100%; height: 100%; } .single-style-4 .post-image .display-table .post-header, .single-style-8 .post-image .display-table .post-header { display: table-cell; vertical-align: middle; } .single-style-5 .main-post-content { position: relative; margin: -70px 0 0 150px; } .single-style-7 .main-post-content { margin: 0 0 0 150px; } .single-style-5 .main-post-content:before { position: absolute; content: ''; height: 90px; background-color: #fff; z-index: 0; left: -40px; right: 0; top: -40px; } .single-style-5 .main-post-content .entry-content { position: relative; z-index: 1; } .single-share-left { float: left; width: 100px; margin: 90px 0 0; } .single-style-7 .single-share-left { margin:0; } .single-share-left .single-share .post-author, .single-share-left .single-share .share-buttons { text-align: center; width: 100%; } .single-share-left .single-share .post-author img{ float: none; width: 80px!important; height: 80px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0; } .single-share-left .single-share .post-author .author-detail { margin: 10px 0 15px; } .single-share-left .single-share .share-buttons .social-count { float: none; width: 100%; border-right: 0; margin: 40px 0 0; padding: 0; } .single-share-left .single-share .share-buttons a { margin-bottom: 5px; text-align: left; } .single-share-left .single-share .share-buttons a span { padding-left: 9px; margin-left: 5px; } .single-share-left .single-share .share-buttons a i { min-width: 18px; font-size: 14px; text-align: center; } .single-style-5 .single-share.static-sidebar, .single-style-7 .single-share.static-sidebar { display: none; } .post-style-main-content { position: relative; } .single-style-6.single-post-top .post-header { position: relative; margin:-150px 0 0; } .single-style-6.single-post-top .post-header:before { position: absolute; content: ''; left: -50px; right: -50px; top: -50px; height: 180px; background-color: #fff; z-index: 0; } .theme-boxed .single-style-6.single-post-top .post-header:before { left: -45px; right: -45px; } .single-style-6.single-post-top .single-share { margin: 20px 0 0; padding-top: 20px; border-top: 1px solid #eee; } .single-style-9 { position: relative; display: inline-block; width: 100%; height: 100%; } .single-style-9 .post-image { position: relative; width: 100%; height: 100%; background-position: 50% 50%; background-size: cover; } .single-style-9 .post-image:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); } .single-style-9 .post-image-header { position: absolute; width: 100%; height: 100%; } .single-style-9 .post-image-header .display-table { display: table; width: 100%; height: 100%; } .single-style-9 .post-image-header .display-table .post-header { display: table-cell; vertical-align: middle; text-align: center; padding: 100px 0 0; } .single-shortcode { margin:0 0 15px; } .single-shortcode.button a { text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .single-shortcode.button a.full-button { display: inline-block; width: 100%; text-align: center; font-size: 14px; font-weight: 600; background-color: #eee; padding: 15px 0; } .single-shortcode.button a.large-button, .single-shortcode.button a.small-button { display: inline-block; font-size: 14px; font-weight: 600; background-color: #eee; padding: 15px 70px; } .single-shortcode.button a.small-button { font-size: 12px; padding: 10px 15px; } .single-shortcode.button a.red { background-color: #ff003c; color: #fff; } .single-shortcode.button a.red:hover { background-color: #db0034; } .single-shortcode.button a.green { background-color: #00d95c; color: #fff; } .single-shortcode.button a.green:hover { background-color: #00c051; } .single-shortcode.button a.blue { background-color: #006cff; color: #fff; } .single-shortcode.button a.blue:hover { background-color: #005cda; } .single-shortcode.button a.dark { background-color: #333; color: #fff; } .single-shortcode.button a.dark:hover { background-color: #111; } .single-shortcode.slider { padding:0; } .single-shortcode.slider ul { margin:0; } .single-shortcode.slider ul li { margin:0; } .single-shortcode.slider ul li img { width: 100%; } .divider .sc-divider { height: 1px; margin: 0 auto; margin-bottom: 25px; } .divider .sc-divider.style-1 { height: 8px; width:100%; max-width: 90%; background: transparent url(assets/images/divider-1.png) top left repeat-x; -moz-background-size: 8px 8px; -o-background-size: 8px 8px; -webkit-background-size: 8px 8px; background-size: 8px 8px; } .row { margin-bottom: 0em; } .divider .sc-divider.style-2 { height: 6px; width: 100%; max-width: 90%; background: transparent url(assets/images/divider-2.png) top left repeat-x; -moz-background-size: 18px 6px; -o-background-size: 18px 6px; -webkit-background-size: 18px 6px; background-size: 18px 6px; } .divider .sc-divider.style-3 { height: 6px; width: 100%; max-width: 90%; background: transparent url(assets/images/divider-3.png) top left repeat-x; -moz-background-size: 9px 6px; -o-background-size: 9px 6px; -webkit-background-size: 9px 6px; background-size: 9px 6px; } .alert-message .alert-box { position: relative; display: inline-block; width: 100%; margin: 0; background-color: #eee; padding: 15px 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .alert-message .alert-box i { display: inline-block; width: 30px; text-align: center; } .alert-message .alert-box span { display: inline-block; font-size: 12px; border-left: 1px solid; padding-left: 10px; } .alert-message .alert-box.success { background-color: #e7fbf5; color: #109e74; } .alert-message .alert-box.success span { border-color: #cef3e8; } .alert-message .alert-box.informatin { background-color: #ebf6fb; color: #2b83c7; } .alert-message .alert-box.informatin span { border-color: #d2e9f3; } .alert-message .alert-box.warning { background-color: #faf7e6; color: #edbf04; } .alert-message .alert-box.warning span { border-color: #f1eac4; } .alert-message .alert-box.error { background-color: #fdf3f1; color: #dd3e31; } .alert-message .alert-box.error span { border-color: #f3e3e0; } .post-gallery, .shortcode-gallery { position: relative; } .post-gallery a, .shortcode-gallery a { position: absolute; display: inline-block; overflow: hidden; } .post-gallery a .caption, .shortcode-gallery a .caption { position: absolute; width: 100%; bottom: 0; background-color: rgba(0, 0, 0, 0.4); padding: 8px; font-size: 12px; color: #fff; opacity: 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .post-gallery a:hover .caption, .shortcode-gallery a:hover .caption { opacity: 1; } .post-gallery a img, .shortcode-gallery a img { position: absolute; top: 50%; left: 50%; margin: 0; padding: 0; opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .video-style-2.single-post-top, .video-style-3.single-post-top, .gallery-style-3.single-post-top { padding: 20px 0 35px; } .video-style-2 .post-header { padding: 50px; background-color: #eee; } .video-style-2 .post-meta-info.middle, .video-style-3 .post-meta-info.middle, .gallery-style-3 .post-meta-info.middle { border-color:#ccc; } .video-style-2.single-post-top.dark, .video-style-3.single-post-top.dark { background-color: #fff; } .gallery-style-3.single-post-top.dark { background-color: #111; } .video-style-2.single-post-top.dark .post-meta-info.middle, .gallery-style-3.single-post-top.dark .post-meta-info.middle { border-color: #333; } .video-style-3.single-post-top h1 { font-size: 28px; line-height: 36px; } .video-style-2 .post-video { background-color: #ddd; margin: 0; padding: 30px 30px 0; } .video-style-2 .video-post-bottom .single-share { border-bottom: 0; padding: 30px; margin:0; background-color: #ddd; } .video-style-2 .post-meta-info .item, .video-style-2 .post-meta-info .item a, .video-style-2 .share-buttons .social-count span.social-count-text, .video-style-3 .post-meta-info .item, .video-style-3 .post-meta-info .item a, .video-style-3 .share-buttons .social-count span.social-count-text, .video-style-3 .video-post-playlist ul li a .post-date { color: #666; } .video-style-2 .share-buttons .social-count { border-right-color: #c3c3c3; } .video-style-2.single-post-top.dark .post-video, .video-style-2.single-post-top.dark .video-post-bottom .single-share, .video-style-3.single-post-top.dark .video-post-playlist { background-color: #222; } .video-style-2.single-post-top.dark .video-post-bottom h1.entry-title, .video-style-2.single-post-top.dark .share-buttons .social-count span.social-count-num, .video-style-3.single-post-top.dark .video-post-bottom h1.entry-title, .video-style-3.single-post-top.dark .share-buttons .social-count span.social-count-num, .video-style-3.single-post-top.dark .video-post-playlist ul li h3 a, .video-style-3.single-post-top.dark .video-post-playlist h4 { color: #fff; } .video-style-2.single-post-top.dark .video-post-bottom .video-description p, .video-style-2.single-post-top.dark .post-meta-info .item, .video-style-2.single-post-top.dark .post-meta-info .item a, .video-style-2.single-post-top.dark .share-buttons .social-count span.social-count-text, .video-style-3.single-post-top.dark .video-description p { color: #aaa; } .video-style-2.single-post-top.dark .share-buttons .social-count, .video-style-3.single-post-top.dark .single-share, .video-style-3.single-post-top.dark .share-buttons .social-count, .video-style-3.single-post-top.dark .post-meta-info.middle { border-color: #333; } .video-style-2.single-post-top.dark .post-header, .video-style-3.single-post-top.dark .video-post-main-content { background-color: #111; } .video-style-3 .video-post-main-content { display: flex; flex-wrap: wrap; background-color: #eee; } .video-style-3 .video-post-main-content .right { display: flex; height: 100%; } .video-style-3 .video-post-main-content .video-player-content { padding: 40px 0 30px 30px; } .video-style-3 .video-post-playlist { padding: 40px 30px; background-color: #ddd; } .video-style-3 .video-post-playlist h4 { margin:0; font-size: 14px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; } .video-style-3 .video-post-playlist ul li { display: inline-block; padding: 9px 0; } .video-style-3 .video-post-playlist ul li:first-child { padding-top: 0; } .video-style-3 .video-post-playlist ul li:last-child { padding-bottom: 0; } .video-style-3 .video-post-playlist ul li .post-image { margin:0 0 10px; } .video-style-3 .video-post-playlist ul li a { text-decoration: none; } .video-style-3 .video-post-playlist ul li h3 { font-size: 12px; line-height: 16px; font-weight: 600; margin: 0; letter-spacing: -0.5px; color: #111; } .post-gallery .theme-slider-1-slide li { position: relative; } .post-gallery-paginated { padding:45px; background-color: #f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #eee; } .post-gallery-paginated.dark { background-color: #111; } .post-gallery .gallery-paginated-image { position: relative; margin:0 0 20px; } .post-gallery .gallery-paginated-image > a { position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; text-align: center; line-height: 43px; background-color: rgba(0, 0, 0, 0.5); color: #fff; font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .post-gallery-paginated h3.entry-subtitle { font-weight: 600; letter-spacing: -0.5px; font-size: 24px; line-height: 32px; } .post-gallery-paginated.dark h3.entry-subtitle, .post-gallery-paginated.dark .gallery-paginate-number strong { color: #fff; } .post-gallery-paginated.dark .entry-content p { color: #999; } .post-gallery-paginated.dark .post-pagination a:before { background-color: #222; color: #fff; } .gallery-style-5 .post-gallery-paginated.dark .post-pagination div a:before { border: 2px solid #444; } .post-gallery-paginated .post-pagination { display: -webkit-box; } .post-gallery-paginated .post-pagination div { position: absolute; top: 50%; left: -25px; } .post-gallery-paginated .post-pagination .next-page { position: absolute; left: inherit; right: -25px; } .post-gallery-paginated .post-pagination a { position: relative; display: inline-block; font-size: 0; width: 40px; height: 40px; } .post-gallery-paginated .post-pagination a:before { position: relative; display: inline-block; font-family: 'FontAwesome'; content: "\f105"; font-size: 14px; font-weight: 700; width: 40px; height: 40px; text-align: center; line-height: 40px; background-color: #f8f8f8; color: #111; } .post-gallery-paginated .post-pagination .prev-page a:before { content: "\f104"; } .post-gallery-paginated .gallery-paginate-number { position: absolute; top: -28px; right: 0; font-size: 11px; text-transform: uppercase; color: #999; } .post-gallery-paginated .gallery-paginate-number strong { font-weight: 500; color: #111; padding: 0 1px; } .gallery-style-3.gallery-style-5.single-post-top { background-color: transparent; padding-bottom: 0; } .gallery-style-3.gallery-style-5.single-post-top .post-header { padding:0; } .gallery-style-3.gallery-style-5.single-post-top .post-gallery { margin:0; } .gallery-style-3.gallery-style-5.single-post-top .post-meta-info.middle { border-color: #eee; } .gallery-style-5 .gallery-directions { border-bottom: 1px dotted #ccc; padding-bottom: 20px; } .gallery-style-5 .post-gallery-paginated .gallery-paginate-number { position: relative; display: inline-block; height: 40px; line-height: 48px; top: 0; } .gallery-style-5 .post-gallery-paginated .post-pagination { position: relative; display: inline-block; float: right; width: 88px; margin: 0; } .gallery-style-5 .post-gallery-paginated .post-pagination div { position: relative; display: inline-block; width: 40px; height: 40px; left: 0; right: 0; top: 0; margin:0 1px; } .gallery-style-5 .post-gallery-paginated .post-pagination .next-page { margin-right: 0; } .gallery-style-5 .post-gallery-paginated .post-pagination div a:before { left: 0; right: 0; border: 2px solid #ddd; line-height: 39px; } /*============================================================================ >> 14. BLOG MAIN SECTIONS ============================================================================ */ .archive-page-header.style-1 .page-main-title, .page .page-main-title { position: relative; padding: 70px 0; text-align: center; background-color: #f9f9f9; background-position: center center; background-repeat: no-repeat; background-size: 100%; } .page .page-main-title { margin:0 0 30px; } .page .page-title-off { margin-top: 30px; } .archive-page-header.style-1 .page-main-title.title-image:before { position: absolute; content: ''; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); left: 0; top: 0; z-index: 0; } .archive-page-header.style-3 .page-main-title:before { position: absolute; content: ''; height: 2px; background-color: #eee; z-index: -1; margin: 16px 0 0; right: 15px; left: 15px; } .archive-page-header .page-main-title h1, .page .page-main-title h1 { position: relative; font-size: 34px; font-weight: 700; letter-spacing: -0.5px; margin: 0; z-index: 1; text-transform: uppercase; } .archive-page-header .page-main-title .descriptions { position: relative; z-index: 1; } .archive-page-header.style-2 { margin: 0 0 30px; padding: 0 0 10px; border-bottom: 3px solid #eee; } .author .archive-page-header.style-2 { border-bottom: 0; padding:0; } .archive-page-header.style-2 .page-main-title h1 { font-size: 28px; line-height: 32px; font-weight: 600; text-transform: none; margin:0 0 5px; color: #111; } .archive-page-header.style-3 .page-main-title h1 { background-color: #fff; display: inline-block; padding-right: 15px; font-weight: 600; text-transform: none; color: #111; } .archive-page-header .page-main-title p { font-size: 12px; margin:5px 0 0; padding: 0 30px; } .archive-page-header.style-2 .page-main-title p, .archive-page-header.style-3 .page-main-title p { display: inline-block; width: 100%; padding: 0; margin: 0 0 20px; } .subcategory-content { position: relative; } .archive-page-header.style-1 .subcategory-content { text-align: center; border-bottom: 2px solid #eee; margin-bottom: -30px; } .archive-page-header.style-2 .subcategory-content { margin: 0 0 -10px; border-top: 3px solid #eee; border-right: 3px solid #eee; padding: 0 0 0 65px; } .archive-page-header.style-3 .subcategory-content { position: relative; background-color: #f8f8f8; border-bottom: 2px solid #eee; margin: 0 0 30px; padding: 0 0 0 65px; } .archive-page-header.style-2 .subcategory-content:before { border-bottom: 3px solid #eee; background-color: transparent!important; top: -1px!important; } .archive-page-header.style-2 .subcategory-content:before, .archive-page-header.style-3 .subcategory-content:before { position: absolute; font-family: 'FontAwesome'; content: "\f148"; top: 0; left: 0; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); height: 52px; width: 50px; background-color: #eee; text-align: center; line-height: 53px; } .arcihive-page-column { position: relative; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .subcategory-content ul li { display: inline-block; padding: 15px 7px; } .subcategory-content ul li a { display: inline-block; font-size: 12px; font-weight: 600; color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; text-transform: uppercase; } .subcategory-content ul li.hideshow { position: relative; } .subcategory-content ul li.hideshow > a { font-size: 14px; border-left: 1px solid #eee; padding-left: 15px; } .subcategory-content ul li.hideshow ul { position:absolute; display:none; width: 180px; right: -10px; margin: 0; padding: 0; z-index: 11; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); background-color: #fff; } .subcategory-content ul li.hideshow ul li { display: inline-block; width: 100%; text-align: left; padding:0; } .subcategory-content ul li.hideshow ul li~li { border-top:1px solid #eee; } .subcategory-content ul li.hideshow ul li a { display: inline-block; width: 100%; padding: 10px 20px; } .archive-page-header.style-2 .entry-crumbs, .archive-page-header.style-3 .entry-crumbs { margin-top: 15px; margin-bottom: 5px; } .author .archive-page-header.style-2 .entry-crumbs { margin-bottom: 15px; margin-top: 0; } .category-featured { position: relative; margin:30px 0; } .archive-page-header.style-1 .search-page-form { text-align: center; } .archive-page-header.style-1 .search-page-form .search-form, .archive-page-header.style-1 .search-page-form span, .page-404 .search-page-form .search-form, .page-404 .search-page-form .search-form span { display: inline-block; width: 600px; } .archive-page-header .search-page-form { position: relative; margin:20px 0 20px; } .page-404 .search-page-form { position: relative; margin:50px 0 0; } .archive-page-header .search-page-form span, .page-404 .search-page-form span { display: inline-block; font-size: 12px; color: #999; margin:10px 0 0; } .archive-page-header .search-form, .page-404 .search-page-form .search-form { position: relative; } .archive-page-header .search-form input, .page-404 .search-page-form .search-form input { font-size: 12px; text-transform: uppercase; height: 50px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #ddd; margin: 0 0 5px; padding: 10px 40px 6px 15px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .archive-page-header .search-form input:focus, .page-404 .search-page-form .search-form input:focus { background-color: #f9f9f9; } .archive-page-header .search-form button, .page-404 .search-page-form .search-form button { position: absolute; right: 0; top: 0; width: 55px; height: 50px; border: 0; color: #fff; border: 0; -webkit-border-radius: 2px; -webkit-border-top-left-radius: 0px; -webkit-border-bottom-left-radius: 0px; -moz-border-radius: 2px; -moz-border-radius-topleft: 0px; -moz-border-radius-bottomleft: 0px; border-radius: 2px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .archive-page-header.style-1 .no-results-alert { text-align: center; } .no-results-alert { position: relative; margin: 50px 0; } .archive-page-header.style-1 .no-results-alert { border-top: 2px solid #eee; padding: 50px 0 0; } .archive-page-header.style-2 .no-results-alert, .archive-page-header.style-3 .no-results-alert { color: #fff; padding:40px 30px; margin: 20px 0 0; } .no-results-alert .alert-title { display: block; font-size: 26px; font-weight: 600; letter-spacing: -0.5px; } .archive-page-header.style-1 .no-results-alert .alert-title { font-size: 34px; font-weight: 700; text-transform: uppercase; margin-bottom: 15px; } .no-results-alert .alert-text { display: inline-block; width: 100%; font-size: 12px; } .archive-page-header.style-1 .no-results-alert .alert-text { background-color: #fff9f9; padding: 20px; color: #de9b9b; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .page-404 { position: relative; padding:100px 0; } .page-404.style-2 { padding:150px 0; } .page-404 .alert-main-title { font-size: 54px; font-weight: 700; width: 150px; height: 150px; display: inline-block; color: #fff; line-height: 165px; margin-bottom: 20px; } .page-404 .alert-title { display: inline-block; width: 100%; font-size: 28px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; } .page-404.style-2 .alert-title { font-size: 48px; } .page-404 .alert-text { font-size: 12px; } .page-404 .search-page-form span { width: 100%; } .author .post-author-bio { border-bottom: 3px solid #eee; padding: 30px 0; } .shortcode-instagram { position: relative; display: inline-block; width: 100%; } .shortcode-instagram ul li { display: inline-block; float: left; width: 100%; } .shortcode-instagram .ten-column li { width: 10%; } .shortcode-instagram .eight-column li { width: 12.5%; } .shortcode-instagram .six-column li { width: 16.666%; } .shortcode-instagram .five-column li { width: 20%; } .shortcode-instagram .four-column li { width: 25%; } .shortcode-subscribe { position: relative; display: inline-block; width: 100%; text-align: center; } .shortcode-subscribe .subscribe-text h4 { position: relative; font-size: 28px!important; font-weight: 700; letter-spacing: -0.5px; margin:0 0 10px; } .shortcode-subscribe .subscribe-text p { position: relative; font-size: 13px; color: #999; } .shortcode-subscribe.style-1.dark h4 { color: #fff; } .shortcode-subscribe .form-fix { float: none; display: inline-block; position: relative; } .shortcode-subscribe .mc4wp-form { position: relative; display: inline-block; width: 100%; margin:10px 0 0; } .shortcode-subscribe .mc4wp-form label { display: inline-block; width: 100%; text-align: center; font-size: 13px; font-weight: 400; margin: 0 0 10px; } .shortcode-subscribe .mc4wp-form input[type="email"], .shortcode-subscribe .mc4wp-form input[type="text"] { display: block; width: 100%; font-size: 12px; text-transform: uppercase; height: 50px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #ddd; padding: 6px 20px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .shortcode-subscribe.style-1.dark .mc4wp-form input.form-control { border: 1px solid #333; } .shortcode-subscribe .mc4wp-form input:focus { border-color: #111; outline: 0; } .shortcode-subscribe .mc4wp-form input[type="submit"] { position: relative; font-size: 13px; font-weight: 700; text-transform: uppercase; width: 100%; height: 50px; border: 0; background-color: #111; color: #fff; border-radius: 0; padding: 0 0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .shortcode-subscribe.style-1.dark .mc4wp-form input[type="submit"] { background-color: #333; } .shortcode-subscribe .mc4wp-form input[type="submit"]:hover, .shortcode-subscribe.dark .mc4wp-form label { color: #fff; } .shortcode-subscribe.style-1 { padding:80px 0; background-color: #f8f8f8; } .shortcode-subscribe.style-1.dark { background-color: #111; } .shortcode-subscribe.style-2 .subscribe-content { position: relative; background: url(assets/images/border-fashion.png) top left repeat; padding: 100px 20px; } .shortcode-subscribe.style-2 .subscribe-content:before { position: absolute; content: ''; background-color: #fff; left: 20px; top: 20px; right: 20px; bottom: 20px; } .shortcode-promobox { position: relative; } .shortcode-promobox a:before { position: absolute; content: ''; left: 15px; right: 15px; top: 15px; bottom: 15px; border: 1px solid rgba(255, 255, 255, 0.6); z-index: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .shortcode-promobox a:hover:before { background-color: rgba(0, 0, 0, 0.4); } .shortcode-promobox img { width: 100%; } .shortcode-promobox .promobox-content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); } .shortcode-promobox .promobox-content .promobox-inwrap { display: table; width: 100%; height: 100%; } .shortcode-promobox .promobox-content .promobox-inwrap .promobox-text { display: table-cell; vertical-align: middle; text-align: center; padding:0 40px; } .shortcode-promobox .promobox-content .promobox-inwrap .promobox-text h4 { position: relative; z-index: 1; color: #fff; font-size: 20px; line-height: 24px; margin: 0 0 15px; } .shortcode-promobox .promobox-content .promobox-inwrap .promobox-text h4:before { position: absolute; content: ''; width: 35px; height: 1px; background-color: rgba(255, 255, 255, 0.7); bottom: -8px; left: 0; right: 0; margin: auto; } .shortcode-promobox .promobox-content .promobox-inwrap .promobox-text span { position: relative; z-index: 1; color: #fff; font-size: 11px; line-height: 18px; } /*============================================================================ >> 16. LIVE PREVIEW ============================================================================ */ .live-preview-holder-wrapper { position: fixed; z-index: 101; width: 100%; height: 100%; top: 0; left: 0; display: none; } .live-preview-holder-wrapper .live-preview-holder { width: 100%; height: 100%; } .live-preview-holder .scroll-wrap { position: relative; width: 100%; height: 100%; } .live-preview-holder .row { height: 100%; margin:0; } .live-preview-holder .preview-header { position: relative; height: 100%; background-color: #f8f8f8; padding:20px 50px; overflow-y: scroll; } .live-preview-holder .close-preview, .live-preview-holder .preview-arrow-navigation a { display: inline-block; font-size: 11px; width: 40px; height: 40px; cursor: pointer; text-align: center; line-height: 43px; color: #111; background-color: #eee; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; } .live-preview-holder .preview-content-top span { display: inline-block; font-size: 12px; padding: 0 10px; } .live-preview-holder .preview-arrow-navigation { display: inline-block; border-right: 1px solid #eee; margin-right: 25px; padding-right: 27px; } .live-preview-holder .preview-text { position: relative; margin:55px 0; } .live-preview-holder .preview-text h5 { font-size: 24px; font-weight: 700; line-height: 32px; letter-spacing: -0.5px; padding-bottom: 10px; border-bottom: 2px solid #ddd; } .live-preview-holder .preview-text p { font-size: 14px; line-height: 24px; color: #525252; } .live-preview-holder .preview-text p strong { font-size: 16px; line-height: 22px; font-weight: 600; color: #111; } .live-preview-holder .preview-content-top, .live-preview-holder .preview-content-bottom { position: relative; padding:20px; margin-left: 15px; margin-right: 15px; border-bottom: 2px solid #eee; } .live-preview-holder .preview-content-bottom { padding:100px 0; border-bottom: 0; text-align: center; } .live-preview-holder .preview-content-bottom .post-gallery.style-2 { display: inline-block; float: none; } .live-preview-holder .preview-content-bottom .post-video { padding:0 100px; } .live-preview-holder .preview-content-bottom img { display: inline-block; } .live-preview-holder .preview-content-top .preview-title { display: inline-block; float: left; font-size: 12px; font-weight: 500; line-height: 45px; } .live-preview-holder .preview-banner { display: inline-block; width: 100%; text-align: center; } .live-preview-holder .preview-banner img { display: inline-block; } .preview-gallery-content, .preview-gallery-content .preview-gallery-item { position: relative; width: 100%; height: 100%; } .live-preview.dark { background-color: #222; } .dark .preview-header { background-color: #333; } .dark .preview-text h5, .dark .preview-content-top .preview-title, .dark .preview-content-top span { color: #fff; } .dark .preview-text p, .dark .preview-text p strong { color: #999; } .dark .preview-text h5, .dark .preview-content-top, .dark .preview-content-bottom, .dark .preview-arrow-navigation { border-color: #444; } .dark .close-preview, .dark .preview-arrow-navigation a { background-color: #444; color: #fff; } /*============================================================================ >> 17. WOOCOMMERCE ============================================================================ */ .woocommerce-cart .woocommerce { text-align: center; padding-bottom: 50px; } .woocommerce-cart .cart-empty { position: relative; padding:150px 0 10px; font-size: 34px; font-weight: 100; letter-spacing: -0.5px; } .woocommerce a.button, .woocommerce input.button, .woocommerce div.product .single_add_to_cart_button, .woocommerce #review_form #respond .form-submit input { display: inline-block; font-size: 12px; font-weight: 600; padding: 15px 30px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce a.button:hover, .woocommerce input.button:hover, .woocommerce div.product .single_add_to_cart_button:hover, .woocommerce #review_form #respond .form-submit input:hover { opacity: 0.7; color: #fff; } .woocommerce-cart .woocommerce-info { position: relative; } .woocommerce-account .woocommerce-MyAccount-content p { line-height: 24px; } .woocommerce-account .woocommerce-MyAccount-content p strong { text-transform: uppercase; } .woocommerce-account .woocommerce-MyAccount-content p > a, .woocommerce-info a { color: #7e9bca; font-weight: 500; text-decoration: none; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { line-height: 45px; font-weight: 500; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address { padding:20px; background-color: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address header { border-bottom: 2px solid #eee; margin-bottom: 10px; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Address address { font-size: 13px; line-height: 22px; } .woocommerce-account .addresses .title .edit, .woocommerce-account ul.digital-downloads li .count { float: right; font-size: 11px; font-weight: 600; text-decoration: none; background-color: #ccc; color: #fff; padding: 8px 20px 6px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce-account .addresses .title .edit:hover, .woocommerce-account ul.digital-downloads li .count:hover { background-color: #333; } .woocommerce-account .woocommerce { margin: 50px 0; } .woocommerce-account .woocommerce-MyAccount-navigation ul { background-color: #f8f8f8; } .woocommerce-account .woocommerce-MyAccount-navigation ul li~li { border-top:2px solid #fff; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active { background-color: #eee; } .woocommerce-account .woocommerce-MyAccount-navigation ul li a { position: relative; display: block; padding: 15px 30px; font-size: 12px; font-weight: 500; color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before { position: relative; display: inline-block; font-family:'FontAwesome'; content: "\f105"; font-weight: 600; margin-right: 10px; } .woocommerce form .form-row label { font-size: 12px; font-weight: 500; } .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .select2-container .select2-choice, .woocommerce .woocommerce-ordering select { font-size: 12px; padding: 5px 15px; border: 2px solid #ddd; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce form .form-row .input-text, .woocommerce-page form .form-row .input-text, .select2-container .select2-choice, .woocommerce .woocommerce-ordering select { height: 45px; } .woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus { border-color: #333; } .woocommerce form .form-row textarea { height: 218px!important; padding: 15px; } .woocommerce form.woocommerce-EditAccountForm fieldset { padding:40px; background-color: #f8f8f8; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin: 15px 0; } .woocommerce form.woocommerce-EditAccountForm fieldset legend { display: inline-block; border-bottom: 2px solid #e5e5e5; } .woocommerce form input.button { margin-top: 15px; } .woocommerce-checkout h3 { border-bottom: 2px dotted #eee; padding-bottom: 13px; margin-bottom: 15px; } .woocommerce table.shop_table { border: 0; border-radius: 3px; } .woocommerce table.shop_table thead { background-color: #f7f9ff; color: #39425f; } .woocommerce table.shop_table th { font-size: 12px; font-weight: 600!important; padding: 16px 20px 12px; } .woocommerce table.shop_table td { font-size: 12px; padding: 16px 20px 12px; border-top: 2px solid #e6eaf5; } .woocommerce table.shop_table tfoot .cart-subtotal { background-color: #f4fff2; color: #4a7b40; } .woocommerce table.shop_table tfoot .order-total { color: #4a7b40; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot td strong { font-size: 12px; font-weight: 600!important; } form.checkout_coupon input.button { margin-top: 0; } #add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods { border-bottom: 2px solid #fff; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { margin: -25px 0 0; } .woocommerce ul.products li.product { text-align: center; } .woocommerce ul.products li.product a img { opacity: 1; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce ul.products li.product a img:hover { opacity: 0.6; } .woocommerce ul.products li.product .onsale, .woocommerce span.onsale { width: 40px; height: 40px; font-size: 10px; font-weight: 400; text-transform: uppercase; line-height: 37px; z-index: 1; } .woocommerce ul.products li.product h3 { font-size: 16px; font-weight: 600; letter-spacing: -0.3px; color: #111; } .woocommerce ul.products li.product .star-rating { display: none; } .woocommerce ul.products li.product .price del, .woocommerce div.product p.price del { display: inline-block; margin-right: 5px; } .woocommerce ul.products li.product .price { font-size: 14px; } .woocommerce ul.products li.product .added_to_cart.wc-forward { display: inline-block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #ccc; margin: 0 0 0 10px; } .woocommerce .page-main-title { position: relative; text-align: center; } .woocommerce .page-main-title h1 { display: inline-block; font-size: 32px; margin: 0; padding: 50px 0; } .woocommerce div.product { margin:20px 0 0; } .woocommerce div.product .woocommerce-product-rating { border-bottom: 2px dotted #eee; padding-bottom: 25px; } .woocommerce div.product .woocommerce-product-rating .woocommerce-review-link { display: inline-block; font-size: 12px; font-weight: 500; text-transform: uppercase; color: #999; } .woocommerce div.product p.price { font-size: 22px!important; font-weight: 300; } .woocommerce div.product p.price ins { font-weight: 500; text-decoration: none; } .woocommerce div.product .entry-summary p { font-size: 13px; line-height: 26px; color: #666; } .woocommerce div.product .quantity .qty { width: 100px; height: 43px; text-align: center; border: 1px solid #999; border-radius: 3px; display: inline-block; margin: -1px 10px 0 0; padding: 0 15px; } .woocommerce div.product form.cart { margin: 30px 0 30px; } .woocommerce div.product .product_meta span { display: inline-block; font-size: 12px; font-weight: 500; } .woocommerce div.product .product_meta span a { background-color: #eee; padding: 3px 10px; color: #111; border-radius: 2px; font-size: 11px; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding:0; } .woocommerce div.product .woocommerce-tabs ul.tabs li { background-color: transparent!important; border: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom: 2px solid; border-bottom-color: #111; } .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before { border:0; content: initial; } .woocommerce div.product .woocommerce-tabs ul.tabs li a { font-weight: 600; text-decoration: none; text-transform: uppercase; color: #ccc; } .woocommerce div.product .woocommerce-tabs .panel { box-shadow: none; } .woocommerce div.product .related.products h2 { position: relative; font-size: 18px; font-weight: 600; letter-spacing: -0.5px; margin: 50px 0 20px; padding-bottom: 15px; border-bottom: 3px solid #eee; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: -20px 0 0 50px; } #review_form_wrapper { padding: 40px; background-color: #f8f8f8; border-radius: 5px; } .woocommerce #review_form #respond textarea { padding:10px; height: 120px; } .woocommerce-message { line-height: 43px; } .woocommerce-page table.cart td.actions input.button { margin-top: 0; } .woocommerce-page table.cart td.actions .input-text { width: 250px; height: 42px; border-radius: 3px; padding: 0 15px; margin-right: 15px; } .woocommerce table.shop_table input.button:disabled { padding: 15px 30px!important; color: #fff!important; } .woocommerce a.remove { width: 20px; height: 20px; line-height: 22px; font-size: 14px; } header .woocommerce-cart { display: inline-block; padding: 0 15px 0 20px; margin: 17px 0 0 5px; border-left: 1px solid #eee; } header .topbar.custombg .woocommerce-cart { border-left: 0; } header .woocommerce-cart a { display: inline-block; position: relative; } header .woocommerce-cart a .total-product { position: absolute; font-size: 8px; font-weight: 700; width: 15px; height: 15px; background-color: #f00; color: #fff; border-radius: 50%; text-align: center; line-height: 15px; top: -6px; right: -8px; } /*--- WOOCOMMERCE WIDGET ---*/ .woocommerce .widget_rating_filter ul li, .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .widget_product_categories ul li, .woocommerce .widget_layered_nav ul li { display: inline-block; width: 100%; padding:13px 0; text-align: right; font-size: 12px; font-weight: 500; } .widget_product_categories ul li ul { position: relative; display: inline-block; width: 100%; padding-left: 20px; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li { text-align: left; } .woocommerce .widget_rating_filter ul li~li, .woocommerce ul.cart_list li~li, .woocommerce ul.product_list_widget li~li, .widget_product_categories ul li~li, .woocommerce .widget_layered_nav ul li~li { border-top:1px solid #eee; } .woocommerce .widget_rating_filter ul li a, .woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a, .widget_product_categories ul li a, .woocommerce .widget_layered_nav ul li a { font-weight: 500; color: #111; } .woocommerce ul.cart_list li .woocommerce-Price-amount, .woocommerce ul.product_list_widget li .woocommerce-Price-amount, .woocommerce ul.cart_list li .reviewer, .woocommerce ul.product_list_widget li .reviewer { color: #999; } .woocommerce ul.cart_list li a .product-title, .woocommerce ul.product_list_widget li .product-title { font-size: 12px; } .woocommerce .widget_rating_filter ul li .star-rating, .widget_product_categories ul li a, .woocommerce .widget_layered_nav ul li a { float: left; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating { font-size: 18px; margin: 5px 0; } .woocommerce-product-search { position: relative; } .woocommerce-product-search .search-field { display: inline-block; width: 100%; font-size: 12px; width: 100%; height: 45px; padding: 8px 60px 5px 15px; border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .woocommerce-product-search .search-field:focus { border-color: #111; } .woocommerce-product-search input[type="submit"] { position: absolute; font-size: 11px; right: 0px; height: 45px; width: 70px; top: 0px; border: 0; background-color: #222; color: #fff; -webkit-border-radius: 0px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius: 0px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } .dark .widget_rating_filter ul li .star-rating, .dark .woocommerce .widget_rating_filter ul li, .dark .woocommerce ul.cart_list li, .dark .woocommerce ul.product_list_widget li, .dark .widget_product_categories ul li, .dark .woocommerce .widget_rating_filter ul li a, .dark .woocommerce ul.cart_list li a, .dark .woocommerce ul.product_list_widget li a, .dark .widget_product_categories ul li a, .woocommerce .widget_rating_filter ul li, .dark .widget_rating_filter ul li a, .dark .widget_layered_nav ul li, .dark .widget_layered_nav ul li a { color: #fff; } .dark .woocommerce .widget_rating_filter ul li .star-rating:before { color: #444; } .dark .widget_rating_filter ul li~li, .dark .woocommerce ul.cart_list li~li, .dark .woocommerce ul.product_list_widget li~li, .dark .widget_product_categories ul li~li, .dark .widget_layered_nav ul li~li { border-top: 1px solid #444; } .dark .woocommerce-product-search .search-field { border-color: #fff; } .dark .woocommerce-product-search input[type="submit"] { background-color: #555; color: #fff; } .dark .woocommerce .widget_shopping_cart .total, .dark .woocommerce.widget_shopping_cart .total { border-color: #444; color: #fff; } .bypostauthor { background:#FFF; } .commentlist .bypostauthor { background:#FFF; } /*============================================================================ >> 18. BUDDYPRESS ============================================================================ */ #buddypress .standard-form p { font-size: 13px; line-height: 20px; margin: 0 0 15px; } #buddypress .standard-form p.field-visibility-settings-notoggle { font-size: 12px; margin: 8px 0 0; color: #999; } #buddypress .standard-form textarea, #buddypress .standard-form input[type=text], #buddypress .standard-form input[type=text], #buddypress .standard-form input[type=color], #buddypress .standard-form input[type=date], #buddypress .standard-form input[type=datetime], #buddypress .standard-form input[type=datetime-local], #buddypress .standard-form input[type=email], #buddypress .standard-form input[type=month], #buddypress .standard-form input[type=number], #buddypress .standard-form input[type=range], #buddypress .standard-form input[type=search], #buddypress .standard-form input[type=tel], #buddypress .standard-form input[type=time], #buddypress .standard-form input[type=url], #buddypress .standard-form input[type=week], #buddypress .standard-form select, #buddypress .standard-form input[type=password], #buddypress .dir-search input[type=search], #buddypress .dir-search input[type=text], #buddypress .groups-members-search input[type=search], #buddypress .groups-members-search input[type=text] { min-width: 312px; font-size: 12px; padding: 6px 12px; height: 45px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #e2e2e2; background-color: #fff; color: #111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #buddypress .standard-form select { padding: 3px; } #buddypress .standard-form input[type=password] { margin-bottom: 5px; } #buddypress .standard-form label, #buddypress .standard-form span.label { display: block; font-size: 12px; font-weight: 500; text-transform: uppercase; margin: 25px 0 5px 0; width: auto; color: #666; } #buddypress .standard-form legend { display: inline-block; width: 100%; font-size: 18px; font-weight: 700; text-transform: uppercase; margin: 25px 0 15px; border-bottom: 2px solid #eee; } #buddypress .datebox select { width: auto; min-width: inherit; margin-bottom: 10px; } #buddypress .standard-form div.checkbox label:nth-child(n+2), #buddypress .standard-form div.radio div label { color: #888; font-size: 100%; font-weight: normal; margin: 5px 0 0 0; } #buddypress .standard-form#sidebar-login-form label { margin-top: 5px; } #buddypress .standard-form input[type=text] { width: 75%; } #buddypress .standard-form#sidebar-login-form input[type=text], #buddypress .standard-form#sidebar-login-form input[type=password] { padding: 4px; width: 95%; } #buddypress .standard-form #basic-details-section input[type=password], #buddypress .standard-form #blog-details-section input#signup_blog_url { width: 35%; } #buddypress .standard-form#signup_form { display: inline-block; width: 100%; padding: 50px; background-color: #f9f9f9; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #buddypress .standard-form#signup_form p, #buddypress #activate-page p { font-size: 12px; font-weight: 500; line-height: 22px; margin: 0; } #buddypress .standard-form#signup_form h4 { font-size: 18px; border-bottom: 2px solid #ddd; padding: 0 0 10px; } #buddypress .standard-form#signup_form #pass-strength-result { font-size: 12px; font-weight: 500; background-color: transparent; margin: 0 0; color: #fff; text-align: center; } #buddypress .standard-form#signup_form #pass-strength-result.short { background-color: red; margin: 5px 0 0; padding: 7px 10px; } #buddypress .standard-form#signup_form #pass-strength-result.bad { background-color: #9ed808; margin: 5px 0 0; padding: 7px 10px; } #buddypress .standard-form#signup_form #pass-strength-result.good { background-color: #ffc500; margin: 5px 0 0; padding: 7px 10px; } #buddypress .standard-form#signup_form #pass-strength-result.strong { background-color: #17d808; margin: 5px 0 0; padding: 7px 10px; } #buddypress .standard-form#signup_form .error { font-size: 12px; font-weight: 500; color: red; } #buddypress .standard-form#signup_form input[type=text], #buddypress .standard-form#signup_form textarea, #buddypress .form-allowed-tags, #buddypress #commentform input[type=text], #buddypress #commentform textarea { width: 90%; } #buddypress div#signup-avatar img { margin: 0 15px 10px 0; } #buddypress .standard-form textarea { width: 75%; height: 120px; } #buddypress .standard-form textarea#message_content { height: 200px; } #buddypress .standard-form#send-reply textarea { width: 97.5%; } #buddypress .standard-form p.description { color: #888; font-size: 80%; margin: 5px 0; } #buddypress .standard-form div.submit { clear: both; padding: 25px 0 0 0; } #buddypress .standard-form p.submit { margin-bottom: 0; padding: 15px 0 0 0; } #buddypress .standard-form div.submit input, #buddypress form#whats-new-form #whats-new-submit input[type="submit"] { font-size: 11px; font-weight: 600; text-transform: uppercase; padding: 14px 40px 12px; letter-spacing: 0.5px; border: 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #111; color: #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress .standard-form div.submit input:hover #buddypress .standard-form div.radio ul { margin: 10px 0 15px 38px; list-style: disc; } #buddypress .standard-form div.radio ul li { margin-bottom: 5px; } #buddypress .standard-form a.clear-value { display: block; margin-top: 5px; outline: none; } #buddypress .standard-form #basic-details-section, #buddypress .standard-form #blog-details-section, #buddypress .standard-form #profile-details-section { float: left; width: 48%; } #buddypress .standard-form #profile-details-section { float: right; } #buddypress .standard-form #blog-details-section, #buddypress #notifications-bulk-management { clear: left; } body.no-js #buddypress #notifications-bulk-management #select-all-notifications, body.no-js #buddypress label[for="message-type-select"], body.no-js #buddypress #message-type-select, body.no-js #buddypress #delete_inbox_messages, body.no-js #buddypress #delete_sentbox_messages, body.no-js #buddypress #messages-bulk-management #select-all-messages { display: none; } #buddypress .standard-form input:focus, #buddypress .standard-form textarea:focus, #buddypress .standard-form select:focus { outline: 0; border-color: #646464; color: #010101; } #buddypress form#send-invite-form { margin-top: 20px; } #buddypress div#invite-list { background: #f5f5f5; height: 400px; margin: 0 0 10px; overflow: auto; padding: 5px; width: 160px; } #buddypress div.generic-button { display: inline-block; } #buddypress div.generic-button a { position: relative; display: inline-block; font-size: 11px; font-weight: 500; text-transform: uppercase; padding: 8px 15px 8px; margin: 0 0 0 10px; border-radius: 3px; background-color: #fff; color: #696969; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div.generic-button.friendship-button a:before { position: relative; font-family:'FontAwesome'; content: "\f234"; margin-right: 10px; } #buddypress div.generic-button.friendship-button.pending_friend a, #buddypress div.generic-button.follow-button.following a { background-color: #eee; color: #999; } #buddypress div.generic-button.friendship-button.pending_friend a:before { content: "\f235"; } #buddypress div.generic-button.follow-button a:before { position: relative; font-family:'FontAwesome'; content: "\f164"; margin-right: 7px; } #buddypress div.generic-button.follow-button.following a:before { content: "\f165"; } #buddypress div.generic-button a.mention:before { position: relative; font-family:'FontAwesome'; margin-right: 10px; content: "\f003"; } #buddypress div.generic-button a.send-message:before { position: relative; font-family:'FontAwesome'; margin-right: 10px; content: "\f0e0"; } #buddypress div.generic-button a:hover { background-color: #111; border:1px solid #111; color: #fff; } #buddypress button, #buddypress a.button, #buddypress input[type=submit], #buddypress input[type=button], #buddypress input[type=reset], #buddypress ul.button-nav li a, #buddypress .comment-reply-link, a.bp-title-button, #buddypress div.activity-comments form div.ac-reply-content a { background-color: #f57373; border: 1px solid #f57373; color: #fff; font-size: 11px; font-weight: 500; text-transform: uppercase; cursor: pointer; outline: none; padding: 8px 15px 7px; text-align: center; text-decoration: none; border-radius: 3px; } #buddypress a#bp-delete-avatar.button, #buddypress a#bp-delete-cover-image { position: relative; display: inline-block; margin-top: 15px; background-color: #ff3c3c; border-color: #ff3c3c; } #buddypress a#bp-delete-avatar.button:before, #buddypress a#bp-delete-cover-image:before { position: relative; display: inline-block; font-family:'FontAwesome'; content: "\f00d"; margin-right: 10px; } #buddypress button:hover, #buddypress a.button:hover, #buddypress a.button:focus, #buddypress input[type=submit]:hover, #buddypress input[type=button]:hover, #buddypress input[type=reset]:hover, #buddypress ul.button-nav li a:hover, #buddypress ul.button-nav li.current a, #buddypress div.generic-button a:hover, #buddypress .comment-reply-link:hover { opacity: 0.8; background-color: #f57373; border: 1px solid #f57373; color: #fff; } #buddypress div#item-header button, #buddypress div#item-header a.button, #buddypress div#item-header input[type=submit], #buddypress div#item-header input[type=button], #buddypress div#item-header input[type=reset], #buddypress div#item-header ul.button-nav li a, #buddypress div#item-header div.generic-button a, #buddypress div#item-header .comment-reply-link, #buddypress div#item-header a.bp-title-button { background-color: rgba(0, 0, 0, 0.3); border: none; color: #fff; font-size: 11px; cursor: pointer; outline: none; padding: 5px 10px; text-align: center; text-decoration: none; } #buddypress div#item-header button:hover, #buddypress div#item-header a.button:hover, #buddypress div#item-header a.button:focus, #buddypress div#item-header input[type=submit]:hover, #buddypress div#item-header input[type=button]:hover, #buddypress div#item-header input[type=reset]:hover, #buddypress div#item-header ul.button-nav li a:hover, #buddypress div#item-header ul.button-nav li.current a, #buddypress div#item-header div.generic-button a:hover, #buddypress div#item-header .comment-reply-link:hover { background-color: rgba(0, 0, 0, 0.5); border: none; color: #fff; outline: none; text-decoration: none; opacity: 1; } #buddypress form.standard-form .left-menu { float: left; } #buddypress form.standard-form .left-menu #invite-list ul{ margin:1%; list-style: none; } #buddypress form.standard-form .left-menu #invite-list ul li { margin:0 0 0 1%; } #buddypress form.standard-form .main-column { margin-left: 190px; } #buddypress form.standard-form .main-column ul#friend-list { clear:none; float: left; } #buddypress form.standard-form .main-column ul#friend-list h4 { clear:none; } #buddypress .wp-editor-wrap a.button, #buddypress .wp-editor-wrap button, #buddypress .wp-editor-wrap input[type=submit], #buddypress .wp-editor-wrap input[type=button], #buddypress .wp-editor-wrap input[type=reset] { padding: 0 10px 1px; } #buddypress form *[disabled="disabled"]{ cursor: default; opacity: .4; } .bp-screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute; } #buddypress #activity-stream p { font-size: 12px; margin: 5px 0; color: #646464; } #buddypress #activity-stream div.activity-comments div.acomment-content p { margin:10px 0; } #buddypress #activity-stream .activity-inner p { font-size: 13px; line-height: 22px; } #buddypress #activity-stream .activity-inner p a { font-weight: 600; color: #111; } #buddypress #activity-stream .activity-inner p img { margin: 20px 0 0; } #buddypress #item-body form#whats-new-form { margin: 0 0 15px; padding: 0; min-height: 80px; } #buddypress .home-page form#whats-new-form { border-bottom: none; padding-bottom: 0; } #buddypress form#whats-new-form #whats-new-avatar { float: left; margin: 0 10px 0 0; } #buddypress form#whats-new-form #whats-new-avatar img { width: 50px; height: 50px; margin:0; } #buddypress form#whats-new-form #whats-new-content { margin-left: 70px; margin-bottom: 15px; padding: 0; } #buddypress form#whats-new-form p.activity-greeting { line-height: 0.5em; margin: 0 0 10px 70px; } #buddypress form#whats-new-form textarea { background: #fff; color: #555; border: 2px solid #ddd; border-radius: 3px; font-family: inherit; font-size: medium; height: 20px; min-height: 36px; padding: 10px; width: 100%; resize: none; font-size: 13px; } body.no-js #buddypress form#whats-new-form textarea { height: 50px; } #buddypress form#whats-new-form #whats-new-options select { max-width: 200px; margin-top: 12px; } #buddypress form#whats-new-form #whats-new-submit { float: right; margin-top: 12px; } #buddypress #whats-new-options { overflow: auto; } body.no-js #buddypress #whats-new-options { height: auto; } #buddypress #whats-new:focus { outline: 0; border-color: #646464 !important; resize: vertical; } #buddypress ul.activity-list li { overflow: hidden; margin: 0 0 15px!important; } #buddypress .activity-list .activity-avatar { margin: 12px 0 0; float: left; } #buddypress ul.item-list.activity-list li.has-comments { padding-bottom: 15px; } body.activity-permalink #buddypress ul.activity-list li.has-comments { padding-bottom: 0; } body.activity-permalink #buddypress .activity-list > li:first-child { } #buddypress .activity-list li .activity-content { position: relative; } #buddypress .activity-list li.mini .activity-content p { margin: 0; } #buddypress .activity-list li.mini .activity-comments { clear: both; } body.activity-permalink #buddypress li.mini .activity-meta { margin-top: 4px; } #buddypress .activity-list li .activity-inreplyto { color: #888; font-size: 80%; } #buddypress .activity-list li .activity-inreplyto > p { margin: 0; display: inline; } #buddypress .activity-list li .activity-inreplyto blockquote, #buddypress .activity-list li .activity-inreplyto div.activity-inner { background: none; border: none; display: inline; margin: 0; overflow: hidden; padding: 0; } #buddypress .activity-list .activity-content { margin: 0 0 0 100px; } body.activity-permalink #buddypress .activity-list li .activity-content { border: none; font-size: 100%; line-height: 150%; margin-left: 100px; margin-right: 0; padding: 0; } body.activity-permalink #buddypress .activity-list li .activity-header > p { margin: 0; padding: 5px 0 0 0; } #buddypress .activity-list .activity-content .activity-header, #buddypress .activity-list .activity-content .comment-header { color: #888; line-height: 220%; } #buddypress .activity-header { margin-right: 20px; } #buddypress .activity-header a, #buddypress .comment-meta a, #buddypress .acomment-meta a { text-decoration: none; font-weight: 600; color: #111; letter-spacing: -0.3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress .activity-header a:hover, #buddypress .comment-meta a:hover, #buddypress .acomment-meta a:hover { color: #111; } #buddypress .activity-list .activity-content .activity-header img.avatar { display: inline-block; width: 20px!important; height: 20px!important; float: none !important; margin: -2px 4px 0px 1px !important; } #buddypress a.bp-secondary-action, #buddypress span.highlight { font-size: 80%; padding: 0; margin-right: 5px; text-decoration: none; } #buddypress .activity-list .activity-content .activity-inner, #buddypress .activity-list .activity-content blockquote { margin: 0; overflow: hidden; } #buddypress .activity-list li.new_forum_post .activity-content .activity-inner, #buddypress .activity-list li.new_forum_topic .activity-content .activity-inner { border-left: 2px solid #EAEAEA; margin-left: 5px; padding-left: 10px; } body.activity-permalink #buddypress .activity-content .activity-inner, body.activity-permalink #buddypress .activity-content blockquote { margin-left: 0; margin-top: 5px; } #buddypress .activity-inner > p { word-wrap: break-word; } #buddypress .activity-inner > .activity-inner { margin: 0; } #buddypress .activity-inner > blockquote { margin: 0; } #buddypress .activity-list .activity-content img.thumbnail { border: 2px solid #eee; float: left; margin: 0 10px 5px 0; } #buddypress .activity-read-more { margin-left: 1em; white-space: nowrap; } #buddypress .activity-list li.load-more, #buddypress .activity-list li.load-newest { background: #111; font-size: 110%; margin: 15px 0; padding: 10px 15px; text-align: center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress .activity-list li.load-more a, #buddypress .activity-list li.load-newest a { display: block; color: #fff; font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 1px; padding: 5px 0; text-decoration: none; } #buddypress .activity-list li.load-more:hover, #buddypress .activity-list li.load-newest:hover { opacity: 0.8; } #buddypress div.activity-meta { margin: 15px 0 5px; border-top: 2px solid #eee; padding: 20px 0 0; } body.activity-permalink #buddypress div.activity-meta { margin-bottom: 6px; } #buddypress div.activity-meta .social-buttons { border-top: 2px solid #eee!important; margin: 20px 0 15px 0; padding: 20px 0 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; border: 0; } #buddypress div.activity-meta a { position: relative; display: inline-block; margin: 0; padding: 8px 15px 7px; font-size: 11px; font-weight: 500; text-transform: uppercase; border-radius: 3px; background-color: #fff; border-color: #ddd; color: #666; } #buddypress div.activity-meta a.unfav { color: #fff; border-color: #f7c645; background-color: #f7c645; } #buddypress div.activity-meta .social-buttons a { display: inline-block; font-size: 13px!important; width: 35px; height: 35px; text-align: center; background-color: #111; line-height: 34px!important; color: #fff; padding: 0!important; } #buddypress div.activity-meta a:before { position: relative; display: inline-block; font-family:'FontAwesome'; margin: 0 5px 0 0; } #buddypress div.activity-meta a.fav:before { content: "\f006"; } #buddypress div.activity-meta a.unfav:before { content: "\f005"; } #buddypress div.activity-meta a.delete-activity:before { content: "\f00d"; } #buddypress div.activity-meta a.buddypress-social-button:before { content: "\f064"; } #buddypress div.activity-meta .social-buttons a.foundicon-facebook { background-color: #3b5998; } #buddypress div.activity-meta .social-buttons a.foundicon-facebook:before { content: "\f09a"; margin:0; } #buddypress div.activity-meta .social-buttons a.foundicon-twitter { background-color: #00aced; } #buddypress div.activity-meta .social-buttons a.foundicon-twitter:before { content: "\f099"; margin:0; } #buddypress div.activity-meta .social-buttons a.foundicon-google-plus { background-color: #ea4335; } #buddypress div.activity-meta .social-buttons a.foundicon-google-plus:before { content: "\f0d5"; margin:0; } #buddypress div.activity-meta .social-buttons a.foundicon-mail:before { content: "\f0e0"; margin:0; } #buddypress a.activity-time-since { color: #aaa!important; text-decoration: none; font-size: 11px; font-weight: 400; } #buddypress a.activity-time-since:hover { color: #888!important; text-decoration: underline; } #buddypress a.activity-time-since:before { content: " "; display: block; } #buddypress a.bp-primary-action, #buddypress #reply-title small a { font-size: 80%; margin-right: 5px; text-decoration: none; } #buddypress a.bp-primary-action span, #buddypress #reply-title small a span { background: #B9B9B9; color: #fff; font-size: 90%; margin-left: 2px; padding: 0 5px; display: inline-block; } #buddypress a.bp-primary-action:hover span, #buddypress #reply-title small a:hover span { background: #999; color: #fff; } #buddypress div.activity-comments { margin: 0; overflow: hidden;/* IE fix */ position: relative; width: auto; clear: both; } body.activity-permalink #buddypress div.activity-comments { background: none; width: auto; margin: 15px 0; } #buddypress div.activity-comments > ul { padding: 0 0 0 10px; } #buddypress div.activity-comments ul, #buddypress div.activity-comments ul li { border: none; list-style: none; } #buddypress div.activity-comments ul { clear: both; margin: 0 0 0 90px; } #buddypress div.activity-comments ul li { border-top: 1px solid #eee; padding: 20px 0 0; } body.activity-permalink #buddypress .activity-list li.mini .activity-comments { clear: none; margin-top: 0; } body.activity-permalink #buddypress div.activity-comments ul li { border-width: 1px; padding: 10px 0 0 0; } #buddypress div.activity-comments > ul > li:first-child { border-top: none; } #buddypress div.activity-comments ul li:last-child { margin-bottom: 0; } #buddypress div.activity-comments ul li > ul { margin-left: 30px; margin-top: 0; padding-left: 10px; } body.activity-permalink #buddypress div.activity-comments ul li > ul { margin-top: 10px; } body.activity-permalink #buddypress div.activity-comments > ul { padding: 0 10px 0 15px; } #buddypress div.activity-comments div.acomment-avatar img { border-width: 1px; float: left; height: 25px; margin-right: 10px; width: 25px; } #buddypress div.activity-comments div.acomment-content { font-size: 90%; margin: 5px 0 0 62px; } #buddypress div.acomment-content .time-since, #buddypress div.acomment-content .activity-delete-link, #buddypress div.acomment-content .comment-header { display: none; } body.activity-permalink #buddypress div.activity-comments div.acomment-content { font-size: 90%; } #buddypress div.activity-comments div.acomment-meta { color: #888; font-size: 90%; } #buddypress div.activity-comments div.acomment-meta { color: #888; } #buddypress div.activity-comments form.ac-form { display: none; padding: 10px 0; } #buddypress div.activity-comments li form.ac-form { margin-right: 15px; clear: both; } #buddypress div.activity-comments form.root { margin-left: 0; } #buddypress div.activity-comments div#message { margin-top: 15px; margin-bottom: 0; } #buddypress div.activity-comments form .ac-textarea { background: #fff; border: 1px solid #ccc; margin-bottom: 10px; padding: 8px; } #buddypress div.activity-comments form textarea { border: none; background: transparent; box-shadow: none; outline: none; color: #555; font-family: inherit; font-size: 90%; height: 60px; padding: 0; margin: 0; width: 100%; } #buddypress div.activity-comments form input { margin-top: 5px; } #buddypress div.activity-comments form div.ac-reply-avatar { float: left; } #buddypress div.ac-reply-avatar img { border: 1px solid #eee; } #buddypress div.activity-comments form div.ac-reply-content { color: #888; margin-left: 80px; padding-left: 15px; } #buddypress div.activity-comments ul form div.ac-reply-content { margin-left: 50px; } #buddypress div.activity-comments form div.ac-reply-content a { position: relative; display: inline-block; } #buddypress .acomment-options { float: left; font-size: 14px; margin: 5px 0 5px 75px; } #buddypress .acomment-options a { color: #999; } #buddypress .acomment-options a:hover { color: inherit; } #buddypress ul.acfb-holder li.friend-tab { background-color: #FFF9DF; margin: 0 0 10px -5px; padding: 15px; width: 75%; } #buddypress ul.acfb-holder li.friend-tab img.avatar { display: inline-block; width: 30px; } #buddypress ul.acfb-holder li.friend-tab a { display: inline-block; margin: 0 0 0 15px; font-size: 14px; font-weight: 600; color: #111; } #buddypress div.dir-search { position: relative; display: inline-block; width: 100%; float: right; margin: 0 0 20px 0; } #buddypress div.dir-search label { width: 95%; } #buddypress div.dir-search input[type=text], #buddypress li.groups-members-search input[type=text] { font-size: 12px; font-weight: 400; display: inline-block; padding: 6px 10px; width: 95%; height: 40px; border: 1px solid #ccc; border-radius: 3px; background-color: #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div.dir-search input[type=submit] { position: absolute; right: 0; top: 0; font-size: 12px; font-weight: 600; text-transform: uppercase; padding: 10px 25px; border: 0; background-color: #111; color: #fff; height: 40px; letter-spacing: 1px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div.dir-search input[type=submit]:hover { opacity: 1; color: #fff; } #buddypress .current-member-type { font-style: italic; } #buddypress .dir-form { clear: both; } #buddypress #create-group-form div.bp-avatar-nav { display: inline-block; width: 100%; margin: 20px 0 0; } #buddypress div#message { margin: 0 0 15px; } #buddypress #message.info { margin-bottom: 0; } #buddypress div#message.updated { clear: both; display: block; } #buddypress div#message p, #sitewide-notice p { font-size: 90%; display: block; padding: 15px; } #buddypress div#message.error p { background-color: #fdc; border: 1px solid #a00; clear: left; color: #800; } #buddypress div#message.warning p { background-color: #ffe0af; border: 1px solid #ffd087; clear: left; color: #800; } #buddypress div#message.updated p { background-color: #efc; border: 1px solid #591; color: #250; } #buddypress #pass-strength-result { background-color: #eee; border-color: #ddd; border-style: solid; border-width: 1px; display: none; margin: 5px 5px 5px 0; padding: 5px; text-align: center; width: 150px; } #buddypress .standard-form #basic-details-section #pass-strength-result { width: 35%; } #buddypress #pass-strength-result.error, #buddypress #pass-strength-result.bad { background-color: #ffb78c; border-color: #ff853c !important; display: block; } #buddypress #pass-strength-result.good { background-color: #ffec8b; border-color: #fc0 !important; display: block; } #buddypress #pass-strength-result.short { background-color: #ffa0a0; border-color: #f04040 !important; display: block; } #buddypress #pass-strength-result.strong { background-color: #c3ff88; border-color: #8dff1c !important; display: block; } #buddypress .standard-form#signup_form div div.error { background: #faa; color: #a00; margin: 0 0 10px 0; padding: 6px; width: 90%; } #buddypress div.accept, #buddypress div.reject { float: left; margin-left: 10px; } #buddypress ul.button-nav li { float: left; margin: 0 10px 10px 0; list-style: none; } #buddypress ul.button-nav li a { background-color: #fff; border: 1px solid #ddd; color: #111; } #buddypress ul.button-nav li.current a { background-color: #f57373; border-color: #f57373; font-weight: 400; color: #fff; } #sitewide-notice #message { left: 2%; position: fixed; top: 1em; width: 96%; z-index: 9999; } #sitewide-notice.admin-bar-on #message { top: 3.3em; } #sitewide-notice strong { display: block; margin-bottom: -1em; } #buddypress a.loading, #buddypress input.loading { -webkit-animation: loader-pulsate .5s infinite ease-in-out alternate; -moz-animation: loader-pulsate .5s infinite ease-in-out alternate; border-color: #aaa; } @-webkit-keyframes loader-pulsate { from { border-color: #aaa; -webkit-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; } to { border-color: #ccc; -webkit-box-shadow: 0 0 6px #f8f8f8; box-shadow: 0 0 6px #f8f8f8; } } @-moz-keyframes loader-pulsate { from { border-color: #aaa; -moz-box-shadow: 0 0 6px #ccc; box-shadow: 0 0 6px #ccc; } to { border-color: #ccc; -moz-box-shadow: 0 0 6px #f8f8f8; box-shadow: 0 0 6px #f8f8f8; } } #buddypress a.loading:hover, #buddypress input.loading:hover { color: #777; } #buddypress input[type="submit"].pending, #buddypress input[type="button"].pending, #buddypress input[type="reset"].pending, #buddypress input[type="submit"].disabled, #buddypress input[type="button"].disabled, #buddypress input[type="reset"].disabled, #buddypress input[type="submit"][disabled=disabled], #buddypress button.pending, #buddypress button.disabled, #buddypress div.pending a, #buddypress a.disabled { border-color: #eee; color: #bbb; cursor: default; } #buddypress input[type="submit"]:hover.pending, #buddypress input[type="button"]:hover.pending, #buddypress input[type="reset"]:hover.pending, #buddypress input[type="submit"]:hover.disabled, #buddypress input[type="button"]:hover.disabled, #buddypress input[type="reset"]:hover.disabled, #buddypress button.pending:hover, #buddypress button.disabled:hover, #buddypress div.pending a:hover, #buddypress a.disabled:hover { border-color: #eee; color: #bbb; } #buddypress ul#topic-post-list { margin: 0; width: auto; } #buddypress ul#topic-post-list li { padding: 15px; position: relative; } #buddypress ul#topic-post-list li.alt { background: #f5f5f5; } #buddypress ul#topic-post-list li div.poster-meta { color: #888; margin-bottom: 10px; } #buddypress ul#topic-post-list li div.post-content { margin-left: 54px; } #buddypress div.topic-tags { font-size: 80%; } #buddypress div.admin-links { color: #888; font-size: 80%; position: absolute; top: 15px; right: 25px; } #buddypress div#topic-meta { margin: 0; padding: 5px 19px 30px; position: relative; } #buddypress div#topic-meta div.admin-links { right: 19px; top: -36px; } #buddypress div#topic-meta h3 { margin: 5px 0; } #buddypress div#new-topic-post { display: none; margin: 20px 0 0 0; padding: 1px 0 0 0; } #buddypress table.notifications, #buddypress table.notifications-settings, #buddypress table.profile-settings, #buddypress table.profile-fields, #buddypress table.wp-profile-fields, #buddypress table.messages-notices, #buddypress table.forum { width: 100%; } #buddypress table.notifications thead tr, #buddypress table.notifications-settings thead tr, #buddypress table.profile-settings thead tr, #buddypress table.profile-fields thead tr, #buddypress table.wp-profile-fields thead tr, #buddypress table.messages-notices thead tr, #buddypress table.forum thead tr { background: #eaeaea; } #buddypress table#message-threads { clear: both; } #buddypress table.profile-fields { margin-bottom: 20px; } #buddypress table.profile-fields p { margin: 0; } #buddypress table.profile-fields p:last-child { margin-top: 0; } #buddypress table.notifications tr td, #buddypress table.notifications-settings tr td, #buddypress table.profile-settings tr td, #buddypress table.profile-fields tr td, #buddypress table.wp-profile-fields tr td, #buddypress table.messages-notices tr td, #buddypress table.forum tr td, #buddypress table.notifications tr th, #buddypress table.notifications-settings tr th, #buddypress table.profile-fields tr th, #buddypress table.wp-profile-fields tr th, #buddypress table.messages-notices tr th, #buddypress table.forum tr th { padding: 0; vertical-align: middle; padding: 10px 15px; } #buddypress table.notifications { margin-bottom: 20px; } #buddypress table.notifications tr~tr { border-top: 1px solid #eee; } #buddypress table.notifications tr td, #buddypress table.notifications tr td a { font-size: 12px; font-weight: 500; color: #111; } #buddypress table.notifications tr td.notification-since { font-size: 11px; color: #ccc; } #buddypress .notifications-options-nav input[type=submit] { padding: 12px 20px 11px; } #buddypress .label { display: initial; padding: 0; font-size: 100%; font-weight: normal; line-height: 1; color: initial; text-align: initial; white-space: normal; vertical-align: initial; border-radius: 0; } #buddypress table.notifications tr td.label, #buddypress table.notifications-settings tr td.label, #buddypress table.profile-fields tr td.label, #buddypress table.wp-profile-fields tr td.label, #buddypress table.messages-notices tr td.label, #buddypress table.forum tr td.label { font-size: 12px; font-weight: 500; width: 25%; } #buddypress table tr td.label { display: table-cell; } #buddypress #message-threads .thread-info { min-width: 40%; } #buddypress table tr td.thread-info p { margin: 0; } #buddypress table tr td.thread-info p.thread-excerpt { color: #888; font-size: 80%; margin-top: 3px; } #buddypress table.forum td { text-align: center; } #buddypress table.notifications tr.alt td, #buddypress table.notifications-settings tr.alt td, #buddypress table.profile-settings tr.alt td, #buddypress table.profile-fields tr.alt td, #buddypress table.wp-profile-fields tr.alt td, #buddypress table.messages-notices tr.alt td, #buddypress table.forum tr.alt td { background: #f5f5f5; } #buddypress table.notification-settings { width: 100%; margin-bottom: 20px; text-align: left; border: 1px solid rgb(235,235,235); } #buddypress table.notification-settings thead { background-color: #eee; } #buddypress table.notification-settings td, #buddypress table.notification-settings th { padding: 12px 15px; border-bottom: 1px solid rgb(235,235,235); } #buddypress #groups-notification-settings { margin-bottom: 0; } #buddypress table.notifications th.icon, #buddypress table.notifications td:first-child, #buddypress table.notification-settings th.icon, #buddypress table.notification-settings td:first-child { display: none; } #buddypress table.notification-settings th.title, #buddypress table.profile-settings th.title { width: 80%; } #buddypress table.profile-settings thead tr th { padding: 5px 15px; } #buddypress table.notification-settings .yes, #buddypress table.notification-settings .no { text-align: center; width: 40px; } #buddypress table.forum { margin: 0; width: auto; clear: both; } #buddypress table.forum tr.sticky td { font-size: 110%; background: #fff9db; border-top: 1px solid #ffe8c4; border-bottom: 1px solid #ffe8c4; } #buddypress table.forum tr.closed td.td-title { padding-left: 35px; } #buddypress table.forum td p.topic-text { color: #888; font-size: 100%; } #buddypress table.forum tr > td:first-child, #buddypress table.forum tr > th:first-child { padding-left: 15px; } #buddypress table.forum tr > td:last-child, #buddypress table.forum tr > th:last-child { padding-right: 15px; } #buddypress table.forum tr th#th-title, #buddypress table.forum tr th#th-poster, #buddypress table.forum tr th#th-group, #buddypress table.forum td.td-poster, #buddypress table.forum td.td-group, #buddypress table.forum td.td-title { text-align: left; } #buddypress table.forum tr td.td-title a.topic-title { font-size: 110%; } #buddypress table.forum td.td-freshness { white-space: nowrap; } #buddypress table.forum td.td-freshness span.time-since { font-size: 80%; color: #888; } #buddypress table.forum td img.avatar { float: none; margin: 0 5px -8px 0; } #buddypress table.forum td.td-poster, #buddypress table.forum td.td-group { min-width: 140px; } #buddypress table.forum th#th-title { width: 80%; } #buddypress table.forum th#th-freshness { width: 25%; } #buddypress table.forum th#th-postcount { width: 15%; } #buddypress table.forum p.topic-meta { font-size: 80%; margin: 5px 0 0 0; } #buddypress .item-body { margin: 20px 0; } #buddypress span.activity { display: block; margin: 0 0 30px; padding: 0 30px; font-size: 10px; letter-spacing: 1px; text-align: left; color: #686868; } #buddypress #item-header-content span.activity { display: inline-block; float: right; margin: 10px 0 0 0; padding: 4px 10px; font-size: 9px; letter-spacing: 1px; text-align: left; color: #fff; background-color: rgba(0, 0, 0, 0.5); border-radius: 10px; } #buddypress span.user-nicename { color: #777; display: inline-block; font-size: 120%; font-weight: bold; } #buddypress div#message p, #sitewide-notice p { margin-top: 3px; text-decoration: none; background-color: #ffd; border: 2px solid #cb2; color: #440; font-size: 12px; font-weight: 500; border-radius: 5px; } #buddypress div#item-header { overflow: hidden; padding: 40px 0 0; color: #fff; } #buddypress div#item-header a#header-cover-image { background-color: #111; } #buddypress div#item-header a#header-cover-image:before { position: absolute; width: 100%; height: 100%; content: ''; background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.7))); background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -o-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0) 0%,rgba(0,0,0,.7) 100%); background: linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0); } #buddypress div#item-header a { color: #e6e6e6; } #buddypress div#item-header a:hover { color: #fff; } #buddypress div#item-header div#item-header-content { margin-left: 150px!important; margin-top: -160px!important; width: 80%!important; } .col-md-12 #buddypress div#item-header div#item-header-content { width: 86%!important; } #buddypress div#item-header div#item-header-content .user-nicename { display: inline-block; margin: 0 0 25px; padding: 0 30px; text-align: left; font-size: 32px; font-weight: 900; } #buddypress div#item-header div#item-header-content #item-buttons { margin: 20px 0 15px; text-align: center; position: absolute; top: 0; right: 15px; } #buddypress div#item-header h2 a { color: #777; text-decoration: none; } #buddypress div#item-header-avatar { margin: 0 0 20px; text-align: center; } #buddypress div#item-header img.avatar { display: inline-block; border: 10px solid #fff!important; width: 150px; } #buddypress div#item-header h2 { margin-bottom: 5px; } #buddypress div#item-header h2 span.highlight { font-size: 60%; font-weight: normal; line-height: 170%; vertical-align: middle; display: inline-block; } #buddypress div#item-header h2 span.highlight span { background: #a1dcfa; color: #fff; cursor: pointer; font-weight: bold; font-size: 80%; margin-bottom: 2px; padding: 1px 4px; position: relative; right: -2px; top: -2px; vertical-align: middle; } #buddypress div#item-header div#item-meta { margin: 0; } #buddypress div#item-header div#item-meta #latest-update { width: 100%; margin: 0 auto 15px; padding: 0 30px; letter-spacing: 0.5px; text-align: left; font-size: 11px; font-weight: 500; color: #686868; } #buddypress div#item-header div#item-meta #latest-update a { display: inline-block; color: #111; background-color: rgba(0, 0, 0, 0.1); padding: 4px 10px; border-radius: 15px; margin: 0 0 0 5px; } #buddypress div#item-header div#item-meta #item-buttons { margin: 20px 0 15px; text-align: center; } #buddypress div#item-header div#item-actions { float: right; margin: 0 0 15px 15px; text-align: right; width: 20%; } #buddypress #group-admins li img.avatar { border: 0!important; } #buddypress div#item-header div#item-actions h3 { margin: 0 0 5px 0; } #buddypress div#item-header ul { margin-bottom: 15px; overflow: hidden; } #buddypress div#item-header ul h5, #buddypress div#item-header ul span, #buddypress div#item-header ul hr { display: none; } #buddypress div#item-header ul li { float: right; list-style: none; } #buddypress div#item-header ul img.avatar, #buddypress div#item-header ul.avatars img.avatar { height: 30px; margin: 2px; width: 30px; } #buddypress div#item-header div.generic-button, #buddypress div#item-header a.button { display: inline-block; margin: 0; } #buddypress div#item-header div#message.info { line-height: 80%; } #buddypress ul.item-list { width: 100%; list-style: none; clear: both; margin: 0; padding: 0; } body.activity-permalink #buddypress ul.item-list, body.activity-permalink #buddypress ul.item-list li.activity-item { border: none; } #buddypress ul.item-list li { padding: 20px; margin: 0 0 25px; position: relative; list-style: none; background-color: #f9f9f9; border-radius: 3px; } #buddypress ul.single-line li { border: none; } #buddypress ul.item-list li img.avatar { margin: 0 25px 0 0!important; width: 50px!important; height: 50px!important; border-radius: 0; } #buddypress div.activity-comments > ul > li img.avatar { margin: 0 12px 0 0; width: 50px; height: 50px; } #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 { font-weight: normal; font-size: 90%; margin: 0; width: 75%; } #buddypress ul.item-list li div.item-title span { color: #999; font-size: 80%; } #buddypress ul.item-list li div.item-desc { color: #888; font-size: 80%; margin: 10px 0 0 60px; width: 50%; } #buddypress #groups-list li div.item-desc { margin: 10px 0 0 75px; } #buddypress ul.item-list li.group-no-avatar div.item-desc { margin-left: 0; } #buddypress ul.item-list li div.action { position: absolute; top: 15px; right: 15px; text-align: right; } #buddypress ul.item-list li div.meta { color: #888; font-size: 80%; margin-top: 10px; } #buddypress ul.item-list li h5 span.small { float: right; font-size: 80%; font-weight: normal; } #buddypress div.item-list-tabs { display: inline-block; width: 100%; clear: left; overflow: visible; padding-left: 10px; background-color: #111; border-bottom: 2px solid #eee; } #buddypress div.item-list-tabs ul { margin: 0; padding: 0; } #buddypress div.item-list-tabs ul li { float: left; margin: 0; list-style: none; } #buddypress div#object-nav.item-list-tabs ul li.hideshow { float: right; margin-right: 20px; } #buddypress div#object-nav.item-list-tabs ul li.hideshow > a { cursor: pointer; font-size: 24px; padding: 8px 0 0; } #buddypress div#object-nav.item-list-tabs ul li ul { display: none; position: absolute; right: -20px; width: 150px; background-color: #222; border-radius: 3px; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2); z-index: 1; } #buddypress div#object-nav.item-list-tabs ul li ul li { display: inline-block; width: 100%; } #buddypress div#object-nav.item-list-tabs ul li ul li~li { border-top:1px solid #333; } #buddypress div#object-nav.item-list-tabs ul li ul li a { font-size: 11px; } #buddypress div#object-nav.item-list-tabs ul li ul li a span { float: right; margin:-3px 0 0 0; } #buddypress div.item-list-tabs#subnav ul li { margin-top: 0; } #buddypress div.item-list-tabs ul li.last { float: right; margin: 7px 0 0; } #buddypress div.item-list-tabs#subnav ul li.groups-members-search { display: none; } #buddypress div.item-list-tabs#subnav ul li.last { margin: 15px 0; color: #646464; } #buddypress div.item-list-tabs#subnav ul li.last label { font-size: 12px; margin: 0 8px 0 0; font-weight: normal; } #buddypress div.item-list-tabs ul li.last select, #buddypress select { outline: 0; max-width: 200px; font-size: 12px; padding: 6px 12px; height: 40px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 2px solid #e2e2e2; color: #111; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } #buddypress div.item-list-tabs ul li a, #buddypress div.item-list-tabs ul li span { position: relative; display: block; font-weight: 600; padding: 15px 15px; text-decoration: none; text-transform: uppercase; font-size: 12px; color: #fff; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div#subnav.item-list-tabs ul li a, #buddypress div#subnav.item-list-tabs ul li span { color: #999; line-height: 40px; border:0; text-transform: none; font-weight: 500; } #buddypress div#subnav.item-list-tabs ul li.current a, #buddypress div#subnav.item-list-tabs ul li.selected a { color: #111; } #buddypress div.item-list-tabs ul li a span { color: #fff; display: inline; font-size: 9px; font-weight: 600; margin-left: 2px; padding: 5px 8px 4px; text-align: center; vertical-align: middle; background-color: rgba(255, 255, 255, 0.1); border-radius: 2px; border:0; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div.item-list-tabs ul li a:hover span, #buddypress div.item-list-tabs ul li.current a span, #buddypress div.item-list-tabs ul li.selected a span { background-color: rgba(255, 255, 255, 0.2); } #buddypress div.item-list-tabs ul li.selected a, #buddypress div.item-list-tabs ul li.current a, #buddypress div.item-list-tabs ul li a:hover { background-color: transparent; color: #999; opacity: 1; font-weight: 600; } #buddypress div#item-nav ul li.loading a { background-position: 88% 50%; } #buddypress div.item-list-tabs#object-nav { margin-top: 0; background-color: #111; display: inline-block; width: 100%; overflow: visible; } #buddypress div.item-list-tabs#subnav { background: #fff; margin: 0 0 30px; overflow: hidden; border: 0; } #buddypress #admins-list li, #buddypress #mods-list li, #buddypress #members-list li { margin: 0 0 15px; overflow: auto; list-style: none; } #buddypress #admins-list li div.item-avatar, #buddypress #mods-list li div.item-avatar, #buddypress #members-list li div.item-avatar { float: left; } #buddypress #admins-list li div.item, #buddypress #mods-list li div.item, #buddypress #members-list li div.item { margin-left: 90px; } #buddypress #admins-list li div.item-title, #buddypress #mods-list li div.item-title, #buddypress #members-list li div.item-title, #buddypress #friend-list li div.item-title, #buddypress #groups-list li div.item-title, #buddypress #members-group-list li h5 { width: 100%; font-size: 18px; font-weight: 600; letter-spacing: -0.3px; } #buddypress #admins-list li div.item-title a, #buddypress #mods-list li div.item-title a, #buddypress #members-list li div.item-title a, #buddypress #friend-list li div.item-title a, #buddypress #groups-list li div.item-title a, #buddypress #members-group-list li h5 a { color: #111; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress #admins-list li div.item-title span, #buddypress #mods-list li div.item-title span, #buddypress #members-list li div.item-title span { font-size: 12px; font-weight: normal; } #buddypress #admins-list li div.item-title span.update, #buddypress #mods-list li div.item-title span.update, #buddypress #members-list li div.item-title span.update { display: block; margin: 10px 0; } #buddypress #admins-list li div.item-meta span.activity, #buddypress #mods-list li div.item-meta span.activity, #buddypress #members-list li div.item-meta span.activity { display: block; margin: 15px 0 0; padding: 0; font-size: 10px; letter-spacing: 0; text-align: left; color: #A2A2A2; } #buddypress #friend-list .item-avatar { text-align: center; } #buddypress #friend-list .item-avatar img { margin: 0 0 10px; } #buddypress #friend-list .item-title { width: 100%; margin: 0 0 10px; } #buddypress #friend-list .item-meta .activity { margin: 0 0 15px; } #buddypress table#message-threads tr.unread td { background: #fff9db; border-top: 1px solid #ffe8c4; border-bottom: 1px solid #ffe8c4; font-weight: bold; } #buddypress table#message-threads tr.unread td .thread-excerpt, #buddypress table#message-threads tr.unread td .activity, #buddypress table#message-threads tr.unread td.thread-options { font-weight: normal; } #buddypress li span.unread-count, #buddypress tr.unread span.unread-count { background: #dd0000; color: #fff; font-weight: bold; padding: 2px 8px; } #buddypress div.item-list-tabs ul li a span.unread-count { padding: 1px 6px; color: #fff; } #buddypress div#message-thread div.message-box { margin: 0; padding: 15px; } #buddypress div#message-thread div.alt { background: #f4f4f4; } #buddypress div#message-thread p#message-recipients { margin: 10px 0 20px 0; } #buddypress div#message-thread img.avatar { float: left; margin: 0 10px 0 0; vertical-align: middle; } #buddypress div#message-thread strong { font-size: 100%; margin: 0; } #buddypress div#message-thread strong a { text-decoration: none; } #buddypress div#message-thread strong span.activity { margin-top: 4px; } #buddypress div#message-thread div.message-metadata { overflow: hidden; } #buddypress div#message-thread div.message-content { margin-left: 45px; } #buddypress div#message-thread div.message-options { text-align: right; } #buddypress #message-threads img.avatar { max-width: none; } #buddypress div.message-search { float: right; margin: 0 20px; } .message-metadata { position: relative; } .message-star-actions { position: absolute; right: 0; top: 0; } #buddypress a.message-action-star, #buddypress a.message-action-unstar { border-bottom: 0; text-decoration: none; outline: none; } a.message-action-star { opacity: .7; } a.message-action-star:hover { opacity: 1; } .message-action-star span.icon:before, .message-action-unstar span.icon:before { font-family: dashicons; font-size: 18px; } .message-action-star span.icon:before { color: #aaa; content: "\f154"; } .message-action-unstar span.icon:before { color: #FCDD77; content: "\f155"; } #buddypress div.profile .bp-widget { margin-bottom: 20px; } #buddypress div.profile h4 { margin: 0 0 30px; text-transform: uppercase; font-weight: 700; border-bottom: 2px solid #ddd; padding: 0 0 10px; } #buddypress div.profile p { font-size: 12px; font-weight: 400; margin: 0; line-height: 1.875; color: #646464; } #buddypress div.profile .field_textarea { background-color: #f8f8f8; padding: 10px 20px; border-radius: 5px; margin: 15px 0 0; } #buddypress #profile-edit-form ul.button-nav { margin-top: 15px; } body.no-js #buddypress .field-visibility-settings-toggle, body.no-js #buddypress .field-visibility-settings-close { display: none; } #buddypress .field-visibility-settings { display: none; margin-top: 10px; } body.no-js #buddypress .field-visibility-settings { display: block; } #buddypress .current-visibility-level { font-weight: bold; font-style: normal; } #buddypress .field-visibility-settings, #buddypress .field-visibility-settings-toggle, #buddypress .field-visibility-settings-notoggle { margin: 8px 0 0; font-weight: normal; color: #646464; } #buddypress .field-visibility-settings-toggle a, #buddypress .field-visibility-settings a { font-size: 80%; } body.register #buddypress div.page ul { list-style: none; } #buddypress .standard-form .field-visibility-settings label { margin: 0; font-weight: normal; } #buddypress .field-visibility-settings legend, #buddypress .field-visibility-settings-toggle { font-style: italic; } #buddypress .field-visibility-settings .radio { list-style: none; margin-bottom: 0; } #buddypress .field-visibility select { display: inline-block; float: right; min-width: 200px; margin: 0; } .widget.buddypress div.item-avatar img.avatar { float: left; margin: 0 10px 15px 0; } .widget.buddypress span.activity { display: inline-block; font-size: small; opacity: 0.8; padding: 0; } .widget.buddypress div.item-options { margin: 0 0 25px; background-color: #111; color: #111; padding:0; } .footer-sidebar .widget.buddypress div.item-options { color: #646464; } .footer-sidebar .widget.buddypress div.item-options a { padding: 15px 15px 12px; } .widget.buddypress div.item-options a { display: inline-block; font-size: 11px; font-weight: 600; margin-bottom: 0; color: #999; padding: 15px 20px 12px; text-transform: uppercase; text-decoration: none; } .widget.buddypress div.item-options span { display: none; } .widget.buddypress div.item-options a.selected, .widget.buddypress div.item-options a:hover { margin-bottom: 0; color: #fff; } .footer-dark .footer-widget.widget.buddypress div.item-options a.selected { color: #fff; } .widget.buddypress div.item{ margin:0 0 1em 0; } .widget.buddypress div.item-meta, .widget.buddypress div.item-content { font-size: 11px; margin-left: 50px; } .widget.buddypress ul.item-list img.avatar { width: 50px; height: 50px; margin: 0 15px 0 0; } .widget.buddypress div.item-avatar img { height: 50px; margin: 1px; width: 50px; } .widget.buddypress div.avatar-block{ overflow: hidden; } .widget.buddypress #bp-login-widget-form label { font-size: 13px; font-weight: 600; display: block; margin: 1rem 0 .5rem; } .widget.buddypress #bp-login-widget-form .forgetmenot label { font-size: 12px; font-weight: 400; } .widget.buddypress textarea, .widget.buddypress input[type=text], .widget.buddypress input[type=text], .widget.buddypress input[type=color], .widget.buddypress input[type=date], .widget.buddypress input[type=datetime], .widget.buddypress input[type=datetime-local], .widget.buddypress input[type=email], .widget.buddypress input[type=month], .widget.buddypress input[type=number], .widget.buddypress input[type=range], .widget.buddypress input[type=search], .widget.buddypress input[type=tel], .widget.buddypress input[type=time], .widget.buddypress input[type=url], .widget.buddypress input[type=week], .widget.buddypress select, .widget.buddypress input[type=password], .widget.buddypress input[type=search] { width: 100%; height: 40px; max-width: 336px; padding: 4px 10px; font-size: 12px; border: 2px solid #ccc; border-radius: 3px; background-color: #fff; color: #646464; } .widget.buddypress .forgetmenot { margin: 0 0 15px; font-weight: normal; } .widget.buddypress .forgetmenot label { font-weight: normal; color: #646464; } .widget.buddypress .forgetmenot input[type=checkbox] { margin: 1px 3px 0 0; vertical-align: top; } .widget.buddypress #bp-login-widget-form #bp-login-widget-submit { margin-right: 10px; padding: 8px 20px; text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px; background-color: #010101; border-radius: 3px; color: #fff; border:0; -webkit-transition: color 0.15s ease, background 0.15s ease; -moz-transition: color 0.15s ease, background 0.15s ease; -ms-transition: color 0.15s ease, background 0.15s ease; -o-transition: color 0.15s ease, background 0.15s ease; transition: color 0.15s ease, background 0.15s ease; } .widget.buddypress #bp-login-widget-form #bp-login-widget-submit:hover { color: #fff; } .widget.buddypress #bp-login-widget-form .bp-login-widget-register-link a { font-size: 12px; color: #111; } .widget.buddypress .bp-login-widget-user-avatar { float: left; } .bp-login-widget-user-avatar img.avatar { height: 50px; width: 50px; } .widget.buddypress .bp-login-widget-user-links > div { padding-left: 70px; } .widget.buddypress .bp-login-widget-user-links > div { margin-top: 3px; } .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-link a { font-size: 14px; font-weight: 600; } .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-logout a { font-size: 11px; font-weight: 500; color: #646464; text-transform: uppercase; background-color: #eee; padding: 3px 10px; border-radius: 15px; } .dark .footer-sidebar .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-logout a { background-color: #333; color: #fff; } div.widget_bp_follow_following_widget.widget.buddypress { padding:0; } .widget.buddypress .bp-login-widget-user-links > div.bp-login-widget-user-logout a:hover { color: #010101; } .widget.buddypress #groups-list, .widget.buddypress #members-list, .widget.buddypress #friends-list { margin-left: 0; padding:; } .widget.buddypress #groups-list li, .widget.buddypress #members-list li, .widget.buddypress #friends-list li { clear: both; list-style-type: none; text-transform: none; min-height: 50px; padding:10px 0; } .widget.buddypress #groups-list li:first-child, .widget.buddypress #members-list li:first-child, .widget.buddypress #friends-list li:first-child { padding-top: 0; } .widget.buddypress #groups-list li~li, .widget.buddypress #members-list li~li, .widget.buddypress #friends-list li~li { border-top:1px solid #eee; } .dark .footer-sidebar .widget.buddypress #groups-list li~li, .dark .footer-sidebar .widget.buddypress #members-list li~li, .dark .footer-sidebar .widget.buddypress #friends-list li~li { border-top:1px solid #333; } .widget.buddypress #groups-list li:before, .widget.buddypress #members-list li:before, .widget.buddypress #friends-list li:before { display: none; } .widget.buddypress #groups-list li .item-title a, .widget.buddypress #members-list li .item-title a, .widget.buddypress #friends-list li .item-title a { display: inline-block; margin: 2px 0 3px; font-size: 14px; font-weight: 600; } .widget.buddypress #groups-list li .item-meta span, .widget.buddypress #members-list li .item-meta span, .widget.buddypress #friends-list li .item-meta span { font-size: 11px; color: #999; } #buddypress div.pagination { background: transparent; border: none; color: #888; font-size: small; margin: 0; position: relative; display: block; float: left; width: 100%; padding: 10px 0 40px; } #buddypress div#pag-top.pagination { display: none; } #buddypress div.pagination .pag-count { float: left; font-size: 12px; line-height: 35px; } #buddypress div.pagination .pagination-links { float: right; } #buddypress div.pagination .pagination-links span, #buddypress div.pagination .pagination-links a { display: inline-block; font-size: 12px; font-weight: 700; width: 35px; height: 34px; background-color: #fff; border: 2px solid #ddd; color: #111; text-align: center; line-height: 33px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-decoration: none; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; } #buddypress div.pagination .pagination-links span.current { color: #fff; background-color: #333; border-color: #333; } #buddypress div.pagination .pagination-links a:hover { background-color: #ddd; color: #777; } #buddypress div.pagination .pagination-links a:hover { font-weight: bold; } #buddypress noscript div.pagination { margin-bottom: 15px; } #buddypress #nav-above { display: none; } #buddypress .paged #nav-above { display: block; } #buddypress .bpfb_form_container { padding: 30px 25px 20px; margin:0 0 15px; } @media only screen and (max-width: 782px ){ #buddypress div#item-header #item-header-cover-image #item-header-content { width: 100%!important; margin-left: 0!important; margin-top: 0!important; float: none; text-align: center; } #buddypress div#item-header-cover-image .user-nicename { color: #111; display: inline-block; width: 100%; text-align: center!important; text-shadow: none; margin: 0 0 10px!important; } #buddypress #item-header-content span.activity { float: none; margin: 0; padding:0; background-color: transparent; color: #111; font-size: 10px; } #buddypress div.activity-meta a { margin-bottom: 5px; } #buddypress #item-header-cover-image #item-header-avatar { margin-bottom: 5px!important; } #buddypress #item-header-cover-image #item-buttons div { margin-bottom: 5px; } } @media only screen and (max-width: 480px ){ #buddypress div.dir-search { float: none; margin-top: 0; text-align: right; } #buddypress div.dir-search label { width: 100%; } #buddypress div.dir-search input[type="text"] { margin-bottom: 1em; width: 50%; } a.bp-title-button { margin-left: 10px; } #buddypress form.standard-form .main-column div.action{ position: relative; margin-bottom:1em; } #buddypress form.standard-form .main-column ul#friend-list h4{ width:100%; } #buddypress ul.item-list li div.action { position: relative; } #buddypress div.generic-button { padding: 0 0 15px; } } @media only screen and (max-width: 320px) { #buddypress div.dir-search { clear: left; float: left; margin-top: 0; text-align: left; } #buddypress li#groups-order-select { clear: left; float: left; } #buddypress ul.item-list li div.action { clear: left; float: left; margin-top: 0; margin-left: 70px; position: relative; top: 0; right: 0; text-align: left; } #buddypress #friend-list li div.action { top: 25px; } #buddypress ul.item-list li div.item-desc { clear: left; float: left; margin: 10px 0 0; width: auto; } #buddypress li div.item { margin-left: 70px; width: auto; } #buddypress ul.item-list li div.meta { margin-top: 0; } #buddypress .item-desc p { margin: 0 0 10px; } #buddypress div.pagination .pag-count { margin-left: 0; } } @media only screen and (max-width: 240px) { #buddypress div.dir-search { float: left; margin: 0; } #buddypress div.dir-search input[type="text"] { width: 50%; } #buddypress li#groups-order-select { float: left; } #buddypress ul.item-list li img.avatar { width: 30px; height: auto; } #buddypress ul.item-list li div.action, #buddypress li div.item{ margin-left: 45px; } h1 a.bp-title-button { clear: left; float: left; margin: 10px 0 20px; } } /*============================================================================ >> 19. SETTINGS ============================================================================ */ .theme-default-color { color: #0363fe; } .theme-default-bgcolor, .post-review .review-detail .rating-score, .post-review .progress-point span, .post-source-tags ul li a:hover, .comment-respond form .form-submit .button:hover, .archive-page-header .search-form button, .page-404 .search-page-form .search-form button, .archive-page-header.style-2 .no-results-alert, .archive-page-header.style-3 .no-results-alert, .page-404 .alert-main-title, .shortcode-subscribe form button:hover, .shortcode-subscribe.style-1.dark form button:hover, .subscribe-widget form button:hover { background-color: #0363fe; } .light .theme-menu ul li a:hover, .light .theme-menu ul li:hover > a, .dark .theme-menu ul li a:hover, .dark .theme-menu ul li:hover > a, header .topbar ul li a:hover, header .topbar ul li:hover > a, .dark .tm-menu-right > ul > li > a:hover, .light .tm-menu-right > ul > li > a:hover, .post-directions a:hover, .post-author-bio .author-info .author-name a:hover, .post-comments .comment-list li .comment-detail cite a:hover, .subcategory-content ul li a:hover, .archive-page-header .page-main-title h1 span, .post-review.star .review-item-star i { color: #0363fe; } .post-review-count .circle_perc { stroke: #0363fe; } header .topbar.custom { background-color: #e01e26; } header .topbar.custom ul li a { color: #fff; } header .topbar.custom ul li ul { background-color: #fff; } header .topbar.custom ul li ul li a { color: #111; } header .topbar.custom ul li ul li~li { border-top: 1px solid #eee; } header .topbar.custom > ul > li > a:hover { color: #fff; } header .topbar.custom ul li ul li a:hover { background-color: #fff; } .header-style-1 .header-navigation.custom, .header-style-1 .header-navigation.custom.boxed .theme-menu { background-color: #e01e26; } .header-style-1 .header-navigation.custom ul li a { color: #fff; } .header-style-1 .header-navigation.custom ul li .child-menu, .header-style-1 .header-navigation.custom ul li .mega-menu-content, .custom .theme-menu ul li.mega-menu .mega-menu-content .mega-category.five-menu { background-color: #fff; } .header-style-1 .header-navigation.custom ul li .child-menu ul li a, .header-style-1 .header-navigation.custom ul li .mega-menu-content ul li a { color: #111; } .header-style-1 .header-navigation.custom ul li .child-menu ul li~li, .header-style-1 .header-navigation.custom ul li .mega-menu-content ul li~li { border-top:1px solid #eee; } .header-style-1 .header-navigation.custom ul li .mega-menu-content ul { border-right: 1px solid #eee; } .header-style-1 .header-navigation.custom > ul > li > a:hover { color: #fff; } .header-style-1 .header-navigation.custom ul li .child-menu ul li a:hover, .header-style-1 .header-navigation.custom ul li .child-menu ul li:hover > a, .header-style-1 .header-navigation.custom ul li .mega-menu-content ul li a:hover, .header-style-1 .header-navigation.custom ul li .mega-menu-content ul li:hover > a { color: red; } header .custom .search-form-content { border-top-color: #222; background-color: #222; } header .custom .search-form-content a.close-search { background-color: #222; color: #fff; } header .custom .search-form-content form input { background-color: #333; border:1px solid #333; color: #fff; } header .custom .search-form-content form .btn { color: #fff; } header .header-style-1 .header-main.custom { background-color: #111; } header .header-style-1 .header-main.image { background-repeat: no-repeat; background-size: 100%; background-position: 50% 50%; } header .header-main .brand-logo { padding:40px 0; } header .header-main .brand-logo a img { max-height: 55px; } .header-sticky .brand-logo a img { max-height: 18px; } .header-sticky .brand-logo { margin-top: 18px; } .header-sticky.custom { background-color:#e01e26; } .header-sticky.custom .theme-menu ul li a { color: #fff; } .header-sticky.custom .theme-menu ul li .child-menu, .header-sticky.custom .theme-menu ul li .mega-menu-content { background-color: #fff; } .header-sticky.custom .theme-menu ul li .child-menu ul li a, .header-sticky.custom .theme-menu ul li .mega-menu-content ul li a { color: #111; } .header-sticky.custom .theme-menu ul li .child-menu ul li~li, .header-sticky.custom .theme-menu ul li .mega-menu-content ul li~li { border-top:1px solid #eee; } .header-sticky.custom .theme-menu ul li .mega-menu-content ul { border-right: 1px solid #eee; } .header-sticky.custom .theme-menu > ul > li > a:hover { color: #fff; } .header-sticky.custom .header-navigation.custom ul li .child-menu ul li a:hover, .header-sticky.custom .theme-menu ul li .child-menu ul li:hover > a, .header-sticky.custom .theme-menu ul li .mega-menu-content ul li a:hover, .header-sticky.custom .theme-menu ul li .mega-menu-content ul li:hover > a { color: red; } .header-mobile .brand-logo a img { max-height: 25px; } .header-mobile .brand-logo { margin-top: 17px; } .header-mobile.custom { background-color: #e01e26; } .header-mobile.custom a { color: #fff; } .post-date, .post-date a, .post-views, .post-comment, .post-comment a, .post-share-count a { color: #bbb; } .post-meta-info.top .post-date:before { background-color: #bbb; } .post-author a, .post-comments .comment-list li .comment-detail .reply-button a { color: #ff5500; } .post-title a, .post-title h1, .entry-title a { color: #111; } .entry-title a:hover { color: #0363fe; } .post-content p { color: #333333; word-break: break-word; } .entry-content p > a, .entry-content p > strong > a { /*color: #111; border-bottom: 3px solid #b4e7f8; box-shadow: inset 0 -4px 0 #b4e7f8; cursor: pointer; -webkit-transition: background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); text-decoration: none;*/ border-bottom: 0px; cursor: pointer; -webkit-transition: background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); transition: background-color 0.15s cubic-bezier(0.33, 0.66, 0.66, 1); text-decoration: none; } .entry-content p > a:hover, .entry-content p > strong > a:hover { background-color: none; border-bottom: 0px; border-bottom: 0px; } .post-category.bg a { background-color: none; color: #fff; border-bottom: 0px } .sidebar.style-1 .widget-title h4, .sidebar.style-1 .widget-title h4 a { color: #111; } .sidebar.style-1 .widget-title h4 { border-bottom: 3px solid #111; } .sidebar.style-2 .widget { background-color: #f8f8f8; } .sidebar.style-2 .widget-title h4 { background-color: #eee; } .sidebar.style-3 .widget-title:before { background-color: #111; } .sidebar.style-4 .widget-title h4 { border: 4px double #111; } .sidebar.style-5 .widget-title h4 { background-color: #111; color: #fff; } .sidebar.style-6 .widget { border:1px solid #111; } /*============================================================================ >> 20. MOBILE SETTINGS ============================================================================ */ @media (max-width: 1280px) { .single-style-6.single-post-top .post-header:before { left: -30px; right: -30px; } .featured-posts.style-12 .featured-post-slider .post { height: 750px; } .featured-posts.style-13 .item-last.small .post-detail .post-title h3 { font-size: 18px; line-height: 24px; } } @media (max-width: 1198px) { .theme-menu ul li.mega-menu .mega-menu-content .mega-category-content li { width: 21.35%; } .theme-menu ul > li.mega-menu .mega-menu-content .mega-category.five-menu ul li { width: 29.8%; } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { height: 452px; } .featured-posts.style-7 .small .post-detail { padding: 0 20px 20px; } .featured-posts.style-10 .featured-post-slider .post h3 { font-size: 24px; line-height: 28px; } .featured-posts.style-6 .post-detail { padding: 0 150px 0; } .featured-posts.style-6 .post-detail:before { left: 100px; right: 100px; } .author-post-module.style-2 .author-posts.a-posts .post-image { max-width: 23.1%; } .author-post-module.style-2 .author-posts.b-posts .post-image { max-width: 31.9%; } .gallery-post-module.style-2 .theme-list { margin: -45px 0 0 0; } .gallery-post-module.style-2 .dark .theme-list, .gallery-post-module.style-2 .post-detail { margin: 15px 0 0 0; } .gallery-post-module.style-2 .dark .theme-list .pull-right { float: left!important; } .gallery-post-module.style-2 .theme-list ul li { width: 23.5%; } .single-style-4 .post-image { min-height: 580px; } .single-style-9 .post-image-header .display-table .post-header { vertical-align: bottom; padding:0 0 100px; } } @media (max-width: 1024px) { .featured-posts.style-13 .featured-post-slider.theme-slider-3 .post-detail { padding: 0 20px 20px; } .featured-posts.style-13 .item-first .post-title h3, .featured-posts.style-13 .item-second .post-title h3 { font-size: 24px; } .featured-posts.style-13 .item-last.small .post-detail .post-title h3 { font-size: 14px; line-height: 18px; } } @media (min-width: 768px) and (max-width: 991px) { .featured-posts.style-1 .featured-post-slider .post, .featured-posts.style-2 .featured-post-slider .post { height: 490px; } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { height: 355px; } .featured-posts.style-4 .featured-post-slider.theme-slider-3 .post-detail { padding: 0 20px 20px; } .featured-posts.style-4 .featured-post-slider.theme-slider-3 .large .post-detail .post-title h3 { font-size: 18px; line-height: 24px; } .featured-posts.style-4 .featured-post-slider.theme-slider-3 .small .post-detail .post-title h3 { font-size: 14px; line-height: 18px; } .featured-posts.style-6 .post-detail { padding: 0 100px 0; } .featured-posts.style-6 .post-detail:before { left: 50px; right: 50px; top: -25px; } .featured-posts.style-6 .post-detail .post-title h3 { font-size: 32px; line-height: 36px; } .gallery-post-module.style-2 .theme-list { margin: 15px 0 0 0; } .gallery-post-module.style-2 .theme-list ul li { width: 100px; } .video-post-module .video-playlist { margin: 30px 0 0; } .single-style-4 .post-image { min-height: 500px; } .single-style-4 .post-image .post-image-header { padding: 0 80px; } .single-style-6.single-post-top .post-header:before { left: -50px; right: -50px; } .shortcode-instagram ul.eight-column li { width: 25%; } .shortcode-instagram ul.six-column li { width: 33.33%; } .video-style-3 .video-post-main-content .video-player-content { padding: 40px 30px 30px; } .video-style-3 .video-post-main-content .right { display: inline-block; } .video-style-3 .video-post-playlist ul li { display: inline-block; width: 47%; margin: 0 8px; } .video-style-3 .video-post-playlist ul li h3 { font-size: 14px; line-height: 20px; } .featured-posts.style-12 { margin:0!important; } .featured-posts.style-12 .featured-post-slider .post { height: 480px; } .single-style-9 { margin:0!important; } .single-style-9 .post-image-header .display-table .post-header { vertical-align: middle; padding: 0 0 0; } .category-module.style-1 .small-list { margin: 40px 0 0; padding: 0; border: 0; } .category-module.style-7 .scrollbar-inner { margin: 20px 0 0; } .comment-list li ul li { padding-left: 0!important; } } @media (max-width: 767px) { .newsticker .newsticker-header { width: 100%; } .newsticker.style-1 { height: inherit; } .newsticker.style-1 .newsticker-content { display: inline-block; width: 100%; margin-left: 0; margin-top: 10px; } .theme-slider-3 { margin-top: 15px; } .featured-posts.style-1 .featured-post-slider .post, .featured-posts.style-2 .featured-post-slider .post { height: 490px; } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { height: 355px; } .single-style-5 .main-post-content, .single-style-6.single-post-top .post-header, .single-style-7 .main-post-content { margin:0; } .featured-posts.style-4 .featured-post-slider.theme-slider-3 .post-detail .post-title h3, .featured-posts.style-5 .featured-post-slider.theme-slider-3 .post-detail .post-title h3, .featured-posts.style-7 .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 24px; letter-spacing: -0.2px; } .featured-posts.style-5 .small .post-detail, .featured-posts.style-7 .small .post-detail { padding: 0 40px 40px; } .featured-posts.style-6 .post-detail { padding: 0 100px 0; } .featured-posts.style-6 .post-detail:before { left: 50px; right: 50px; top: -25px; } .featured-posts.style-6 .post-detail .post-title h3 { font-size: 32px; line-height: 36px; } .post-item.style-2 .post .post-detail, .post-item.style-3 .post .post-detail, .post-item.style-6.left .post-detail, .post-item.style-6.right .post-detail { margin: 15px 0 0; padding:0; } .post-item.style-6.right .post-detail { text-align: left; } .post-item.style-6.left .post-image:after, .post-item.style-6.right .post-image:after { border-color: transparent; } .post-item.style-2 .post h3, .post-item.style-3 .post .post-detail h3, .post-item.style-4 .post h3, .post-item.style-4 .post .post-detail.style-2.text-center h3, .post-item.style-5 .post .post-image .post-detail h3, .post-item.style-6 .post .post-detail h3, .post-item.style-7 .post .post-image .post-detail h3, .post-item.style-8 .post .post-detail h3, .post-item.style-8 .post .post-detail.style-2.text-center h3 { font-size: 28px; line-height: 34px; letter-spacing: -0.5px; } .category-module .small-list { padding-left: 0; border-left: 0; margin-top: 20px; } .category-module.style-3 h3, .category-module.style-4 .column-3 h3, .category-module.style-5 .column-3 h3, .category-module.style-8 .column-3 h3, .category-module.style-9 .column-3 h3, .category-module.style-10 .small-post h3, .category-module.style-11 .column-3 h3, .category-module.style-11 .column-4 h3, .category-module.style-12 .small-post h3, .category-module.style-13 .small-post h3 { font-size: 20px; font-weight: 700; line-height: 26px; } .gallery-post-module.style-2 .theme-list { margin: 15px 0 0 0; } .gallery-post-module.style-2 .theme-list ul li { width: 100px; } .video-post-module .video-playlist { margin: 30px 0 0; } .video-post-module.style-1 .module-content, .video-post-module.style-1 .video-playlist { padding: 0 15px; } .video-post-module.style-1.for-fashion, .video-post-module.style-2.for-fashion { padding: 50px 40px; } .post-review .review-detail .review-comments .bad { margin:15px 0 0; } .post-directions, .post-directions .next-article { text-align: center; } .post-directions .previous-article { border-right: 0; border-bottom: 1px solid #eee; padding-bottom:15px; margin:0 0 15px; } .related-posts .row .post { width: 50%; } .sidebar.right { padding-left: 15px; } .sidebar.left { padding-right: 15px; } .single-style-4 .post-image { min-height: 500px; } .single-style-4 .post-image .post-image-header { padding: 0 80px; } .single-share-left { display: none; } .single-style-5 .main-post-content:before { background-color: transparent; } .single-style-5 .single-share.static-sidebar, .single-style-7 .single-share.static-sidebar { display: inline-block; width: 100%; } .single-style-6 .post-image, .single-style-8 .post-image { min-height: 400px; } .single-style-6.single-post-top .post-header:before { left: 0; right: 0; top: 0; background-color: transparent; } .single-style-8 .post-image .post-image-header { padding:0 30px; } .shortcode-instagram ul li { width: 50%!important; } .video-style-3 .video-post-main-content { background-color: transparent; } .video-style-3 .video-post-main-content .video-player-content { padding: 0; } .video-style-3 .video-post-main-content .right { display: inline-block; } .video-style-3 .video-post-playlist ul li { display: inline-block; width: 47%; margin: 0 7px; } .featured-posts.style-12 { margin:0!important; } .featured-posts.style-12 .featured-post-slider .post { height: 430px; } .featured-posts.style-13 { padding-left: 0; } .featured-posts.style-13 .post { border: 1px solid #fff; } .featured-posts.style-13 .item-first { width: 100%; } .featured-posts.style-13 .item-second { width: 44.8%; } .featured-posts.style-13 .item-last { width: 55.1%; } .single-style-9 { margin:0!important; } .single-style-9 .post-image-header .display-table .post-header { vertical-align: middle; padding: 0 0 0; } .module-title .subcategory { display: none; } .comment-list li ul li { padding-left: 0!important; } } @media (max-width: 689px) { .single-share.static-sidebar .share-buttons a span { display: none; } .share-buttons a.large-button { width: 40px; } .featured-posts.style-6 .post-detail { position: relative; padding: 15px 15px 0; } .featured-posts.style-6 .post-detail:before { background-color: transparent; } } @media (max-width: 666px) { .featured-posts.style-1 .featured-post-slider .post, .featured-posts.style-2 .featured-post-slider .post { height: 400px; } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { height: 265px; } .featured-posts.style-1 .featured-post-slider .post .post-title h3, .featured-posts.style-2 .featured-post-slider .post .post-title h3, .featured-posts.style-12 .featured-post-slider .post .post-title h3 { font-size: 32px; } .featured-post-slider .slick-arrow { display: none!important; } .featured-posts.style-2 .post .post-detail .post-detail-content { bottom: 0; } .featured-posts.style-6 .post-detail .post-detail .post-title h3 { font-size: 28px!important; line-height: 32px; } .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 22px!important; line-height: 26px; letter-spacing: -0.2px; } .gallery-post-module .post-detail-content .entry-content { display: none; } .gallery-post-module .post-detail-content h3 { font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.3px; } .gallery-post-module.style-1 .gallery-preview-button { line-height: 40px; } .gallery-post-module.style-1 .gallery-post-icon { display: none; } .single-style-4 .post-image { min-height: 450px; } .single-style-4 .post-image .post-image-header { padding: 0 50px; } .single-style-6 .post-image { min-height: 350px; } .archive-page-header.style-1 .search-page-form .search-form, .archive-page-header.style-1 .search-page-form span, .page-404 .search-page-form .search-form { width: 100%; } .video-style-3 .video-post-playlist ul li { display: inline-block; width: 100%; margin: 0 0 10px; } .featured-posts.style-12 .featured-post-slider .post { height: 350px; } .featured-posts.style-12 .featured-post-slider .post .post-block { padding: 0 0 90px; } .featured-posts.style-13 .post { width: 100%; } } @media (max-width: 480px) { .newsticker .post-date { width: 100%; margin:0; padding:0; } .newsticker .post-date:before { background-color: transparent; } .newsticker .post-title h6 { font-size: 14px; font-weight: 600; letter-spacing: -0.3px; } .featured-posts.style-1 .featured-post-slider .post .post-title h3, .featured-posts.style-2 .featured-post-slider .post .post-title h3, .featured-posts.style-12 .featured-post-slider .post .post-title h3 { font-size: 22px; } .featured-post-slider .post .post-content { display: none; } .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 18px!important; line-height: 24px!important; letter-spacing: -0.2px; } .featured-post-slider.theme-slider-3 .post-detail { padding: 0 30px 30px; } .featured-post-slider.theme-slider-3 .post-detail .post-comment, .featured-post-slider.theme-slider-3 .post-detail .post-share-count, .page-post .post-print { display: none; } .featured-posts.style-6 .post-detail { bottom: 0; padding: 0 20px 20px; } .post-item.style-2 .post h3, .post-item.style-3 .post .post-detail h3, .post-item.style-4 .post h3, .post-item.style-4 .post .post-detail.style-2.text-center h3, .post-item.style-5 .post .post-image .post-detail h3, .post-item.style-6 .post .post-detail h3, .post-item.style-7 .post .post-image .post-detail h3, .post-item.style-8 .post .post-detail h3, .post-item.style-8 .post .post-detail.style-2.text-center h3, .latest-author-posts.style-2 .post .post-detail h3 { font-size: 24px; line-height: 28px; letter-spacing: -0.5px; } .post-item.style-8 .post .post-detail.style-2.text-center { margin:15px 0 0; } .post-item.style-8 .post .post-detail h3, .post-item.style-8 .post .post-detail.style-2.text-center h3 { padding:0; } .category-module.style-4 .large-post h3, .category-module.style-6 .large-post h3, .category-module.style-12 .large-post h3, .category-module.style-13 .large-post h3 { font-size: 22px; line-height: 26px; } .category-module.style-4 .large-post .post .post-detail, .category-module.style-6 .large-post .post .post-detail { padding: 30px 30px; } .category-module.style-6 .large-post .post .post-detail { bottom: 100px; } .category-module.style-13 .small-post h3 { font-size: 16px; font-weight: 600; line-height: 24px; } .gallery-post-module .post-detail-content { display: inline-block; margin: 0 10px 0 10px; } .gallery-post-module .gallery-preview-button { float: left; } .gallery-post-module .post-detail.style-2 { position: relative; margin:0; padding-bottom: 20px; } .gallery-post-module .post-detail.style-2:before { background-color: rgba(0, 0, 0, 1); } .gallery-post-module.style-2 .theme-list ul li { width: 24%; } .video-post-module.style-1 .module-content, .video-post-module.style-1 .video-playlist, .video-style-2 .post-video { padding:0; } .video-post-module.style-1.dark .module-content, .video-post-module.style-1.dark .video-playlist { padding:0 20px; } .related-posts .row .post { width: 100%; } .single-share, .post-review .review-detail .rating-score { display: inline-block; width: 100%; } .single-share .post-author { display: none; } .single-share .share-buttons { float: left!important; } .post-review .review-detail .review-shortdesc { display: inline-block; width: 100%; margin: 20px 0 0 0; } .single-share.bottom { padding:20px; } .single-share.bottom .share-buttons { width: 100%; text-align: center; } .single-share.bottom .share-buttons a { margin-bottom: 7px; } .single-share.bottom .social-count { width: 100%; border-right: 0; margin-bottom: 15px; } .post-author-bio .author-image { width: 60px; } .post-author-bio .author-info { margin: 0 0 0 80px; } .post-comments .comment-list li ul li { padding-left: 0; } .single-style-1 h1.entry-title, .single-style-2 .post-image .post-header h1, .single-style-3 .post-header h1, .single-style-4 .post-image .post-header h1, .single-style-6 .post-header h1, .single-style-8 .post-image .post-header h1, .video-style-2 .post-header h1, .video-style-3 .post-header h1, .gallery-style-1 .post-header h1, .gallery-style-2 .post-header h1, .gallery-style-3 .post-header h1, .single-style-9 .post-image .post-header h1 { font-size: 28px; line-height: 34px; } .single-style-4 .post-image, .single-style-8 .post-image { min-height: 330px; } .single-style-4 .post-image .post-image-header { padding: 0 30px; } .post-gallery-paginated { padding:45px 30px 30px; } .post-gallery-paginated h3.entry-subtitle { font-size: 20px; line-height: 26px; } .shortcode-subscribe form button { position: relative; width: 100%; left: 0; right: 0; margin:5px 0 0; } .shortcode-subscribe.style-2 .subscribe-content { padding: 70px 30px; } .latest-author-posts.style-2 .post .post-image { float: none; max-width: 100%; margin-bottom: 15px; } .latest-author-posts.style-2 .post .post-detail { margin:0; } .featured-posts.style-12 .featured-post-slider .post { height: 300px; } .featured-posts.style-12 .featured-post-slider .post .post-block { padding: 0 0 50px; } .post-date, .post-views, .post-comment, .post-share-count, .post-author, .post-print, .post-email, .post-category a, .post-category, .post-directions span, .comment-respond form label { font-size: 13px; } .page-post .entry-content p, .entry-content ul li, .entry-content ol li, .post-comments .comment-list li .comment-detail .comment-text ul li, .post-comments .comment-list li .comment-detail .comment-text ol li, .post-directions a, .single-module-title, .related-posts h3 { font-size: 16px; } .post-source-tags ul li a, .post-source-tags span, .post-comments .comment-list li .comment-detail span, .post-comments .comment-list li .comment-detail .reply-button a { font-size: 12px; } .post-comments .comment-list li .comment-detail .comment-text p, .post-comments .comment-list li .comment-detail .comment-author { font-size: 14px; } .comment-respond .comment-notes { font-size: 13px; line-height: 20px; } .comment-respond { padding:30px; } } @media (max-width: 360px) { .featured-posts.style-1 .featured-post-slider .post, .featured-posts.style-2 .featured-post-slider .post { height: 300px; } .featured-posts.style-1 .featured-post-slider .post .post-detail, .featured-posts.style-2 .featured-post-slider .post .post-detail { height: 265px; top: 20px; padding:0; } .featured-posts.style-1 .post .post-detail .post-detail-content { bottom: 20px; } .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 16px!important; letter-spacing: -0.2px; } .post-item.style-2 .post h3, .post-item.style-3 .post .post-detail h3, .post-item.style-4 .post h3, .post-item.style-4 .post .post-detail.style-2.text-center h3, .post-item.style-5 .post .post-image .post-detail h3, .post-item.style-6 .post .post-detail h3, .post-item.style-7 .post .post-image .post-detail h3, .post-item.style-8 .post .post-detail h3, .post-item.style-8 .post .post-detail.style-2.text-center h3 { font-size: 21px; line-height: 26px; } .post-detail.style-2, .post-item.style-4 .post-detail.style-2 { margin:15px 0 0; } .post-item.style-4 .post h3, .post-item.style-4 .post .post-detail.style-2.text-center h3, .post-detail.style-2 .entry-title { padding:0; } .post-item.style-8 .post .post-detail.style-2.text-center:before, .post-detail.style-2:before { background-color: transparent; } .category-module.style-13.for-fashion .large-post .post-detail h3 { padding: 0; margin: 0; } .category-module.style-4 .large-post .post .post-detail, .category-module.style-6 .large-post .post .post-detail { padding: 20px 20px; } .category-module.style-4 .large-post h3, .category-module.style-6 .large-post h3, .category-module.style-12 .large-post h3, .category-module.style-13 .large-post h3 { font-size: 16px; line-height: 24px; font-weight: 600; } .category-module.style-5 h3, .category-module.style-8 .large-post h3, .category-module.style-10 .large-post h3 { font-size: 20px; ine-height: 26px; } .category-module.style-6 .large-post .post .post-detail { bottom: 130px; } .gallery-post-module.style-2 .theme-list ul li { width: 23%; } .video-post-module.style-2 .video-playlist .video-icon, .video-post-module.style-2 .video-playlist .post-image, .single-style-2 .post-image .post-header .post-email, .gallery-style-3 .theme-slider-1-slide .slick-arrow { display: none!important; } .video-post-module.style-2 .video-playlist .post-detail { margin:0; } .comment-respond { padding: 30px; } .single-style-1 h1.entry-title { font-size: 28px; line-height: 34px; } .single-style-2 .post-image .post-header h1, .single-style-4 .post-image .post-header h1, .video-style-2 .post-header h1, .gallery-style-3 .post-header h1 { font-size: 18px; line-height: 24px; } .single-style-2 .single-content .post .post-meta-info.top, .single-style-2 .post-image .post-header h1 { margin: 0 0 5px; } .single-style-2 .single-content .post .post-meta-info.middle { padding-top: 10px; margin-bottom: 0px; } .single-style-8 .post-image .post-image-header { padding: 0 10px; } .video-style-2 .video-post-bottom .single-share { background-color: transparent; } .video-style-2 .post-header, .gallery-style-3 .post-header { padding:30px; margin: -6px 0 0; } .video-style-2.single-post-top.dark .video-post-bottom .single-share { padding-bottom: 30px; } .post-review.star .review-item-title { width: 100%; margin-bottom: 15px; } .post-review.star .review-item-star { float: none!important; } .post-review.star .review-item-star i:first-child { margin-left: 0; } } @media (max-width: 320px) { .featured-posts.style-4 .featured-post-slider.theme-slider-3 .post-detail .post-title h3 { font-size: 14px!important; } .featured-posts.style-6 .post-detail { bottom: 0; padding: 0 10px 10px; } .post-item.style-1 .post { text-align: center; } .post-item.style-1 .post-image { float: none; display: inline-block; } .post-item.style-1 .post-detail { margin: 10px 0 0; } .post-item.style-1 .post-detail .post-meta-info .post-share { opacity: 1; margin:20px 0 0; } .post-item.style-5 .post .post-image .post-detail h3, .post-item.style-7 .post .post-image .post-detail h3 { font-size: 16px; line-height: 22px; font-weight: 600; } .post-item.style-7 .entry-content { display: none; } .post-meta-info, .post-meta-info .item { display: inline-block; width: 100%; } .post-item.style-1 .post-detail .post-meta-info .item { width: initial; } .post-meta-info.top .post-date:before, .post-detail.style-2:before { background-color: transparent; } .post-item.style-8 .post-detail.style-2 { margin:15px 0 0; } .category-module.style-1 h3, .category-module.style-2 h3, .category-module.style-6 .small-post h3, .category-module.style-7 .large-post h3, .category-module.style-9 h3, .category-module.style-11 .column-2 h3, .latest-author-posts.style-1 .post .post-detail h3, .latest-author-posts.style-2 .post .post-detail h3 { font-size: 18px; } .page-post .post-print, .page-post .post-email { display: none; } .post-author-bio { text-align: center; } .post-author-bio .author-image { width: 100%; margin-bottom: 20px; float: none; } .post-author-bio .author-image a { display: inline-block; } .post-author-bio .author-info { margin:0; } .single-style-2 .post-image .post-header { bottom: 0; padding: 15px; } .post-gallery-paginated { padding:45px 0 20px; background-color: transparent; } .gallery-style-5 .post-gallery-paginated { padding:20px 0; } .post-gallery-paginated .post-pagination a:before { background-color: #fff; } .post-gallery .gallery-paginated-image > a { top: 12px; right: 10px; width: 30px; height: 30px; line-height: 33px; font-size: 12px; } .post-gallery-paginated .gallery-paginate-number { right: inherit; left: 0; } } @media (min-width: 768px) { .post-type-archive-product.woocommerce.theflow-shop-column-3 ul.products li.product { width: 30.80%; } .post-type-archive-product.woocommerce.theflow-shop-column-4 ul.products li.product { width: 22.15%; } .post-type-archive-product.woocommerce.theflow-shop-column-5 ul.products li.product { width: 16.96%; } .post-type-archive-product.woocommerce.theflow-shop-column-6 ul.products li.product { width: 13.50%; } } .fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed{ border:0px; } .featured-photographers1 { float:left; padding:10px; } .featured-photographers2 { padding:0px; text-align:center; font-size:17px; }