/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Aug 23, 2020, 9:26:32 PM
    Author     : fahad
*/

body[data-boxed="true"] .site.wrap { background-color: #fff; }
.site-footer { background-color: #fff; }
.menu-main-container.header_menu { font-family: Montserrat;font-size: 17px;line-height: 25px; }
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .ww-widget caption, .vc_pie_chart_value { font-family: Alata !important;color: #353535; }
.title_ff, ul.products li.product .price, body.wpb-js-composer .vc_tta-title-text, .woocommerce-tabs .tabs li a { font-family: Alata !important; }
body, select { font-family: Montserrat;color: #353535;font-size: 16px;line-height: 1.75em; }
.widget_nav_menu .widgettitle { font-family: Montserrat; }
.site-header .top-bar-box { padding-top: 10px;padding-bottom: 10px; }
.top-bar-box { background-color: #262838; }
.top-bar-box .container > * > a, .header_icons > .mini-cart > a, .wishlist_products_counter_number, .ww_compare_count, .woo_mini-count > span { color: rgba(255,255,255,.7); }
.page_title_container { padding-top: 72px;padding-bottom: 165px;background: linear-gradient(-6deg, #0040a6, #00b2a3);; }
.site-header-mobile .page_title_container { padding-top: 52px;padding-bottom: 45px; }
body:not(.single) .page_title_container .page_title_customizer_size { font-size: 90px; }
body.single .page_title_container .page_title_customizer_size { font-size: 60px; }
.page_title_container .single_post_categories { background-color: #fff; }
.page_title_container .single_post_categories a { color: #353535; }
.page_title_container .page_title_customizer_size .page_title { color: #fff; }
.page_title_container .single_post_meta a { color: #fff; }
.page_title_container .single_post_meta a:not(:last-child):after { background-color: #fff; }
.page_title_container .title_divider { background-color: #FFEB00; }
.page_title_container .woocommerce-breadcrumb *, .page_title_container .bread-crumbs * { color: rgba(255,255,255, .8); }
.site-sticky:not(.sticky-mobile) .menu-main-container.header_menu > ul > .menu-item > a, .ww_sticky_template .menu-main-container.header_menu > ul > .menu-item > a { padding-top: 30px;padding-bottom: 28px; }
.site-sticky { background-color: #fff; }
.site-sticky.shadow { -webkit-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);-moz-box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05);box-shadow: 0 0 15px 5px rgba(16,1,148, 0.05); }
.site-sticky .menu-main-container.header_menu > .menu > .menu-item > a { color: #353535; }
.site-sticky .menu-main-container.header_menu > .menu > .menu-item > a:before { background-color: #00B9A2; }
.menu-main-container.header_menu > ul > .menu-item > a { padding-top: 45px;padding-bottom: 45px; }
.menu-main-container.header_menu > .menu > .menu-item > a, .search-trigger { color: #353535; }
.menu-main-container.header_menu > .menu > .menu-item > a:before { background-color: #00B9A2; }
.menu-main-container.header_menu .sub-menu a { color: #353535; }
.menu-main-container.header_menu .sub-menu li.current-menu-item, .menu-main-container.header_menu .sub-menu li.current-menu-ancestor { background-color: #ffeb00; }
.menu-main-container.header_menu .sub-menu li > a:before, .menu-main-container.header_menu .menu-item-object-ww-megamenu .sub-menu .ww_megamenu_item .widgettitle:before { background-color: #ffeb00; }
.site-header-mobile .top-bar-box, .sticky-mobile { padding-top: 13px;padding-bottom: 13px; }
.site-header-mobile .top-bar-box, .site-sticky.sticky-mobile { background-color: #fff; }
.site-header-mobile .menu-trigger span, .site-sticky.sticky-mobile .menu-trigger span { background-color: #353535; }
.site-header-mobile .top-bar-box .container .mini-cart > a, .site-sticky.sticky-mobile .container .mini-cart > a { color: #353535; }
.site-header-mobile .menu-box .menu-main-container > ul .menu-item a, .site-header-mobile .menu-box .ww_megamenu_item .ww_column_wrapper .widgettitle { color: #353535; }
.site-header-mobile .sub-menu-trigger:before, .site-header-mobile .menu-box .menu-main-container > ul .current-menu-item > a, .site-header-mobile .menu-box .menu-main-container > ul .current-item-parent > a { color: #00B9A2; }
@media screen and (min-width: 1367px), screen and (min-width: 1200px) and (any-hover: hover), screen and (min-width: 1200px) and (min--moz-device-pixel-ratio:0), screen and (min-width: 1200px) and (-ms-high-contrast: none), screen and (min-width: 1200px) and (-ms-high-contrast: active){
    .search-trigger:hover { color: #00B9A2; }
    .menu-main-container.header_menu > ul .sub-menu li:not(.ww_megamenu_item):hover { background-color: #ffeb00; }
    .site-sticky .search-trigger:hover { color: #00B9A2; }
    .top-bar-box .container > * > a:hover, .header_icons > .mini-cart > a:hover { color: #fff; }
}
/*========================================================
====================== PRIMARY COLOR =====================
========================================================*/
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6, a, blockquote, label,
.ww-widget .search-form .label:after,
.ww-widget.ww-recent-posts a,
legend,
.table-size-guide td,
.ww-widget .custom-widget-info i,
.ww_carousel:hover .slick-arrow,
.search-form .label .search-field,
.ww-widget ul li.chosen a,
.ww_presentation_module .presentation_triggers .presentation_trigger.active,
body.wpb-js-composer .vc_tta.vc_general.vc_tta-tabs .vc_tta-tabs-list li > a,
body.wpb-js-composer .vc_tta.vc_general.vc_tta-o-all-clickable .vc_tta-controls-icon,
.ww-widget .search-form .label .search-submit,
.ww-widget .recentcomments span,
.main-content-inner.has_sb .sidebar .close_sidebar,
.comment-body .comment-meta .comment-admin,
.blog .blog-readmore-wrap .blog-readmore.simple,
.search .blog-readmore-wrap .blog-readmore.simple,
.post-meta-wrapper,
.post-meta-wrapper a,
.main_member_info .text-information *,
.portfolio-single-content .portfolio-content-wrapper .aside-part .label
{ color: #353535; }
.body-overlay,
.table-size-guide th,
ul.products li.product .added_to_cart, 
ul.products li.product .button,
.mini-cart .woo_mini-count > span
{ background-color: #353535; }
blockquote,
.sidebar_trigger,
.ww-widget ul li.chosen a,
.ww-widget ul li.chosen:after
{ border-color: #353535; }
/*========================================================
===================== SECONDARY COLOR ====================
========================================================*/
.menu-main-container.header_menu > ul > .menu-item > a:after,
.menu-main-container.header_menu > ul > .menu-item.current-menu-ancestor > a,
.menu-main-container.header_menu > ul > .menu-item.current-menu-item > a,
.ww-widget .recentcomments span:before,
.single-content-title .cancel-reply a,
.required,
.blog .blog-readmore-wrap .blog-readmore:after,
.search .blog-readmore-wrap .blog-readmore:after,
.ww_our_team_module .ww_team_member .information_wrapper .meta,
.ww_our_team_module .ww_team_member .information_wrapper .phone,
.ww_our_team_module .ww_team_member .information_wrapper .email,
.ww_footer_template a,
.site-footer a,
.sub-menu-trigger:before,
.site-header-mobile .menu-box .current-menu-item > a,
.site-header-mobile .menu-box .current-item-parent > a,
.mini-cart .woo_mini-count > span,
.wpforms-container.submit-arrow .wpforms-submit-container button[type=submit]:before
{ color: #FFEB00; }
.ww-widget caption:before, 
.ww-widget .widget-title:before,
.upsells.products > h2:before, .upsells.products > h2:after,
.related.products > h2:before, .related.products > h2:after,
.single-content-title:before, .single-content-title:after,
.menu-main-container.header_menu > ul > .menu-item > a:before,
.blog.layout_small .post-author:before,
.ww-widget .calendar_wrap table tbody td a,
.portfolio-single-content .social-share:before,
.ww_portfolio_module .ww_portfolio_items .ww_portfolio_item .text_info .h5:after,
.ww-widget .price_slider_wrapper .price_slider .ui-slider-handle,
.ww-widget .price_slider_wrapper .price_slider .ui-slider-range,
ul .menu-item-object-ww-megamenu .sub-menu .ww_megamenu_item .widgettitle:before,
.ww-widget.ww-about .name:before,
.post-meta-wrapper:before,
.post-inner .post-media-wrapper .post-date,
.ww-widget.ww-recent-posts .recent_post_content .date:before,
.ww_portfolio_module .portfolio-filter .portfolio-filter-trigger:after
{ background-color: #FFEB00; }
.ww_icon_preloader:after,
.ww-widget .search-form .label input,
.slick-dots li.slick-active button,
.woocommerce.single .content-area .site-main > .type-product .woocommerce-tabs .tabs li.active a,
.comment-respond .comment-form > p input,
.comment-respond .comment-form > p textarea
{ border-color: #FFEB00; }
.ww_icon_preloader:after
{ border-color: #FFEB00 transparent #FFEB00 transparent; }
/*========================================================
======================= THIRD COLOR ======================
========================================================*/
.ww-widget .calendar_wrap table caption,
.post-inner .post-categories a:before,
.woocommerce-info,
.post.sticky
{ background-color: #00B9A2; }
/*========================================================
====================== BUTTONS COLOR =====================
========================================================*/
.ww_button_wrapper.simple .ww_button{	color: #353535;
}
.ww_button,
a.showcoupon,
.wpb_wrapper div.wpforms-container-full .wpforms-form button[type=submit],
.post-password-form input[type='submit'],
.comment-form .submit,
.added_to_cart,
.woo_mini_cart .button,
.woocommerce .button,
.ww_woo_modal_content .button{	color: #FFEB00;
                               background-color: #353535;
}
.ww_button_wrapper.simple .ww_button:before,
.ww_button:after,
a.showcoupon:after,
.comment-form .submit:after,
.added_to_cart:after,
.woo_mini_cart .button:after,
.woocommerce .button:after,
.ww_woo_modal_content .button:after{	background-color: #FFEB00;
}
.wpb_wrapper div.wpforms-container-full .wpforms-form button[type=submit]:after,
.wpb_wrapper div.wpforms-container-full .wpforms-form button.background_second[type=submit]:after{	background-color: #FFEB00;
}.wpb_wrapper div.wpforms-container-full .wpforms-form button.background_third[type=submit]:after{	background-color: #00B9A2;
}
.ww_button_wrapper .ww_button .dashes:after{	background-image: -webkit-linear-gradient(left, #353535, #353535 15%, transparent 15%, transparent 100%);
                                             background-image: -o-linear-gradient(left, #353535, #353535 15%, transparent 15%, transparent 100%);
                                             background-image: linear-gradient(to right, #353535, #353535 15%, transparent 15%, transparent 100%);
}
/*========================================================
===================== BACKGROUND COLOR ====================
========================================================*/
.toggle-content .hidden,
.site-content,
.ww_rev_slider,
.before_footer_shortcode
{ background-color: #fff; }
/*========================================================
==================== ONLY DESKTOP COLORS =================
========================================================*/
@media 
screen and (min-width: 1367px), /*Disable this styles for iPad Pro 1024-1366*/
screen and (min-width: 1200px) and (any-hover: hover), /*Check, is device a desktop (Not working on IE & FireFox)*/
screen and (min-width: 1200px) and (min--moz-device-pixel-ratio:0), /*Check, is device a desktop with firefox*/
screen and (min-width: 1200px) and (-ms-high-contrast: none), /*Check, is device a desktop with IE 10 or above*/
screen and (min-width: 1200px) and (-ms-high-contrast: active) /*Check, is device a desktop with IE 10 or below*/
{
    /*==================== PRIMARY COLOR ===================*/
    .post-nav-link a:hover,
    .blog .post-inner .post-categories a:hover,
    .menu-main-container.header_menu > ul .sub-menu li a:hover,
    .menu-main-container.header_menu > ul .sub-menu li a.active,
    aside a:hover,
    .ww_custom_carousel .slick-arrow:hover,
    .ww_footer_template a:hover,
    .site-footer a:hover,
    .ww_presentation_module .presentation_triggers .presentation_trigger:hover,
    .portfolio-single-content .portfolio-content-wrapper .aside-part a:hover
    { color: #353535; }
    .post-meta .post-categories > *:not(span):hover, .post-meta .post-tags > *:not(span):hover,
    .ww-widget .tagcloud a:hover,
    .wp-block-ugb-image-box.ww_image_1 .ugb-image-box__item:hover .ugb-image-box__content,
    .ww-widget.filter_size ul li a:hover
    { border-color: #353535; }
    /*=================== SECONDARY COLOR ==================*/
    .ww-widget .search-form .label .search-submit:hover
    { color: #FFEB00; }
    /*=================== BUTTONS COLOR =================*/
    .ww_button:hover,
    a.showcoupon:hover,
    .wpb_wrapper div.wpforms-container-full .wpforms-form button[type=submit]:hover,
    .post-password-form input[type='submit']:hover,
    .comment-form .submit:hover,
    .added_to_cart:hover,
    .woo_mini_cart .button:hover,
    .woocommerce .button:hover,
    .ww_woo_modal_content .button:hover
    { background-color: #353535; }
}

/*** button colors  ***/
.ww_button.ww-yellow:after {
    background-color: #FEC107 !important;
}
.ww_button.ww-blue:after {
    background-color: #016096 !important;
}
.ww_button.ww-dark-blue:after {
    background-color: #012176 !important;
}
.ww_button.ww-orange:after {
    background-color: #FF9700 !important;
}
.ww_button.ww-cyan:after {
    background-color: #00A99C !important;
}
.ww_button.ww-magenta:after {
    background-color: #AD1971 !important;
}
.ww_button.ww-red:after {
    background-color: #EE3926 !important;
}

/*========================================================
==================== ONLY TABLETS COLORS =================
========================================================*/
@media 
screen and (max-width: 1199px), /*Check, is device a tablet*/
screen and (max-width: 1366px) and (any-hover: none) /*Enable this styles for iPad Pro 1024-1366*/
{
}