/* Theme Name: Ad Mag-Lite Theme URI: http://kopatheme.com/freebies/admag-free-wordpress-blog-theme Author: Kopatheme Author URI: http://kopatheme.com Description: Ad Mag-lite is a professional WordPress blog/magazine theme perfect choice for your personal blog, fashion blog, marketing blog, authority blog or any type of creative blog or simple magazine. It is highly customizable so it can match your personal taste and be quickly converted into a multi-purpose theme as well. Moreover, with sleekly design, responsiove layout, awesome typography and focus on readability AD.weekly give your users the best user experience possible. Especiallly, Ad Mag-Lite is guaranteed to increase both the average length of time that your users spend on your site and the average number of pages that they view. Version: 1.0.0 License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: light, one-column, two-columns, three-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready Text Domain: ad_mag_lite /*---------------------------------------------------------------- [Table of contents] 1. - Body 1.1 - Sass 1.2 - Repeatable Patterns 1.3 - Elements 1.4 - Basic Structure 2. - Header / .kopa-header 2.1 - Navigation / .main-nav 2.2 - Search / .sb-search-wrapper 3. - Content 3.1 - Widget 3.2 - Home Page 3.3 - Sub Page 3.4 - Sidebar / .sidebar 3.5 - Bottom sidebar / #bottom-sidebar 4. - Footer / #kopa-footer 5. - Responsive -----------------------------------------------------------------*/ /** * 1. Body * ------------------------------------------------------------------- */ /** * 1.1 Sass * ------------------------------------------------------------------- */ @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic); @import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700); /*--- %Name ---*/ a, .panel-group .panel .panel-heading, .panel-group .panel .panel-heading:before, .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title, .nav-tabs > li > a:before, .nav-tabs > li > a:after, .kopa-search-box .search-form .search-submit, .top-menu > li, .main-menu .sf-with-ul:after, .main-menu > li ul.sub-menu li, .entry-thumb > h5:before, .entry-thumb .kopa-rating:before, .entry-thumb .entry-view:before, .entry-thumb.style2:before, .thumb-icon, .entry-author span, .kopa-pagination-widget ul li, .contact-box input:focus, .contact-box textarea:focus, .comment-box input:focus, .comment-box textarea:focus, .filters-options li, .filters-options li:before, .filters-options li:after, .widget_categories > ul > li, .widget_categories ul.menu > li, .widget_categories .pd-20 > ul > li, .widget_categories .pd-20 ul.menu > li, .widget_recent_entries > ul > li, .widget_recent_entries ul.menu > li, .widget_archive > ul > li, .widget_archive ul.menu > li, .widget_meta > ul > li, .widget_meta ul.menu > li, .widget_nav_menu > ul > li, .widget_nav_menu ul.menu > li, .widget_pages > ul > li, .widget_pages ul.menu > li, .widget_recent_comments > ul > li, .widget_recent_comments ul.menu > li, .widget_rss > ul > li, .widget_rss ul.menu > li, .widget_search .searchform .search-submit, .widget_search .searchform input[type="submit"], .widget_search .search-form .search-submit, .widget_search .search-form input[type="submit"], .widget_search.style1 .search-form .search-submit:after, .kopa-follow-widget a span, .h5-content:before, .order-num:before, .kopa-comment-widget .pd-20 .entry-item .cmt-content:before { transition: all .3s; -ms-transition: all .3s; -webkit-transition: all .3s; -moz-transition: all .3s; } .kopa-blockquote.style1:before, .kopa-blockquote.style3:before, .kopa-alert.alert-icon:before, .kopa-entry-view:before, .sticky-post .sticky-icon:before, .kopa-ticker h6.ticker-title:after, .top-nav-mobile .top-menu-mobile > li span:after, .top-nav-mobile .top-menu-mobile > li.open span:after, .main-menu .sf-with-ul:after, .main-nav-mobile .main-menu-mobile > li > a > span:after, .entry-thumb .thumb-hover .thumb-icon, .thumb-icon, .more-link:after, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .kopa-more-link:after { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .c-title { font-size: 13px; line-height: 20px; color: #757575; font-weight: normal; font-style: normal; } .element-wrap, .pricing-table, .kopa-social-links, .kopa-e-list, .kopa-ticker, .top-menu, .top-nav-mobile, .main-nav-mobile, .kopa-pagination, .kopa-pagination-widget, .kopa-comment-pagination, .filters-options, .kopa-rating, .widget, .kopa-entry-list, .kopa-related-post, #comments, .bottom-menu, .kopa-footer-nav { list-style: none; padding: 0; } .element-wrap ul, .pricing-table ul, .kopa-social-links ul, .kopa-e-list ul, .kopa-ticker ul, .top-menu ul, .top-nav-mobile ul, .main-nav-mobile ul, .kopa-pagination ul, .kopa-pagination-widget ul, .kopa-comment-pagination ul, .filters-options ul, .kopa-rating ul, .widget ul, .kopa-entry-list ul, .kopa-related-post ul, #comments ul, .bottom-menu ul, .kopa-footer-nav ul, .element-wrap ol, .pricing-table ol, .kopa-social-links ol, .kopa-e-list ol, .kopa-ticker ol, .top-menu ol, .top-nav-mobile ol, .main-nav-mobile ol, .kopa-pagination ol, .kopa-pagination-widget ol, .kopa-comment-pagination ol, .filters-options ol, .kopa-rating ol, .widget ol, .kopa-entry-list ol, .kopa-related-post ol, #comments ol, .bottom-menu ol, .kopa-footer-nav ol { list-style: none; padding: 0; } .kopa-e-list li:first-child, .top-menu > li ul li:first-child, .top-nav-mobile .top-menu-mobile li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .kopa-rating ul li:first-child, .article-list-1 > ul li:first-child, .article-list-4 .pd-20 > ul li:first-child, .article-list-7 .pd-20 > ul li:first-child, .article-list-8 .pd-20 > ul li:first-child, .article-list-9 .pd-20 > ul li:first-child, .article-list-10 .pd-20 > ul li:first-child, .article-list-11 .pd-20 > ul li:first-child, .kopa-e-list.list-unorder.style1 li:first-child, .kopa-comment-widget .pd-20 > ul li:first-child, .article-list-17 .pd-20 > ul li:first-child, .kopa-footer-nav .footer-menu li:first-child { margin: 0; padding: 0; border: 0; } .pricing-table:before, .nav-tabs:before, .kopa-tab.style1 .nav-tabs li:before, .button-wrap:before, .entry-footer:before, .kopa-e-list.list-order li:before, .mb-5:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-40:before, .mb-50:before, .mb-60:before, .pd-20:before, .wrapper:before, .kopa-area:before, .header-top-left:before, .header-top-right:before, .kopa-header-bottom .header-bottom-wrap:before, .kopa-main-nav:before, .main-menu:before, .sf-mega:before, .sf-mega .sf-mega-section:before, .sf-mega .sf-mega-section ul:before, .sf-mega .sf-mega-section ul.sub-menu:before, .main-nav-mobile .main-menu-mobile:before, .sf-mega-mobile:before, .entry-item:before, .entry-meta:before, .kopa-pagination:before, .kopa-pagination-widget:before, .kopa-comment-pagination:before, .kopa-rating ul:before, .widget:before, .widget > header:before, .widget-content:before, #main-content:before, .widget-area-31:before, .kopa-masonry-wrap:before, .kopa-view-all:before, .kopa-entry-list .entry-item:before, .kopa-shop-list > header:before, .woocommerce ul.products:before, .woocommerce-page ul.products:before, .woocommerce nav.woocommerce-pagination:before, .woocommerce #content nav.woocommerce-pagination:before, .woocommerce-page nav.woocommerce-pagination:before, .woocommerce-page #content nav.woocommerce-pagination:before, .woocommerce ul.cart_list > li:before, .woocommerce ul.product_list_widget > li:before, .woocommerce-page ul.cart_list > li:before, .woocommerce-page ul.product_list_widget > li:before, .kopa-tag-box:before, #comments .comments-list:before, #comments .comments-list .comment:before, #comments .comments-list .comment .comment-wrap:before, #comments .comments-list .comment .comment-wrap .media-body > header:before, .bottom-menu:before, .bottom-menu > li:before, .bottom-area-1:before, .bottom-area-2:before, .bottom-area-3:before, .pricing-table:after, .nav-tabs:after, .kopa-tab.style1 .nav-tabs li:after, .button-wrap:after, .entry-footer:after, .kopa-e-list.list-order li:after, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .pd-20:after, .wrapper:after, .kopa-area:after, .header-top-left:after, .header-top-right:after, .kopa-header-bottom .header-bottom-wrap:after, .kopa-main-nav:after, .main-menu:after, .sf-mega:after, .sf-mega .sf-mega-section:after, .sf-mega .sf-mega-section ul:after, .sf-mega .sf-mega-section ul.sub-menu:after, .main-nav-mobile .main-menu-mobile:after, .sf-mega-mobile:after, .entry-item:after, .entry-meta:after, .kopa-pagination:after, .kopa-pagination-widget:after, .kopa-comment-pagination:after, .kopa-rating ul:after, .widget:after, .widget > header:after, .widget-content:after, #main-content:after, .widget-area-31:after, .kopa-masonry-wrap:after, .kopa-view-all:after, .kopa-entry-list .entry-item:after, .kopa-shop-list > header:after, .woocommerce ul.products:after, .woocommerce-page ul.products:after, .woocommerce nav.woocommerce-pagination:after, .woocommerce #content nav.woocommerce-pagination:after, .woocommerce-page nav.woocommerce-pagination:after, .woocommerce-page #content nav.woocommerce-pagination:after, .woocommerce ul.cart_list > li:after, .woocommerce ul.product_list_widget > li:after, .woocommerce-page ul.cart_list > li:after, .woocommerce-page ul.product_list_widget > li:after, .kopa-tag-box:after, #comments .comments-list:after, #comments .comments-list .comment:after, #comments .comments-list .comment .comment-wrap:after, #comments .comments-list .comment .comment-wrap .media-body > header:after, .bottom-menu:after, .bottom-menu > li:after, .bottom-area-1:after, .bottom-area-2:after, .bottom-area-3:after { content: ""; display: table; } .pricing-table:after, .nav-tabs:after, .kopa-tab.style1 .nav-tabs li:after, .button-wrap:after, .entry-footer:after, .kopa-e-list.list-order li:after, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .pd-20:after, .wrapper:after, .kopa-area:after, .header-top-left:after, .header-top-right:after, .kopa-header-bottom .header-bottom-wrap:after, .kopa-main-nav:after, .main-menu:after, .sf-mega:after, .sf-mega .sf-mega-section:after, .sf-mega .sf-mega-section ul:after, .sf-mega .sf-mega-section ul.sub-menu:after, .main-nav-mobile .main-menu-mobile:after, .sf-mega-mobile:after, .entry-item:after, .entry-meta:after, .kopa-pagination:after, .kopa-pagination-widget:after, .kopa-comment-pagination:after, .kopa-rating ul:after, .widget:after, .widget > header:after, .widget-content:after, #main-content:after, .widget-area-31:after, .kopa-masonry-wrap:after, .kopa-view-all:after, .kopa-entry-list .entry-item:after, .kopa-shop-list > header:after, .woocommerce ul.products:after, .woocommerce-page ul.products:after, .woocommerce nav.woocommerce-pagination:after, .woocommerce #content nav.woocommerce-pagination:after, .woocommerce-page nav.woocommerce-pagination:after, .woocommerce-page #content nav.woocommerce-pagination:after, .woocommerce ul.cart_list > li:after, .woocommerce ul.product_list_widget > li:after, .woocommerce-page ul.cart_list > li:after, .woocommerce-page ul.product_list_widget > li:after, .kopa-tag-box:after, #comments .comments-list:after, #comments .comments-list .comment:after, #comments .comments-list .comment .comment-wrap:after, #comments .comments-list .comment .comment-wrap .media-body > header:after, .bottom-menu:after, .bottom-menu > li:after, .bottom-area-1:after, .bottom-area-2:after, .bottom-area-3:after { clear: both; } /*--- Functions ---*/ /** * 1.2 Repeatable Patterns * ------------------------------------------------------------------- */ ::selection { background: #f15c22; color: #fff; text-shadow: none; } ::-moz-selection { background: #f15c22; color: #fff; text-shadow: none; } a { color: #3e3e4a; text-decoration: none !important; outline: none !important; } a:hover, a:active { color: #f15c22; text-decoration: none; } a:focus { outline: none; } input { outline: none !important; } ul, ol { margin: 0; padding: 0; } ol { list-style: decimal inside; } ul { list-style: disc inside; } ol li ul, ol li ol, ul li ul, ul li ol { padding-left: 15px; } p.reset { margin: 0; } i { font-style: normal; } cite, em, var, address, dfn { font-style: italic; } p i { font-style: italic; } h1, h2, h3, h4, h5, h6, .h1, .kopa-dropcap, .h2, .h3, .h4, .h5, .h6, .filters-options li { font-family: "Roboto Condensed", sans-serif; color: #3e3e4a; font-weight: 700; display: block; margin: 0 0 15px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .kopa-dropcap a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .filters-options li a { color: #3e3e4a; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .kopa-dropcap a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, .filters-options li a:hover { color: #f15c22; } h1, .h1, .kopa-dropcap { font-size: 34px; line-height: 42px; } h2, .h2 { font-size: 32px; line-height: 40px; } h3, .h3 { font-size: 24px; line-height: 32px; } h4, .h4 { font-size: 18px; line-height: 26px; } h5, .h5 { font-size: 16px; line-height: 24px; } h6, .h6, .filters-options li { font-size: 14px; line-height: 20px; } .txt-up { text-transform: uppercase; } .row, .row.style1 { width: auto; margin: 0 -10px; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { padding: 0 10px; } /** * 1.3 Elements * ------------------------------------------------------------------- */ .e-accordion .row, .e-button .row, .e-tabs .row { margin-top: 0; } .element-wrap { margin-bottom: 30px; } .element-title, .widget-title.style3, .widget-title.style5 { text-transform: uppercase; padding: 12px 20px; border-bottom: 2px solid #dfdfdf; position: relative; } .element-title:before, .widget-title.style3:before, .widget-title.style5:before { content: ''; position: absolute; top: 7px; left: 0; width: 4px; height: 36px; background: #f15c22; } .e-heading p { margin-bottom: 15px; } .e-heading p:last-child { margin-bottom: 0; } /*----- blockquote -----*/ blockquote { padding: 0 0 60px; margin-bottom: 0; border: none; position: relative; color: #757575; font-family: "Roboto Condensed", sans-serif; font-weight: 300; font-style: italic; position: relative; background: url(images/quote.png) left bottom no-repeat; margin-bottom: 20px; } blockquote p { font-size: 18px; line-height: 26px; } blockquote span { font-size: 14px; line-height: 22px; color: #f15c22 !important; font-style: normal; } blockquote.pull-right { width: 40%; margin-left: 30px; border-right: none; } blockquote.pull-left { width: 40%; margin-right: 30px; border-left: none; } .kopa-blockquote.style1 { border-top: 4px solid #f15c22; border-bottom: 1px solid #dfdfdf; background: #f8f8f8; padding: 25px 25px 25px 76px; position: relative; min-height: 100px; font-style: normal; font-family: "Roboto", sans-serif; font-weight: 400; font-size: 16px; line-height: 24px; } .kopa-blockquote.style1:before { content: '\f10e'; font-size: 40px; color: #e9e7e8; position: absolute; top: 30px; left: 20px; } .kopa-blockquote.style2 { background: none; padding: 0 0 0 20px; font-size: 16px; line-height: 24px; color: #32323c; border-left: 3px solid #f15c22; position: relative; } .kopa-blockquote.style3 { background: #f15c22; background: rgba(241, 92, 34, 0.7); padding: 20px 20px 20px 85px; text-transform: uppercase; position: absolute; left: 0; bottom: 64px; } .kopa-blockquote.style3:before { content: "\f10d"; margin-right: 10px; color: #cc9889; font-size: 45px; line-height: 54px; font-weight: 700; position: absolute; top: 25px; left: 25px; } .kopa-blockquote.style3 p { font-family: "Roboto Condensed", sans-serif; font-size: 45px; line-height: 54px; font-weight: 700; color: #e9e7e8; font-style: normal; } .kopa-blockquote.style3 span { margin-top: 10px; display: block; font-size: 16px; line-height: 24px; font-family: "Roboto Condensed", sans-serif; font-weight: 700; color: #fff !important; } /*----- Text style -----*/ .txt-highlight { background: #f15c22; color: #fff; } .txt-highlight-2 { background: #3e3e4a; color: #fff; } .txt-color { color: #3e3e4a; } .txt-decoration { color: #3e3e4a; text-decoration: underline; } .txt-decoration-2 { color: #f15c22; text-decoration: underline; } .txt-style { color: #f15c22; font-weight: 700; font-style: italic; } /*----- Column -----*/ .c-title { font-family: "Roboto Condensed", sans-serif; font-size: 24px; line-height: 30px; text-transform: capitalize; margin-top: 20px; margin-bottom: 10px; font-weight: 300; } .e-column .element-title, .e-column .widget-title.style3, .e-column .widget-title.style5 { margin-bottom: 0; } /*----- Bootstrap collapse -----*/ .panel-group { margin-bottom: 0px; } .panel-group .panel { background: none; border-radius: 0; box-shadow: none; border: none; margin: 0 0 0 0 !important; } .panel-group .panel:first-child .panel-heading { margin-top: 0; } .panel-group .panel .panel-heading { position: relative; border-radius: 0; background: #f8f8f8; border: 1px solid #e9e7e8; padding: 0; margin-top: -1px; } .panel-group .panel .panel-heading:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 3px; background: #f15c22; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .panel-group .panel .panel-heading > .panel-title a { font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 22px; color: #3e3e4a; text-transform: uppercase; font-weight: 400; display: block; padding: 9px 60px 9px 20px; } .panel-group .panel .panel-heading > .panel-title a .btn-title { text-align: center; width: 42px; height: 40px; line-height: 40px; font-size: 10px; position: absolute; top: 0; margin-top: -20px; margin-left: -21px; display: block; background: none; cursor: pointer; margin: 0; left: auto; right: 0; } .panel-group .panel .panel-heading > .panel-title a .btn-title:before { content: ""; width: 12px; height: 2px; background: #3e3e4a; position: absolute; top: 50%; left: 50%; margin-left: -6px; margin-top: -1px; } .panel-group .panel .panel-heading > .panel-title a .btn-title:after { content: ""; width: 2px; height: 12px; background: #3e3e4a; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -6px; } .panel-group .panel .panel-heading.active:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .panel-group .panel .panel-heading.active > .panel-title a .btn-title:after { display: none; } .panel-group .panel .panel-body { padding: 20px; border-top: 0 !important; border: 1px solid #e9e7e8; } .panel-group.style1 .panel { margin: 0 0 10px 0 !important; } .panel-group.style1 .panel:first-child .panel-heading { margin-top: 0; } .panel-group.style1 .panel .panel-heading { margin-top: 0; } .panel-group.style1 .panel .panel-heading > .panel-title a { font-size: 14px; text-transform: uppercase; padding: 8px 20px 8px 60px; } .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title { text-align: center; width: 42px; height: 40px; line-height: 40px; font-size: 14px; position: absolute; top: -1px; margin-top: -20px; margin-left: -21px; float: right; display: block; margin: 0; left: -1px; background: #fff; border: 1px solid #e9e7e8; } .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title:before { width: 7px; height: 1px; margin-left: -3.5px; margin-top: -0.5px; } .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title:after { height: 7px; width: 1px; margin-left: -0.5px; margin-top: -3.5px; } .panel-group.style1 .panel .panel-heading.active:before { top: -1px; } .panel-group.style1 .panel .panel-heading.active > .panel-title a { color: #3e3e4a; } .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title { background: #f15c22; border-color: #f15c22; } .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title:before, .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title:after { background: #fff; } .panel-group.style1 .panel .panel-heading.active > .panel-title a:before { background: #f15c22; } /*----- Pricing-table -----*/ .pricing-table { margin-top: 25px; } .column { position: relative; width: 100%; background: #32323c; } .column ul li { padding: 15px 0; color: #3e3e4a; font-size: 14px; } .column ul li.title-row { font-family: "Roboto", sans-serif; font-size: 18px; line-height: 24px; color: #f15c22; font-weight: 700; border: 4px solid #f15c22; padding: 16px 15px; border-bottom: 0; background: #fff; text-transform: uppercase; } .column ul li.pricing-row { border: none; padding: 15px 20px; background: #f15c22; color: #fff; position: relative; } .column ul li.pricing-row p { font-family: "Roboto", sans-serif; font-size: 30px; line-height: 36px; color: white; font-weight: 700; margin-bottom: 5px; } .column ul li.pricing-row span { font-size: 14px; line-height: 20px; } .column ul li.normal-row { border-top: 1px solid #e9e7e8; margin: 0 20px; margin-top: -1px; } .column ul li.normal-row > span { margin-right: 10px; } .column ul li.normal-row:first-child { border-top: none; } .column ul li.footer-row { padding: 0; } .column ul li.footer-row .pt-btn { position: relative; padding: 15px 50px 15px 20px; display: block; width: 100%; font-family: "Roboto", sans-serif; font-size: 15px; line-height: 23px; color: white; text-transform: uppercase; background: #3e3e4a; } .column ul li.footer-row .pt-btn > span { position: absolute; top: 17px; right: 20px; font-size: 20px; } .column ul li.footer-row .pt-btn:hover { background: #f15c22; color: #fff; } .column.active .title-row { border-color: #3e3e4a; color: #3e3e4a; } .column.active .pricing-row { background: #3e3e4a; } /*----- Tabs -----*/ .nav-tabs { background: none; margin-bottom: 0; border: 0; } .nav-tabs > li > a { margin-right: -1px; text-transform: none; border: 1px solid #e9e7e8 !important; background: none; font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 22px; color: #3e3e4a !important; text-align: center; font-weight: 700; text-transform: uppercase; padding: 8px 30px; margin-bottom: 0px; border-radius: 0; cursor: pointer !important; position: relative; } .nav-tabs > li > a:before { content: ''; width: 100%; height: 3px; background: #f15c22; position: absolute; top: 0; left: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .nav-tabs > li > a:after { content: ''; width: 100%; height: 1px; background: #fff; position: absolute; bottom: -1px; left: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; z-index: 999; } .nav-tabs > li > a:hover { background: none; } .nav-tabs > li > a:hover:before, .nav-tabs > li > a:hover:after { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { cursor: default; background: none; } .nav-tabs > li.active > a:before, .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:before, .nav-tabs > li.active > a:focus:after { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .tab-content { border: 1px solid #e9e7e8; padding: 20px; background: #fff; } .tab-content .widget { margin: 30px 0 0 !important; } .tab-content .widget:first-child { margin-top: 0 !important; } .kopa-tab.style1 .nav-tabs { float: left; } .kopa-tab.style1 .nav-tabs li { float: none; display: block; margin-top: 3px; } .kopa-tab.style1 .nav-tabs li:first-child { margin: 0; } .kopa-tab.style1 .nav-tabs li > a { margin: 0; margin-right: -1px; background: #f8f8f8; } .kopa-tab.style1 .nav-tabs li > a:before { left: -1px; width: 3px; height: 100%; background: #e9e7e8; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-tab.style1 .nav-tabs li > a:after { display: none; } .kopa-tab.style1 .nav-tabs li > a:hover { background: #fff; } .kopa-tab.style1 .nav-tabs li > a:hover:before { background: #f15c22; } .kopa-tab.style1 .nav-tabs li.active > a, .kopa-tab.style1 .nav-tabs li.active > a:hover, .kopa-tab.style1 .nav-tabs li.active > a:focus { background: #fff; } .kopa-tab.style1 .nav-tabs li.active > a:before, .kopa-tab.style1 .nav-tabs li.active > a:hover:before, .kopa-tab.style1 .nav-tabs li.active > a:focus:before { background: #f15c22; } .kopa-tab.style1 .tab-content { overflow: hidden; } .entry-item.style1 .entry-thumb { width: 135px; margin-right: 20px; float: left; } .entry-item.style1 .entry-content { overflow: hidden; } /*----- dropcap -----*/ .kopa-dropcap { display: inline-block; zoom: 1; float: left; margin: 0 10px 0 0; text-align: center; padding: 0 10px; font-family: "Roboto Condensed", sans-serif; font-size: 60px; line-height: 60px; text-transform: uppercase; color: #f15c22; font-weight: 700; } .kopa-dropcap.dc2 { font-size: 40px; line-height: 40px; color: #fff; background: #3e3e4a; margin: 5px 12px 0 0; text-align: center; padding: 6px 14px; } /*----- Divider -----*/ .kopa-divider { margin: 0 0 50px; height: 1px; } .divider-1 { border-top: 1px solid #e9e7e8; } .divider-2 { border-top: 2px dotted #e9e7e8; height: 2px; } .divider-3 { border-top: 2px dashed #e9e7e8; height: 2px; } .divider-4 { height: 12px; border-top: 1px double #e9e7e8; border-bottom: 1px double #e9e7e8; } /*----- Progress bar -----*/ .progress { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; box-shadow: 0 0 0 0 transparent; -ms-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; background: #fff; border: none; height: 28px; margin: 20px 0 0; border-radius: 0; border-left: 3px solid #3e3e4a; border-right: 3px solid #f15c22; overflow: visible; position: relative; } .progress:first-child { margin-top: 0; } .progress .progress-bar { box-shadow: 0 0 0 0 transparent; -ms-box-shadow: 0 0 0 0 transparent; -moz-box-shadow: 0 0 0 0 transparent; -webkit-box-shadow: 0 0 0 0 transparent; background: #f15c22; position: relative; text-align: left; } .progress .progress-bar-danger { background: #f15c22; } .sr-only { top: 5px; left: 7px; overflow: visible; display: inline-block; width: auto; height: auto; clip: auto; text-transform: uppercase; } .sr-num { position: absolute; top: 3px; right: 7px; color: #32323c; } .progress.bar-success { border-color: #5CB85C; } .progress.bar-info { border-color: #5BC0DE; } .progress.bar-warning { border-color: #F0AD4E; } .progress.bar-danger { border-color: #f15c22; } /*--- user-rating ---*/ .kopa-slider { margin-top: 20px; } .slider.slider-horizontal { width: 100% !important; height: 28px; } .slider.slider-horizontal .slider-track { height: 28px; background: #fff; border-radius: 0; box-shadow: 0px 0px 0px; border-left: 3px solid #f15c22; border-right: 3px solid #f15c22; margin-top: 0; top: 0; filter: inherit; } .slider.slider-horizontal .slider-selection { background: #f15c22 !important; border-radius: 0; box-shadow: 0px 0px 0px; filter: inherit; } .slider.slider-horizontal .slider-handle { margin-left: -15px; margin-top: 0px; border-radius: 0; width: 15px; height: 28px; background: #000; display: none; } .slider.slider-horizontal .slider-handle:before, .slider.slider-horizontal .slider-handle:after { content: ""; width: 3px; height: 100%; background: #fff; position: absolute; top: 0; left: -3px; display: block; } .slider.slider-horizontal .slider-handle:after { left: auto; right: -3px; } .slider .tooltip-min, .slider .tooltip-max { display: none; } .slider .tooltip.top { top: 6px; left: 10px !important; padding: 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; margin-left: 0 !important; margin-top: 0; } .slider .tooltip.top .tooltip-arrow { display: none; } .slider .tooltip.top .tooltip-inner { background: none; border-radius: none; padding: 0; text-transform: uppercase; color: #3e3e4a; position: relative; } .slider .tooltip.top .tooltip-inner:before { content: "reader rating: ("; } .slider .tooltip.top .tooltip-inner:after { content: "% vote)"; } /*----- Buttons -----*/ .button-des { background: #696872; padding: 20px; border-radius: 5px; } .button-wrap { margin: 0 -6px; } .kopa-button { display: inline-block; margin: 0 6px 12px; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 22px; color: #3e3e4a; background: #e9e7e8; padding: 8px 27px; } .kopa-button:hover { background: #f15c22; border-color: #3e3e4a; color: #fff; } .kopa-button.big-button { padding: 5px 10px; font-size: 14px; line-height: 22px; margin-top: 3px; } .kopa-button.medium-button { padding: 4px 8px; margin-top: 6px; font-size: 12px; line-height: 20px; } .kopa-button.small-button { margin-top: 10px; padding: 0 8px; font-size: 12px; line-height: 20px; } .color-button { color: #fff; } .color-button.color-blue { background: #0099cc; } .color-button.color-green { background: #7dc34d; } .color-button.color-orange { background: #e76b33; } .color-button.color-orange:hover { background: #3e3e4a; } .color-button.color-yellow { background: #ffd62c; } .color-button.color-green1 { background: #a5d592; } .color-button.color-green2 { background: #0fbe7c; } .color-button.color-red { background: #ea2e2b; } .color-button.color-black { background: #3b3b3b; } .color-button.color-pink { background: #d63f72; } .color-button.color-purple { background: #572a6a; } .color-button.color-green3 { background: #5ee8bf; } .color-button.color-brown1 { background: #d9ba8c; } .color-button.color-brown2 { background: #d5a661; } .color-button.color-grey1 { background: #bbbbbb; } .color-button.color-grey2 { background: #63717f; } .color-button:hover { background: #f15c22; } .button-wrap { margin-top: 15px; } .button-wrap:first-child { margin-top: 0; } .button-wrap.style2 { margin-top: 50px; } /*----- Alert Box -----*/ .kopa-alert { margin: 10px 0 0; padding: 14px 50px 14px 17px; position: relative; font-family: "Roboto", sans-serif; font-size: 14px; line-height: 20px; color: #3e3e4a; border-radius: 0; border: 1px solid #e9e7e8; } .kopa-alert.alert-icon { padding: 14px 50px; } .kopa-alert.alert-icon:before { content: "\f129"; position: absolute; left: 25px; top: 15px; font-size: 18px; } .kopa-alert.alert-icon.alert-success:before { content: "\f13a"; left: 20px; } .kopa-alert.alert-icon.alert-warning:before { content: "\f071"; left: 18px; } .kopa-alert.alert-icon.alert-danger:before { content: "\f013"; left: 18px; } .kopa-alert .close { opacity: 0.8; top: 4px; right: -30px; outline: none; font-size: 16px; } .kopa-alert.alert-warning { background: #fff9c4; color: #b0751a; border-color: #ffd780; } .kopa-alert.alert-info { background: #cfe6fc; color: #2b72a9; border-color: #a4c8f5; } .kopa-alert.alert-success { background: #e7f4d9; color: #367934; border-color: #a5d570; } .kopa-alert.alert-danger { background: #ffe3e3; color: #ab3e49; border-color: #fdb6b6; } /*----- Social Links -----*/ .kopa-social-links ul { margin: -10px -5px; } .kopa-social-links ul li { float: left; margin: 10px 5px 0; font-size: 18px; } .kopa-social-links ul li a { display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 46px; font-size: 25px; background: none; border-radius: 50%; color: #b0b0b4; } .kopa-social-links ul li a:hover { color: #fff; background: #696872; } .kopa-social-links.style1 ul li a { display: inline-block; text-align: center; width: 24px; height: 24px; line-height: 24px; font-size: 14px; background: none; } .kopa-social-links.style1 ul li a:hover { color: #fff; background: #696872; } .kopa-social-links.style2 ul li a { display: inline-block; text-align: center; width: 32px; height: 32px; line-height: 32px; font-size: 18px; background: none; } .kopa-social-links.style2 ul li a:hover { color: #fff; background: #696872; } .kopa-social-links.style3 ul li a { display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; font-size: 22px; background: none; } .kopa-social-links.style3 ul li a:hover { color: #fff; background: #696872; } .kopa-social-links.style-bg-color ul li a { border-radius: 0; color: #fff; } .kopa-social-links.style-bg-color ul li a.fa-facebook { background: #0d5cc8; } .kopa-social-links.style-bg-color ul li a.fa-twitter { background: #28aae1; } .kopa-social-links.style-bg-color ul li a.fa-google-plus { background: #ea2e2b; } .kopa-social-links.style-bg-color ul li a.fa-rss { background: #e76b33; } .kopa-social-links.style-bg-color ul li a.fa-rss:hover { background: #3e3e4a; } .kopa-social-links.style-bg-color ul li a.fa-pinterest { background: #1d2c86; } .kopa-social-links.style-bg-color ul li a.fa-instagram { background: #eed091; } .kopa-social-links.style-bg-color ul li a.fa-tumblr { background: #3b3b3b; } .kopa-social-links.style-bg-color ul li a.fa-dribbble { background: #d63f72; } .kopa-social-links.style-bg-color ul li a.fa-vimeo-square { background: #1d2c86; } .kopa-social-links.style-bg-color ul li a.fa-youtube { background: #a5d592; } .kopa-social-links.style-bg-color ul li a:hover { background: #f15c22; } .kopa-social-links.style4 ul { margin: 0; } .kopa-social-links.style4 ul li { border-right: 1px solid #e9e7e8; margin: 0; } .kopa-social-links.style4 ul li a { display: inline-block; text-align: center; width: 55px; height: 38px; line-height: 42px; font-size: 18px; background: none; color: #696872; } .kopa-social-links.style4 ul li a:hover { color: #f15c22; } .kopa-entry-view { font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 22px; color: #696872; font-weight: 600; padding: 8px 20px; border-left: 1px solid #e9e7e8; } .kopa-entry-view:before { content: '\f06d'; color: #d1d1d1; margin-right: 5px; } .entry-footer { border-top: 1px solid #e9e7e8; } .kopa-e-list li { margin-top: 15px; padding-top: 15px; border-top: 1px solid #e9e7e8; } .kopa-e-list li > span { font-size: 16px; margin-right: 10px; color: #b0b0b4; } .kopa-e-list li .order-num { font-family: "Roboto", sans-serif; font-size: 12px; line-height: 20px; color: white; background: #3e3e4a; float: left; margin-right: 15px; margin-top: -2px; padding: 5px 8px; } .kopa-e-list li .order-num:before { display: none; } .kopa-e-list.list-unorder { list-style: square inside; color: #f15c22; } .kopa-e-list.list-unorder p { color: #757575; display: inline; } .kopa-e-list.list-unorder p:last-child { margin-bottom: 0; } .kopa-e-list.list-order li { margin-top: 12px; } /** * 1.4 Basic structure * ------------------------------------------------------------------- */ html { overflow-x: hidden; } body { background: #e9e7e8; font-family: "Roboto", sans-serif; color: #757575; font-size: 13px; line-height: 22px; overflow: hidden; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .pd-20 { padding: 20px; position: relative; } .wrapper { width: 1170px; margin: 0 auto; position: relative; } .wrapper.mb-30 { margin-bottom: 30px; } .loading { background: url("images/background/bg/white/9.png"); background: rgba(255, 255, 255, 0.9); min-height: 565px; width: 100%; position: absolute; top: 0; left: 0; z-index: 9; } .loading > i { position: absolute; top: 50%; left: 50%; font-size: 30px; margin-left: -13px; margin-top: -15px; } .kopa-logo img { max-width: 100%; } /*--- kopa-area ---*/ .kopa-area { padding-top: 45px; background: #fff; position: relative; padding-bottom: 15px; } .b-radius { border-radius: 5px; } iframe { width: 100%; border: none; } label { font-weight: 400; } .kopa-post-content-formated { margin-bottom: 20px; } textarea { overflow: auto; resize: vertical !important; } ul#tiles { list-style: none !important; } body.kopa-layout-single-product #main-content .kopa-area, body.kopa-layout-product-archive #main-content .kopa-area { padding-bottom: 60px; } .kopa-portfolio-page .kopa-area { overflow: hidden; } /* * -------------------------------------------------- * WORDPRESS REQUIRED BY THEME-CHECK * -------------------------------------------------- */ .wp-caption { font-size: inherit; max-width: 100%; } .wp-caption-text { font-size: inherit; } .sticky { font-size: inherit; } .gallery-caption { font-size: inherit; } .bypostauthor { font-size: inherit; } img { max-width: 100%; height: auto; } .alignnone { max-width: 100%; } .alignleft { display: inline; float: left; margin-right: 10px; } .alignright { display: inline; float: right; margin-left: 10px; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } .bg-white { background: #fff; } /*--- sticky-post ---*/ .sticky-icon, .sticky-span { display: none; } .sticky-span { color: #f15c22; margin-left: 5px; } .sticky-post { position: relative; } .sticky-post .sticky-icon { display: block; content: ''; position: absolute; border-top: 0 solid transparent; border-bottom: 50px solid transparent; border-right: 50px solid #f15c22; top: 0; left: -50px; left: auto; right: 0; z-index: 99; } .sticky-post .sticky-icon:before { content: "\f08d"; color: #fff; font-size: 15px; position: absolute; left: 32px; top: 9px; display: block; } .sticky-post.no-thumb .sticky-icon { display: none; } .sticky-post.no-thumb .sticky-span { display: inline-block; } /** * 2. Header * ------------------------------------------------------------------- */ .kopa-header { background: #3e3e4a; position: relative; margin-bottom: 0; } /*--- Header top ---*/ .kopa-header-top { background: #32323c; } .kopa-header-top .wrapper { position: relative; } /*- header-top-left -*/ .header-top-left { float: left; width: 70%; } /* ticker */ .ticker-wrapper { padding: 10px 0; } .ticker-swipe { position: absolute; top: 0px; background-color: #32323c; display: block; width: 800px; height: 42px; left: 146px !important; } .ticker-swipe span { margin-left: 1px; background-color: #32323c; border-bottom: 1px solid #e9e7e8; height: 27px; width: 8px; display: block; } .kopa-ticker #js-news { display: none; } .kopa-ticker h6.ticker-title { float: left; font-size: 14px; line-height: 22px; font-weight: 700; text-transform: uppercase; color: #e9e7e8; padding: 10px 10px 10px 18px; border-left: 1px solid #3e3e4a; border-right: 1px solid #3e3e4a; position: relative; margin: 0 20px 0 0; } .kopa-ticker h6.ticker-title:after { content: '\f054'; margin-left: 10px; font-size: 12px; float: right; margin-top: 5px; } .kopa-ticker div.ticker-title { display: none !important; } .kopa-ticker .ticker-content { margin: 0; font-weight: 700; } .kopa-ticker .ticker-content a { font-family: "Roboto Condensed", sans-serif; color: #e9e7e8; } .kopa-ticker .ticker-content a:hover { color: #f15c22; } /*- header-top-right -*/ .header-top-right { float: right; } .header-top-right > div { float: left; } /*--- Header middle ---*/ .kopa-header-middle { padding: 35px 0; } .kopa-logo { float: left; } .kopa-logo .site-title { font-family: "Roboto Condensed", sans-serif; font-size: 28px; line-height: 36px; color: white; font-weight: 700; text-transform: capitalize; margin: 3px 0 12px 0; } .kopa-logo .site-title a { color: #fff; } .kopa-logo .site-title a:hover { color: #3e3e4a; } .kopa-logo p { font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 24px; color: #3e3e4a; font-weight: 700; } /*--- Header bottom ---*/ .kopa-header-bottom .header-bottom-wrap { background: #32323c; border-bottom: 4px solid #f15c22; height: 48px; } .kopa-header-bottom .kopa-search-box { position: absolute; top: 0; right: 0; } .kopa-header-bottom.fixed { position: fixed; top: 0; width: 100%; z-index: 999999999; } .kopa-header-bottom.fixed .kopa-search-box { display: none; } /** * 2.1 - Search * ------------------------------------------------------------------- */ .kopa-search-box .search-form { position: relative; width: 224px; } .kopa-search-box .search-form .search-text { width: 100%; border: none; height: 44px; line-height: 44px; padding: 0 45px 0 10px; font-size: 14px; color: #e9e7e8; background-color: #f15c22; outline: none; border-left: 10px solid #3e3e4a; } .kopa-search-box .search-form .search-submit { position: absolute; right: 14px; top: 12px; border: none; background: none; font-size: 18px; padding: 0; color: #fff; outline: none; } .kopa-search-box .search-form .search-submit:hover { color: #3e3e4a; } /** * 2.2 Navigation * ------------------------------------------------------------------- */ /*--- top-nav ---*/ .top-menu.sf-arrows .sub-menu .sf-with-ul { padding-right: 0; } .top-menu.sf-arrows .sub-menu .sf-with-ul:after { content: "\f105"; right: 0; } .top-menu > li { position: relative; z-index: 999999999; float: left; } .top-menu > li > a { text-transform: uppercase; color: #fff; font-family: "Roboto Condensed", sans-serif; font-size: 14px; font-weight: 700; padding: 10px 15px; display: inline-block; border-right: 1px solid #3e3e4a; } .top-menu > li:first-child > a { border-left: 1px solid #3e3e4a; } .top-menu > li ul { background-color: #32323c; color: #fff; width: 200px; display: none; position: absolute; left: 0; top: 44px; padding: 12px 20px; } .top-menu > li ul li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #3e3e4a; position: relative; } .top-menu > li ul li a { color: #e9e7e8; font-size: 14px; font-family: "Roboto Condensed", sans-serif; } .top-menu > li ul li a:hover { color: #f15c22; } .top-menu > li ul li.current-menu-item > a { color: #f15c22; } .top-menu > li ul ul { top: 0; left: -222px; } .top-menu > li:hover > a, .top-menu > li.current-menu-item > a { background: #3e3e4a; } .top-nav-mobile { position: relative; float: left; margin-top: 0; display: none; } .top-nav-mobile .pull { font-size: 20px; background: #3e3e4a; padding: 10px 15px; color: #e9e7e8; z-index: 99; position: relative; display: block; cursor: pointer; } .top-nav-mobile .top-menu-mobile { position: absolute; top: 42px; right: 0; width: 220px; border: 1px solid #e9e7e8; border-top: 0; z-index: 99999999; display: none; background: #fff; padding: 0 15px; } .top-nav-mobile .top-menu-mobile > li { border-top: 1px solid #dfdfdf; position: relative; width: 100%; } .top-nav-mobile .top-menu-mobile > li:first-child { border: 0; } .top-nav-mobile .top-menu-mobile > li > a { color: #3e3e4a; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; font-size: 13px; display: block; padding: 10px 0; } .top-nav-mobile .top-menu-mobile > li > a:hover { color: #f15c22; } .top-nav-mobile .top-menu-mobile > li ul li, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li { border-top: 1px solid #dfdfdf; } .top-nav-mobile .top-menu-mobile > li ul li:first-child, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li:first-child { border-top: 1px solid #dfdfdf; } .top-nav-mobile .top-menu-mobile > li ul li a, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li a { padding: 10px 15px; color: #3e3e4a; text-transform: none; display: block; } .top-nav-mobile .top-menu-mobile > li ul li a:hover, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li a:hover { color: #f15c22; } .top-nav-mobile .top-menu-mobile > li ul li span, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li span { display: none; } .top-nav-mobile .top-menu-mobile > li ul li ul, .top-nav-mobile .top-menu-mobile > li ul li ul.sub-menu, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li ul, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li ul.sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; padding-left: 10px !important; } .top-nav-mobile .top-menu-mobile > li span { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 15px; } .top-nav-mobile .top-menu-mobile > li span:after { content: '\f107'; } .top-nav-mobile .top-menu-mobile > li.open span:after { content: '\f106'; } /*--- main-nav ---*/ .kopa-main-nav { width: 100%; float: left; } .main-menu { position: relative; border: none; margin: 0; } .main-menu .sf-with-ul { padding-right: 32px; } .main-menu .sf-with-ul:after { content: "\f0d7"; font-size: 12px; color: #f15c22; border: none; margin: 0; position: absolute; top: 15px; right: 15px; } .main-menu > li { list-style: none; padding: 0; margin: 0; background: none; z-index: 99999999; float: left; position: initial; white-space: normal; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .main-menu > li:first-child { margin: 0; } .main-menu > li > a { padding: 10px 20px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 24px; color: white; text-transform: uppercase; font-weight: 700; margin: 0; border: none; position: relative; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .main-menu > li:hover > a, .main-menu > li.current-menu-item > a { background: #f15c22; } .main-menu > li:hover > a:after, .main-menu > li.current-menu-item > a:after { color: #fff; } .main-menu > li ul.sub-menu { width: 210px; display: none; position: absolute; top: 48px; left: auto; background: #fff; box-shadow: none !important; z-index: 9999 !important; border: 1px solid #dfdfdf; } .main-menu > li ul.sub-menu li { background: none; position: relative; white-space: normal; padding: 7px 10px; border-top: 1px solid #dfdfdf; } .main-menu > li ul.sub-menu li:first-child { border: none; } .main-menu > li ul.sub-menu li a { padding: 0; margin: 0; border: none; font-family: "Roboto Condensed", sans-serif; font-size: 13px; line-height: 22px; color: #3e3e4a; font-weight: 700; text-transform: uppercase; display: inline-block; } .main-menu > li ul.sub-menu li a:hover { color: #f15c22; } .main-menu > li ul.sub-menu li a.sf-with-ul:after { display: none; } .main-menu > li ul.sub-menu li.current-menu-item > a { color: #f15c22; } .main-menu > li ul.sub-menu ul { top: 0; left: 212px; } .sf-mega { background: #fff; border: 1px solid #e9e7e8; position: absolute; top: 48px !important; padding: 36px 18px; box-shadow: none !important; z-index: 9999999 !important; margin-left: 0; -webkit-transform: skew(0); -moz-transform: skew(0); -o-transform: skew(0); transform: skew(0); } .sf-mega.col-xs-3, .sf-mega.col-sm-3, .sf-mega.col-md-3, .sf-mega.col-lg-3 { width: 25%; } .sf-mega.col-xs-4, .sf-mega.col-sm-4, .sf-mega.col-md-4, .sf-mega.col-lg-4 { width: 33.33333%; } .sf-mega.col-xs-6, .sf-mega.col-sm-6, .sf-mega.col-md-6, .sf-mega.col-lg-6 { width: 50%; } .sf-mega.col-xs-9, .sf-mega.col-sm-9, .sf-mega.col-md-9, .sf-mega.col-lg-9 { width: 75%; } .sf-mega .row { width: auto !important; margin: 0 -18px !important; } .sf-mega .row .col-xs-1, .sf-mega .row .col-sm-1, .sf-mega .row .col-md-1, .sf-mega .row .col-lg-1, .sf-mega .row .col-xs-2, .sf-mega .row .col-sm-2, .sf-mega .row .col-md-2, .sf-mega .row .col-lg-2, .sf-mega .row .col-xs-3, .sf-mega .row .col-sm-3, .sf-mega .row .col-md-3, .sf-mega .row .col-lg-3, .sf-mega .row .col-xs-4, .sf-mega .row .col-sm-4, .sf-mega .row .col-md-4, .sf-mega .row .col-lg-4, .sf-mega .row .col-xs-5, .sf-mega .row .col-sm-5, .sf-mega .row .col-md-5, .sf-mega .row .col-lg-5, .sf-mega .row .col-xs-6, .sf-mega .row .col-sm-6, .sf-mega .row .col-md-6, .sf-mega .row .col-lg-6, .sf-mega .row .col-xs-7, .sf-mega .row .col-sm-7, .sf-mega .row .col-md-7, .sf-mega .row .col-lg-7, .sf-mega .row .col-xs-8, .sf-mega .row .col-sm-8, .sf-mega .row .col-md-8, .sf-mega .row .col-lg-8, .sf-mega .row .col-xs-9, .sf-mega .row .col-sm-9, .sf-mega .row .col-md-9, .sf-mega .row .col-lg-9, .sf-mega .row .col-xs-10, .sf-mega .row .col-sm-10, .sf-mega .row .col-md-10, .sf-mega .row .col-lg-10, .sf-mega .row .col-xs-11, .sf-mega .row .col-sm-11, .sf-mega .row .col-md-11, .sf-mega .row .col-lg-11, .sf-mega .row .col-xs-12, .sf-mega .row .col-sm-12, .sf-mega .row .col-md-12, .sf-mega .row .col-lg-12 { padding: 0 18px; } .sf-mega .row a { padding: 0 !important; } .sf-mega.style1 { padding: 0; } .sf-mega.style1 .sf-mega-section { padding: 0; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; margin-left: -1px; } .sf-mega.style1 .sf-mega-section:first-child { padding: 0; border-left: none; } .sf-mega.style1 .sf-mega-section:last-child { border-right: none; } .sf-mega.style1 .sf-mega-section ul > li, .sf-mega.style1 .sf-mega-section ul.sub-menu > li { padding-left: 10px; } .sf-mega.style1 .sf-mega-section ul > li:first-child, .sf-mega.style1 .sf-mega-section ul.sub-menu > li:first-child { padding-top: 7px; } .sf-mega.style2 { padding: 36px 0; } .sf-mega.style2 .sf-mega-section { padding: 0 36px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; margin-left: -1px; } .sf-mega.style2 .sf-mega-section:last-child { border-right: none; } .sf-mega .sf-mega-section { margin: 0; padding: 0 18px; } .sf-mega .sf-mega-section ul, .sf-mega .sf-mega-section ul.sub-menu { display: block; border: none; width: 100%; position: inherit; top: inherit; left: inherit; margin-left: 0; padding: 0; } .sf-mega .sf-mega-section ul > li, .sf-mega .sf-mega-section ul.sub-menu > li { padding-left: 0; } .sf-mega .sf-mega-section ul > li:first-child, .sf-mega .sf-mega-section ul.sub-menu > li:first-child { padding-top: 0; } .sf-mega .widget { margin-top: 20px; margin-bottom: 0; } .sf-mega .widget:first-child { margin-top: 0; } .sf-mega .widget ul li:hover { background: none; } .sf-mega .entry-title { font-family: "Roboto Condensed", sans-serif; font-size: 18px; line-height: 26px; color: #3e3e4a; text-transform: none; font-weight: 400; } .sf-mega .entry-title a { color: #3e3e4a; } .sf-mega .entry-title a:hover { color: #f15c22; } .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item { margin-top: 20px; } .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item:first-child { margin-top: 0; } .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item .entry-thumb { margin-bottom: 20px; } .kopa-list-sub-widget .widget-title { padding: 7px; border-bottom: 1px solid #dfdfdf; margin-bottom: 0; color: #f15c22; } .kopa-sub-list-widget > ul, .kopa-sub-list-widget ul.row { margin-top: -15px !important; } .kopa-sub-list-widget > ul > li, .kopa-sub-list-widget ul.row > li { margin-top: 15px; } .sub-list-2 .entry-item .entry-title { font-size: 22px; line-height: 30px; } .sub-list-3 > ul { margin-top: -20px !important; } .sub-list-3 > ul > li { margin-top: 20px; } .sub-list-3 .entry-item .entry-thumb { width: 110px; margin-right: 20px; float: left; } .sub-list-3 .entry-item .entry-content { overflow: hidden; } .sub-list-3 .entry-item .entry-title { margin-top: -5px; font-size: 14px; line-height: 22px; } /*--- menu-mobile ---*/ .main-nav-mobile { display: none; position: relative; height: 44px; } .main-nav-mobile .pull { font-family: "Roboto Condensed", sans-serif; font-size: 16px; font-weight: 700; color: #fff; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 5px 15px; margin: 6px 0 5px; } .main-nav-mobile .pull i { font-size: 14px; color: #f15c22; margin-left: 10px; } .main-nav-mobile .main-menu-mobile { position: absolute; top: 48px; left: 0; width: 280px; z-index: 999999; display: none; background: #fff; border: 1px solid #e9e7e8; padding: 5px 15px 0; text-align: left; } .main-nav-mobile .main-menu-mobile > li { border-top: 1px solid #e9e7e8; position: relative; width: 100%; } .main-nav-mobile .main-menu-mobile > li:first-child { border: 0; } .main-nav-mobile .main-menu-mobile > li > a { color: #3e3e4a; font-family: "Roboto", sans-serif; text-transform: capitalize; font-size: 14px; display: block; padding: 10px 25px 10px 0; } .main-nav-mobile .main-menu-mobile > li > a:hover { color: #f15c22; } .main-nav-mobile .main-menu-mobile > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; } .main-nav-mobile .main-menu-mobile > li > a > span:after { content: '\f107'; } .main-nav-mobile .main-menu-mobile > li.current-menu-item > a { color: #f15c22; } .main-nav-mobile .main-menu-mobile > li .sub-menu li { border-top: 1px solid #e9e7e8; } .main-nav-mobile .main-menu-mobile > li .sub-menu li a { padding: 10px 10px; color: #3e3e4a; text-transform: capitalize; display: block; position: relative; } .main-nav-mobile .main-menu-mobile > li .sub-menu li a:hover { color: #f15c22; } .main-nav-mobile .main-menu-mobile > li .sub-menu li span { display: none; } .main-nav-mobile .main-menu-mobile > li .sub-menu li .sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; } .main-nav-mobile .main-menu-mobile > li .sub-menu li.current-menu-item > a { color: #f15c22; } .main-nav-mobile .main-menu-mobile > li > div h5 { text-transform: uppercase; margin: 5px 0 15px; } .main-nav-mobile .main-menu-mobile > li .entry-thumb { margin-bottom: 15px; } .main-nav-mobile .main-menu-mobile > li .sub-menu-list-article { display: block !important; } .main-nav-mobile .main-menu-mobile > li .sub-menu-list-article li { margin-bottom: 10px; } .main-nav-mobile .main-menu-mobile .entry-date { position: relative; top: auto; right: auto; } .main-nav-mobile .main-menu-mobile .entry-date:after { display: none !important; } .sf-mega-mobile { display: none; padding: 0 0 20px; width: 100%; left: 0; z-index: 99999; background: #fff; } .sf-mega-mobile ul { display: block !important; height: 100% !important; } .sf-mega-mobile .sf-mega-section-mobile { padding: 0; width: 100%; left: 0; margin-top: 15px; padding-top: 15px; border-top: 1px solid #e9e7e8; } .sf-mega-mobile .sf-mega-section-mobile .sub-menu-list-article { margin-bottom: 10px; } .sf-mega-mobile .sf-mega-section-mobile:first-child { margin-top: 0; padding-top: 0; border-top: none; } .sf-mega-mobile .sf-mega-section-mobile:first-child .widget { margin-top: 0; } .sf-mega-mobile .sf-mega-section-mobile .sub-menu li:last-child a { padding-bottom: 0; } .sf-mega-mobile .sf-mega-section-mobile .widget { margin-bottom: 0; } .sf-mega-mobile .sf-mega-section-mobile .widget ul { display: block !important; } .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul { margin: 0; } .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul > li { width: 100%; padding: 0; } .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul > li:first-child { margin-top: 0; } .sf-mega-mobile .entry-title { font-family: "Roboto", sans-serif; font-size: 14px; line-height: 22px; color: #e9e7e8; font-weight: 600; margin-bottom: 8px; } .sf-mega-mobile .entry-title a { color: #3e3e4a; } .sf-mega-mobile .entry-title a:hover { color: #f15c22; } .sf-mega-mobile .widget-title.style1 { margin-bottom: 30px; padding-bottom: 0; border-bottom: none; } .sf-mega-mobile .sub-list-2 .entry-item .entry-title { font-size: 16px; line-height: 24px; } .sf-mega-mobile .sub-list-3 .entry-item .entry-thumb { width: 100px; margin-right: 15px; margin-bottom: 0; } .sf-mega-mobile .sub-list-3 .entry-item .entry-title { margin-top: -5px; margin-bottom: 0; } .sf-mega-mobile .sub-list-3 .entry-item .entry-meta { display: none; } .sf-mega-mobile .entry-thumb > h5 { margin: 0 !important; } /** * 3. - Content * ------------------------------------------------------------------- */ .entry-item { position: relative; } .entry-title { margin-bottom: 10px; font-weight: 400; text-transform: none; } .entry-thumb { width: 100%; position: relative; background: #f15c22; } .entry-thumb img { width: 100%; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .entry-thumb .thumb-hover { background: url("images/background/bg/black/2.png"); background: rgba(0, 0, 0, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .entry-thumb .thumb-hover .thumb-icon { margin: 0; padding: 0; text-align: center; width: 64px; height: 64px; line-height: 64px; font-size: 25px; position: absolute; top: 50%; margin-top: -32px; margin-left: -32px; color: #fff; left: 50%; border-radius: 50%; } .entry-thumb .thumb-hover .thumb-icon:hover { color: #3e3e4a; } .entry-thumb:hover .thumb-hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .entry-thumb:hover img { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .entry-thumb > h5 { position: absolute; left: 0; bottom: 0; font-family: "Roboto", sans-serif; font-size: 13px; line-height: 22px; color: white; text-transform: uppercase; font-weight: 600; padding: 4px 10px; background: #f15c22; margin: 0; } .entry-thumb > h5:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #f15c22; bottom: -10px; left: 50%; margin-left: 0px; left: 0; z-index: 999; } .entry-thumb > h5 a { display: inline-block; margin-left: 5px; color: #fff; } .entry-thumb > h5 a:first-child { margin-left: 0; } .entry-thumb > h5 a:hover { color: #3e3e4a; } .entry-thumb .kopa-rating { position: absolute; left: 0; bottom: 0; text-transform: uppercase; font-weight: 600; padding: 2px 10px; background: #f15c22; margin: 0; width: auto; } .entry-thumb .kopa-rating li { color: #fff; } .entry-thumb .kopa-rating:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #f15c22; bottom: -10px; left: 50%; margin-left: 0px; left: 0; z-index: 999; } .entry-thumb .entry-view { position: absolute; top: 20px; right: 20px; font-size: 12px; line-height: 20px; color: #fff; background: #f15c22; padding: 0 4px; } .entry-thumb .entry-view:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 7px solid transparent; border-top: 5px solid black; bottom: -5px; left: 50%; margin-left: 0px; left: auto; right: 0; z-index: 999; } .entry-thumb.style1 { margin-bottom: 15px; } .entry-thumb.style2 .thumb-icon, .entry-thumb.style2 .entry-view { z-index: 99; } .entry-thumb.style2:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: none; border: 0px solid #f15c22; z-index: 9; } .entry-thumb.style2:hover:before { border-width: 3px; } .thumb-icon { text-transform: capitalize; padding: 0; margin: 0; text-align: center; width: 44px; height: 28px; line-height: 28px; font-size: 13px; position: absolute; top: 50%; margin-top: -14px; margin-left: -22px; color: #fff; left: 50%; background: #f15c22; } .thumb-icon:hover { color: #fff !important; } .thumb-icon.style1 { text-align: center; width: 60px; height: 40px; line-height: 40px; font-size: 20px; position: absolute; top: 50%; margin-top: -20px; margin-left: -30px; color: #f15c22; background: url("images/background/bg/white/7.png"); background: rgba(255, 255, 255, 0.7); } .thumb-icon.style1:hover { color: #f15c22 !important; } .entry-item .thumb-icon:before { content: "\f08e"; margin-top: 0; } .portfolio-item .thumb-icon:before { content: '\f064'; } .video-post .thumb-icon:before { content: '\f04b'; padding-left: 5px; margin-top: 0; } .gallery-post .thumb-icon:before { content: '\f083'; margin-top: 0; } .standard-post .thumb-icon:before { content: "\f08e"; margin-top: 0; } .audio-post .thumb-icon:before { content: "\f001"; margin-top: 0; } .link-post .thumb-icon:before { content: "\f0c1"; margin-top: 0; } .quote-post .thumb-icon:before { content: "\f10e"; margin-top: 0; } .s-item .entry-item .entry-title span:before { margin-right: 10px; } .s-item .video-post .entry-title span:before { content: '\f04b'; padding-left: 5px; margin-top: 0; } .s-item .gallery-post .entry-title span:before { content: '\f083'; margin-top: 0; } .s-item .standard-post .entry-title span:before { content: "\f08e"; margin-top: 0; } .s-item .audio-post .entry-title span:before { content: "\f001"; margin-top: 0; } .s-item .link-post .entry-title span:before { content: "\f0c1"; margin-top: 0; } .s-item .quote-post .entry-title span:before { content: "\f10e"; margin-top: 0; } .s-item .image-post .entry-title span:before { content: "\f030"; margin-top: 0; } .more-link { font-size: 13px; line-height: 20px; position: relative; display: inline-block; margin-top: 10px; text-transform: uppercase; } .more-link:after { content: '\f064'; color: #f15c22; margin-left: 5px; } .entry-meta { color: #b8b8c6; margin-top: -5px; } .entry-meta > span, .entry-meta > p { display: inline-block; margin: 0; font-family: "Roboto", sans-serif; font-size: 13px; line-height: 20px; color: #b8b8c6; text-transform: capitalize; font-style: italic; font-weight: 500; margin-top: 5px; } .entry-meta > span i, .entry-meta > p i { font-size: 15px; color: #3e3e4a; font-style: normal; margin-right: 7px; float: left; margin-top: 3px; } .entry-meta > span a, .entry-meta > p a { color: #f15c22; } .entry-meta > span a:hover, .entry-meta > p a:hover { color: #3e3e4a; } .entry-meta > span a > i, .entry-meta > p a > i { margin-right: 5px; } .entry-meta > a { display: inline-block; margin-top: 5px; } .entry-meta > a:hover span { color: #f15c22; } .entry-author img { border-radius: 50%; margin-right: 5px; } .entry-author span { font-weight: 500; color: #b8b8c6; font-style: italic; display: inline; } /*--- pagination ---*/ .kopa-pagination { width: 100%; position: relative; margin-top: 20px; font-size: 14px; font-weight: 700; } .kopa-pagination:before { display: none; } .kopa-pagination ul { margin: -10px -5px 0; } .kopa-pagination ul li { display: inline-block; margin: 10px 5px 0; } .kopa-pagination ul li:before { display: none; } .kopa-pagination ul li span, .kopa-pagination ul li a { display: inline-block; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 14px; background: white; border: 1px solid #e9e7e8; border-bottom-width: 2px; display: block; } .kopa-pagination ul li span.current, .kopa-pagination ul li a.current { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-pagination ul li a.prev, .kopa-pagination ul li a.next { display: inline-block; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 14px; background: white; color: #3e3e4a; position: relative; } .kopa-pagination ul li a.prev:hover, .kopa-pagination ul li a.next:hover { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-pagination ul li:hover a, .kopa-pagination ul li.current a { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-pagination-widget { width: 100%; position: relative; margin-top: 20px; font-size: 14px; font-weight: 700; } .kopa-pagination-widget:before { display: none; } .kopa-pagination-widget ul { margin: -10px -5px 0; } .kopa-pagination-widget ul li { display: inline-block; margin: 10px 5px 0; display: inline-block; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 14px; background: white; border: 1px solid #e9e7e8; border-bottom-width: 2px; cursor: pointer; } .kopa-pagination-widget ul li:hover, .kopa-pagination-widget ul li.current { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-pagination-widget ul li.prev, .kopa-pagination-widget ul li.next { display: inline-block; text-align: center; width: 80px; height: 40px; line-height: 40px; font-size: 14px; background: white; color: #3e3e4a; position: relative; } .kopa-pagination-widget ul li.prev:hover, .kopa-pagination-widget ul li.next:hover { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-pagination-widget ul li.current { cursor: text; } .kopa-comment-pagination { margin: 0px -5px 30px; position: relative; margin-top: 20px; font-size: 14px; font-weight: 700; } .kopa-comment-pagination:before { display: none; } .kopa-comment-pagination span, .kopa-comment-pagination a { display: inline-block; text-align: center; width: 50px; height: 40px; line-height: 40px; font-size: 14px; background: white; border: 1px solid #e9e7e8; border-bottom-width: 2px; display: inline-block; margin: 10px 5px 0; } .kopa-comment-pagination span.current, .kopa-comment-pagination span:hover, .kopa-comment-pagination a.current, .kopa-comment-pagination a:hover { color: #fff; background: #f15c22; border-color: #f15c22; } .kopa-comment-pagination a.prev, .kopa-comment-pagination a.next { display: inline-block; text-align: center; width: 80px; height: 40px; line-height: 40px; font-size: 14px; background: white; color: #3e3e4a; position: relative; } .kopa-comment-pagination a.prev:hover, .kopa-comment-pagination a.next:hover { color: #fff; background: #f15c22; border-color: #f15c22; } /*--- breadcrumb ---*/ .kopa-breadcrumb { font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 22px; color: #3e3e4a; text-transform: uppercase; font-weight: 400; margin-bottom: 20px; word-wrap: break-word; } .kopa-breadcrumb > .wrapper { border-bottom: 2px solid #dfdfdf; padding: 12px 20px; background: #fff; } .kopa-breadcrumb span { color: #f15c22; } .kopa-breadcrumb span:hover { color: #3e3e4a; } .kopa-breadcrumb a.current-page > span { color: #3e3e4a; } /*--- owl-button ---*/ .owl-theme .owl-controls { transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; margin: 0; } .owl-theme .owl-controls .owl-buttons div { color: #3e3e4a; background: #e9e7e8; padding: 0; margin: 0; border-radius: 0; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; text-align: center; width: 24px; height: 24px; line-height: 24px; font-size: 10px; position: absolute; top: 50%; margin-top: -12px; margin-left: -12px; margin-left: 0; } .owl-theme .owl-controls .owl-buttons div:hover { background: #3e3e4a; color: #e9e7e8; } .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; padding-right: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f053"; } .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; padding-left: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f054"; } .owl-theme .owl-controls .owl-page span { width: 12px; height: 12px; margin: 5px 5px 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; background: #fff; border: none; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border-radius: 50%; border: 3px solid #d1d1d1; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span { border-color: #f15c22; } .owl-theme .owl-controls.style1 { position: absolute; top: -58px; right: 10px; } .owl-theme .owl-controls.style1 .owl-buttons div { position: relative; margin-left: 5px; } .owl-theme .owl-controls.style2 { position: absolute; top: -35px; right: 0; } .owl-theme .owl-controls.style2 .owl-buttons { margin-top: -2px; } .owl-theme .owl-controls.style2 .owl-buttons div { color: #fff; background: #32323c; text-align: center; width: 54px; height: 54px; line-height: 54px; font-size: 16px; position: absolute; top: 50%; margin-top: -27px; margin-left: -27px; margin-left: 0; position: relative; } .owl-theme .owl-controls.style2 .owl-buttons div:hover { background: #f15c22; } .owl-theme .owl-controls.style2 .owl-buttons div.owl-prev:before { content: "\f04a"; } .owl-theme .owl-controls.style2 .owl-buttons div.owl-next:before { content: "\f04e"; } .owl-theme .owl-controls.style3 .owl-buttons div { color: #fff; background: #32323c; text-align: center; width: 50px; height: 50px; line-height: 50px; font-size: 20px; position: absolute; top: 50%; margin-top: -25px; margin-left: -25px; margin-left: 0; } .owl-theme .owl-controls.style3 .owl-buttons div:hover { background: #f15c22; } .owl-theme .owl-controls.style3 .owl-buttons div.owl-prev:before { content: "\f060"; } .owl-theme .owl-controls.style3 .owl-buttons div.owl-next:before { content: "\f061"; } .owl-theme .owl-controls.style3 .owl-pagination { position: absolute; top: 20px; right: 20px; } .owl-theme .owl-controls.style3 .owl-pagination .owl-page span { width: 14px; height: 14px; background: none; border: 2px solid #fff; } .owl-theme .owl-controls.style3 .owl-pagination .owl-page.active span, .owl-theme .owl-controls.style3 .owl-pagination .owl-page:hover span { background: #f15c22; } .kopa-owl-prev, .kopa-owl-next { width: 40px; height: 100%; background: url("images/background/bg/white/5.png"); background: rgba(255, 255, 255, 0.5); position: absolute; top: 0; left: 15px; z-index: 99999; } .kopa-owl-prev > i, .kopa-owl-next > i { text-align: center; width: 25px; height: 25px; line-height: 25px; font-size: 15px; position: absolute; top: 50%; margin-top: -12.5px; margin-left: -12.5px; background: #fff; border-radius: 5px; left: 50%; padding-left: 2px; cursor: pointer; transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; } .kopa-owl-prev > i:hover, .kopa-owl-next > i:hover { background: #f15c22; color: #fff; } .kopa-owl-prev { border-top-left-radius: 5px; border-bottom-left-radius: 5px; } .kopa-owl-prev > i { padding-right: 2px; } .kopa-owl-next { border-top-right-radius: 5px; border-bottom-right-radius: 5px; left: auto; right: 15px; } /*--- form ---*/ address { color: #3e3e4a; } .contact-title, .comment-title { font-size: 22px; line-height: 28px; font-weight: 600; margin: 0; } .contact-title.style1, .comment-title.style1 { margin-bottom: 45px; } .contact-box, .comment-box { margin: 0 0 0; } .contact-box > h3, .comment-box > h3 { text-transform: uppercase; } .contact-box .input-block, .contact-box .textarea-block, .comment-box .input-block, .comment-box .textarea-block { position: relative; margin: 5px 0 0; } .contact-box .textarea-block, .comment-box .textarea-block { margin: 20px 0 0; } .contact-box .input-block:first-child, .comment-box .input-block:first-child { margin-top: 10px; } .contact-box input, .contact-box textarea, .comment-box input, .comment-box textarea { box-shadow: none; border: 1px solid #dfdfdf; background: #f8f8f8; color: #3e3e4a; line-height: 20px; padding: 4px 10px; width: 100%; } .contact-box input:focus, .contact-box textarea:focus, .comment-box input:focus, .comment-box textarea:focus { border-color: #f15c22; outline: 0; } .contact-box input#submit-contact, .contact-box input#submit-comment, .contact-box textarea#submit-contact, .contact-box textarea#submit-comment, .comment-box input#submit-contact, .comment-box input#submit-comment, .comment-box textarea#submit-contact, .comment-box textarea#submit-comment { font-family: "Roboto", sans-serif; font-size: 14px; color: #fff; width: auto; background: #f15c22; padding: 5px 15px; margin-top: 25px; border: 0; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .contact-box input#submit-contact:hover, .contact-box input#submit-comment:hover, .contact-box textarea#submit-contact:hover, .contact-box textarea#submit-comment:hover, .comment-box input#submit-contact:hover, .comment-box input#submit-comment:hover, .comment-box textarea#submit-contact:hover, .comment-box textarea#submit-comment:hover { background: #3e3e4a; } .contact-box textarea, .comment-box textarea { width: 100%; padding: 8px 15px; } .contact-box label.error, .comment-box label.error { color: #f15c22; position: absolute; top: 0; right: 10px; margin: 0; line-height: 30px; } .contact-box .input-label, .comment-box .input-label { color: #3e3e4a; margin: 5px 0 5px; } .contact-box .input-label > span, .comment-box .input-label > span { color: #f15c22; margin-left: 5px; } .widget .contact-box, .widget .comment-box, .widget .kopa-map-wrapper { margin-bottom: 0; } .contact-info { margin-bottom: 30px; } .contact-info address { font-family: "Roboto", sans-serif; font-weight: 600; color: #3e3e4a; } .contact-info address a { font-family: "Roboto", sans-serif; font-weight: 400; color: #f15c22; } .contact-info address a:hover { color: #757575; } .contact-info address .ct-phone { font-family: "Roboto", sans-serif; font-weight: 400; color: #757575; } .portfolio-container, .portfolio-container2 { position: relative; } /*--- filter ---*/ .filters-options { margin-bottom: 30px; text-align: center; } .filters-options li { padding: 10px 20px; background: #e9e7e8; margin: 0 13px 10px; display: inline-block; cursor: pointer; font-weight: 400; text-transform: uppercase; color: #3e3e4a; position: relative; } .filters-options li:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 25px solid transparent; border-top: 42px solid #e9e7e8; bottom: 0; left: 50%; margin-left: 0px; left: 100%; z-index: 999; } .filters-options li:after { content: ''; position: absolute; border-top: 42px solid transparent; border-bottom: 0 solid transparent; border-right: 25px solid #e9e7e8; top: 0; left: -25px; z-index: 998; } .filters-options li.active, .filters-options li:hover { background: #f15c22; color: #fff; } .filters-options li.active:before, .filters-options li:hover:before { border-top-color: #f15c22; } .filters-options li.active:after, .filters-options li:hover:after { border-right-color: #f15c22; } .filters-options li input { display: none; } /*--- rating ---*/ .kopa-rating { width: 100%; margin-bottom: 5px; display: inline-block; position: relative; } .kopa-rating li { font-size: 13px; float: left; color: #f15c22; margin-left: 0; } .kopa-rating li.inactive span:before { content: "\f123"; } .btn-add-to-cart, .btn-detail { text-align: center; width: 38px; height: 38px; line-height: 38px; font-size: 20px; position: absolute; top: auto; margin-top: -19px; margin-left: -19px; bottom: 0; right: 0; background: #7a7a7a; color: #fff; } .btn-add-to-cart:hover, .btn-detail:hover { background: #f15c22; color: #fff; } .kopa-loadmore { text-align: center; margin-top: 30px; background: #cccccc; border-bottom: 4px solid #b0b0b4; padding: 12px 9px 8px; font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 24px; color: #f15c22; text-transform: uppercase; cursor: pointer; } .kopa-flickr-widget .flickr-wrap { margin: -5px -2.5px 0; } .kopa-flickr-widget .flickr-wrap li { float: left; margin: 5px 2.5px 0; /*&:nth-child(3), &:nth-child(4){ a { width: 135px !important; } }*/ } .kopa-flickr-widget .flickr-wrap li a { display: block; width: 65px !important; height: 65px !important; border-radius: 5px; } /** * 3.1 - Widget * ------------------------------------------------------------------- */ .widget { margin-bottom: 30px; position: relative; } .widget > header { text-align: center; margin-bottom: 20px; } .widget > header .widget-title { margin-bottom: 10px; } .widget-title { font-size: 18px; line-height: 26px; margin-bottom: 15px; text-transform: uppercase; font-weight: 700; color: #3e3e4a; } .widget-title.style1 { color: #f15c22; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; } .widget-title.style2 { margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #60606a; } .widget-title.style3, .widget-title.style5 { margin-bottom: 0; } .widget-title.style3 span, .widget-title.style5 span { color: #f15c22; } .widget-title.style4 { text-align: center; margin-bottom: 0; padding: 14px 20px; border-bottom: 2px solid #60606a; } .widget-title.style5 { background: #1a1a1f; border-bottom: none; color: #fff; font-weight: 400; position: relative; padding: 14px 150px 14px 20px; } .widget-title.style5 a { position: absolute; top: 0; right: 0; font-size: 16px; line-height: 24px; text-transform: none; color: #fff; } .widget-title.style5 a:hover { color: #f15c22; } .widget-title.style5 a > i { display: inline-block; text-align: center; width: 58px; height: 54px; line-height: 54px; font-size: 20px; background: #3e3e4a; color: #fff; margin-left: 10px; } .widget-content { position: relative; } /*-- widget default --*/ .widget_categories > ul > li, .widget_categories ul.menu > li, .widget_categories .pd-20 > ul > li, .widget_categories .pd-20 ul.menu > li, .widget_recent_entries > ul > li, .widget_recent_entries ul.menu > li, .widget_archive > ul > li, .widget_archive ul.menu > li, .widget_meta > ul > li, .widget_meta ul.menu > li, .widget_nav_menu > ul > li, .widget_nav_menu ul.menu > li, .widget_pages > ul > li, .widget_pages ul.menu > li, .widget_recent_comments > ul > li, .widget_recent_comments ul.menu > li, .widget_rss > ul > li, .widget_rss ul.menu > li { color: #3e3e4a; position: relative; margin-top: 15px; } .widget_categories > ul > li:first-child, .widget_categories ul.menu > li:first-child, .widget_categories .pd-20 > ul > li:first-child, .widget_categories .pd-20 ul.menu > li:first-child, .widget_recent_entries > ul > li:first-child, .widget_recent_entries ul.menu > li:first-child, .widget_archive > ul > li:first-child, .widget_archive ul.menu > li:first-child, .widget_meta > ul > li:first-child, .widget_meta ul.menu > li:first-child, .widget_nav_menu > ul > li:first-child, .widget_nav_menu ul.menu > li:first-child, .widget_pages > ul > li:first-child, .widget_pages ul.menu > li:first-child, .widget_recent_comments > ul > li:first-child, .widget_recent_comments ul.menu > li:first-child, .widget_rss > ul > li:first-child, .widget_rss ul.menu > li:first-child { margin-top: 0; } .widget_categories > ul > li .sub-menu, .widget_categories > ul > li .children, .widget_categories ul.menu > li .sub-menu, .widget_categories ul.menu > li .children, .widget_categories .pd-20 > ul > li .sub-menu, .widget_categories .pd-20 > ul > li .children, .widget_categories .pd-20 ul.menu > li .sub-menu, .widget_categories .pd-20 ul.menu > li .children, .widget_recent_entries > ul > li .sub-menu, .widget_recent_entries > ul > li .children, .widget_recent_entries ul.menu > li .sub-menu, .widget_recent_entries ul.menu > li .children, .widget_archive > ul > li .sub-menu, .widget_archive > ul > li .children, .widget_archive ul.menu > li .sub-menu, .widget_archive ul.menu > li .children, .widget_meta > ul > li .sub-menu, .widget_meta > ul > li .children, .widget_meta ul.menu > li .sub-menu, .widget_meta ul.menu > li .children, .widget_nav_menu > ul > li .sub-menu, .widget_nav_menu > ul > li .children, .widget_nav_menu ul.menu > li .sub-menu, .widget_nav_menu ul.menu > li .children, .widget_pages > ul > li .sub-menu, .widget_pages > ul > li .children, .widget_pages ul.menu > li .sub-menu, .widget_pages ul.menu > li .children, .widget_recent_comments > ul > li .sub-menu, .widget_recent_comments > ul > li .children, .widget_recent_comments ul.menu > li .sub-menu, .widget_recent_comments ul.menu > li .children, .widget_rss > ul > li .sub-menu, .widget_rss > ul > li .children, .widget_rss ul.menu > li .sub-menu, .widget_rss ul.menu > li .children { margin-left: 10px; } .widget_categories > ul > li .sub-menu li, .widget_categories > ul > li .children li, .widget_categories ul.menu > li .sub-menu li, .widget_categories ul.menu > li .children li, .widget_categories .pd-20 > ul > li .sub-menu li, .widget_categories .pd-20 > ul > li .children li, .widget_categories .pd-20 ul.menu > li .sub-menu li, .widget_categories .pd-20 ul.menu > li .children li, .widget_recent_entries > ul > li .sub-menu li, .widget_recent_entries > ul > li .children li, .widget_recent_entries ul.menu > li .sub-menu li, .widget_recent_entries ul.menu > li .children li, .widget_archive > ul > li .sub-menu li, .widget_archive > ul > li .children li, .widget_archive ul.menu > li .sub-menu li, .widget_archive ul.menu > li .children li, .widget_meta > ul > li .sub-menu li, .widget_meta > ul > li .children li, .widget_meta ul.menu > li .sub-menu li, .widget_meta ul.menu > li .children li, .widget_nav_menu > ul > li .sub-menu li, .widget_nav_menu > ul > li .children li, .widget_nav_menu ul.menu > li .sub-menu li, .widget_nav_menu ul.menu > li .children li, .widget_pages > ul > li .sub-menu li, .widget_pages > ul > li .children li, .widget_pages ul.menu > li .sub-menu li, .widget_pages ul.menu > li .children li, .widget_recent_comments > ul > li .sub-menu li, .widget_recent_comments > ul > li .children li, .widget_recent_comments ul.menu > li .sub-menu li, .widget_recent_comments ul.menu > li .children li, .widget_rss > ul > li .sub-menu li, .widget_rss > ul > li .children li, .widget_rss ul.menu > li .sub-menu li, .widget_rss ul.menu > li .children li { margin-top: 10px; } .widget_categories > ul > li > a, .widget_categories ul.menu > li > a, .widget_categories .pd-20 > ul > li > a, .widget_categories .pd-20 ul.menu > li > a, .widget_recent_entries > ul > li > a, .widget_recent_entries ul.menu > li > a, .widget_archive > ul > li > a, .widget_archive ul.menu > li > a, .widget_meta > ul > li > a, .widget_meta ul.menu > li > a, .widget_nav_menu > ul > li > a, .widget_nav_menu ul.menu > li > a, .widget_pages > ul > li > a, .widget_pages ul.menu > li > a, .widget_recent_comments > ul > li > a, .widget_recent_comments ul.menu > li > a, .widget_rss > ul > li > a, .widget_rss ul.menu > li > a { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; } .widget_categories > ul > li > span, .widget_categories ul.menu > li > span, .widget_categories .pd-20 > ul > li > span, .widget_categories .pd-20 ul.menu > li > span, .widget_recent_entries > ul > li > span, .widget_recent_entries ul.menu > li > span, .widget_archive > ul > li > span, .widget_archive ul.menu > li > span, .widget_meta > ul > li > span, .widget_meta ul.menu > li > span, .widget_nav_menu > ul > li > span, .widget_nav_menu ul.menu > li > span, .widget_pages > ul > li > span, .widget_pages ul.menu > li > span, .widget_recent_comments > ul > li > span, .widget_recent_comments ul.menu > li > span, .widget_rss > ul > li > span, .widget_rss ul.menu > li > span { float: right; display: inline-block; color: #909195; } .widget_rss .widget-title .rsswidget { font-family: inherit; font-size: inherit; color: inherit; text-transform: inherit; font-weight: inherit; float: none; } .widget_rss > ul > li a { color: #f15c22; } .textwidget p { font-size: 14px; } .textwidget p strong { font-weight: normal; margin-bottom: 20px; display: inline-block; } .textwidget img { max-width: 100%; height: auto; margin-bottom: 20px; } .wp-caption img { max-width: 100%; height: auto; margin-bottom: 20px; } .post-date { margin-left: 3px; color: #f15c22; font-size: 11px; text-transform: uppercase; font-weight: normal; line-height: 11px; } .wp-playlist { margin: 0 !important; } .tagcloud a { padding: 8px 18px; margin: 4px 2px; display: inline-block; border: 1px solid #e9e7e8; font-size: 14px !important; color: #3e3e4a; } .tagcloud a:hover { border: 1px solid #f15c22; color: #f15c22; } .widget_categories select, .widget_archive select, .widget_nav_menu select, .widget_pages select, .widget_recent_comments select, .widget_rss select, .textwidget select { font-size: 13px; color: #3e3e4a; width: 100%; height: 30px; padding: 0 20px; border: 1px solid #e9e7e8; outline: none; position: relative; } /*Calendar*/ .widget_calendar table { line-height: 2; margin: 0; padding: 0; width: 100%; margin-top: -5px; } .widget_calendar caption { font-weight: 600; border-bottom: 1px solid #e9e7e8; color: #3e3e4a; font-size: 16px; padding-bottom: 15px; line-height: 18px; } .widget_calendar tfoot { border-top: 1px solid #e9e7e8; font-weight: 700; } .widget_calendar tfoot td { padding-top: 15px; } .widget_calendar thead th { width: 14.285%; font-size: 16px; color: #f15c22; } .widget_calendar tbody td, .widget_calendar thead th { text-align: center; text-align: center; font-weight: 600; border-bottom: 1px solid #e9e7e8; color: #3e3e4a; font-size: 14px; margin-bottom: 15px; padding-bottom: 12px; padding-top: 15px; line-height: 18px; } .widget_calendar tbody a { color: #f15c22; display: block; } .widget_calendar #prev { padding-left: 5px; } .widget_calendar #next { padding-right: 5px; text-align: right; } /*Search*/ .widget_search .searchform, .widget_search .search-form { width: 100%; position: relative; } .widget_search .searchform label, .widget_search .search-form label { display: none; } .widget_search .searchform .search-text, .widget_search .searchform input[type="text"], .widget_search .search-form .search-text, .widget_search .search-form input[type="text"] { width: 100%; height: 38px; padding: 5px 70px 5px 10px; color: #757575; background: #e9e7e8; border: none; outline: none; float: left; margin-right: 3.44828%; font-style: italic; } .widget_search .searchform .search-submit, .widget_search .searchform input[type="submit"], .widget_search .search-form .search-submit, .widget_search .search-form input[type="submit"] { width: 60px; height: 38px; border: none; outline: none; background: #f15c22; font-size: 12px; text-transform: uppercase; font-weight: 700; padding: 0; color: #fff; position: absolute; top: 0; right: 0; } .widget_search .searchform .search-submit > span, .widget_search .searchform input[type="submit"] > span, .widget_search .search-form .search-submit > span, .widget_search .search-form input[type="submit"] > span { display: none; } .widget_search .searchform .search-submit:before, .widget_search .searchform input[type="submit"]:before, .widget_search .search-form .search-submit:before, .widget_search .search-form input[type="submit"]:before { content: "go"; } .widget_search .searchform .search-submit:hover, .widget_search .searchform input[type="submit"]:hover, .widget_search .search-form .search-submit:hover, .widget_search .search-form input[type="submit"]:hover { color: #3e3e4a; } .widget_search.style1 .search-form { position: relative; } .widget_search.style1 .search-form .search-text { width: 100%; padding: 5px 70px 5px 15px; margin-right: none; } .widget_search.style1 .search-form .search-submit { width: 53px; position: absolute; top: 0; right: 0; } .widget_search.style1 .search-form .search-submit:after { content: ''; position: absolute; border-top: 38px solid transparent; border-bottom: 0 solid transparent; border-right: 15px solid #f15c22; top: 0; left: -15px; z-index: 998; } #main-content .widget { background: #fff; margin-bottom: 20px; border-bottom: 2px solid #d1d1d1; } #main-content .widget_categories, #main-content .widget_categories .pd-20, #main-content .widget_recent_entries, #main-content .widget_archive, #main-content .widget_meta, #main-content .widget_nav_menu, #main-content .widget_pages, #main-content .widget_recent_comments, #main-content .widget_rss, #main-content .widget_tag_cloud, #main-content .widget_calendar, #main-content .widget_search, #main-content .widget_text { padding: 20px; } .kopa-bg-content { background: #fff; margin-bottom: 20px; border-bottom: 2px solid #d1d1d1; } /*--- Kopa newsletter widget ---*/ .kopa-newsletter-widget .newsletter-intro .news-icon { font-size: 40px; float: left; margin-right: 15px; margin-top: -4px; background: url("images/nlt.png") no-repeat center; height: 42px; width: 44px; } .kopa-newsletter-widget .newsletter-intro .news-icon:before { display: none; } .kopa-newsletter-widget .newsletter-intro .info-content { overflow: hidden; } .kopa-newsletter-widget .newsletter-intro .info-content > h4 { margin-top: -5px; margin-bottom: 0; } .kopa-newsletter-widget .newsletter-intro .info-content > span { font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; color: #e9e7e8 !important; } .kopa-newsletter-widget .newsletter-content { position: relative; margin-top: 30px; } .kopa-newsletter-widget .newsletter-content .input-icon { position: absolute; top: 12px; left: 11px; color: #3e3e4a !important; z-index: 999; } .kopa-newsletter-widget .newsletter-form { position: relative; } .kopa-newsletter-widget .newsletter-form .input-area { width: 100%; float: left; position: relative; } .kopa-newsletter-widget .newsletter-form .input-area > input { width: 100%; background: #dfdfdf; border: 2px solid #fff; border-radius: 4px; padding: 7px 40px 7px 32px; font-size: 13px; line-height: 13px; color: #909195; } .kopa-newsletter-widget .newsletter-form .input-area label.error { color: #f15c22; position: absolute; top: 0; right: 10px; margin: 0; line-height: 44px; } .kopa-newsletter-widget .newsletter-form .search-submit { background: none; border: none; color: #3e3e4a !important; position: absolute; top: 8px; right: 8px; outline: none !important; } .kopa-newsletter-widget .newsletter-form .search-submit span { color: #3e3e4a !important; font-size: 18px; } .kopa-newsletter-widget.style1 { background: #3e3e4a !important; } .kopa-newsletter-widget.style1 .widget-title { color: #fff; } .kopa-newsletter-widget.style1 .newsletter-intro { text-align: center; } .kopa-newsletter-widget.style1 .newsletter-intro .news-icon { display: block; float: none; color: #fff; margin: 0 0 5px; background: url("images/nlt.png") no-repeat center; height: 42px; width: 100%; } .kopa-newsletter-widget.style1 .newsletter-intro .news-icon:before { display: none; } .kopa-newsletter-widget.style1 .newsletter-intro .info-content { overflow: visible; } .kopa-newsletter-widget.style1 .newsletter-intro .info-content > span { color: #fff !important; } .kopa-newsletter-widget.style1 .newsletter-content { margin-top: 15px; } /*--- kopa-ads-widget ---*/ .kopa-ads-widget { text-align: center; background: none !important; border: none !important; } .kopa-ads-widget a { display: block; } /** * 3.1.1 - widget-area * ------------------------------------------------------------------- */ .widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 { float: left; padding: 40px 20px 0; min-height: 1px; position: relative; } .widget-area-1 { width: 23%; background: #3e3e4a; } .widget-area-1 .widget { margin-bottom: 20px; } .widget-area-2 { width: 16%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a)); background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a); background: -moz-linear-gradient(left, #3a3a45, #3e3e4a); background: -o-linear-gradient(left, #3a3a45, #3e3e4a); background: -ms-linear-gradient(left, #3a3a45, #3e3e4a); background: linear-gradient(left, #3a3a45, #3e3e4a); background-color: #3a3a45; } .widget-area-3 { width: 27%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a)); background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a); background: -moz-linear-gradient(left, #3a3a45, #3e3e4a); background: -o-linear-gradient(left, #3a3a45, #3e3e4a); background: -ms-linear-gradient(left, #3a3a45, #3e3e4a); background: linear-gradient(left, #3a3a45, #3e3e4a); background-color: #3a3a45; } .widget-area-4 { width: 34%; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a)); background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a); background: -moz-linear-gradient(left, #3a3a45, #3e3e4a); background: -o-linear-gradient(left, #3a3a45, #3e3e4a); background: -ms-linear-gradient(left, #3a3a45, #3e3e4a); background: linear-gradient(left, #3a3a45, #3e3e4a); background-color: #3a3a45; } /*--- grid ---*/ .style1.row { margin: 0 -20px; } @media screen and (max-width: 639px) { .style1.row > div { width: 100%; margin-top: 20px; } .style1.row > div:first-child { margin-top: 0; } } .row.mb-30 { margin-bottom: 30px; } .kopa-main-col, .sidebar, .widget-area-14, .widget-area-26, .widget-area-15, .widget-area-25, .kopa-col-1, .kopa-col-2, .kopa-col-3 { float: left; padding: 0 10px; min-height: 1px; position: relative; } .kopa-main-col { width: 73.10924%; } .sidebar { width: 26.89076%; } .widget-area-14, .widget-area-26 { width: 73.56322%; } .widget-area-15, .widget-area-25 { width: 26.43678%; } .warea-wrap { background: #3e3e4a; margin-bottom: 20px; } .widget-area-16 { width: 75%; float: left; min-height: 1px; position: relative; } .widget-area-16 .widget:last-child { margin-bottom: 0 !important; } .widget-area-17 { width: 25%; float: left; min-height: 1px; position: relative; } .widget-area-17 .widget:last-child { margin-bottom: 0 !important; } .kopa-col-1 { width: 53.78151%; } .kopa-col-2 { width: 26.89076%; } .kopa-col-3 { width: 19.32773%; } .widget-area-31 { margin: 20px 0; padding: 20px 20px 0; background: #fff; } /* - */ /*--- kopa-follow-widget ---*/ .kopa-follow-widget > ul { margin-top: -15px; } .kopa-follow-widget > ul > li { margin-top: 15px; } .kopa-follow-widget a i { display: inline-block; text-align: center; width: 36px; height: 36px; line-height: 36px; font-size: 20px; background: #f15c22; color: #fff; border-radius: 50%; } .kopa-follow-widget a span { font-family: "Roboto Condensed", sans-serif; font-size: 14px; line-height: 22px; color: #757575; font-weight: 700; text-transform: uppercase; margin-left: 20px; } .kopa-follow-widget a:hover span { color: #f15c22 !important; } /*--- article-list-1 ---*/ .article-list-1 > ul > li { margin-top: 20px; } .article-list-1 .entry-item .entry-thumb { width: 89px; float: left; margin-right: 20px; } .article-list-1 .entry-item .entry-content { overflow: hidden; } .article-list-1 .entry-item .entry-title { font-size: 14px; line-height: 22px; margin-top: -5px; margin-bottom: 5px; } /*--- kopa-editor-widget ---*/ .kopa-editor-widget > ul { margin: -10px -5px 0; } .kopa-editor-widget > ul > li { width: 25%; float: left; padding: 10px 5px 0; } /*--- kopa-masonry-widget ---*/ .h5-content { position: absolute; left: 0; bottom: 0; font-family: "Roboto", sans-serif; font-size: 13px; line-height: 22px; color: white; text-transform: uppercase; font-weight: 600; padding: 4px 10px; background: #f15c22; margin-bottom: 0px; } .h5-content:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #f15c22; bottom: -10px; left: 50%; margin-left: 0px; left: 0; z-index: 999; } .h5-content a { display: inline-block; margin-left: 5px; color: #fff; } .h5-content a:first-child { margin-left: 0; } .h5-content a:hover { color: #3e3e4a; } .kopa-video-time { position: absolute; right: 0; bottom: 0; background: url("images/background/bg/black/5.png"); background: rgba(50, 50, 60, 0.7); color: #cccccc !important; padding: 1px 5px; display: inline-block; } .entry-content.style1, .entry-content.style2, .entry-content.style3 { width: 100%; position: absolute; bottom: 0; left: 0; background: url("images/background/bg/black/5.png"); background: rgba(50, 50, 60, 0.7); padding: 15px 20px; color: #fff; } .entry-content.style1 span, .entry-content.style2 span, .entry-content.style3 span, .entry-content.style1 p, .entry-content.style2 p, .entry-content.style3 p { color: #fff; } .entry-content.style1 a, .entry-content.style2 a, .entry-content.style3 a { color: #fff; } .entry-content.style1 a:hover, .entry-content.style2 a:hover, .entry-content.style3 a:hover { color: #f15c22; } .entry-content.style1 .h5-content, .entry-content.style2 .h5-content, .entry-content.style3 .h5-content { bottom: 100%; z-index: 99; } .entry-content.style1 .h5-content a:hover, .entry-content.style2 .h5-content a:hover, .entry-content.style3 .h5-content a:hover { color: #3e3e4a; } .entry-content.style1 .thumb-icon, .entry-content.style2 .thumb-icon, .entry-content.style3 .thumb-icon { top: 0; left: 0; margin: -28px 0 0; } .entry-content.style1 .entry-meta, .entry-content.style2 .entry-meta, .entry-content.style3 .entry-meta { color: #fff; } .entry-content.style1 .entry-meta > span i, .entry-content.style2 .entry-meta > span i, .entry-content.style3 .entry-meta > span i, .entry-content.style1 .entry-meta > p i, .entry-content.style2 .entry-meta > p i, .entry-content.style3 .entry-meta > p i { color: #fff !important; } .entry-content.style1 .entry-meta > a:hover span, .entry-content.style2 .entry-meta > a:hover span, .entry-content.style3 .entry-meta > a:hover span { color: #f15c22; } .entry-content.style2 .entry-title, .entry-content.style2 .entry-meta { position: relative; z-index: 999; } .entry-content.style3 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } .kopa-masonry-widget { overflow: hidden; border: none !important; background: none !important; } .kopa-masonry-wrap { margin: 0 -1px; } .ms-item1 { float: left; margin: 0; width: 25%; padding: 0; } .ms-item1.size1 { width: 50%; } .ms-item1.size1 .entry-item .entry-content { background: url("images/background/bg/black/7.png"); background: rgba(0, 0, 0, 0.7); } .ms-item1.size1 .entry-item .entry-content .entry-title { margin-bottom: 10px; font-size: 28px; line-height: 36px; } .ms-item1.size1 .entry-item .entry-content .entry-meta { display: block; } .ms-item1 .entry-item .entry-content .entry-title { margin-bottom: 0; } .ms-item1 .entry-item .entry-content .entry-meta { display: none; } .ms-item8 { float: left; margin: 0; padding: 0; width: 33.33333%; } .ms-item8.size1 { width: 66.5%; } .ms-item8.size1 .entry-item .entry-content { background: url("images/background/bg/black/5.png"); background: rgba(50, 50, 60, 0.7); } .ms-item8.size1 .entry-item .entry-content .entry-title { font-size: 24px; line-height: 32px; } .ms-item8.size1 .entry-item .entry-content .entry-meta { display: block; } .ms-item8 .entry-item .entry-content .entry-title { margin-bottom: 0; } .ms-item8 .entry-item .entry-content .entry-meta { display: none; } /*--- kopa-ads-1-widget ---*/ .kopa-ads-1-widget { background: #d1d1d1 !important; padding: 20px; } /*--- article-list-2 ---*/ .order-num { position: relative; font-size: 16px; line-height: 24px; color: white; text-transform: uppercase; font-weight: 700; padding: 6px 9px; background: #f15c22; } .order-num:before { content: ''; position: absolute; border-left: 0px solid transparent; border-right: 7px solid transparent; border-top: 10px solid #f15c22; bottom: -10px; left: 50%; margin-left: 0px; left: 0; z-index: 999; } .article-list-2 { border-bottom: none !important; } .article-list-2 .pd-20 { background: #32323c; } .article-list-2 .pd-20 > ul { background: #3e3e4a; } .article-list-2 .pd-20 > ul > li { padding: 15px 20px; border-top: 1px solid #60606a; } .article-list-2 .pd-20 > ul > li:first-child { border: none; } .article-list-2 .pd-20 > ul > li .entry-item .entry-title { margin-bottom: 0; font-size: 14px; line-height: 22px; } .article-list-2 .pd-20 > ul > li .entry-item .entry-title a { color: #fff; } .article-list-2 .pd-20 > ul > li .entry-item .entry-title a:hover { color: #f15c22; } .article-list-2 .pd-20 > ul > li .order-num { float: left; margin-right: 20px; background: #fff; color: #f15c22; margin-top: 5px; margin-bottom: 5px; } .article-list-2 .pd-20 > ul > li .order-num:before { border-top-color: #fff; } .article-list-2 .pd-20 .last-item .entry-content { padding: 5px 20px; } .article-list-2 .pd-20 .last-item .entry-content .order-num { position: absolute; left: 0; bottom: 100%; } .article-list-2 .pd-20 .last-item .entry-content .entry-title { margin-bottom: 0; } .article-list-2 .more-link { margin-top: 0; color: #fff; } .article-list-2 .more-link:hover { color: #f15c22; } /*--- article-list-3 ---*/ .article-list-3 .widget-content { padding-bottom: 30px; } .article-list-3 .widget-content .last-item { width: 65.4321%; float: left; min-height: 1px; padding-right: 20px; border-right: 1px solid #e9e7e8; } .article-list-3 .widget-content .last-item .entry-content .entry-title { font-size: 28px; line-height: 36px; } .article-list-3 .widget-content .last-item .entry-content .entry-meta { margin-bottom: 15px; } .article-list-3 .widget-content > ul { width: 34.5679%; float: left; min-height: 1px; padding-left: 20px; border-left: 1px solid #e9e7e8; margin-left: -1px; } .article-list-3 .widget-content > ul > li { margin-top: 15px; } .article-list-3 .widget-content > ul > li:first-child { margin-top: 0; } /*--- kopa-categories-widget ---*/ .owl-carousel-1.owl-theme .owl-controls { position: absolute; top: -55px; right: -5px; } .owl-carousel-1 .item .entry-title { margin-bottom: 0; } .owl-carousel-1 .item .pd-20 .kopa-e-list li { border-top-style: dashed; font-size: 14px; font-family: "Roboto Condensed", sans-serif; } .owl-carousel-1 .item.bgb .pd-20 { background: #e9e7e8; } .owl-carousel-1 .item.bgb .pd-20 .kopa-e-list li { border-top-color: #fff; } /*--- article-list-4 ---*/ .article-list-4 .pd-20 > ul > li { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e7e8; } .article-list-4 .entry-item .entry-thumb { width: 155px; margin: 0 20px 10px 0; float: left; } .article-list-4 .entry-item .entry-content { overflow: hidden; } .article-list-4 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-top: -5px; margin-bottom: 0; } .article-list-4 .entry-item .entry-content .entry-meta { margin-bottom: 5px; } .article-list-4 .entry-item .entry-content > p { margin-bottom: 0; } /*--- article-list-5 ---*/ .article-list-5 .pd-20 .last-item { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #e9e7e8; } .article-list-5 .pd-20 .last-item .entry-content .entry-title { font-size: 22px; line-height: 28px; } .article-list-5 .pd-20 .last-item .entry-content .entry-meta { margin-bottom: 10px; } .article-list-5 .pd-20 > ul { margin-top: -20px; } .article-list-5 .pd-20 > ul > li { margin-top: 20px; } .article-list-5 .pd-20 > ul .entry-item .entry-content .entry-title { margin-bottom: 5px; } .article-list-5 .pd-20 > ul .entry-item .entry-content .entry-meta { margin-bottom: 5px; } .article-list-5 .pd-20 > ul .entry-item .entry-content > p { margin: 0; } /*--- article-list-6 ---*/ .article-list-6 .pd-20 > ul { margin-top: -20px; } .article-list-6 .pd-20 > ul > li { margin-top: 20px; } .article-list-6 .pd-20 .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; } .article-list-6 .pd-20 .entry-item .entry-content .entry-meta { margin-bottom: 10px; } /*--- widget_social_counter ---*/ .widget_vw_widget_social_counter { padding-top: 15px; padding-left: 5%; margin-bottom: -15px; } .vw-social-counter { background: #32323c; width: 45%; margin-right: 5%; float: left; margin-bottom: 15px; } .vw-social-counter-icon { float: left; display: inline-block; width: 50px; height: 50px; background-color: #EEE; color: #333; text-align: center; margin-right: 5px; } .vw-social-counter-icon i { line-height: 50px; font-size: 18px; } .vw-social-counter-count, .vw-social-counter-count, .vw-social-counter-icon { -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s; } .vw-social-counter-twitter .vw-social-counter-icon { background-color: #55ACEE; color: #FFF; } .vw-social-counter-twitter:hover .vw-social-counter-icon { background-color: #88C4F3; } .vw-social-counter-twitter:hover .vw-social-counter-count { color: #55ACEE; } .vw-social-counter-facebook .vw-social-counter-icon { background-color: #3D62B3; color: #FFF; } .vw-social-counter-facebook:hover .vw-social-counter-icon { background-color: #7791C9; } .vw-social-counter-facebook:hover .vw-social-counter-count { color: #3D62B3; } .vw-social-counter-youtube .vw-social-counter-icon { background-color: #CC181E; color: #FFF; } .vw-social-counter-youtube:hover .vw-social-counter-icon { background-color: #DB5D61; } .vw-social-counter-youtube:hover .vw-social-counter-count { color: #CC181E; } .vw-social-counter-googleplus .vw-social-counter-icon { background-color: #D34836; color: #FFF; } .vw-social-counter-googleplus:hover .vw-social-counter-icon { background-color: #E07E72; } .vw-social-counter-googleplus:hover .vw-social-counter-count { color: #D34836; } .vw-social-counter-vimeo .vw-social-counter-icon { background-color: #1BB6EC; color: #FFF; } .vw-social-counter-vimeo:hover .vw-social-counter-icon { background-color: #5FCBF1; } .vw-social-counter-vimeo:hover .vw-social-counter-count { color: #1BB6EC; } .vw-social-counter-soundcloud .vw-social-counter-icon { background-color: #FE4600; color: #FFF; } .vw-social-counter-soundcloud:hover .vw-social-counter-icon { background-color: #FE7D4C; } .vw-social-counter-soundcloud:hover .vw-social-counter-count { color: #FE4600; } .vw-social-counter-pinterest .vw-social-counter-icon { background-color: #CB2028; color: #FFF; } .vw-social-counter-pinterest:hover .vw-social-counter-icon { background-color: #DA6268; } .vw-social-counter-pinterest:hover .vw-social-counter-count { color: #CB2028; } .vw-social-counter-vk .vw-social-counter-icon { background-color: #44678D; color: #FFF; } .vw-social-counter-vk:hover .vw-social-counter-icon { background-color: #7C94AF; } .vw-social-counter-vk:hover .vw-social-counter-count { color: #44678D; } .vw-social-counter-dribbble .vw-social-counter-icon { background-color: #E14D86; color: #FFF; } .vw-social-counter-dribbble:hover .vw-social-counter-icon { background-color: #EA82AA; } .vw-social-counter-dribbble:hover .vw-social-counter-count { color: #E14D86; } .vw-social-counter-counter { float: left; display: inline-block; } .vw-social-counter-counter .vw-social-counter-count { color: #FFF; } .vw-social-counter-count { font-size: 22px; font-weight: bold; line-height: 1.2em; color: #333; margin-top: 5px; } .vw-social-counter-unit { font-size: 10px; line-height: 1em; margin-top: 2px; color: #dfdfdf; text-transform: uppercase; } .widget_vw_widget_social_profile .vw-site-social-profile-icon { background: #000; color: #FFF; font-size: 16px; margin-right: 10px; margin-bottom: 10px; } .widget_vw_widget_social_profile .vw-site-social-profile-iconi { width: 40px; height: 40px; line-height: 40px; } .widget_vw_widget_social_profile .vw-site-social-profile-icon i:before { width: auto; } .widget_vw_widget_social_profile .vw-site-social-profile-icon + .vw-site-social-profile-icon { margin-left: 0; } .widget_vw_widget_social_profile .vw-site-social-delicious { background-color: #0065C7; } .widget_vw_widget_social_profile .vw-site-social-delicious:hover { background-color: #4C93D7; } .widget_vw_widget_social_profile .vw-site-social-digg { background-color: #000; } .widget_vw_widget_social_profile .vw-site-social-digg:hover { background-color: #4C4C4C; } .widget_vw_widget_social_profile .vw-site-social-dribbble { background-color: #EA4C89; } .widget_vw_widget_social_profile .vw-site-social-dribbble:hover { background-color: #F081AC; } .widget_vw_widget_social_profile .vw-site-social-facebook { background-color: #3D62B3; } .widget_vw_widget_social_profile .vw-site-social-facebook:hover { background-color: #7791C9; } .widget_vw_widget_social_profile .vw-site-social-flickr { background-color: #FF0084; } .widget_vw_widget_social_profile .vw-site-social-flickr:hover { background-color: #FF4CA8; } .widget_vw_widget_social_profile .vw-site-social-forrst { background-color: #33713E; } .widget_vw_widget_social_profile .vw-site-social-forrst:hover { background-color: #709B77; } .widget_vw_widget_social_profile .vw-site-social-github { background-color: #000; } .widget_vw_widget_social_profile .vw-site-social-github:hover { background-color: #4C4C4C; } .widget_vw_widget_social_profile .vw-site-social-googleplus { background-color: #D34836; } .widget_vw_widget_social_profile .vw-site-social-googleplus:hover { background-color: #E07E72; } .widget_vw_widget_social_profile .vw-site-social-instagram { background-color: #1E5D81; } .widget_vw_widget_social_profile .vw-site-social-instagram:hover { background-color: #618DA6; } .widget_vw_widget_social_profile .vw-site-social-linkedin { background-color: #007BB6; } .widget_vw_widget_social_profile .vw-site-social-linkedin:hover { background-color: #4CA2CB; } .widget_vw_widget_social_profile .vw-site-social-lastfm { background-color: #D21309; } .widget_vw_widget_social_profile .vw-site-social-lastfm:hover { background-color: #DF5952; } .widget_vw_widget_social_profile .vw-site-social-pinterest { background-color: #CC2127; } .widget_vw_widget_social_profile .vw-site-social-pinterest:hover { background-color: #DB6367; } .widget_vw_widget_social_profile .vw-site-social-rss { background-color: #F70; } .widget_vw_widget_social_profile .vw-site-social-rss:hover { background-color: #FF9F4C; } .widget_vw_widget_social_profile .vw-site-social-skype { background-color: #00ADF2; } .widget_vw_widget_social_profile .vw-site-social-skype:hover { background-color: #4CC5F5; } .widget_vw_widget_social_profile .vw-site-social-tumblr { background-color: #314E6C; } .widget_vw_widget_social_profile .vw-site-social-tumblr:hover { background-color: #6E8398; } .widget_vw_widget_social_profile .vw-site-social-twitter { background-color: #55ACEE; } .widget_vw_widget_social_profile .vw-site-social-twitter:hover { background-color: #88C4F3; } .widget_vw_widget_social_profile .vw-site-social-vimeo { background-color: #1DA7CE; } .widget_vw_widget_social_profile .vw-site-social-vimeo:hover { background-color: #60C1DC; } .widget_vw_widget_social_profile .vw-site-social-yahoo { background-color: #44029A; } .widget_vw_widget_social_profile .vw-site-social-yahoo:hover { background-color: #7C4DB8; } .widget_vw_widget_social_profile .vw-site-social-youtube { background-color: #CC181E; } .widget_vw_widget_social_profile .vw-site-social-youtube:hover { background-color: #DB5D61; } /*--- kopa-masonry-2-widget ---*/ .kopa-masonry-2-widget { border-bottom: none !important; overflow: hidden; background: #3e3e4a !important; } .ms-item2 { float: left; margin: 0; width: 25%; padding: 0; } .ms-item2.size1 { width: 50%; } .ms-item2.size1 .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 24px; line-height: 32px; } .ms-item2.size1 .entry-item .entry-content .entry-meta, .ms-item2.size1 .entry-item .entry-content > p { display: none; } .ms-item2 .entry-item .entry-content .entry-title { font-size: 18px; line-height: 26px; margin-bottom: 5px; } .ms-item2 .entry-item .entry-content .entry-meta { margin-bottom: 5px; } .ms-item2 .entry-item .entry-content > p { margin-bottom: 0; } /*--- kopa-masonry-3-widget ---*/ .kopa-masonry-3-widget { border-bottom: none !important; background: none !important; overflow: hidden; } .kopa-masonry-3-widget .widget-title { margin-bottom: 5px; } .kopa-masonry-3-widget .kopa-masonry-wrap { margin: -2.5px; } .ms-item3 { float: left; margin: 0; width: 24.9%; padding: 2.5px; } .ms-item3.size1 { width: 50%; } .ms-item3.size1 .entry-item .entry-content { padding: 20px; } .ms-item3.size1 .entry-item .entry-content .thumb-icon { margin: -44px 0 0; width: 70px; height: 44px; line-height: 44px; font-size: 25px; } .ms-item3.size1 .entry-item .entry-content .entry-title { font-size: 32px; line-height: 40px; } .ms-item3 .entry-item .entry-content { padding: 6px 10px; } .ms-item3 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; margin-bottom: 0; } .ms-item3.mobile { display: none; } /*--- kopa-masonry-4-widget ---*/ .kopa-masonry-4-widget { border-bottom: none !important; background: none !important; overflow: hidden; } .kopa-masonry-4-widget .kopa-masonry-wrap { margin: 0; } .ms-item4 { float: left; margin: 0; padding: 0; width: 33.25%; } .ms-item4 .entry-item .entry-content .entry-title { font-size: 24px; line-height: 32px; } .owl-carousel-6:hover .owl-controls { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .owl-carousel-6:hover .thumb-hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .owl-carousel-6 .owl-controls { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .owl-carousel-6 .owl-controls .owl-buttons div { text-align: center; width: 35px; height: 60px; line-height: 60px; font-size: 20px; position: absolute; top: 45%; margin-top: -30px; margin-left: -17.5px; margin-left: 0; } .owl-carousel-6 .owl-controls .owl-buttons div:before { display: none !important; } .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { background: url("images/background/prev.png") center center no-repeat; } .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { background: url("images/background/next.png") center center no-repeat; } .owl-carousel-6 .entry-title { font-size: 24px; line-height: 32px; } .owl-carousel-6 .thumb-hover { background: url("images/background/bg/black/2.png"); background: rgba(50, 50, 60, 0.25); } /*--- kopa-masonry-5-widget ---*/ .kopa-masonry-5-widget .kopa-masonry-wrap { margin: -10px; } .ms-item5 { float: left; margin: 0; padding: 0; width: 50%; padding: 10px; } .ms-item5 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 0; } /*--- kopa-masonry-7-widget ---*/ .kopa-masonry-7-widget .kopa-masonry-wrap { margin: -10px; } .ms-item7 { float: left; margin: 0; padding: 0; width: 24.9%; padding: 10px; } .ms-item7 .entry-item .thumb-icon { text-align: center; width: 44px; height: 28px; line-height: 28px; font-size: 16px; position: absolute; top: 50%; margin-top: -14px; margin-left: -22px; } .ms-item7 .entry-item .entry-content { padding: 6px 45px 6px 10px; } .ms-item7 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; margin-bottom: 0; } .ms-item7.size1 { width: 50%; } .ms-item7.size1 .entry-item .thumb-icon { text-align: center; width: 60px; height: 40px; line-height: 40px; font-size: 20px; position: absolute; top: 50%; margin-top: -20px; margin-left: -30px; } .ms-item7.size1 .entry-item .entry-content { padding: 16px 45px 16px 16px; } .ms-item7.size1 .entry-item .entry-content .entry-title { font-size: 18px; line-height: 26px; } /*--- article-list-7 ---*/ .article-list-7 .pd-20 > ul > li { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #e9e7e8; } .article-list-7 .pd-20 .entry-item .entry-title { font-size: 14px; line-height: 22px; } .kopa-view-all { border-top: 2px solid #e9e7e8; padding: 10px 20px; } .kopa-view-all .more-link { margin-top: 0; float: right; } /*--- article-list-8 ---*/ .article-list-8 .pd-20 > ul > li { margin-top: 20px; } .article-list-8 .pd-20 .entry-item .entry-thumb { margin-bottom: 15px; } .article-list-8 .pd-20 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; } /*--- article-list-9 ---*/ .article-list-9 .pd-20 > ul > li { margin-top: 5px; padding-top: 20px; border-top: 1px solid #e9e7e8; } .article-list-9 .pd-20 .entry-item .entry-thumb { width: 250px; margin-right: 20px; float: left; } .article-list-9 .pd-20 .entry-item .entry-content { overflow: hidden; } .article-list-9 .pd-20 .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; margin-top: -5px; } .article-list-9 .pd-20 .entry-item .entry-content .entry-meta { margin-bottom: 10px; } .article-list-9 .pd-20 .entry-item .entry-content > p { margin-bottom: 0; } /*--- article-list-10 ---*/ .article-list-10 .pd-20 > ul > li { margin-top: 15px; } .article-list-10 .pd-20 .entry-item .entry-content { overflow: hidden; } .article-list-10 .pd-20 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 0; } .article-list-10 .pd-20 .entry-item .entry-content .kopa-rating { margin-bottom: 0; } /*--- article-list-11 ---*/ .num-rating { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; color: #f15c22; display: inline-block; text-align: center; width: 38px; height: 38px; line-height: 38px; font-size: 16px; background: #32323c; float: left; margin-right: 15px; } .article-list-11 .pd-20 > ul > li { margin-top: 20px; } .article-list-11 .pd-20 .entry-item .entry-content { overflow: hidden; } .article-list-11 .pd-20 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; margin-top: -5px; margin-bottom: 0; } /*--- article-list-12 ---*/ .kopa-e-list.list-unorder.style1 li { margin-top: 10px; padding-top: 0; border-top: none; } .article-list-12 .entry-item .entry-thumb { margin-bottom: 10px; } .article-list-12 .entry-item .entry-title { font-size: 16px; line-height: 24px; } .article-list-12 .kopa-e-list { margin-top: 20px; } /*--- article-list-11 ---*/ .article-list-13 .pd-20 > ul > li { margin-top: 20px; } .article-list-13 .pd-20 > ul > li .entry-item .entry-thumb { width: 87px; float: left; margin-right: 20px; } .article-list-13 .pd-20 > ul > li .entry-item .entry-content { overflow: hidden; } .article-list-13 .pd-20 > ul > li .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; margin-top: -5px; margin-bottom: 5px; } /*--- kopa-comment-widget ---*/ .kopa-comment-widget { border-bottom: none !important; } .kopa-comment-widget .pd-20 { background: #32323c; } .kopa-comment-widget .pd-20 > ul > li { margin-top: 10px; } .kopa-comment-widget .pd-20 .entry-item .cmt-content { position: relative; padding: 15px 20px 5px 20px; background: #cccccc; color: #32323c; margin-bottom: 15px; } .kopa-comment-widget .pd-20 .entry-item .cmt-content:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 0 solid transparent; border-top: 10px solid #cccccc; bottom: -10px; left: 50%; margin-left: -10px; left: 5px; margin-left: 0; z-index: 999; } .kopa-comment-widget .pd-20 .entry-item > p { color: #fff; padding: 0 20px; } .kopa-comment-widget .pd-20 .entry-item > p a { color: #f15c22; } .kopa-comment-widget .pd-20 .entry-item > p a:hover { color: #cccccc; } .kopa-comment-widget .pd-20 .kopa-view-all { margin-top: 10px; border-top-color: #60606a; padding: 15px 0 0; } .kopa-comment-widget .pd-20 .kopa-view-all a { color: #b8b8c6; } .kopa-comment-widget .pd-20 .kopa-view-all a:hover { color: #f15c22; } /*--- kopa-facebook-widget ---*/ .kopa-facebook-widget iframe { border: none; height: 335px; } /*--- article-list-14 ---*/ .kopa-more-link { width: 100%; display: block; margin-top: 8px; } .kopa-more-link:after { content: '\f054'; float: right; font-size: 10px; margin-top: 8px; margin-left: 5px; } .article-list-14 { background: #3e3e4a !important; border-bottom: none !important; } .article-list-14 .widget-title { color: #fff; } .article-list-14 a { color: #fff; } .article-list-14 a:hover { color: #f15c22; } .article-list-14 .pd-20 > ul > li { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #60606a; } .article-list-14 .pd-20 .entry-title { font-family: "Roboto", sans-serif; font-size: 13px; line-height: 22px; margin-bottom: 0; } /*--- article-list-15 ---*/ .article-list-15 .pd-20 .last-item .entry-content .entry-title { margin-bottom: 0; } .article-list-15 .pd-20 > ul > li { margin-top: 20px; } .article-list-15 .pd-20 > ul .entry-item .entry-thumb { width: 109px; float: left; margin-right: 20px; } .article-list-15 .pd-20 > ul .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; margin-bottom: 5px; } /*--- kopa-masonry-5-widget ---*/ .kopa-masonry-5-widget .pd-20 .last-item { width: 50.61728%; float: left; min-height: 1px; padding-right: 20px; } .kopa-masonry-5-widget .pd-20 .last-item .entry-content .entry-title { font-size: 24px; line-height: 32px; } .kopa-masonry-5-widget .pd-20 .last-item .entry-content .entry-meta { margin-bottom: 15px; } .kopa-masonry-5-widget .pd-20 .last-item .entry-content > p { margin-bottom: 0; } .kopa-masonry-5-widget .pd-20 .masonry-list { overflow: hidden; } /*--- kopa-masonry-6-widget ---*/ .kopa-masonry-6-widget .kopa-masonry-wrap { margin: -10px; } .ms-item6 { padding: 10px; width: 49.8%; margin: 0 !important; float: left; } .ms-item6.size1 { width: 100%; } .ms-item6.size2 { width: 33.2%; } /*--- article-list-12 ---*/ .article-list-16, .kopa-masonry-6-widget { background: none !important; border-bottom: none !important; } .article-list-16 .widget-title, .kopa-masonry-6-widget .widget-title { background: #fff; } .article-list-16 > ul, .kopa-masonry-6-widget > ul { margin-top: -20px; } .article-list-16 > ul > li, .kopa-masonry-6-widget > ul > li { margin-top: 20px; } .article-list-16 .entry-item, .kopa-masonry-6-widget .entry-item { background: #fff; border-bottom: 2px solid #d1d1d1; } .article-list-16 .entry-item .entry-content .entry-title, .kopa-masonry-6-widget .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; } .article-list-16 .entry-item .entry-content .entry-meta, .kopa-masonry-6-widget .entry-item .entry-content .entry-meta { margin-bottom: 15px; } .article-list-16 .entry-item .entry-content > p, .kopa-masonry-6-widget .entry-item .entry-content > p { margin-bottom: 0; } .article-list-16 .entry-item .entry-content .kopa-e-list, .kopa-masonry-6-widget .entry-item .entry-content .kopa-e-list { margin-top: 10px; } /*--- kopa-accordion-slider-widget ---*/ .kopa-accordion-slider-widget { background: none !important; border: none !important; } .acc-slider { display: none; } .acc-slider li.aslider-open .entry-item .entry-thumb .entry-view { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE 5-7 */ filter: alpha(opacity=100); /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .acc-slider .entry-item .entry-thumb .entry-view { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .acc-slider .entry-item .entry-content { transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .acc-slider .entry-item .entry-content .h5-content { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 5-7 */ filter: alpha(opacity=0); /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .acc-slider .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; } /*--- article-list-17 ---*/ .article-list-17 .pd-20 > ul > li { margin-top: 20px; } .article-list-17 .pd-20 .entry-item .entry-thumb { width: 140px; float: left; margin-right: 20px; } .article-list-17 .pd-20 .entry-item .entry-content { overflow: hidden; } .article-list-17 .pd-20 .entry-item .entry-content .entry-title { font-weight: 700; margin-top: -5px; } .article-list-17 .pd-20 .entry-item .entry-content .entry-meta { margin-bottom: 10px; } .article-list-17 .pd-20 .entry-item .entry-content > p { margin: 0; } /*--- owl-carousel-2 ---*/ .owl-carousel-2 .item { padding: 0 10px; } .owl-carousel-2 .thumb-icon { top: 40%; } .owl-carousel-2 .entry-title { margin-bottom: 0; } /*--- owl-carousel-3 ---*/ .owl-carousel-3 .item { padding: 0 10px; } .owl-carousel-3 .entry-thumb { margin-bottom: 10px; } .owl-carousel-3 .entry-title { margin-bottom: 0; } /*--- owl-carousel-4 ---*/ .owl-carousel-4 .item { padding: 0 10px; } .owl-carousel-4 .thumb-icon { text-align: center; width: 44px; height: 28px; line-height: 28px; font-size: 16px; position: absolute; top: 50%; margin-top: -14px; margin-left: -22px; } .owl-carousel-4 .entry-thumb { margin-bottom: 10px; } .owl-carousel-4 .entry-title { margin-bottom: 0; font-size: 14px; line-height: 22px; } /*--- article-list-21 ---*/ .article-list-21 { background: none !important; border-bottom: none !important; } .article-list-21 .entry-title { margin-bottom: 0; } /*--- article-list-22 ---*/ .article-list-22 .pd-20 .last-item .entry-title { font-size: 24px; line-height: 32px; } .article-list-22 .pd-20 .last-item .thumb-icon { text-align: center; width: 80px; height: 50px; line-height: 50px; font-size: 25px; position: absolute; top: 40%; margin-top: -25px; margin-left: -40px; } .article-list-22 .pd-20 > ul > li { margin-top: 20px; } .article-list-22 .pd-20 > ul > li .entry-item .entry-thumb { width: 363px; float: left; margin-right: 20px; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content { overflow: hidden; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-meta { margin-bottom: 10px; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content > p { margin-bottom: 0; } .article-list-22 .pd-20 .kopa-pagination { margin-top: 30px; } /*--- article-list-23 ---*/ .article-list-23 .pd-20 > ul { margin-top: -20px; } .article-list-23 .pd-20 > ul > li { margin-top: 20px; } .article-list-23 .pd-20 .entry-item .entry-thumb { margin-right: 20px; width: 172px; float: left; } .article-list-23 .pd-20 .entry-item .entry-content { overflow: hidden; } .article-list-23 .pd-20 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-top: -5px; } .article-list-23 .pd-20 .entry-item .entry-content .entry-meta { margin-bottom: 10px; } .article-list-23 .pd-20 .entry-item .entry-content .entry-meta > a span { color: #f15c22; } .article-list-23 .pd-20 .entry-item .entry-content .entry-meta > a:hover span { color: #757575; } .article-list-23 .pd-20 .entry-item .entry-content > p { margin-bottom: 0; } /** * 3.2 - Home Page * ------------------------------------------------------------------- */ /** * 3.3 - Sub Page * ------------------------------------------------------------------- */ /*--- Categories page ---*/ .kopa-entry-list { background: none !important; } .kopa-entry-list > ul { margin-top: -30px; } .kopa-entry-list > ul > li { margin-top: 30px; } .kopa-entry-list > ul > li.col-md-6 { width: 49.8%; } .kopa-entry-list > ul > li.col-md-4 { width: 33.1%; } .kopa-entry-list .entry-item { background: #fff; border: 1px solid #e9e7e8; padding: 4px; } .kopa-entry-list .entry-item .entry-categories { display: inline-block; } .kopa-entry-list .entry-item .entry-categories:before { border-top-color: #000; } .kopa-entry-list .entry-item .entry-thumb { margin-bottom: 10px; } .kopa-entry-list .entry-item .entry-content { padding: 0 10px 5px; } /*--- kopa-element-page ---*/ .kopa-element-page #main-content > .wrapper { background: #fff; } .kopa-element-page #main-content .col-xs-1, .kopa-element-page #main-content .col-sm-1, .kopa-element-page #main-content .col-md-1, .kopa-element-page #main-content .col-lg-1, .kopa-element-page #main-content .col-xs-2, .kopa-element-page #main-content .col-sm-2, .kopa-element-page #main-content .col-md-2, .kopa-element-page #main-content .col-lg-2, .kopa-element-page #main-content .col-xs-3, .kopa-element-page #main-content .col-sm-3, .kopa-element-page #main-content .col-md-3, .kopa-element-page #main-content .col-lg-3, .kopa-element-page #main-content .col-xs-4, .kopa-element-page #main-content .col-sm-4, .kopa-element-page #main-content .col-md-4, .kopa-element-page #main-content .col-lg-4, .kopa-element-page #main-content .col-xs-5, .kopa-element-page #main-content .col-sm-5, .kopa-element-page #main-content .col-md-5, .kopa-element-page #main-content .col-lg-5, .kopa-element-page #main-content .col-xs-6, .kopa-element-page #main-content .col-sm-6, .kopa-element-page #main-content .col-md-6, .kopa-element-page #main-content .col-lg-6, .kopa-element-page #main-content .col-xs-7, .kopa-element-page #main-content .col-sm-7, .kopa-element-page #main-content .col-md-7, .kopa-element-page #main-content .col-lg-7, .kopa-element-page #main-content .col-xs-8, .kopa-element-page #main-content .col-sm-8, .kopa-element-page #main-content .col-md-8, .kopa-element-page #main-content .col-lg-8, .kopa-element-page #main-content .col-xs-9, .kopa-element-page #main-content .col-sm-9, .kopa-element-page #main-content .col-md-9, .kopa-element-page #main-content .col-lg-9, .kopa-element-page #main-content .col-xs-10, .kopa-element-page #main-content .col-sm-10, .kopa-element-page #main-content .col-md-10, .kopa-element-page #main-content .col-lg-10, .kopa-element-page #main-content .col-xs-11, .kopa-element-page #main-content .col-sm-11, .kopa-element-page #main-content .col-md-11, .kopa-element-page #main-content .col-lg-11, .kopa-element-page #main-content .col-xs-12, .kopa-element-page #main-content .col-sm-12, .kopa-element-page #main-content .col-md-12, .kopa-element-page #main-content .col-lg-12 { padding: 0 20px; } .kopa-typographic-page .main-col-wrap { background: #fff; margin-bottom: 40px; border-bottom: 2px solid #dfdfdf; } /*--- kopa-gallery-page ---*/ /*--- kopa-shop-page ---*/ .kopa-shop-list { margin-bottom: 60px; } .kopa-shop-list > header { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e9e7e8; } .kopa-shop-list > header > select { width: 212px; height: 47px; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 24px; color: #3e3e4a; padding: 10px; outline: none; float: left; } .kopa-shop-list > header > p { float: right; font-family: "Roboto", sans-serif; font-size: 18px; line-height: 24px; color: #b8b8c6; margin-top: 10px; } .kopa-shop-list > ul { margin: -30px -1.875% 0; } .kopa-shop-list > ul > li { margin-top: 30px; padding: 0 1.875%; width: 33.25%; } .kopa-shop-list .entry-item .entry-thumb { margin-bottom: 15px; } .kopa-shop-list .entry-item .entry-title { font-weight: 400; text-transform: uppercase; font-size: 20px; line-height: 26px; margin-bottom: 10px; } .kopa-shop-list .entry-item.no-discount .sale-icon, .kopa-shop-list .entry-item.no-discount .old-price { display: none !important; } .kopa-shop-list .kopa-pagination { margin-top: 40px; padding-top: 40px; border-top: 1px solid #e9e7e8; } .sale-icon, .new-icon { display: inline-block; text-transform: uppercase; font-weight: 700; line-height: 18px; background: #f15c22; color: #fff; padding: 2px 10px; -webkit-transform: skew(-25deg); -moz-transform: skew(-25deg); -o-transform: skew(-25deg); transform: skew(-25deg); position: absolute; top: 0; left: 15px; } .sale-icon > span, .new-icon > span { display: inline-block; -webkit-transform: skew(25deg); -moz-transform: skew(25deg); -o-transform: skew(25deg); transform: skew(25deg); } .entry-price-area { margin-top: 10px; } .entry-price-area .entry-price { display: inline-block; font-family: "Roboto Condensed", sans-serif; font-size: 18px; line-height: 26px; color: #3e3e4a; font-weight: 400; margin-bottom: 0; } .entry-price-area .entry-price.old-price { font-size: 14px; line-height: 22px; margin-right: 5px; text-decoration: line-through; } /* woocommerce plugin */ .single-product .kopa-product-list { text-align: left; } .woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-result-count, .woocommerce-page .woocommerce-ordering { margin: 0 0 20px; } .woocommerce .woocommerce-result-count select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-result-count select, .woocommerce-page .woocommerce-ordering select { padding: 5px 10px; border: 1px solid #d0d0d0; box-shadow: none; border-radius: 0; outline: none; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { font-family: "Roboto Condensed", sans-serif; font-size: 16px; line-height: 24px; color: #757575; font-weight: 700; margin-top: 5px; } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0 -10px; height: auto !important; } .woocommerce ul.products > li, .woocommerce ul.products li.product, .woocommerce-page ul.products > li, .woocommerce-page ul.products li.product { padding: 0 10px; margin: 0 0 20px; } .woocommerce ul.products > li .onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products > li .onsale, .woocommerce-page ul.products li.product .onsale { top: 20px; right: 30px; margin: 0; width: 40px; height: 40px; font-size: 14px; font-weight: 400; border-radius: 50%; background: #f15c22; padding: 0; min-width: 40px; line-height: 40px; border: none; } .woocommerce ul.products > li a img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products > li a img, .woocommerce-page ul.products li.product a img { box-shadow: none; } .woocommerce ul.products > li a:hover img, .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products > li a:hover img, .woocommerce-page ul.products li.product a:hover img { box-shadow: none; } .woocommerce ul.products > li h3, .woocommerce ul.products li.product h3, .woocommerce-page ul.products > li h3, .woocommerce-page ul.products li.product h3 { font-size: 16px; line-height: 22px; font-weight: 600; padding: .8em 0; } .woocommerce ul.products > li .star-rating, .woocommerce ul.products li.product .star-rating, .woocommerce-page ul.products > li .star-rating, .woocommerce-page ul.products li.product .star-rating { margin: 0 0 .8em; } .woocommerce ul.products > li .price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products > li .price, .woocommerce-page ul.products li.product .price { color: #f15c22; margin-bottom: .8em; font-size: 18px; line-height: 24px; } .woocommerce ul.products > li .price ins, .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products > li .price ins, .woocommerce-page ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products > li .price del, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products > li .price del, .woocommerce-page ul.products li.product .price del { font-size: 14px; margin-right: 10px; color: #3e3e4a; } .woocommerce span.onsale, .woocommerce-page span.onsale { top: 20px; left: 20px; right: 30px; margin: 0; width: 40px; height: 40px; font-size: 14px; font-weight: 400; border-radius: 50%; background: #f15c22; color: #fff; padding: 0; min-width: 40px; line-height: 40px; border: none; } .woocommerce a img, .woocommerce-page a img { box-shadow: none; } .woocommerce a:hover img, .woocommerce-page a:hover img { box-shadow: none; } .woocommerce .star-rating, .woocommerce-page .star-rating { margin: 0 0 .8em; } .woocommerce div.product p.price, .woocommerce #content div.product p.price, .woocommerce div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page #content div.product span.price { color: #f15c22; margin-bottom: 10px; font-size: 32px; line-height: 38px; } .woocommerce div.product p.price ins, .woocommerce #content div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce #content div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page #content div.product span.price ins { text-decoration: none; } .woocommerce div.product p.price del, .woocommerce #content div.product p.price del, .woocommerce div.product span.price del, .woocommerce #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page #content div.product span.price del { font-size: 24px; margin-right: 10px; color: #3e3e4a; } .woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs { padding: 0; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li { background: none; box-shadow: none; border-radius: 0; margin: 0 -2px; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after { display: none; } .woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child { margin-left: 0; } .woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel { border: none; box-shadow: none; margin: 30px 0; } .woocommerce .coupon .input-text, .woocommerce-page .coupon .input-text { height: 30px !important; line-height: 30px !important; } .woocommerce input#submit:hover:hover, .woocommerce #respond input#submit:hover, .woocommerce-page input#submit:hover:hover, .woocommerce-page #respond input#submit:hover { background: #f15c22; } .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input#submit, .woocommerce #content input.button, .woocommerce .comment-box input#submit, .woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page input#submit, .woocommerce-page #content input.button, .woocommerce-page .comment-box input#submit, .woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button { padding: 0 15px; text-align: center; font-weight: normal; border-radius: 0; left: auto; color: #fff; text-shadow: none; border: none; background: #f15c22; box-shadow: none; display: inline-block; overflow: hidden; height: 30px; line-height: 30px; } .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before, .woocommerce input#submit:before, .woocommerce #content input.button:before, .woocommerce .comment-box input#submit:before, .woocommerce div.product form.cart .button:before, .woocommerce #content div.product form.cart .button:before, .woocommerce-page a.button:before, .woocommerce-page button.button:before, .woocommerce-page input.button:before, .woocommerce-page input#submit:before, .woocommerce-page #content input.button:before, .woocommerce-page .comment-box input#submit:before, .woocommerce-page div.product form.cart .button:before, .woocommerce-page #content div.product form.cart .button:before { top: 0.5em; color: #f15c22; font-weight: bold; } .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input#submit:hover, .woocommerce #content input.button:hover, .woocommerce .comment-box input#submit:hover, .woocommerce div.product form.cart .button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce-page .comment-box input#submit:hover, .woocommerce-page div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover { background: #333; } .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce input#submit.loading, .woocommerce #content input.button.loading, .woocommerce .comment-box input#submit.loading, .woocommerce div.product form.cart .button.loading, .woocommerce #content div.product form.cart .button.loading, .woocommerce-page a.button.loading, .woocommerce-page button.button.loading, .woocommerce-page input.button.loading, .woocommerce-page input#submit.loading, .woocommerce-page #content input.button.loading, .woocommerce-page .comment-box input#submit.loading, .woocommerce-page div.product form.cart .button.loading, .woocommerce-page #content div.product form.cart .button.loading { min-height: 10px; width: auto; } .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce #content input.button.alt, .woocommerce .comment-box input#submit.alt, .woocommerce div.product form.cart .button.alt, .woocommerce #content div.product form.cart .button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-page .comment-box input#submit.alt, .woocommerce-page div.product form.cart .button.alt, .woocommerce-page #content div.product form.cart .button.alt { background: #f15c22; border: none; box-shadow: none; outline: none; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce .comment-box input#submit.alt:hover, .woocommerce div.product form.cart .button.alt:hover, .woocommerce #content div.product form.cart .button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page .comment-box input#submit.alt:hover, .woocommerce-page div.product form.cart .button.alt:hover, .woocommerce-page #content div.product form.cart .button.alt:hover { background: #000; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; /* IE 5-7 */ filter: alpha(opacity=80); /* Netscape */ -moz-opacity: 0.8; /* Safari 1.x */ -khtml-opacity: 0.8; /* Good browsers */ opacity: 0.8; } .woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart { float: right; padding-top: .2em; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { margin: 0 0 60px; } .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul.page-numbers, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul.page-numbers, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul.page-numbers, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers { border: none; } .woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:first-child { margin: 0; padding: 0; border: 1px solid #e9e7e8; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul.page-numbers li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li { display: inline-block; margin-left: 4px; cursor: pointer; background: #fff; line-height: 31px; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border: none; } .woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:first-child { border: none; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li span { display: inline-block; width: 39px; height: 39px; border: 1px solid #d0d0d0; line-height: 36px !important; text-align: center; background: none; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .woocommerce nav.woocommerce-pagination ul li:hover a, .woocommerce nav.woocommerce-pagination ul li.current a, .woocommerce nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce #content nav.woocommerce-pagination ul li:hover a, .woocommerce #content nav.woocommerce-pagination ul li.current a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce-page nav.woocommerce-pagination ul li:hover a, .woocommerce-page nav.woocommerce-pagination ul li.current a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce-page #content nav.woocommerce-pagination ul li:hover a, .woocommerce-page #content nav.woocommerce-pagination ul li.current a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current a { border-color: #f15c22; background: #f15c22; color: #fff; } .woocommerce nav.woocommerce-pagination ul li.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce #content nav.woocommerce-pagination ul li.current, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce-page nav.woocommerce-pagination ul li.current, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce-page #content nav.woocommerce-pagination ul li.current, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current { cursor: text; } .woocommerce nav.woocommerce-pagination ul li.current span, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce #content nav.woocommerce-pagination ul li.current span, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce-page nav.woocommerce-pagination ul li.current span, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce-page #content nav.woocommerce-pagination ul li.current span, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current span { background: #f15c22; color: #fff; } .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li span.current { border-color: #f15c22; background: #f15c22 !important; color: #fff; cursor: text; } .woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info { background: none; box-shadow: none; border: 1px solid #f15c22; border-top-width: 3px; } .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before { padding-top: 0; background: #f15c22; } .woocommerce .checkout h1, .woocommerce .checkout h2, .woocommerce .checkout h3, .woocommerce .checkout h4, .woocommerce .checkout h5, .woocommerce .checkout h6, .woocommerce .checkout .h1, .woocommerce .checkout .kopa-dropcap, .woocommerce .checkout .h2, .woocommerce .checkout .h3, .woocommerce .checkout .h4, .woocommerce .checkout .h5, .woocommerce .checkout .h6, .woocommerce .checkout .filters-options li, .filters-options .woocommerce .checkout li, .woocommerce-page .checkout h1, .woocommerce-page .checkout h2, .woocommerce-page .checkout h3, .woocommerce-page .checkout h4, .woocommerce-page .checkout h5, .woocommerce-page .checkout h6, .woocommerce-page .checkout .h1, .woocommerce-page .checkout .kopa-dropcap, .woocommerce-page .checkout .h2, .woocommerce-page .checkout .h3, .woocommerce-page .checkout .h4, .woocommerce-page .checkout .h5, .woocommerce-page .checkout .h6, .woocommerce-page .checkout .filters-options li, .filters-options .woocommerce-page .checkout li { text-transform: uppercase; margin-top: 20px; } .woocommerce #ship-to-different-address, .woocommerce-page #ship-to-different-address { margin-top: 20px; position: relative; } .woocommerce #ship-to-different-address .checkbox, .woocommerce-page #ship-to-different-address .checkbox { margin-top: 0; } .woocommerce #ship-to-different-address input, .woocommerce #ship-to-different-address #ship-to-different-address-checkbox, .woocommerce-page #ship-to-different-address input, .woocommerce-page #ship-to-different-address #ship-to-different-address-checkbox { position: absolute; top: 4px; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border: 1px solid #e9e7e8; border-radius: 0; border-collapse: inherit; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { border-color: #e9e7e8; } .woocommerce #review_form .comment-box .form-submit input, .woocommerce-page #review_form .comment-box .form-submit input { width: auto; } .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid select { border-color: #f15c22; } .woocommerce form .form-row input, .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input, .woocommerce-page form .form-row input.input-text { width: 100%; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { height: 36px; } .woocommerce form .form-row.place-order input, .woocommerce-page form .form-row.place-order input { width: auto; } .woocommerce form .form-row.create-account .input-checkbox, .woocommerce-page form .form-row.create-account .input-checkbox { float: left; width: auto; height: 32px; } .woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover { background: #f15c22; color: #fff; } .woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty { border: 1px solid #ccc; } .woocommerce .woocommerce-tabs ul.tabs li:before, .woocommerce .woocommerce-tabs ul.tabs li:after, .woocommerce-page .woocommerce-tabs ul.tabs li:before, .woocommerce-page .woocommerce-tabs ul.tabs li:after { display: none !important; } .woocommerce ul.cart_list > li, .woocommerce ul.product_list_widget > li, .woocommerce-page ul.cart_list > li, .woocommerce-page ul.product_list_widget > li { padding: 15px 0; } .woocommerce ul.cart_list > li .star-rating, .woocommerce ul.product_list_widget > li .star-rating, .woocommerce-page ul.cart_list > li .star-rating, .woocommerce-page ul.product_list_widget > li .star-rating { float: none; } .woocommerce ul.cart_list > li ins, .woocommerce ul.product_list_widget > li ins, .woocommerce-page ul.cart_list > li ins, .woocommerce-page ul.product_list_widget > li ins { text-decoration: none; color: #f15c22; font-size: 18px; line-height: 24px; } .woocommerce ul.cart_list a, .woocommerce ul.product_list_widget a, .woocommerce-page ul.cart_list a, .woocommerce-page ul.product_list_widget a { font-size: 14px; line-height: 22px; font-weight: 700; text-transform: uppercase; margin-bottom: 10px; display: block; } .woocommerce .quantity, .woocommerce #content .quantity, .woocommerce .widget_shopping_cart_content a.button:hover, .woocommerce-page .quantity, .woocommerce-page #content .quantity, .woocommerce-page .widget_shopping_cart_content a.button:hover { min-width: 83px; width: auto; color: #f15c22; } .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce .widget_shopping_cart_content a.button:hover input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .widget_shopping_cart_content a.button:hover input.qty { border-right: 1px solid #d8d8d8; padding-left: 10px; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { padding: 20px 0 0; font-size: 18px; line-height: 24px; } .woocommerce .widget_shopping_cart .total span, .woocommerce-page .widget_shopping_cart .total span { color: #f15c22; } .woocommerce.widget, .woocommerce-page.widget { text-align: left !important; } .woocommerce.widget.widget_product_search form input, .woocommerce-page.widget.widget_product_search form input { padding: 0 70px 0 10px; } .woocommerce.widget.widget_product_search form input[type="submit"], .woocommerce-page.widget.widget_product_search form input[type="submit"] { background: #f15c22; padding: 0 10px; } .woocommerce.widget.widget_product_categories select, .woocommerce-page.widget.widget_product_categories select { width: 100%; padding: 5px 10px; } .woocommerce .widget_price_filter .price_slider, .woocommerce-page .widget_price_filter .price_slider { margin-bottom: 25px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { height: 8px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { background: #f15c22; box-shadow: 0 0 0 0px #3e3e4a; -ms-box-shadow: 0 0 0 0px #3e3e4a; -moz-box-shadow: 0 0 0 0px #3e3e4a; -webkit-box-shadow: 0 0 0 0px #3e3e4a; height: 8px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { display: inline-block; text-align: center; width: 16px; height: 16px; line-height: 16px; font-size: 12px; background: #cccccc; border: none; box-shadow: 0 0 0 0px #3e3e4a; -ms-box-shadow: 0 0 0 0px #3e3e4a; -moz-box-shadow: 0 0 0 0px #3e3e4a; -webkit-box-shadow: 0 0 0 0px #3e3e4a; top: -4px; } .woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { line-height: 22px; font-size: 14px; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta { font-size: 1em; } .woocommerce-checkout input, .woocommerce-checkout textarea { border: 1px solid #e9e7e8; padding: 8px; line-height: 18px; } .woocommerce-checkout .form-row .chosen-container-single .chosen-single { border-radius: 0; background: none; box-shadow: none; padding: 0 0 0 8px; height: 36px; line-height: 36px; border: 1px solid #e9e7e8; background-clip: inherit; color: #3e3e4a; } /*--- Contact page ---*/ .kopa-contact-wrapper { background: #fff; margin-bottom: 50px; } .contact-title { text-transform: uppercase; } .kopa-map-wrapper { margin-bottom: 15px; } .kopa-map-wrapper #kopa-map { height: 330px; width: 100%; } .kopa-map-1-wrapper { border-radius: 5px; padding: 10px; background: #3e3e3e; position: relative; } .kopa-map-1-wrapper .kopa-map-1 { height: 158px; width: 100%; } address { color: #3e3e4a; } /*--- Singe standard page ---*/ .kopa-single-page .kopa-pagination ul { float: right; margin-right: -10px; } .kopa-single-page .entry-meta { margin-bottom: 15px; } .entry-categories.style-s { margin: 0 -2px 20px; } .entry-categories.style-s a { display: inline-block; padding: 5px 10px; margin: 3px 2px; background: #f15c22; text-transform: uppercase; color: #fff; } .entry-categories.style-s a:hover { background: #32323c; } .short-des { font-size: 16px; line-height: 24px; } .kopa-post-review .pd-20 { background: #f3f3f3; margin-bottom: 2px; } .kopa-post-review .rv-thumb { width: 100px; background: #f15c22; float: left; margin-right: 20px; color: #fff; font-weight: 700; text-align: center; } .kopa-post-review .rv-thumb > p { font-size: 30px; border-bottom: 1px solid #fff; display: inline-block; padding: 14px 0; margin-bottom: 5px; } .kopa-post-review .rv-thumb .kopa-rating li { color: #fff; display: inline-block; float: none; margin: 0 -1px; } .kopa-post-review .rv-thumb > span { display: block; width: 100%; background: #3e3e4a; text-transform: uppercase; } .kopa-post-review .rv-content { overflow: hidden; } .kopa-post-review .rv-content h3 { text-transform: uppercase; margin-bottom: 10px; } .kopa-post-review .rv-content p { margin-bottom: 0; } .kopa-entry-post > article .entry-title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .kopa-entry-post > article .entry-thumb { margin-bottom: 15px; } .kopa-entry-post .kopa-social-links { margin-top: 20px; } .kopa-entry-post .kopa-post-review { margin-top: 20px; } .kopa-entry-post iframe { height: 400px; margin-bottom: 10px; } /* single-other-post */ .single-other-post { margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e7e8; position: relative; overflow: hidden; } .single-other-post > div { background: #f3f3f3; } .single-other-post > div > .entry-item { width: 50%; padding: 20px; } .single-other-post > div > .entry-item .entry-thumb { width: 75px; margin-right: 20px; float: left; } .single-other-post > div > .entry-item .entry-content { overflow: hidden; } .single-other-post > div > .entry-item .entry-content > a { text-transform: uppercase; color: #f15c22; } .single-other-post > div > .entry-item .entry-content > a:hover { color: #3e3e4a; } .single-other-post > div > .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 0; } .single-other-post > div .prev-post { float: left; background: #e9e7e8; } .single-other-post > div .next-post { float: right; text-align: right; } .single-other-post > div .next-post .entry-thumb { float: right; margin: 0 0 0 20px; } /* kopa-tag-box */ .kopa-tag-box { font-size: 14px; text-transform: capitalize; margin-top: 20px; } .kopa-tag-box span { color: #fff; position: relative; padding: 4px 5px; background: #f15c22; display: inline-block; } .kopa-tag-box a { padding: 4px 12px; font-size: 13px; display: inline-block; background: #e9e7e8; color: #3e3e4a; margin-top: 3px; } .kopa-tag-box a:hover { color: #fff; background: #3e3e4a; } /* kopa-share-post */ .kopa-share-post { margin-top: 30px; } .kopa-share-post > span { float: left; line-height: 37px; margin-right: 10px; color: #3e3e4a; font-weight: 600; } .kopa-share-post ul { margin: 0 -1.5px; } .kopa-share-post ul li { float: left; margin: 0 1.5px; font-size: 18px; } .kopa-share-post ul li a { color: #fff; padding: 6px 10px; } .kopa-share-post ul li a:hover { background: #f15c22; color: #fff; } /* kopa-author */ .kopa-author { position: relative; margin-top: 20px; padding-top: 20px; border-top: 1px solid #e9e7e8; } .kopa-author .author-thumb { width: 90px; height: 90px; display: block; float: left; margin-right: 20px; border-radius: 50%; } .kopa-author .author-thumb img { width: 100%; border-radius: 50%; } .kopa-author .author-content { overflow: hidden; padding-bottom: 10px; } .kopa-author .author-content .author-name { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 24px; color: #3e3e4a; text-transform: uppercase; font-weight: 700; margin-bottom: 10px; } .kopa-author .author-content .author-name a { color: #f15c22; } .kopa-author .author-content .author-name a:hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE 5-7 */ filter: alpha(opacity=70); /* Netscape */ -moz-opacity: 0.7; /* Safari 1.x */ -khtml-opacity: 0.7; /* Good browsers */ opacity: 0.7; } .kopa-author .author-content p { color: #3e3e4a; } .kopa-author .author-content .kopa-social-links { margin-top: 0; } /* kopa-related-post */ .kopa-related-post { margin-top: 30px; } .kopa-related-post > h3 { margin-bottom: 25px !important; } .kopa-related-post > ul { margin-top: -10px; } .kopa-related-post > ul > li { margin-top: 10px; width: 24.9%; } .kopa-related-post .entry-item .entry-thumb { background: #fff; padding: 4px; border: 1px solid #e9e7e8; margin-bottom: 10px; } .kopa-related-post .entry-item .entry-title { font-size: 14px; line-height: 22px; } /* comments */ #comments > h3 { text-transform: capitalize; margin-bottom: 20px; font-size: 16px; line-height: 22px; background: #f15c22; text-align: center; color: #fff; padding: 10px; } #comments .comments-list > .comment { padding: 20px; background: #fff; } #comments .comments-list .comment { list-style: none; margin-bottom: 20px; } #comments .comments-list .comment .comment-wrap .comment-avatar { width: 76px; height: 76px; margin-top: 5px; margin-right: 20px; padding: 3px; border: 1px solid #e9e7e8; border-radius: 50%; float: left; } #comments .comments-list .comment .comment-wrap .comment-avatar img { width: 100%; border-radius: 50%; } #comments .comments-list .comment .comment-wrap .media-body > header { margin-bottom: 5px; } #comments .comments-list .comment .comment-wrap .media-body > header h4 { margin-bottom: 0; font-size: 14px; line-height: 22px; text-transform: none; } #comments .comments-list .comment .comment-wrap .media-body > header .pull-left > span { font-style: italic; } #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a { font-family: "Roboto", sans-serif; font-size: 12px; line-height: 20px; color: #757575; font-weight: 400; text-transform: capitalize; background: #e9e7e8; padding: 0 5px; display: inline-block; } #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a:hover { background: #f15c22; color: #fff; } #comments .comments-list .comment .comment-wrap .media-body > p { margin-bottom: 0; } #comments .comments-list .comment .comment-wrap .media-body ol { list-style: decimal inside; } #comments .comments-list .comment .comment-wrap .media-body ul { list-style: disc inside; } #comments .comments-list .comment .comment-wrap .media-body ol li ul, #comments .comments-list .comment .comment-wrap .media-body ol li ol, #comments .comments-list .comment .comment-wrap .media-body ul li ul, #comments .comments-list .comment .comment-wrap .media-body ul li ol { padding-left: 15px; } #comments .comments-list .children { position: relative; padding-left: 96px; } #comments .comments-list .children .comment { margin-top: 13px; padding-top: 13px; border-top: 1px dotted #e9e7e8; margin-bottom: 0; } #comments .kopa-pagination { margin-top: 0; } /*--- Singe gallery page ---*/ /*--- 404 page ---*/ .error-404 { padding: 100px 0; position: relative; background-color: #fff; } .error-404 .left-col { width: 41%; float: left; margin: 0 2%; } .error-404 .left-col p { font-size: 120px; font-weight: 700; color: #f15c22; line-height: 60px; text-align: right; margin-top: 20px; } .error-404 .right-col { width: 50%; float: left; margin: 0 2%; } .error-404 .right-col h1 { margin-bottom: 10px; font-size: 30px; color: #f15c22; margin-top: 0; } .error-404 .right-col .arrow-list { margin-top: 10px; } .error-404 .right-col a { color: #3e3e4a; } .error-404 .right-col a:hover { color: #f15c22; } @media screen and (max-width: 639px) { .error-404 { padding: 30px 0; } .error-404 .left-col p { font-size: 100px; } } @media screen and (max-width: 479px) { .error-404 .left-col { width: 100%; float: none; margin: 0; padding: 0 20px 20px; text-align: center; } .error-404 .left-col p { text-align: center; } .error-404 .right-col { width: 100%; float: none; margin: 0; padding: 0 20px; text-align: center; } } /** * 3.4 - Sidebar / .sidebar * ------------------------------------------------------------------- */ /** * 3.5 - Bottom sidebar / #bottom-sidebar * ------------------------------------------------------------------- */ #bottom-sidebar { color: #FFF; } #bottom-sidebar .widget-title, #bottom-sidebar span, #bottom-sidebar p, #bottom-sidebar a, #bottom-sidebar h1, #bottom-sidebar h2, #bottom-sidebar h3, #bottom-sidebar h4, #bottom-sidebar h5, #bottom-sidebar h6 { color: #FFF; } #bottom-sidebar a:hover { color: #f15c22; } #bottom-sidebar .kopa-divider { border-color: #e9e7e8; margin: 0 0 20px; } #bottom-sidebar .widget_calendar { border-color: #3e3e4a; color: #fff; } #bottom-sidebar .widget_calendar caption, #bottom-sidebar .widget_calendar tfoot, #bottom-sidebar .widget_calendar thead th, #bottom-sidebar .widget_calendar tfoot td a, #bottom-sidebar .widget_calendar tbody td { border-color: #3e3e4a; color: #fff; } #bottom-sidebar .widget_categories > ul > li:first-child, #bottom-sidebar .widget_categories ul.menu > li:first-child, #bottom-sidebar .widget_recent_entries > ul > li:first-child, #bottom-sidebar .widget_recent_entries ul.menu > li:first-child, #bottom-sidebar .widget_archive > ul > li:first-child, #bottom-sidebar .widget_archive ul.menu > li:first-child, #bottom-sidebar .widget_meta > ul > li:first-child, #bottom-sidebar .widget_meta ul.menu > li:first-child, #bottom-sidebar .widget_nav_menu > ul > li:first-child, #bottom-sidebar .widget_nav_menu ul.menu > li:first-child, #bottom-sidebar .widget_pages > ul > li:first-child, #bottom-sidebar .widget_pages ul.menu > li:first-child, #bottom-sidebar .widget_recent_comments > ul > li:first-child, #bottom-sidebar .widget_recent_comments ul.menu > li:first-child, #bottom-sidebar .widget_rss > ul > li:first-child, #bottom-sidebar .widget_rss ul.menu > li:first-child { padding-top: 0; } #bottom-sidebar .widget_categories > ul > li:after, #bottom-sidebar .widget_categories ul.menu > li:after, #bottom-sidebar .widget_recent_entries > ul > li:after, #bottom-sidebar .widget_recent_entries ul.menu > li:after, #bottom-sidebar .widget_archive > ul > li:after, #bottom-sidebar .widget_archive ul.menu > li:after, #bottom-sidebar .widget_meta > ul > li:after, #bottom-sidebar .widget_meta ul.menu > li:after, #bottom-sidebar .widget_nav_menu > ul > li:after, #bottom-sidebar .widget_nav_menu ul.menu > li:after, #bottom-sidebar .widget_pages > ul > li:after, #bottom-sidebar .widget_pages ul.menu > li:after, #bottom-sidebar .widget_recent_comments > ul > li:after, #bottom-sidebar .widget_recent_comments ul.menu > li:after, #bottom-sidebar .widget_rss > ul > li:after, #bottom-sidebar .widget_rss ul.menu > li:after { color: #fff; } #bottom-sidebar .widget_categories > ul > li:before, #bottom-sidebar .widget_categories ul.menu > li:before, #bottom-sidebar .widget_recent_entries > ul > li:before, #bottom-sidebar .widget_recent_entries ul.menu > li:before, #bottom-sidebar .widget_archive > ul > li:before, #bottom-sidebar .widget_archive ul.menu > li:before, #bottom-sidebar .widget_meta > ul > li:before, #bottom-sidebar .widget_meta ul.menu > li:before, #bottom-sidebar .widget_nav_menu > ul > li:before, #bottom-sidebar .widget_nav_menu ul.menu > li:before, #bottom-sidebar .widget_pages > ul > li:before, #bottom-sidebar .widget_pages ul.menu > li:before, #bottom-sidebar .widget_recent_comments > ul > li:before, #bottom-sidebar .widget_recent_comments ul.menu > li:before, #bottom-sidebar .widget_rss > ul > li:before, #bottom-sidebar .widget_rss ul.menu > li:before { color: #fff; } #bottom-sidebar .widget_rss ul li, #bottom-sidebar .textwidget, #bottom-sidebar .textwidget p strong, #bottom-sidebar .textwidget > ul > li a { border-color: #3e3e4a; color: #fff; } #bottom-sidebar .tagcloud a { border-color: #3e3e4a; color: #fff; } #bottom-sidebar .textwidget > ul > li a:hover, #bottom-sidebar .tagcloud a:hover { color: #f15c22; } #bottom-sidebar .kopa-contact-widget address p { color: #757575; } #bottom-sidebar .more-link { border-color: #fff; } #bottom-sidebar .more-link:hover { border-color: #f15c22; } #bottom-sidebar .entry-meta { color: #b8b8c6; } #bottom-sidebar .entry-meta > span, #bottom-sidebar .entry-meta > p { color: #b8b8c6; } #bottom-sidebar .entry-meta > span i, #bottom-sidebar .entry-meta > p i { color: #fff; } #bottom-sidebar .entry-meta > a { display: inline-block; } #bottom-sidebar .entry-meta > a:hover span { color: #f15c22; } /*--- bottom-area ---*/ .bottom-nav { float: left; } .bottom-menu { position: relative; margin: 0 -13px; } .bottom-menu > li { float: left; margin: 0 13px; } .bottom-menu > li > a { font-family: "Roboto Condensed", sans-serif; font-size: 13px; line-height: 22px; color: white; text-transform: uppercase; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .bottom-menu > li ul.sub-menu { display: none; } .bottom-area-1 { background: #32323c; border-bottom: 4px solid #f15c22; padding: 14px 20px; position: relative; } .bottom-area-2 { background: #3e3e4a; } .bottom-area-3 { padding: 35px 0 5px; background: #3e3e3e; } /** * 4. - Footer / #kopa-footer * ------------------------------------------------------------------- */ #kopa-footer { position: relative; text-align: center; } #kopa-footer .wrapper { padding: 25px 20px; background: #32323c; } #copyright { margin: 0; color: #fff; } #copyright a { color: #fff; } #copyright a:hover { color: #f15c22; } .kopa-footer-nav .footer-menu li { float: left; padding-left: 20px; line-height: 1; } .kopa-footer-nav .footer-menu li:first-child { border-left: none; padding-left: 0; } .kopa-footer-nav .footer-menu li a { font-family: "Roboto", sans-serif; font-size: 12px; line-height: 18px; color: #757575; text-transform: uppercase; } .kopa-footer-nav .footer-menu li a:hover { color: #f15c22; } .kopa-footer-nav .footer-menu li ul { display: none; } .scrollup { text-align: center; width: 54px; height: 54px; line-height: 50px; font-size: 15px; position: absolute; top: 0; margin-top: -27px; margin-left: -27px; position: absolute; right: 0; margin: 0; background: #f15c22; color: #fff !important; left: auto; } .scrollup:hover { background: #f15c22; } /*--- Firefox ---*/ @-moz-document url-prefix() { .owl-controls.style2 .owl-buttons { margin-top: -2px; } } /** * 5. - Responsive * ------------------------------------------------------------------- */ @media screen and (max-width: 1160px) { .wrapper { width: 980px; } .main-menu .sf-with-ul { padding-right: 26px; } .main-menu .sf-with-ul:after { right: 10px; } .main-menu > li > a { padding: 10px 12px; } .ms-item1 { width: 24.9%; } .ms-item1.size1 { width: 49.8%; } .ms-item2 { width: 24.9%; } .ms-item2.size1 { width: 49.9%; } .vw-social-counter { width: 95%; } .kopa-search-box .search-form { width: 210px; } .ms-item5 { width: 49.9%; } .widget-area-16, .widget-area-17 { width: 100%; } .article-list-7 .pd-20 .entry-item .entry-title { margin-bottom: 0; } .article-list-7 .entry-meta { display: none; } .owl-carousel-5 .thumb-icon { top: 30%; } } @media screen and (max-width: 1023px) { .wrapper { width: 940px; } .ms-item6.size2 .kopa-entry-view { display: none; } } @media screen and (max-width: 979px) { .wrapper { width: 760px; } .top-nav, .kopa-main-nav { display: none; } .top-nav-mobile, .main-nav-mobile { display: block; } .header-top-left { width: 100%; padding-right: 70px; } .header-top-right { position: absolute; top: 0; right: 0; } .ms-item1.size1 .entry-item .entry-content .h5-content { display: block; } .ms-item1.size1 .entry-item .entry-content .entry-title { font-size: 28px; line-height: 36px; } .ms-item1 .entry-item .entry-content .h5-content { display: none; } .ms-item1 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; } .kopa-main-col, .sidebar { width: 100%; } .article-list-2 .pd-20 .last-item .entry-content { padding: 15px 20px; } .ms-item2 .entry-item .entry-content > p { display: none; } .vw-social-counter { width: 45%; } .vw-social-counter-icon { margin-right: 15px; } .ms-item3 { width: 49.99%; } .ms-item3.size1 { width: 100%; } .ms-item3.desktop { display: none; } .ms-item3.mobile { display: block; } .kopa-facebook-widget iframe { height: 210px; } .widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 { width: 50%; } .nav-tabs > li > a { padding: 8px 20px; } .kopa-col-wrap .kopa-col-1 { width: 75%; } .kopa-col-wrap .kopa-col-2 { width: 100%; } .kopa-col-wrap .kopa-col-3 { width: 25%; } .kopa-col-1 { width: 100%; } .kopa-col-2 { width: 75%; } .kopa-col-3 { width: 25%; } } @media screen and (max-width: 799px) { .wrapper { width: 728px; } .article-list-4 .entry-item .entry-content > p { display: none; } .widget-area-1 .kopa-ads-widget { display: none; } .ms-item5 { width: 49.8%; } .ms-item6.size2 { width: 49.8%; } .ms-item6.size2 .kopa-entry-view { display: block; } } @media screen and (max-width: 767px) { .wrapper { width: 680px; } .ms-item2 .entry-item .entry-content .entry-title { font-size: 14px; line-height: 22px; } .owl-carousel-6 .entry-title { font-size: 18px; line-height: 26px; } .nav-tabs > li > a { padding: 5px 15px; } } @media screen and (max-width: 719px) { .wrapper { width: 600px; } .ms-item1 { width: 50%; } .ms-item1.size1 { width: 100%; } .kopa-blockquote.style3 p { font-size: 30px; line-height: 38px; } .kopa-col-wrap .kopa-col-1 { width: 100%; } .kopa-col-wrap .kopa-col-2 { width: 100%; } .kopa-col-wrap .kopa-col-3 { width: 100%; } .kopa-col-1 { width: 100%; } .kopa-col-2 { width: 100%; } .kopa-col-3 { width: 100%; } .nav-tabs > li > a { padding: 5px 10px; } .bottom-area-1 { height: 54px; } .bottom-nav { display: none; } } @media screen and (max-width: 639px) { .wrapper { width: 440px; } .kopa-header-top { height: 42px; } .header-top-left { display: none; } .kopa-logo img { max-width: 80%; } .kopa-header-middle .kopa-social-links { display: none; } .ms-item2 { width: 50%; } .ms-item2.size1 { width: 100%; } .widget-area-9, .widget-area-10, .widget-area-14, .widget-area-15 { width: 100%; } .article-list-6 .pd-20 > ul > li { width: 100%; } .article-list-9 .pd-20 .entry-item .entry-thumb { width: 100%; margin: 0 0 20px; float: none; } .article-list-9 .pd-20 .entry-item .entry-content { overflow: visible; } .kopa-facebook-widget iframe { height: 230px; } blockquote.pull-right { width: 100%; margin-left: 0; } blockquote.pull-left { width: 100%; margin-right: 0; } .single-other-post > div > .entry-item { width: 100%; } .contact-box form .row > div, .comment-box form .row > div { width: 100%; } .kopa-entry-post iframe { height: 250px; } .kopa-blockquote.style3 { padding: 20px 20px 20px 70px; left: 0; bottom: 20px; } .kopa-blockquote.style3:before { font-size: 30px; line-height: 32px; left: 20px; } .kopa-blockquote.style3 p { font-size: 23px; line-height: 30px; } .kopa-blockquote.style3 span { font-size: 12px; line-height: 20px; } .ms-item8 { width: 50%; } .ms-item8.size1 { width: 100%; } .ms-item8 .entry-title { font-size: 14px; line-height: 22px; } .ms-item6 { width: 100%; } .ms-item6.size1 { width: 100%; } .ms-item6.size2 { width: 100%; } .ms-item7 { width: 50%; } .ms-item7.size1 { width: 100%; } .article-list-22 .pd-20 .last-item .entry-content { position: relative; background: #32323c; } .article-list-22 .pd-20 > ul > li .entry-item .entry-thumb { width: 100%; float: none; margin: 0 0 20px; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content { overflow: visible; } .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-title { font-size: 16px; line-height: 14px; } .acc-slider .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 0; } .acc-slider .entry-item .entry-content .entry-meta { display: none; } .widget-area-19, .widget-area-20, .widget-area-25, .widget-area-26 { width: 100%; } .ms-item5 { width: 50%; } .kopa-masonry-5-widget .pd-20 .last-item { width: 100%; float: none; min-height: 1px; padding-right: 0px; padding-bottom: 20px; } .kopa-masonry-5-widget .pd-20 .masonry-list { overflow: visible; } } @media screen and (max-width: 479px) { .wrapper { width: 320px; } .article-list-3 .widget-content .last-item { width: 100%; padding-right: 0; border-right: none; } .article-list-3 .widget-content > ul { width: 100%; padding-left: 0; border-left: none; } .owl-carousel-1.owl-theme .owl-controls { position: relative; right: auto; top: auto; margin-top: 15px; } .ms-item3 { width: 100%; } .ms-item3.size1 { width: 100%; } .ms-item3.size1 .entry-item .entry-content .entry-title { font-size: 20px; line-height: 28px; } .widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 { width: 100%; padding: 20px 20px 0; } .kopa-facebook-widget iframe { height: 335px; } .ms-item5 { width: 100%; } .ms-item7 .entry-item .thumb-icon { display: none; } .ms-item8.size1 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 24px; } .ms-item8 .entry-content { padding: 5px 10px; } .ms-item8 .h5-content { display: none; } .kopa-post-review .rv-thumb { width: 100%; float: none; margin: 0 0 20px; } .kopa-post-review .rv-content { overflow: visible; } .article-list-23 .pd-20 .entry-item .entry-thumb { width: 100%; float: none; margin: 0 0 20px; } .article-list-23 .pd-20 .entry-item .entry-content { overflow: visible; } #comments .comments-list .children { padding-left: 0; } .owl-theme .owl-controls.style3 .owl-buttons div { text-align: center; width: 30px; height: 30px; line-height: 30px; font-size: 14px; position: absolute; top: 50%; margin-top: -15px; margin-left: -15px; margin-left: 0; } .kopa-blockquote.style3 { bottom: 0; margin-bottom: 0; width: 100%; height: 100%; } .kopa-blockquote.style3 p { font-size: 18px; line-height: 26px; } } @media screen and (max-width: 359px) { .wrapper { width: 300px; } .ms-item1.size1 .entry-item .entry-content { padding: 10px 15px; } .ms-item1.size1 .entry-item .entry-content .entry-title { font-size: 22px; line-height: 30px; } .ms-item1 .entry-item .entry-content { padding: 5px 10px; } .ms-item1 .entry-item .entry-content .entry-title { font-size: 12px; line-height: 20px; } .ms-item2 { width: 100%; } .ms-item2.size1 { width: 100%; } .kopa-ads-1-widget { display: none; } .article-list-4 .entry-item .entry-thumb { width: 120px; } .vw-social-counter { width: 95%; } .kopa-search-box .search-form { width: 195px; } .owl-theme .owl-controls .owl-page span { margin: 5px 3px 0; } .article-list-17 .pd-20 .entry-item .entry-thumb { width: 100%; margin: 0 0 20px; float: none; } .article-list-17 .pd-20 .entry-item .entry-content { overflow: visible; } }