/* Theme Name: WK Wow Theme URI: https://web-komp.eu/theme/wow Author: WebKomp Author URI: https://web-komp.eu/ Description: WK Wow is a beautiful, attractive, and free WordPress theme. You can use this theme for all kinds of personal and professional blogging websites. Its design and layout make it perfect to showcase your articles. This theme is based on Bootstrap 4 and adapts beautifully to all screen sizes. It is compatible with Elementor, so you can use its drag & drop functionality to design your pages. This theme is also compatible with WooCommerce and Contact Form 7. Demo: https://demo.web-komp.eu/wow Version: 1.0.6 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: wk-wow Tested up to: 5.4 Requires PHP: 5.6 Tags: blog, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, custom-background, e-commerce, theme-options, full-width-template */ /*-------------------------------------------------------------- # Normalize --------------------------------------------------------------*/ body { margin: 0; -webkit-font-smoothing: auto; } article, aside, details figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 2.5rem; } hr { box-sizing: content-box; height: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*-------------------------------------------------------------- # Typography --------------------------------------------------------------*/ h1, h2, h3, h4, h5, h6 { clear: both; color: #24292e; font-weight: 600; margin-top: 24px; margin-bottom: 15px; } h1 { font-size: 32px; padding-bottom: 10px; } h2 { font-size: 24px; padding-bottom: 0.3em; line-height: 1.25; } h3 { font-size: 18px; line-height: 25px; } h4 { font-size: 16px; line-height: 20px; } h5 { font-size: 14px; line-height: 17.5px; } p { margin-bottom: 1.5em; } h1.entry-title { font-size: 1.31rem; border-bottom: 1px solid #eaecef; } h2.entry-title { border-bottom: 1px solid #eaecef; } h3.widget-title { font-size: 1.2rem; } /*-------------------------------------------------------------- # Elements --------------------------------------------------------------*/ body { background: #fff; /* Fallback for when there is no custom background color defined. */ } img { height: auto; /* Make sure images are scaled correctly. */ max-width: 100%; /* Adhere to container width. */ } figure { margin: 1em 0; /* Extra wide images within figure tags don't overflow the content area. */ } table { margin: 0 0 1.5em; width: 100%; } /*-------------------------------------------------------------- # Forms --------------------------------------------------------------*/ /*-------------------------------------------------------------- # Navigation --------------------------------------------------------------*/ header#masthead { margin-bottom: 0; background-color: #563d7c; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .1); } .navbar-brand>a { font-size: 1.4rem; text-decoration: none; font-weight: 700; } .navbar-brand>a:visited, .navbar-brand>a:hover { text-decoration: none; } /*-------------------------------------------------------------- # page-sub-header --------------------------------------------------------------*/ .page-sub-header { position: relative; padding-top: 5rem; padding-bottom: 0; text-align: center; font-size: 1.25rem; background-size: cover !important; } body:not(.theme-preset-active) .page-sub-header h1 { line-height: 1.6; font-size: 4rem; color: #563e7c; margin: 0 0 1rem; border: 0; padding: 0; } .page-sub-header p { margin-bottom: 0; line-height: 1.4; font-size: 1.25rem; font-weight: 300; } body:not(.theme-preset-active) .page-sub-header p { color: #212529; } a.page-scroller { color: #333; font-size: 2.6rem; display: inline-block; margin-top: 2rem; } @media screen and (min-width: 768px) { body:not(.theme-preset-active) .page-sub-header h1 { font-size: 3.750rem; } body:not(.theme-preset-active) .page-sub-header { font-size: 1.25rem; } } @media screen and (min-width: 992px) { #page-sub-header p { max-width: 43rem; margin: 0 auto; } } body:not(.theme-preset-active) .page-sub-header h1 { color: #fff !important; font-size: 5.625rem; font-size: calc(2rem + 3vw); font-weight: 900; letter-spacing: 0.025rem; line-height: 1.1; text-shadow: 4px 5px 5px rgba(0, 0, 0, 0.2); } @media (min-width: 1000px) { body:not(.theme-preset-active) .page-sub-header h1 { max-width: 80%; } } .page-sub-header h1 { color: #fff; text-align: left; } @media screen and (min-width: 768px) { .page-sub-header p { max-width: 60%; } } #page-sub-header p { margin-left: 0px; color: #fff!important; text-align: left; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Menus --------------------------------------------------------------*/ #masthead nav { padding-left: 0; padding-right: 0; } body:not(.theme-preset-active) #masthead .navbar-nav>li>a { color: #24292e; padding: 1.220rem 1rem; font-weight: 500; font-size: 1rem; } @media screen and (max-width: 1200px) { body:not(.theme-preset-active) #masthead .navbar-nav>li>a { padding-bottom: 10px; padding-top: 10px; } } body:not(.theme-preset-active) #masthead .navbar-nav>li.current_page_item>a { color: #CA4E07; font-weight: 600; color: #fff; } body:not(.theme-preset-active) #masthead .navbar-nav>li>a:hover { color: #24292e; } .navbar-brand { height: auto; } .navbar-toggle .icon-bar { background: #000 none repeat scroll 0 0; } .navbar-toggler>.close { display: inline; } .navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon { display: none; } .dropdown-menu .dropdown-toggle::after { border-bottom: 0.3em solid transparent; border-left: 0.3em solid; border-top: 0.3em solid transparent; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children { position: relative; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children>.dropdown-menu { top: 0; right: 99%; margin-top: 0px; margin-left: 17px; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>.dropdown-menu { display: block; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children:hover>a:after { border-left-color: #ccc; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left { float: none; } .dropdown.menu-item-has-children .dropdown.menu-item-has-children.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; } /* Small menu. */ .menu-toggle, .main-navigation.toggled ul { display: block; } .dropdown-item { line-height: 1.2; padding-bottom: 0.313rem; padding-top: 0.313rem; } .dropdown-menu { min-width: 12.500rem; } .dropdown .open .dropdown-menu { display: block; left: 12.250em; top: 0; } .dropdown-menu .dropdown-item { white-space: normal; background: transparent; line-height: 2.6; } .dropdown-menu .dropdown-item:hover { background: transparent; } @media screen and (min-width: 37.5em) { .menu-toggle { display: none; } } @media screen and (min-width: 769px) { .dropdown-menu li>.dropdown-menu { right: -9.875rem; top: 1.375rem; } } @media (max-width: 1200px) { header#masthead { background: #fff!important; } .dropdown-item:hover, .dropdown-item:focus { -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; } } @media screen and (max-width: 991px) { .navbar-nav .dropdown-menu { border: medium none; margin-left: 1.250rem; padding: 0; } .dropdown-menu li a { padding: 0; } #masthead .navbar-nav>li>a { padding-bottom: 0.625rem; padding-top: 0.313rem; } } .site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation { margin: 0 0 1.5em; overflow: hidden; } .comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous { float: left; width: 50%; } .comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next { float: right; text-align: right; width: 50%; } .comment-content.card-block { padding: 20px; } .navigation.post-navigation { padding-top: 1.875rem; } .post-navigation .nav-previous a, .post-navigation .nav-next a { border: 1px solid #ddd; border-radius: 0.938rem; display: inline-block; padding: 0.313rem 0.875rem; text-decoration: none; } .post-navigation .nav-next a::after { content: " \2192"; } .post-navigation .nav-previous a::before { content: "\2190 "; } .post-navigation .nav-previous a:hover, .post-navigation .nav-next a:hover { background: #eee none repeat scroll 0 0; } /*-------------------------------------------------------------- # Accessibility --------------------------------------------------------------*/ /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 0.313rem; line-height: normal; padding: 0.938rem 1.438rem 0.875rem; text-decoration: none; top: 0.313rem; width: auto; z-index: 100000; /* Above WP toolbar. */ } /* Do not show the outline on the skip link target. */ #content[tabindex="-1"]:focus { outline: 0; } /*-------------------------------------------------------------- # Alignments --------------------------------------------------------------*/ .alignleft { display: inline; float: left; margin-right: 1.5em; } .alignright { display: inline; float: right; margin-left: 1.5em; } .aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } a img.alignright { float: right; margin: 0.313rem 0 1.25rem 1.25rem; } a img.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; } a img.alignleft { float: left; margin: 0.313rem 1.25rem 1.25rem 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption.alignnone { margin: 0.313rem 1.25rem 1.25rem 0; } .wp-caption.alignleft { margin: 0.313rem 1.25rem 1.25rem 0; } .wp-caption.alignright { margin: 0.313rem 0 1.25rem 1.25rem; } /*-------------------------------------------------------------- # Clearings --------------------------------------------------------------*/ .clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after { content: ""; display: table; table-layout: fixed; } .clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after { clear: both; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget { margin: 0 0 1.5em; font-size: 0.875rem; /* Make sure select elements fit in widgets. */ } .widget select { max-width: 100%; } .widget_recent_comments ul#recentcomments li { padding: .5rem 0rem!important; } .half-rule { width: 6rem; margin: 2.5rem 0; } .widget_categories .nav-link { display: inline-block; } /*-------------------------------------------------------------- # Content --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Posts and pages --------------------------------------------------------------*/ .sticky .entry-title::before { content: '\f08d'; font-family: "Font Awesome\ 5 Free"; font-size: 1.563rem; left: -2.5rem; position: absolute; top: 0.375rem; font-weight: 900; } .sticky .entry-title { position: relative; } .single .byline, .group-blog .byline { display: inline; } .page-content, .entry-content, .entry-summary { margin: 1.5em 0 0; } .page-links { clear: both; margin: 0 0 1.5em; } .page-template-blank-page .entry-content, .blank-page-with-container .entry-content { margin-top: 0; } .post.hentry { margin-bottom: 4rem; } .posted-on, .byline, .comments-link { color: #9a9a9a; } .entry-title>a { color: inherit; } /*-------------------------------------------------------------- ## Comments --------------------------------------------------------------*/ .comment-content a { word-wrap: break-word; } .bypostauthor { display: block; } .comment-body .pull-left { padding-right: 0.625rem; } .comment-list .comment { display: block; } .comment-list { padding-left: 0; } .comments-title { font-size: 1.125rem; } .comment-list .pingback { border-top: 1px solid rgba(0, 0, 0, 0.125); padding: 0.563rem 0; } .comment-list .pingback:first-child { border: medium none; } /*-------------------------------------------------------------- # Infinite scroll --------------------------------------------------------------*/ /* Globally hidden elements when Infinite Scroll is supported and in use. */ .infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ display: none; } /* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */ .infinity-end.neverending .site-footer { display: block; } /*-------------------------------------------------------------- # Media --------------------------------------------------------------*/ .page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley { border: none; margin-bottom: 0; margin-top: 0; padding: 0; } /* Make sure embeds and iframes fit their containers. */ embed, iframe, object { max-width: 100%; } /*-------------------------------------------------------------- ## Captions --------------------------------------------------------------*/ .wp-caption { background: #f1f1f1 none repeat scroll 0 0; border: 1px solid #f0f0f0; max-width: 96%; padding: 0.313rem 0.313rem 0; text-align: center; } .wp-caption img[class*="wp-image-"] { border: 0 none; height: auto; margin: 0; max-width: 100%; padding: 0; width: auto; } .wp-caption .wp-caption-text { font-size: 0.688rem; line-height: 1.063rem; margin: 0; padding: 0.625rem; } .wp-caption-text { text-align: center; } /*-------------------------------------------------------------- ## Galleries --------------------------------------------------------------*/ .gallery { margin-bottom: 1.5em; } .gallery-item { display: inline-block; text-align: center; vertical-align: top; width: 100%; } .gallery-item .gallery-columns-2 { max-width: 50%; } .gallery-item .gallery-columns-3 { max-width: 33.33333%; } .gallery-item .gallery-columns-4 { max-width: 25%; } .gallery-item .gallery-columns-5 { max-width: 20%; } .gallery-item .gallery-columns-6 { max-width: 16.66667%; } .gallery-item .gallery-columns-7 { max-width: 14.28571%; } .gallery-item .gallery-columns-8 { max-width: 12.5%; } .gallery-item .gallery-columns-9 { max-width: 11.11111%; } .gallery-caption { display: block; } /*-------------------------------------------------------------- # Plugin Compatibility --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Woocommerce --------------------------------------------------------------*/ .woocommerce-cart-form .shop_table .coupon .input-text { width: 8.313rem !important; } .variations_form .variations .value>select { margin-bottom: 0.625rem; } .woocommerce-MyAccount-content .col-1, .woocommerce-MyAccount-content .col-2 { max-width: 100%; } /*-------------------------------------------------------------- ## Elementor --------------------------------------------------------------*/ .elementor-page article .entry-footer { display: none; } .elementor-page.page-template-fullwidth #content.site-content { padding-bottom: 0; padding-top: 0; } .elementor-page .entry-content { margin-top: 0; } /*-------------------------------------------------------------- ## Visual Composer --------------------------------------------------------------*/ .vc_desktop article .entry-footer { display: none; } .vc_desktop #content.site-content { padding-bottom: 0; padding-top: 0; } .vc_desktop .entry-content { margin-top: 0; } /*-------------------------------------------------------------- # Footer --------------------------------------------------------------*/ footer#colophon { font-size: 85%; } body:not(.theme-preset-active) footer#colophon { color: #99979c; background-color: #f7f7f7; } .navbar-dark .site-info { color: #fff; } .copyright { font-size: 0.875rem; margin-bottom: 0; text-align: center; } /*-------------------------------------------------------------- # Media Query --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Notebook --------------------------------------------------------------*/ @media only screen and (max-width: 1280px) { html { font-size: 100%; } } @media screen and (max-width: 1199px) { .navbar-dark .dropdown-item { color: #fff; } .navbar-nav .dropdown-menu { background: transparent; box-shadow: none; border: none; } } /*-------------------------------------------------------------- ## Netbook --------------------------------------------------------------*/ @media only screen and (max-width: 1024px) { html { font-size: 100%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 960px) { html { font-size: 99%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 768px) { html { font-size: 98%; } } /*-------------------------------------------------------------- ## iPad --------------------------------------------------------------*/ @media only screen and (max-width: 480px) { html { font-size: 97%; } } /*container width 1500 */ @media only screen and (min-width: 1500px) { .container { max-width: 1350px; } } /*-------------------------------------------------------------- # Menu / dropdown-toggle --------------------------------------------------------------*/ .dropdown-toggle:after, .dropup .dropdown-toggle:after, .dropright .dropdown-toggle:after { margin-left: .5em; } .dropdown-toggle:after, .dropdown-toggle:before { vertical-align: middle !important; } .nav-link { padding-left: 0; } .dropdown-menu { left: auto; transition: all 0.2s ease-in-out; right: 0; } /* .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after{ font-family: "Font Awesome 5 Free" !important; font-weight: 900; content: "\f104" !important; border: none; position: absolute; right: 24px; font-size:10px; top: 10px; } */ @media only screen and (max-width: 1024px) { .dropdown.menu-item-has-children .dropdown.menu-item-has-children>a:after { top: 6px; } } @media (max-width: 1200px) { .navbar-collapse { overflow-y: auto; max-height: 85vh; padding: 1rem 1.2rem; } } @media only screen and (min-width: 1200px) { .dropdown-menu .dropdown-item { line-height: 1.6; } } .dropdown-menu>li { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } .dropdown-menu>li:last-child { border-bottom: none; } /* drop down menu items for keyboards */ ul li:hover>ul, ul li:focus-within>ul, ul li ul:hover, .menu-item-has-children:focus-within>ul { visibility: visible; } @media (min-width: 1200px) { #main-nav .menu-item-has-children:hover>li, #main-nav .menu-item-has-children:focus-within>ul { visibility: visible; display: block; } } body:not(.theme-preset-active) .dropdown-toggle:after { display: inline-block; width: 0; height: 0; margin-left: .357em; vertical-align: .357em; content: ""; margin-top: -.28em; width: .42em; height: .42em; border: 1px solid; border-top: 0; border-left: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } header#masthead { right: 0; left: 0; z-index: 1030; background: rgba(255, 255, 255, 1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); color: #000!important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); } @media (max-width: 1200px) { header#masthead { background: rgba(255, 255, 255, .8); padding: .74rem 1rem!important; border-bottom: none!important; } } @media (max-width: 1200px) { body:not(.theme-preset-active) #masthead .navbar-nav li.active>a { border-bottom: none!important; } } @media (max-width: 1200px) { body:not(.theme-preset-active) #masthead .navbar .menu-item>.nav-link:hover { border-bottom: none!important; } } .btn-light:hover, .btn-light:focus { color: #ffffff; } #footer-widget { padding-top: 80px; padding-bottom: 80px; background: #fffdfd!important; } footer#colophon { background: #fffdfd!important; color: #24292e!important; padding: 0; text-align: center; border-top: 1px solid #eaecef; padding-top: 10px; padding-bottom: 10px; } /*NAVIGATION*/ .dropdown-menu { padding: 0px; margin: 0px; border: 0px; border-radius: 0px; border: 1px solid rgba(255, 255, 255, 0.1); min-width: 12rem; box-shadow: 0 4px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 12px 0 rgba(0, 0, 0, 0.12); border-bottom: 3px solid #CA4E07 !important; font-size: 0.9rem; } .dropdown-item:focus, .dropdown-item:hover, .dropdown-item.active, .dropdown-item:active { color: #24292e; background-color: #06A; } .dropdown-item { color: #24292e; font-weight: normal; padding: 10px 35px; border-radius: 0px !important; text-transform: capitalize; padding: 7px 25px; } @media (max-width: 1200px) { header#masthead { background: #fff!important; } } @media (max-width: 1200px) { .dropdown-menu { border-bottom: none!important; } } /*--------------------------------------- ## Back Top ---------------------------------------*/ .topbutton { position: fixed; bottom: 25px; right: 25px; display: none; z-index: 100; background: #CA4E07; color: #fff; border-radius: 0px 20px 0 20px; box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .5); } .topbutton:hover { background: #CA4E07; opacity: 0.8; color: #fff; } .navbar-toggler { color: #fff!important; background-color: #fff!important; } h1.entry-title { font-size: 2rem; border-bottom: 0 !important; } #masthead.site-header .navbar-nav>li.menu-item>a { font-weight: 500; } body:not(.theme-preset-active) #masthead .navbar-nav li.active>a { color: #24292e; } body:not(.theme-preset-active) .navbar-nav li.active>a { color: #24292e; } @media screen and (min-width: 1200px) { .navbar-nav li.active a:before, .navbar-nav a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); } .navbar-nav .nav-link { position: relative; color: #000; text-decoration: none; } .navbar-nav .nav-link a:visited { color: #000; text-decoration: none; } .navbar-nav .nav-link a:hover { color: #000; text-decoration: none; } .navbar-nav .nav-link:before { content: ""; position: absolute; width: 100%; height: 4px; bottom: -1px; left: 0; background-color: #CA4E07; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } } .dropdown-menu { position: absolute; min-width: 13.500rem; top: 100%; z-index: 1000; display: none; padding: 0rem 0px; margin: 0.76rem 0 0; } /* btn-circle*/ .btn-circle { width: 50px; height: 50px; margin-top: 15px; line-height: 50px; text-align: center; border: 2px solid #CA4E07; border-radius: 0px 20px 0 20px; color: #fff; background: 0 0; -webkit-transition: background .3s ease-in-out; -moz-transition: background .3s ease-in-out; transition: background .3s ease-in-out; } .btn-circle:hover, .btn-circle:focus { color: #CA4E07; background: rgba(255, 255, 255, .1); } /* Animated Dropdown*/ .animate { animation-duration: 0.3s; -webkit-animation-duration: 0.3s; animation-fill-mode: both; -webkit-animation-fill-mode: both; } @keyframes slideIn { 0% { transform: translateY(1rem); opacity: 0; } 100% { transform: translateY(0rem); opacity: 1; } 0% { transform: translateY(1rem); opacity: 0; } } @-webkit-keyframes slideIn { 0% { -webkit-transform: transform; -webkit-opacity: 0; } 100% { -webkit-transform: translateY(0); -webkit-opacity: 1; } 0% { -webkit-transform: translateY(1rem); -webkit-opacity: 0; } } .slideIn { -webkit-animation-name: slideIn; animation-name: slideIn; } /* ---------- */ .dropdown-item:hover, .dropdown-item:focus { color: rgb(255, 255, 255); background-color: #CA4E07 !important; text-decoration: none; } @media(min-width : 1200px) { .dropdown:hover>.dropdown-menu { display: block; } } @media(min-width : 768px) { .dropdown-menu { margin-top: 0; } } @media(max-width : 968px) { .page-sub-header { padding-top: 10rem!important; padding-bottom: 0rem!important; height: auto!important; } } #comments #respond form { background-color: #fffdfd; padding: 20px 30px; } .page-sub-header { position: relative; padding-top: 14rem; padding-bottom: 20rem; text-align: center; font-size: 1.25rem; height: 100vh; min-height: 500px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; background-repeat: no-repeat; } .post-thumbnail:hover { opacity: 0.8; } .page-content, .entry-content, .entry-summary, .entry-meta { margin: 1.5em 0 0; } .site-description { color: #000; margin-bottom: 0; font-size: 0.7888em } #content.site-content { padding-bottom: 3.75rem; overflow: hidden; } a.page-scroller { color: #fff; font-size: 1.6rem; display: block; margin-top: 2rem; } /* Address social*/ .single-contact { text-align: left; position: relative; padding-left: 70px; margin-bottom: 10px; margin-top: 10px; } .single-contact i.fa { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #CA4E07; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; color: #fff; } .single-contact h5 { font-size: 18px; margin-bottom: 10px; font-weight: 500; } .single-contact p { font-size: 15px; font-weight: 400; } /* social*/ .social-icons-ql li { list-style: none; float: left; width: 40px; height: 40px; line-height: 45px; text-align: center; margin: 10px 5px; } .social-icons-ql li:nth-child(1) { background: #34558E; } .social-icons-ql li:nth-child(2) { background: #25B8E6; } .social-icons-ql li:nth-child(3) { background: rgba(0, 122, 181, 1); } .social-icons-ql li:nth-child(4) { background: #DC4A38; } .social-icons-ql li:nth-child(5) { background: #CC2028; } .social-icons-ql li:nth-child(6) { background: red; } .social-icons-ql li i { color: #fff; font-size: 20px; } .social-icons-ql { padding: 0; } /*-------------------------------------------------------------- # Widgets --------------------------------------------------------------*/ .widget_tag_cloud .tagcloud a { font-size: 15px !important; letter-spacing: 0.3px; color: #24292e; margin-right: 10px; margin-bottom: 10px; display: inline-block; border: 2px solid #CA4E07; padding: 5px 25px; border-radius: 5px; } .entry-footer { padding-bottom: 1rem; } #primary .post.hentry { background: #fffdfd; box-shadow: -6px 10px 0px #fff9f6; padding: 0px 40px; } @media only screen and (max-width: 1024px) { #primary .post.hentry { padding: 0px 10px; } } #secondary .widget { padding: 30px; background: #fffdfd; border-radius: 5px; -webkit-box-shadow: -3px 0px 15px #e5e0dd; -moz-box-shadow: -3px 0px 15px #e5e0dd; box-shadow: -3px 0px 15px #e5e0dd } #secondary .widgettitle { color: #fff; padding-bottom: 28px; text-transform: none; font-size: 22px; letter-spacing: 0; } #secondary .widget-title { text-transform: none; font-size: 22px; letter-spacing: 0; } #secondary ul { list-style: none; margin: 0; padding: 0; } #secondary ul li { margin-bottom: 10px; position: relative; } /*---------------------------------- newsletter ----------------------------------*/ .newsletter-subcribe .form-group { position: relative; margin-bottom: 0; } .newsletter-subcribe .form-group input { height: 45px; background: #fff; border: 1px solid #fff9f6; font-size: 14px; } #secondary ul li a[aria-current=page] { color: #CA4E07; } #secondary ul li ul.children { margin-left: -25px; } #secondary ul li.has-post-thumbnail .post-details { padding-right: 100px; } #secondary ul a { color: #191919; } #secondary ul a:hover, #secondary ul a:focus { color: #CA4E07; } #wp-calendar #today { background: #CA4E07; color: #fff; border-radius: 5px; } #secondary .widget-title { padding: 15px 30px; margin: -30px -30px 25px; position: relative; } #secondary .widget-title:after { content: ""; display: inline-block; width: 23px; height: 2px; background: #CA4E07; position: absolute; left: 30px; top: 80% } #secondary .widget-title { font-size: 18px; font-weight: 600; position: relative; text-transform: capitalize; } #footer-widget .widget-title:after { content: ""; display: inline-block; width: 23px; height: 2px; background: #CA4E07; position: absolute; left: 0%; top: 110% } #footer-widget .widget-title { font-size: 18px; font-weight: 600; line-height: 26px; margin-bottom: 40px; position: relative; text-transform: capitalize; } /*-------------------------------------------------------------- ## Links --------------------------------------------------------------*/ a { color: #CA4E07; } a:hover, a:focus, a:active { color: #CA4E07; } /*-------------------------------------------------------------- # button --------------------------------------------------------------*/ .btn-primary { display: inline-block; padding: 8px 25px; border: 1px solid; background-color: #CA4E07; color: #fff; font-weight: 500; font-size: 15px; text-transform: capitalize; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; border: 1px solid rgba(255, 255, 255, 0.1); overflow: hidden; text-align: center; } .btn-primary:hover { background-color: #CA4E07; ; border: 1px solid rgba(255, 255, 255, 0.1); opacity: 0.8; } /*---------------------------------- Breadcrumbs Yoast ----------------------------------*/ #breadcrumbs { position: relative; display: table; width: 100%; text-align: center; padding: 150px 0 130px 0; background-position: center top; background-size: cover; background-image: url(inc/assets/images/breadcrumb.jpg) } .home p#breadcrumbs { display: none; } #breadcrumbs { text-align: center; font-size: 42px; line-height: 50px; font-weight: 600; color: #fff; text-shadow: 4px 5px 5px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767.98px) { #breadcrumbs { font-size: 30px; line-height: 40px; } } /*---------------------------------- services ----------------------------------*/ .section-title { position: relative } .section-title p { font-size: 16px; margin-bottom: 5px; font-weight: 400; } .section-title h4 { font-size: 40px; font-weight: 600; text-transform: capitalize; position: relative; padding-bottom: 20px; display: inline-block } @media only screen and (max-width: 767.98px) { .section-title h4 { font-size: 27px; } } .section-title h4:before { position: absolute; content: ""; width: 80px; height: 2px; background-color: #d8d8d8; bottom: 0; left: 50%; margin-left: -40px; } .section-title h4:after { position: absolute; content: ""; width: 50px; height: 2px; background-color: #CA4E07; left: 0; bottom: 0; left: 50%; margin-left: -25px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .mb-100 { margin-bottom: 100px; } .single-service { position: relative; text-align: center; margin-bottom: 50px; -webkit-transition: .3s; transition: .3s; padding: 30px 20px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.16) } .single-service:before { position: absolute; width: 0; height: 0; background-color: #CA4E07; left: 0; top: 0; content: ""; -webkit-transition: .3s; transition: .3s } .single-service:after { position: absolute; width: 0; height: 0; background-color: #CA4E07; right: 0; bottom: 0; content: ""; -webkit-transition: .3s; transition: .3s } .single-service:hover:after, .single-service:hover:before { width: 50%; height: 2px; -webkit-transition: .3s; transition: .3s } .single-service:hover { box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, 0.10) } .single-service i.fa, .single-service i.fab { font-size: 20px; width: 60px; height: 60px; border: 1px solid #ddd; line-height: 60px; margin-bottom: 30px; border-radius: 50%; -webkit-transition: .3s; transition: .3s } .single-service:hover i.fa, .single-service:hover i.fab { background-color: #CA4E07; color: #fff; border-color: #CA4E07; border-radius: 0; } .single-service h4 { font-size: 20px; font-weight: 400; margin-bottom: 15px; text-transform: capitalize; } .single-service p { font-size: 15px; line-height: 1.8; } /* PRELOADER */ .preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.54); z-index: 100000; height: 100%; width: 100%; overflow: hidden !important; } .preloader div { pointer-events: none; width: 6.5em; height: 6.5em; border: 0.9em solid transparent; border-color: #eee; border-top-color: #ff8000; border-radius: 50%; animation: loadingspin 1s linear infinite; background: none; position: absolute; left: 50%; top: 50%; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; margin: -50px 0 0 -50px; } .preloader>div:after { content: none; } @keyframes loadingspin { 100% { transform: rotate(360deg) } } /* Contact Form 7 style -------------------------------*/ .wpcf7 { background: #fffdfd; padding: 20px 20px 20px 50px !important; margin: 0 0 2.5rem; transition: all 0.3s; -webkit-box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1); -moz-box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1); box-shadow: 0 25px 98px 0 rgba(0, 0, 0, .1); } /* Contact Form 7 Input CSS ---------------------------*/ .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"], textarea { font-size: 16px; background-color: #fff; } /* Contact Form 7 Submit Button -------------------------------*/ .wpcf7 input[type="submit"] { color: #ffffff; font-size: 18px; font-weight: 700; background: #CA4E07; padding: 15px 25px 15px 25px; border: none; border-radius: 5px; width: auto; text-transform: uppercase; letter-spacing: 5px; } .wpcf7 input:hover[type="submit"] { background: #CA4E07; transition: all 0.4s ease 0s; opacity: 0.7; } .wpcf7 input:active[type="submit"] { background: #000000; } /* Checkbox CSS ----------------*/ input[type="checkbox"] { transform: scale(1.3); margin-left: 5px; } span.wpcf7-list-item { margin: 0; padding-bottom: 20px; } .wpcf7 .wpcf7-form label { width: 100% !important; padding-right: 30px; padding-left: 10px; } /** ==================================================================== Shop Page ==================================================================== */ /* Flexbox on WooCommerce archive products */ .woocommerce .products ul, .woocommerce ul.products { display: flex; flex-flow: row wrap; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { display: flex; flex-flow: column nowrap; } .woocommerce ul.products li.product .button { margin-top: auto; display: table; } /*****---------- Woocommerce ----------*****/ .woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row, .woocommerce form .form-row { display: block; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { max-width: unset; } .woocommerce .products .star-rating { margin: .5em auto; } .widget.woocommerce { margin-bottom: 1em; } .woocommerce article h1.page-title { display: none !important; } .tax-product_tag article h1.page-title, .tax-product_cat article h1.page-title { display: block !important; font-size: 30px !important; } .entry-content form { margin-bottom: 40px !important; } .woocommerce .woocommerce-ordering select { vertical-align: top; height: 44px; border-radius: 45px; border: 1px solid #f5f5f5; padding: 10px 34px 10px 16px; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: auto; cursor: pointer; } .woocommerce .woocommerce-ordering .dropdown { position: relative; } .woocommerce .woocommerce-ordering .dropdown:before { content: ""; position: absolute; right: 16px; top: 24px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 3px solid #333; } .woocommerce .woocommerce-ordering .dropdown:after { content: ""; position: absolute; right: 16px; top: 16px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-bottom: 3px solid #333; } .woocommerce ul.products li.product a img { border-radius: 4px; } .woocommerce ul.products li.product a img.on-sale { width: 50px; position: absolute; top: 5%; left: 5%; } .woocommerce ul.products li.product .price del { display: inline-block; padding-right: 5px; } .woocommerce ul.products { text-align: center; margin: 0 auto; } .woocommerce ul.products li.product .button i { padding-right: 8px; } .woocommerce #respond input#submit.loading::after, .woocommerce a.button.loading::after, .woocommerce button.button.loading::after, .woocommerce input.button.loading::after { top: .871em; right: -1em; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { text-align: center; padding: 0; position: relative; width: 22.05%; } /** ==================================================================== Single Page ==================================================================== */ .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) { width: 90px; overflow: hidden; } .woocommerce div.product div.images .woocommerce-product-gallery__image:nth-child(n+2) img { border-radius: 4px; -webkit-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49); -moz-box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49); box-shadow: 10px -6px 6px -13px rgba(0, 0, 0, 0.49); } .woocommerce div.product .product_title { text-transform: uppercase; font-size: 25px !important; } .woocommerce div.product div.images img { border-radius: 4px; } @media screen and (max-width: 768px) { .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { padding: 8px; } } .woocommerce div.product form.cart .button { color: #fff; font-size: 13px; border-radius: 0; background: #CA4E07; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce div.product form.cart .button:hover { color: #fff; background: #ff801a; } .woocommerce .quantity .qty { background: transparent; border: 1px solid #eceaea; color: #a1a1a1; font-size: 16px; height: 50px; padding-left: 20px; padding-right: 20px; width: 100px; font-weight: normal; outline: 0 !important; -webkit-appearance: none; } .woocommerce div.product p.stock { color: #555; font-weight: 400; font-size: 15px; text-transform: uppercase; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #000; font-size: 16px; font-weight: 400; } .woocommerce .summary .product_meta { font-size: 12px; } .woocommerce .summary .product_meta>span { display: block; padding: 5px 0; } .woocommerce .summary .product_meta>span.tagged_as { display: block; margin-top: 15px; } .woocommerce .summary .product_meta>span.tagged_as a { border: 1px solid #bbb; padding: 0px 10px; margin-right: 5px; } .woocommerce div.product p.price ins { text-decoration: none; } .woocommerce div.product div.images.woocommerce-product-gallery { margin-bottom: 80px; } .woocommerce div.product .woocommerce-tabs ul.tabs li { border: 0; background: none; border-radius: 0; padding: 0 30px; } .woocommerce div.product .woocommerce-tabs ul.tabs { padding: 0; text-align: center; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #f5f5f5; } .woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before { border: 0; position: relative; width: 5px; height: 5px; } .woocommerce-tabs #comments { margin-top: 0; } .woocommerce-tabs #tab-description h2, .woocommerce-Tabs-panel--additional_information h2 { padding-bottom: 20px; } .woocommerce-tabs #tab-description p { padding-bottom: 20px; } .woocommerce #review_form #respond p.stars { margin-top: 10px; } .woocommerce p.stars a { color: #fdb341; } .woocommerce .woocommerce-product-rating .star-rating { color: #fdb341; } .woocommerce .star-rating { color: #fdb341; } .woocommerce li.product .star-rating { width: 5.5em; float: right; } .woocommerce #reviews #comments ol.commentlist li img.avatar { border: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist { margin: 50px 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar { float: left; width: 70px; height: 70px; border-radius: 45px; margin-right: 30px; margin-top: -10px; } .woocommerce #reviews #comments ol.commentlist li .comment-text { margin: 0 0 0 85px; border: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta time { display: block; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { font-size: 15px; margin: 5px 0; display: inline-block; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta span.woocommerce-review__dash { display: none; } .woocommerce .star-rating { float: none } .mfp-bg { opacity: 1; } .single_add_to_cart_button:hover { color: #fff !important; } .single-product img.on-sale { position: absolute; top: 1%; left: 2%; z-index: 1; } /** ==================================================================== Related Products ==================================================================== */ section.related.products { margin: 20px 0; text-align: center; } section.related.products h2 { margin: 50px 0; color: #555; display: inline-block; font-size: 25px; font-weight: 700; padding-bottom: 5px; -webkit-font-smoothing: antialiased !important; } section.related.products ul.products { text-align: left; } .woocommerce .related.products ul.products li.product, .woocommerce-page .related.products ul.products li.product { margin: 0 14px 50px 0px; } .woocommerce #review_form #respond .form-submit input { color: #fff; background: #CA4E07; border-radius: 0; height: 50px; width: 160px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce #review_form #respond .form-submit input:hover { color: #fff; } .woocommerce .products .star-rating { margin: auto; } .woocommerce span.onsale { min-height: 2.236em; min-width: 3.236em; padding: .202em; font-size: 1em; font-weight: 400; position: absolute; text-align: center; line-height: inherit; top: -.5em; left: -.5em; margin: 0; border-radius: 0; background-color: #CA4E07; color: #fff; font-size: .857em; z-index: 9; } .woocommerce div.product .woocommerce-tabs ul.tabs li.active { z-index: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs::before { z-index: 0; } .woocommerce div.product form.cart .variations select { background: transparent; color: #a1a1a1; font-size: 12px; height: 45px; padding-left: 20px; padding-right: 20px; width: 100%; font-weight: normal; border-radius: 0; outline: 0 !important; -webkit-appearance: none; } .variations .label { color: #555; font-size: 13px; display: inline-block; margin-top: 10px !important; } .woocommerce div.product p.stock { color: #b9b9b9; font-weight: 400; font-size: 12px; text-transform: uppercase; } .woocommerce div.product .woocommerce-tabs .panel { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } /** ==================================================================== Cart Page ==================================================================== */ #cart-wrapper .content-page { padding-right: 30px; } .woocommerce table.shop_table th { font-weight: 400; padding: 9px 12px; text-transform: uppercase; color: #000; } .woocommerce table.shop_table td { border: 0; } .woocommerce a.remove:hover { color: #ff0000 !important; background: none; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { width: 200px; } .woocommerce .cart .button, .woocommerce .cart input.button { border-radius: 0; height: 50px; width: 160px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce .cart input.button:hover { color: #fff !important; } .woocommerce-cart-form .coupon { margin: 20px 0; } .woocommerce-cart-form .coupon input#coupon_code { padding-left: 20px; } .woocommerce-cart-form .coupon input.button { margin-left: 15px; } .woocommerce .cart_totals h2 { font-size: 25px !important; text-transform: uppercase; margin: 35px 0; } .woocommerce table.shop_table { padding: 20px; } .woocommerce a.added_to_cart { margin-top: 20px; margin-left: 5px; } #add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img { width: 70px; } .woocommerce-message { background: #39b54a; } .woocommerce-message a:hover { color: #fff; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { color: #fff; } .woocommerce-info { background: #CA4E07; } .woocommerce .woocommerce-info { padding-left: 50px; } .woocommerce-error { background: #f44336; } .entry-content>.woocommerce-error, .entry-content>.woocommerce-info, .entry-content>.woocommerce-message { margin: 70px 0; } .woocommerce-error, .woocommerce-info, .woocommerce-message { border: 0; color: #fff; transition: 0.3s; } .woocommerce-message a, .woocommerce-message a:hover { color: #fff; } .woocommerce-info a, .woocommerce-info a:hover { color: #fff; } .woocommerce-error a, .woocommerce-error a:hover { color: #fff; } .woocommerce ul.woocommerce-error { padding: 5px 0; padding-left: 50px; ; margin-bottom: 25px; } .woocommerce-error::before { color: #fff; } .woocommerce-message::before, .woocommerce-info::before { color: #fff; } .woocommerce .return-to-shop a.button { color: #fff; background: none; height: 45px; width: 200px; padding-top: 15px; padding-left: 30px; text-transform: uppercase; margin-bottom: 50px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce .return-to-shop a.button:hover { color: #fff; } .wc-proceed-to-checkout a { height: 55px; width: 100%; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .wc-proceed-to-checkout a:hover { color: #fff !important; } .woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals { margin-bottom: 50px; } .woocommerce a.remove { font-size: 2em; font-weight: 400; height: 1em; width: 1em; } /** ==================================================================== Checkout Page ==================================================================== */ #checkout-wrapper .content-page { padding-right: 30px; } .woocommerce-checkout .entry-content .woocommerce h3 { margin-bottom: 20px; text-transform: uppercase; color: #555; font-weight: 700; } .select2-container--default .select2-selection--single { color: #a1a1a1; font-size: 12px; height: 45px; padding-left: 20px; padding-right: 20px; width: 100%; font-weight: normal; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 70%; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .select2-container--default .select2-selection--single { color: #a1a1a1; font-size: 12px; height: 45px; padding-left: 20px; padding-right: 20px; width: 100%; font-weight: normal; border-radius: 0; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 40px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 70%; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; } .woocommerce form .form-row input.input-text { color: #a1a1a1; font-size: 12px; height: 45px; padding-left: 20px; padding-right: 20px; width: 100%; font-weight: normal; } .woocommerce form .form-row input.input-text { color: #555; font-size: 14px; height: 45px; width: 100%; font-weight: normal; } .woocommerce h3#order_review_heading { margin: 30px 0; } #add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment { background: none; border: 1px solid rgba(0, 0, 0, .1); } #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box { background: #efefef; } #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before { border-top-color: transparent; border-top-style: solid; border-top-width: 1em; border-right-color: transparent; border-right-style: solid; border-right-width: 1em; border-bottom-color: #efefef; border-bottom-style: solid; border-bottom-width: 1em; border-left-color: transparent; border-left-style: solid; border-left-width: 1em; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; } .woocommerce-checkout #payment ul.payment_methods li { line-height: 30px; } .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { color: #fff; background: #CA4E07; border-radius: 0; height: 50px; font-size: 15px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .product-type-external .woocommerce a.button.alt { padding-left: 25px; } .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { color: #fff !important; background: #ff801a; } .woocommerce-checkout #payment ul.payment_methods { border-bottom: 0; padding: 30px; } #add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row { padding: 30px; padding-top: 0; } /** ==================================================================== My Account ==================================================================== */ .woocommerce-MyAccount-content a.button { color: #555; background: #fff; } .woocommerce-MyAccount-content a.button.alt { height: 40px !important; font-size: 11px !important; } #myaccount-wrapper .entry-content { margin: 70px 0; } .woocommerce-MyAccount-navigation ul { list-style-type: none; } .woocommerce-MyAccount-navigation ul li { padding: 10px 0; border-bottom: 1px dotted #dedede; width: 70%; } .woocommerce-MyAccount-navigation ul li a { color: #555; } .woocommerce-account .woocommerce a.button, .woocommerce-account .woocommerce input.button { color: #555; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce-account .woocommerce a.button:hover, .woocommerce-account .woocommerce input.button:hover { color: #fff; } .woocommerce-MyAccount-content h3 { margin-bottom: 20px; } .woocommerce-account .woocommerce a.button { background: #CA4E07; color: #fff; border-radius: 0; } .woocommerce-account .woocommerce a.button { background: #fff; } .woocommerce table.my_account_orders { font-size: 1em; } .woocommerce-account .woocommerce a.button { background: #CA4E07; color: #fff; border-radius: 0; } /** ==================================================================== Sidebar ==================================================================== */ .woocommerce aside h2 { font-size: 16px; margin-bottom: 15px; } .cart_list.product_list_widget span.quantity { font-size: 12px; } .woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total { border-top: 1px double #ebe9eb; } .woocommerce .widget_shopping_cart .cart_list li, .woocommerce.widget_shopping_cart .cart_list li { padding-bottom: 10px; } .woocommerce .widget_price_filter .price_slider_amount .button { color: #fff; height: 24px; text-transform: uppercase; padding: 5px 10px; border-radius: 0; font-size: 10px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce .widget_price_filter .price_slider_amount .button:hover { color: #fff; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background: #675353; height: 2px; margin-top: -1px; } .woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: none; border-top: 1px solid #e6e6e6; } .widget_price_filter .price_slider_wrapper { margin-top: 25px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background: #CA4E07; margin-top: -3px; } .widget_product_tag_cloud .tagcloud a { padding: 3px 10px; border: 1px solid #e6e6e6; margin-right: 5px; margin-bottom: 5px; display: inline-block; } .woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a { padding: 10px 20px; font-size: 10px; background: #CA4E07; color: #fff; } .woocommerce .widget_shopping_cart .buttons a:hover, .woocommerce.widget_shopping_cart .buttons a:hover { background: #ff801a; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover { background: #444; } .woocommerce aside .search-icon { position: relative; top: 0; right: 0; float: right; margin-top: -32px; margin-right: 15px; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { z-index: 1; } .widget.widget_product_categories ul.children { padding-left: 20px; padding-top: 10px; } .widget.widget_product_categories ul.children li { padding: 0; } .widget.widget_product_categories ul.children li { padding: 0; } .widget.widget_product_categories ul.children li:last-child { border-bottom: none; } .widget.widget_product_categories ul.children li:before { content: "\f0da"; font-family: "Line Awesome Free"; font-weight: 700; padding-right: 5px; color: #ababab; } .widget_product_tag_cloud .tagcloud a { font-size: 12px !important; } .woocommerce .widget_layered_nav_filters ul li { float: none; } /** ==================================================================== Cart Widget ==================================================================== */ .navbar-nav .menu-widget-cart { display: none; } #shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart { top: 50px; } .navbar-nav .widget.woocommerce.widget_shopping_cart p.woocommerce-mini-cart__empty-message { margin: 20px 0; text-align: center; } .navbar-nav .widget.woocommerce.widget_shopping_cart:hover { display: block; } .navbar-nav .widget.woocommerce.widget_shopping_cart.widget-open { display: block; } .navbar-nav .widget_shopping_cart .widgettitle { font-size: 15px; margin: 24px 0; } .navbar-nav .cart_list.product_list_widget span.quantity { font-size: 11px; } .navbar-nav .mini_cart_item a:hover { color: #000; transition: 0.2s; } .navbar-nav .widget_shopping_cart .total { font-size: 13px; } #shop-nav .navbar-nav .widget.woocommerce.widget_shopping_cart { right: 0; } /** ==================================================================== Shipping Form ==================================================================== */ .woocommerce form .form-row select { background: transparent; border: 1px solid #eceaea; color: #a1a1a1; font-size: 12px; height: 45px; padding-left: 20px; padding-right: 20px; width: 100%; font-weight: normal; } .woocommerce button.button { color: #fff; background: #CA4E07; height: 45px; text-transform: uppercase; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce button.button:hover { color: #fff; } .woocommerce #payment #place_order, .woocommerce-page #payment #place_order { float: none; padding: 10px 50px; } button#place_order { width: auto; } /** ==================================================================== Pagination ==================================================================== */ .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current { background: #CA4E07; color: #fff; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span { padding: 0.9em; } .woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td { background: none; } /** ==================================================================== Product Gallery ==================================================================== */ .woocommerce div.product div.images .flex-control-thumbs { margin-top: 10px; } .woocommerce div.product div.images .flex-control-thumbs li { width: 22%; float: left; margin: 5px; list-style: none; } /** ==================================================================== Login ==================================================================== */ .woocommerce-form-login .form-row input.button { margin: 10px; } .woocommerce form .form-row .input-checkbox { margin: 8px 8px 0 0px; } .checkout.woocommerce-checkout .form-row label span, .checkout.woocommerce-checkout .form-row label span { margin-left: 20px; } .woocommerce-form-login .form-row label span { margin-left: 10px; } .woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register { border: 1px solid rgba(0, 0, 0, .1); } .header-woo-links li img { vertical-align: bottom; } .header-woo-links { margin-right: 35px; margin-top: 10px; } .header-woo-links li i { font-size: 34px; vertical-align: middle; } .header-woo-links a { font-family: 'Poppins', sans-serif; } /** ==================================================================== List Products Widget ==================================================================== */ .list-products-section { text-align: center; } .list-products-section ul.nav-tabs { display: inline-block; margin-top: 0; margin-bottom: 50px; } .list-products-section ul.nav-tabs li { margin-bottom: 25px; } .list-products-section ul.nav-tabs li { float: none; text-align: center; display: inline-block; } .list-products-section .nav-tabs>li.active>a { border: 0; border-right: 1px solid #ddd; color: #fb0000; } .list-products-section .nav-tabs>li>a { border: 0; border-right: 1px solid #ddd; border-radius: 0; line-height: 0.1; font-size: 18px; } .list-products-section .nav-tabs>li:last-child>a { border: 0; } .list-products-section .nav-tabs { border-bottom: 0; } .list-products-section ul.products li.product { margin-bottom: 0; } .tab-pane.active { animation: opac 1s ease-out; } @keyframes opac { from { opacity: 0 } to { opacity: 1 } } /** ==================================================================== Products ==================================================================== */ .woocommerce-Price-amount { color: #CA4E07; } p.saved-sale { font-size: 14px; text-align: right; margin-bottom: 0; } .woocommerce ul.products li.product .price ins { text-decoration: none; } .woocommerce ul.products li.product .button { border-radius: 45px; color: #555; display: none; transition: all 0.3s ease-in-out; outline: 0 !important; -webkit-appearance: none; } .woocommerce ul.products li.product .button:hover { color: #555; transition: 0.2s; } .woocommerce ul.products li.product:hover .button.add_to_cart_button { display: block; position: absolute; top: 2%; left: 0; } .woocommerce ul.products li.product:hover .button.yith-wcqv-button { display: block; position: absolute; top: 20%; left: 10px; } .woocommerce ul.products li.product.sale:hover .button.yith-wcqv-button { top: 18%; } .woocommerce ul.products li.product:hover .button.product_type_grouped, .woocommerce ul.products li.product:hover .button.product_type_external { display: block; position: absolute; top: 2%; left: 0; } /* add to cart button */ .woocommerce ul.products li.product .product_type_grouped, .woocommerce-page ul.products li.product .product_type_grouped, .woocommerce ul.products li.product .product_type_external, .woocommerce-page ul.products li.product .product_type_external, .woocommerce ul.products li.product .product_type_variable, .woocommerce-page ul.products li.product .product_type_variable, .woocommerce ul.products li.product .product_type_simple, .woocommerce-page ul.products li.product .product_type_simple { position: relative; padding: 0; font-size: 0; height: 38px; width: 38px; border: 0; margin: 0 8px 8px; line-height: 38px; color: #373737; vertical-align: top; } .woocommerce ul.products li.product .product_type_simple, .woocommerce-page ul.products li.product .product_type_simple { background: #ffffff url(inc/assets/images/cart.svg) no-repeat scroll center 10px; background-size: 20px; } /* view cart message */ a.added_to_cart.wc-forward { text-align: center; position: absolute; top: 35%; left: 0; right: 0; display: block; background: #000; opacity: 0.8; border-radius: 45px; color: #fff; width: 100px; margin: 0 auto; padding: 5px; } /* quick view button */ .woocommerce ul.products .button.yith-wcqv-button, .woocommerce ul.products .compare-button { display: inline-block; position: relative; margin: 0 8px 0 0; border: 0; color: #000; font-size: 0; padding: 0; line-height: 38px; height: 38px; width: 38px; vertical-align: top; } .woocommerce ul.products .button.yith-wcqv-button { margin: 0; background: #ffffff url(inc/assets/images/eye.svg) no-repeat scroll center 12px !important; background-size: 20px !important; } /* grouped and variable product button */ .woocommerce ul.products li.product .product_type_grouped, .woocommerce-page ul.products li.product .product_type_grouped, .woocommerce ul.products li.product .product_type_external, .woocommerce-page ul.products li.product .product_type_external, .woocommerce ul.products li.product .product_type_variable, .woocommerce-page ul.products li.product .product_type_variable { background: #ffffff url(inc/assets/images/eye.svg) no-repeat scroll center 10px !important; background-size: 20px !important; } /** ==================================================================== Product Archive ==================================================================== */ .post-type-archive-product h1.page-title { display: none; } .archive.woocommerce .page-content-area, .post-type-archive-product .page-content-area, .single-product .page-content-area { margin: 70px 0; } .woocommerce #woo-products-wrapper { padding-right: 50px; } /** ==================================================================== Single Product Tabs ==================================================================== */ .woocommerce div.product .woocommerce-tabs ul.tabs li.active { background: #CA4E07; color: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; } .single-product #comments { width: 100%; margin: 0 auto; padding-top: 0; } .single-product h1.entry-title { text-align: left; } .single-product p.saved-sale { text-align: left; } .single-product #reviews #comments { width: 100%; } #add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text { padding: 15px 15px; margin: 0 0px 0 0; } #woocommerce-product-search-field-0 { height: 40px; font-size: 0.8rem!important; } .woocommerce div.product .product_title { margin: 0!important; } /** ==================================================================== Hide page title ==================================================================== */ body.page-id-1960 .entry-header { display: none; } body.page-id-1957 .entry-header { display: none; } body.page-id-1962 .entry-header { display: none; } /** ==================================================================== newsletter-subcribe ==================================================================== */ .newsletter-subcribe .form-group .subcribe-submit { position: absolute; right: 0px; top: 0px; line-height: 43px !important; font-size: 17px; letter-spacing: 1.02px; color: #fff; line-height: 24px; border: 0; cursor: pointer; -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; border: 0 !important; background: #CA4E07; border-radius: 0px 5px 0px 5px; } .newsletter-subcribe .form-group .subcribe-submit:hover { opacity: 0.7; } .table td, .table th { padding: 0.65rem!important; } /** ==================================================================== admin-bar ==================================================================== */ /* Custom */ .top-bg { background-color: #888; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .top-bg::before { content: ""; position: absolute; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); } #content.site-conten { padding-top: 0; } .entry-title { text-align: center; } h1.entry-title { font-size: 3rem; } .top-title { color: #fff; font-size: 32px; padding: 35px; text-align: center; text-transform: uppercase; position: relative; z-index: 5; } .site-description, .entry-meta, .form-allowed-tags, .alert.alert-info, .comment-list, .comments-title { display: none; } .page-title { text-align: center; }