/* Theme Name: Enfold Child Description: A Child Theme for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then. Version: 1.0 Author: Kriesi Author URI: http://www.kriesi.at Template: enfold */ /*Add your own styles here:*/ /* body, #main span { font-family: 'Avalon'; }*/ body, #main p, #main ol, #main ul, #main li, #top label span, #top legend span, .theme-enfold.woocommerce-checkout #main div > span, .theme-enfold.woocommerce-checkout #main span > span { color: #808285; } #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { /*font-family: 'Avalon';*/ /* color: #8BC440; */ letter-spacing: 0px; } #main h1{ font-size:7.0em; } @media only screen and (max-width: 767px){ #main h1{ font-size:3.0em; } } #main h2{ font-size:50px; } @media only screen and (max-width: 767px){ #main h2{ font-size:28px; } } /* #top #wrap_all .main_color h3, #top #wrap_all .alternate_color h3, #top #wrap_all .main_color h4, #top #wrap_all .alternate_color h4, #top #wrap_all .main_color h5, #top #wrap_all .alternate_color h5 { color: #8BC440 !important; }*/ /* font size confusing */ /*h3 { font-size: 40px !important; line-height: 56px; }*/ /* mobile break point - early */ /* mobile menu - early */ @media only screen and (max-width: 1250px) { .av-main-nav > li.menu-item-avia-special { display: block; } .av-main-nav > li { display: none; } }/* mobile break point - early */ /* ---------------------- */ /* Menu */ /* ---------------------- */ /* Larger space around Logo */ .logo a img { padding-top: 3px;padding-bottom: 8px; } div#header_main { background-color: #fff; } .main_menu #avia-menu > li.menu-item > a > span.avia-menu-text { font-weight: 500; } /* menu colors */ #top #header .mega_menu_title a { color: #8BC440; } .menu-item:hover > a > .avia-menu-text { color: #f07c3a !important; } #top #header .avia_mega_div > .sub-menu > li>ul>li a, #top .av-main-nav ul a { font-size: 18px; line-height: 22px; color: #909090; font-weight: 500; } #top #header .mega_menu_title a:hover, #top #header .mega_menu_title a:active { color: #F78E1D; /* orange */ } #top #header .menu-item.current-menu-item.current_page_item a span.avia-menu-text { color: #ec6417; /* NEW ORANGE */ } #top #header .avia_mega_div>.sub-menu>li>ul>li a { font-weight: 500; color: #808285; font-size: 14px; } #top #header .mega_menu_title a:hover { text-decoration: none; } .header_color .main_menu .menu ul li a:hover, .header_color .main_menu .menu ul li a:focus, .header_color .av-subnav-menu ul a:hover, .header_color .av-subnav-menu ul a:focus { background-color: unset !important; } #top div ul.product_list_widget li a, ul.woocommerce-mini-cart.cart_list.product_list_widget li dl.variation, .header_color .cart_dropdown .dropdown_widget { color: #808285; } #top .header_color .dropdown_widget .buttons .button { color: #fff !important; } #top #s { border: 2px #8BC540 solid; border-radius: 5px } #top #searchsubmit { border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /*.header_color .avia-bullet { border-color: grey; }*/ .menu-item > a > .avia-menu-fx { bottom: 0px; height: 0px; } #top #header .av-main-nav > li > a { font-weight: 500 !important; font-size: 21px !important; color: #1D1D1D; } @media screen and (min-width: 1600px){ /* syles from design - but won't work on smaller screens, as there are too many menu items*/ #top #header .av-main-nav > li > a { /*padding-left: 28px; padding-right: 28px;*/ padding-left: 24px; padding-right: 24px; } } /* temp - while not using Mega Manu */ /* menu - first item */ #avia-menu > li.menu-item.dropdown_ul_available > ul.sub-menu { width: 250px !important; } /* temp - while not using Mega Manu */ /* mega menu */ #top #header .avia_mega_div>.sub-menu.avia_mega_hr { border-top-width: 0px; border-top-style: dashed; } #header .avia_mega_div .units { border-right-style: dotted; border-right-width: 0px; } /* menu bullet */ /* .header_color .avia-bullet { border-color: grey; }*/ /*.avia-bullet { display: block; position: absolute; height: 0; height: 7px; width: 7px; margin-left: -3px; margin-right: -3px; top: 50%; transform: rotate(135deg); transform-origin: center center; border-top: 1px solid grey !important; border-left: 1px solid grey !important; /*margin-top: -3px; left: -3px; /* border-topwidth: 3px solid transparent!important; border-bottom: 3px solid transparent!important; border-left: 3px solid green; /*display: inline-block;*/ /*height: 7px; width: 7px; transform: rotate(135deg); transform-origin: center center; border-top: 1px solid black; border-left: 1px solid black; margin-left: -3px; margin-right: -3px; margin-bottom: -3px;*//* }*/ /* https://jsfiddle.net/itayavra/85saaphw/ *//* #top .header_color a:hover .avia-bullet { border-top-color: #8BC440 !important; border-left-color: #8BC440 !important; }*/ /* category page - side bar */ .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .avia_mega_div .avia-bullet { background: url('/wp-content/themes/enfold-child/angle-down.svg'); background-size: 13px 8px !important; background-repeat: none !important; width: 14px; /* Adjust width as needed */ height: 18px; /* Adjust height as needed */ background-repeat: no-repeat; /* Prevents the SVG from repeating */ background-position: left; /* Centers the background image */ background-size: contain; /* Ensures the image fits within the element */ transform: rotate(270deg); transform-origin: center center; top: -9px; left: -3px; border: none; /*margin-top: 3px;*/ } /* top bar - sub-menu */ #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info { font-size: 20px !important; line-height: 24px; font-weight: 600; } #header_meta .container { min-height: 50px; } .sub_menu li { border-right-width: 0px; } .sub_menu { top: 13px; } #top #header_meta ul.sub-menu li a { color: #909090; text-transform: lowercase; } #top .sub_menu li li a { width: 100%; height: auto; text-align: left; line-height: 16px; padding: 6px 18px; font-size: 16px; min-height: 18px; max-width: none; text-decoration: none; display: block; border-top-style: solid; border-top-width: 0px; } @media only screen and (min-width: 1491px) { #header_meta nav.sub_menu ul > li.mobile-only { display: none; } } @media only screen and (max-width: 1490px) { #header_meta nav.sub_menu ul > li.desktop-only { display: none; } #top #header_meta > div > nav > ul > li.menu-item-65506 { border-right: 0px solid #000 !important; } } @media screen and (min-width: 996px){ .html_header_top.html_header_sticky #top #wrap_all #main { /*padding-top: 150px !important;*/ padding-top: 181px !important; } } @media screen and (max-width: 767px){ #top #header_meta a, #top #header_meta li, #top #header_meta .phone-info { font-size: 16px !important; } #header_meta > div > nav > ul { padding-top: 12px; } #header_meta > div > nav > ul > li:not(:last-child) { border-right: 1px #fff solid; } } /* main menu - mobile fly out */ .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet { background-image: url('/wp-content/themes/enfold-child/angle-down.svg'); background-size: 13px 8px !important; background-repeat: none !important; width: 14px; /* Adjust width as needed */ height: 18px; /* Adjust height as needed */ background-repeat: no-repeat; /* Prevents the SVG from repeating */ background-position: left; /* Centers the background image */ background-size: contain; /* Ensures the image fits within the element */ transform: rotate(270deg); transform-origin: center center; /*top: -35px;*/ top: 15px; left: 31px; border: none; } .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet { left: 40px; } .html_av-overlay-side-classic #top .av-burger-overlay li li .avia-bullet, .html_av-overlay-side-classic #top .av-burger-overlay li li li .avia-bullet { background-color: transparent !important; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li li a { padding-left: 50px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li ul.sub-menu > li > a { padding-left: 60px; } .html_av-overlay-side #top #wrap_all .av-burger-overlay li ul.sub-menu > li li > a { padding-left: 70px; } #av-burger-menu-ul > li.av-width-submenu.av-active-burger-items > ul > li > a { padding-left: 70px; } /* ---------------------- */ /* Product page */ /* ---------------------- */ div form.cart div.quantity { margin: 8px 1% 5px 0; } #top div .quantity input.minus, #top div .quantity input.plus{ background-color: #fff !important; color: #8BC440 !important; border: 2px #8BC440 solid !important; border-radius: 50px; font-weight: 500; font-size: 20px; background-image: none; } #top div .quantity input.minus{ margin-right: 5px; } #top div .quantity input.plus{ margin-left: 5px; } #top form.cart .button.single_add_to_cart_button { border-radius: 50px; background-color: #fff; color: #8BC440 !important; border-color: #8BC440 !important; border-style: solid; font-size: 21px; font-weight: 500; min-width: 240px; margin-bottom: 5px; } #top #wrap_all form.cart .button.single_add_to_cart_button:hover, #top div .quantity input.minus:hover, #top div .quantity input.plus:hover { background-color: #F78E1D !important; color: #fff !important; border-color: #F78E1D !important; } /* Tabs */ .tabs.wc-tabs li.active { border-bottom: #AAD275 5px solid; } @media screen and (max-width: 767px){ .tabs.wc-tabs li:not(.active) { border-bottom: #D3E4BC 5px solid !important; }/*test*/ #top form.cart .button.single_add_to_cart_button { margin-left: 0px !important; } } @media screen and (min-width: 768px){ .tabs.wc-tabs li{ margin-bottom: -4px !important; } #top div div.product .woocommerce-tabs .panel { border-top: 5px solid #D3E4BC; } } #top .woocommerce-tabs .tabs li a { font-size: 16px; } li.description_tab.active, .main_color .woocommerce-tabs .tabs .active, .main_color div.product .woocommerce-tabs .panel, .main_color .activeslideThumb, .main_color #payment li, .main_color .widget_price_filter .ui-slider-horizontal .ui-slider-range, .main_color .avia_cart, .main_color form.login, .main_color form.register, .main_color .variations_form, .main_color .dynamic-title, .main_color .single-product-main-image .thumbnails a, .main_color .quantity input.qty, .main_color .avia_cart_buttons, #top .main_color .dropdown_widget .buttons, div .dropdown_widget .cart_list li:hover, .main_color .woocommerce-info, #top .main_color .chosen-container-single .chosen-single, #top .main_color .chosen-search input[type='text'], .main_color .chosen-results, .main_color .chosen-container .chosen-drop, #top .main_color .select2-container .select2-choice, .main_color .widget_layered_nav_filters .chosen a:hover, .main_color .widget_layered_nav .chosen a:hover, .main_color .woocommerce-MyAccount-navigation-link.is-active, .main_color .woocommerce-MyAccount-navigation-link:hover { background-color: #ffffff !important; } /* left image - on sale */ @media screen and (min-width: 768px){ #top .single-product-main-image .onsale { left: 30.25%; top: 3px; right: unset; } } /* product page - 8/11/24 */ @media screen and (min-width: 768px){ /*.variations_form.cart { display: flex; flex-direction: row-reverse; align-items: flex-start; } body.woocommerce.woocommerce-page .single_variation_wrap { border-right: 1px grey solid; margin-right: 15px !important; padding-right: 5px; }*/ #top .variations_form>table { margin: 5px 0; } } .single_variation_wrap { margin: 10px 0 20px 0px; } /* #top div.product .woocommerce-tabs ul.tabs { box-shadow: inset 0 -5px 10px #D3E4BC; }*/ #top .product_column_6 .products .product { margin: 0 1% 1% 0; width: 15.83%; } /* ---------------------- */ /* Button - enfold */ /* ---------------------- */ /* button - default */ .avia-button-wrap:hover > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color { background-color: #F78E1D; } .avia-button-wrap > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color:active { background-color: #808285; } #top .avia-button.avia-size-large, #top .avia-button.avia-size-small { padding: 13px 50px 11px; font-size: 20px; min-width: 240px; } body div .avia-button { border-radius: 50px; padding: 10px; font-size: 21px !important; border-bottom-style: solid; border-width: 3px !important; margin: 3px 0; line-height: 1.2em; position: relative; } #top #main div .avia-button > span.avia_iconbox_title { font-weight: 600; } /*.main_color .avia-color-theme-color { border-color: #8BC440 !important; border-style: solid; } .avia-button-wrap:hover > .avia-button { border-color: #F78E1D !important; } .main_color .avia-color-theme-color { background: #8BC440; animation-name: drop; animation-timing-function: ease-out; animation-duration: 1s; }*/ .main_color .avia-color-theme-color { border-color: #ec6417 !important; border-style: solid; background: #ec6417; animation: drop 1s ease-out; } .avia-button-wrap:hover > .avia-button { border-color: #F78E1D !important; } /* alternate button */ #top .alternate_color .avia-color-theme-color, .pre-footer .right .avia-button.avia-position-right.avia-color-theme-color-highlight { background-color: #fff; color: #8BC440 !important; border-color: #8BC440 !important; border-style: solid; } #top .alternate_color .avia-button-wrap:hover > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color, #top .alternate_color .avia-button-wrap:active > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color /* added 19.11.24 */, #top /*.alternate_color*/ .avia-button-wrap:hover > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color /* added 21.11.24 */, .pre-footer .right .avia-button.avia-position-right.avia-color-theme-color-highlight:hover, .footer_color .mailpoet_submit:hover { background-color: #F78E1D; /*color: #fff !important;*/ border-color: #F78E1D !important; } #top .alternate_color .avia-button-wrap:hover > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color > span, .pre-footer .right .avia-button.avia-position-right.avia-color-theme-color-highlight:hover > span, #top .main_color .avia-button-wrap:hover > a.avia-button.avia-color-theme-color > span { color: #fff !important; /* added 21.11.24 */ } #top .main_color .avia-button-wrap:active > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color, #top .alternate_color .avia-button-wrap:active > .avia-button.av-link-btn.avia-size-large.avia-color-theme-color, .pre-footer .right .avia-button.avia-position-right.avia-color-theme-color-highlight:active, .footer_color .mailpoet_submit:active { background-color: #808285; color: #fff; border-color: #808285 !important; } /* full width button *//* full width button */ /* full width button */ /*#av_section_6 > div > div > div > div > div.flex_column_table.sc-av_one_half.av-equal-height-column-flextable > div.flex_column.av_one_half.avia-builder-el-73.el_after_av_one_full.el_before_av_one_half.first.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > div.avia-button-wrap.avia-button-center.avia-builder-el-74.el_before_av_button.avia-builder-el-first > a:hover > span.avia_iconbox_title,*//* .flex_column > .avia-button-wrap.avia-button-center,*/ .flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon { border-radius: 50px; background-color: #fff; color: #8BC440 !important; font-size: 21px; /*font-weight: 500;*/ font-weight: 600; min-width: 240px; } .flex_column > .avia-button-wrap.avia-button-center > a.avia-icon_select-yes-left-icon:hover > span.avia_button_background, .flex_column:hover > .avia-button-wrap.avia-button-center > a.avia-icon_select-yes-left-icon:hover { background-color: #F68E1E !important; } /*#top .main_color .avia-button-wrap:hover > a.avia-button.avia-color-theme-color > span.avia_iconbox_title { font-weight: 600; }*/ /*.flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon,*/ .avia-color-theme-color, .main_color .avia-button-wrap.avia-button-center.el_before_av_button.avia-builder-el-first .avia-color-theme-color:hover { color: #fff; border: 3px #F68E1E solid !important; } .main_color .avia-button-wrap.avia-button-center.el_before_av_button.avia-builder-el-first .avia-color-theme-color:hover span.avia_iconbox_title, .main_color .avia-color-theme-color:hover span.avia_button_icon::before { color: #ffffff !important; } /* full width button */ /* full width button *//* full width button */ /***************************************/ /***************************************/ /****************** 19/11/24 *********************/ /* .flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon { border-radius: 50px; background-color: #fff; color: #8BC440 !important; font-size: 21px; font-weight: 500; min-width: 240px; } .flex_column > .avia-button-wrap.avia-button-center > a.avia-icon_select-yes-left-icon:hover > span.avia_button_background, .flex_column:hover > .avia-button-wrap.avia-button-center > a.avia-icon_select-yes-left-icon:hover { background-color: #F68E1E !important; } .avia-color-theme-color, .main_color .avia-button-wrap.avia-button-center.el_before_av_button.avia-builder-el-first .avia-color-theme-color:hover { color: #fff; border: 3px #F68E1E solid !important; } .main_color .avia-button-wrap.avia-button-center.el_before_av_button.avia-builder-el-first .avia-color-theme-color:hover span.avia_iconbox_title, .main_color .avia-color-theme-color:hover span.avia_button_icon::before { color: #ffffff !important; } /* .flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon .avia_iconbox_title { font-size: 21px; font-weight: 500; color: #8BC440 !important; } #av_section_6 > div > div > div > div > div.flex_column_table.sc-av_one_half.av-equal-height-column-flextable > div.flex_column.av-117jfih-56e11c4fffff7b7074cfdc836686ae1e.av_one_half.avia-builder-el-73.el_after_av_one_full.el_before_av_one_half.first.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > div.avia-button-wrap.avia-button-center.avia-builder-el-74.el_before_av_button.avia-builder-el-first > a:hover > span.avia_iconbox_title, .flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon:hover .avia_iconbox_title{ color: #fff !important; } #av_section_6 > div > div > div > div > div.flex_column_table.av-117jfih-56e11c4fffff7b7074cfdc836686ae1e.sc-av_one_half.av-equal-height-column-flextable > div.flex_column.av-117jfih-56e11c4fffff7b7074cfdc836686ae1e.av_one_half.avia-builder-el-73.el_after_av_one_full.el_before_av_one_half.first.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > div.avia-button-wrap.avia-button-center.avia-builder-el-74.el_before_av_button.avia-builder-el-first > a:hover > span.avia_iconbox_title, .flex_column > .avia-button-wrap.avia-button-center > .avia-color-theme-color.avia-button .avia-button-fullwidth.avia-icon_select-yes-left-icon:hover .avia_button_icon::before { color: #fff; } *//* */ /***************************************/ /***************************************/ /***************************************/ /* Hide the default checkbox *//* input[type="checkbox"] { appearance: none; -webkit-appearance: none; -moz-appearance: none; position: relative; width: 20px; height: 20px; border: 2px solid #8BC440; border-radius: 50%; cursor: pointer; outline: none; } /* Unchecked checkbox (circle) *//* input[type="checkbox"]:before { content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; background-color: white; } /* Checked state with white tick *//* input[type="checkbox"]:checked { background-color: #8BC440 !important; } input[type="checkbox"]:checked:before { content: '✔'; color: white; font-size: 16px; display: block; text-align: center; line-height: 18px; background-color: #8BC440; } /* Style for the labels *//* label { font-size: 18px; padding-left: 10px; cursor: pointer; display: flex; align-items: center; } /* Space between checkboxes *//* form div { margin-bottom: 10px; }*/ /* keawebsite font - icons */ .cart_dropdown_link > span:not(.av-cart-counter):before { content:'\E801'; font-family: 'keawebsite' !important; } #menu-item-search a:before{ content:'\E804'; font-family: 'keawebsite' !important; } .account:before{ content:'\E800'; font-family: 'keawebsite' !important; } .account:before{ content:'\E802'; font-family: 'keawebsite' !important; }/*todo*/ /*breadcrumb*//*.home:before{ content:'\E803'; font-family: 'keawebsite' !important; }*/ .delivery:before{ content:'\E80d'; font-family: 'keawebsite' !important; } /*todo*/ .wishlist:before{ content:'\E809'; font-family: 'keawebsite' !important; } /*todo - clashing */ /*.value:before{ content:'\E805'; font-family: 'keawebsite' !important; }*/ /*todo*/ .remove:before{ /*name: remove*/ content:'\E803'; font-family: 'keawebsite' !important; }/*todo*/ /* ---------------------- */ /* breadcrumbs */ /* ---------------------- *//* .breadcrumb .sep { display: block; position: relative; height: 7px; width: 7px; margin-left: -3px; margin-right: -3px; top: 4px; transform: rotate(135deg); transform-origin: center center; border-top: 1px solid grey !important; border-left: 1px solid grey !important; margin-left: 5px; margin-right: 7px; color: #EFEFEF; }*/ #top .woocommerce-breadcrumb span.sep::after { /*display: inline-block; /* Make sure the separator behaves like a block */ display: block; /* Make sure the separator behaves like a block */ width: 10px; /* Adjust width as needed */ height: 10px; /* Adjust height as needed */ background-image: url('/wp-content/themes/enfold-child/angle-small-right.svg'); background-size: cover; /* Adjusts the image to cover the area */ margin: 0 10px; /* Adds space around the separator */ content: ''; } .sep { /*display: inline-block; /* or flex, as needed */ display: block; /* or flex, as needed */ /* Add margin, padding, or other styles as necessary */ } .avia-breadcrumbs::before { content:'\E807'; font-family: 'keawebsite' !important; width: 24px; height: 24px; text-indent: 6px !important; display: inline-block; color: black !important; position: absolute; } @media screen and (max-width: 767px){ .title_container .breadcrumb { line-height: 32px; } } /* new - 5/11/24 */ #top .sep { color: #F68E1E; font-size: 1px !important; width: 10px; } #top .breadcrumb.breadcrumbs.avia-breadcrumbs .breadcrumb-trail span >span a::after { background-image:url('/wp-content/themes/enfold-child/angle-small-right.svg'); background-repeat: no-repeat; width: 15px; height: 15px; background-size: 7px 10px; content: '_'; color: #F68E1E; left: 7px; top: 9px; position: relative; } #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span > span > a, #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span.trail-end { font-size: 20px; } #top #main > .alternate_color.title_container > .container > h1.main-title { font-size: 24px; font-weight: 500; text-transform: uppercase !important; } @media screen and (min-width: 996px){ .avia-breadcrumbs:before { text-indent: 15px !important; text-indent: 28px !important; font-size: 20px; } #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span:nth-child(2) > span > a > span{ color: #EFEFEF; /* standard colour */ color: #F68E1E !important; /* orange colour - desktop */ } } @media screen and (max-width: 995px){ #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span:nth-child(2) > span > a{ text-indent: 22px; } /*#main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span.trail-end,*/ #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span.trail-end { font-size: 12px !important; /*new*/ /* in custom styles too - for extra power */ } } #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div.breadcrumb.breadcrumbs.avia-breadcrumbs > div > span.trail-before > span{ display: none; } /* woocommerce breadcrumb */ .responsive #top #wrap_all .stretch_full.container_wrap.alternate_color.light_bg_color.title_container { background: #F68E1E; color: #fff; border-top: 2px #fff solid; } .responsive #top .alternate_color.title_container .main-title a { font-size: 17px; font-weight: 500; } .responsive #top .alternate_color.title_container .main-title a, .responsive #top .alternate_color.title_container h1.main-title { color: #ffffff !important; } .bbp-breadcrumb-current a, .breadcrumb-trail span { color: #fff; } .avia-breadcrumbs:before { color: #fff !important; } /*.breadcrumb .sep{ border-top: 1px solid #fff !important; border-left: 1px solid #fff !important; }*/ @media screen and (max-width: 995px){ .responsive #top #wrap_all .stretch_full.container_wrap.alternate_color.light_bg_color.title_container .container .main-title.entry-title { font-size: 17px; font-weight: 500; text-transform: uppercase; } } /* woocommerce breadcrumb */ /* ---------------------- */ /* footer */ /* ---------------------- */ /* footer */ #footer-page p, #footer-page a:not(.av-icon-char) { font-size: 18px; line-height: 24px; /*font-weight: 500;*/ font-weight: 600 !important; margin-top: 4px; } /*#footer-page > .avia-section > div > main > div > div > div.flex_column_table.sc-av_one_third.av-equal-height-column-flextable > div.flex_column.av_one_fourth.avia-builder-el-16.el_after_av_one_third.el_before_av_one_fifth.flex_column_table_cell.av-equal-height-column.av-align-top > section > div > p > a,*/ #footer-page > .avia-section > div > main > div > div > div.flex_column_table.sc-av_one_third.av-equal-height-column-flextable > div.flex_column:not(.first) > .av_textblock_section div.avia_textblock a{ font-weight: 500 !important; line-height: 30px; } #footer-page span.av_font_icon a { color: #ec6417; font-size: 32px; margin-left: 3px; } #footer-page > .avia-section > div > main > div > div > div.flex_column_table.sc-av_one_third.av-equal-height-column-flextable > div.flex_column.av_one_fifth.el_after_av_one_fourth.el_before_av_one_fifth.flex_column_table_cell.av-equal-height-column.av-align-top > section.av_textblock_section > div > p > b, #footer-page > .avia-section > div > main > div > div > div.flex_column_table.sc-av_one_third.av-equal-height-column-flextable > div.flex_column.av_one_fifth.el_before_av_one_fifth.flex_column_table_cell.av-equal-height-column > section.av_textblock_section > div > p > b { color: #8BC53F; font-weight: 600; } /* footer button */ body #footer-page .avia-button-wrap.green-button a { background: #8BC53F !important; border: solid 3px #8BC53F !important; } #footer-page .green-button a .avia_iconbox_title { color: #fff; text-transform: uppercase; font-size: 21px; font-weight: 600; } @media screen and (max-width: 767px){ .responsive #footer-page .flex_column { padding-right: 0; } #av_section_11 > div > main > div > div > div.flex_column_table.sc-av_two_fifth.av-equal-height-column-flextable > div.flex_column.av_one_fifth.avia-builder-el-3.el_after_av_two_fifth.el_before_av_one_fifth.flex_column_table_cell.av-equal-height-column.av-align-top, #av_section_11 > div > main > div > div > div.flex_column_table.sc-av_two_fifth.av-equal-height-column-flextable > div.flex_column.av_one_fifth.avia-builder-el-5.el_after_av_one_fifth.el_before_av_one_fifth.flex_column_table_cell.av-equal-height-column.av-align-top { display: none; } /*#footer-page .av_one_fifth.el_before_av_one_fifth { display: none; }*/ .footer-page-content .avia-icon-pos-right.av_font_icon { float:left; margin-left: 0em; margin-right: 0.5em; } #top .footer-page-content .avia-section > div > main > div > div > div.flex_column_table.sc-av_one_third.av-equal-height-column-flextable { margin-top: 0px; } } #socket .container { padding-top: 5px; padding-bottom: 5px; } #socket .copyright { font-size: 14px; line-height: 19px; } footer#socket.socket_color .copyright { display: none; } @media screen and (max-width: 767px){ .avia_textblock .copyright { display: none; } footer#socket.socket_color .copyright { display: block; } } /***** mailpoet - footer ******/ #main .mailpoet_form.mailpoet_form_form.mailpoet_form_shortcode { padding: 0px; } .footer_color input[type='email'], #top #form_email_1 { background-color: #fff; border: #8bc440 2px solid; border-radius: 7px; padding: 15px 10px !important; font-size: 18px; font-weight: 500; } .footer_color .mailpoet_submit { border-radius: 50px !important; padding: 10px; font-size: 21px !important; border-bottom-style: solid; border-width: 3px !important; margin: 3px 0; line-height: 1.2em; position: relative; font-weight: 600; background: #8BC53F !important; border: solid 3px #8BC53F !important; color: #fff; text-transform: uppercase; padding: 13px 50px 11px !important; min-width: 240px; } /* prefooter */ .pre-footer{ background-color: #8bc440; margin-top: 50px; } .pre-footer .left h1{ padding-top: 64px; color: #ffffff !important; margin-bottom: 41px; } .pre-footer .right div.avia-button-wrap { padding-top: 63px; } @media screen and (min-width: 996px){ .pre-footer .container > div{ float:left; width: 50%; } } @media screen and (max-width: 995px){ .pre-footer .right div.avia-button-wrap { padding-top: 0px; padding-bottom: 63px; } .responsive .avia-button-right { float: none; } .avia-button.avia-position-right { float: none; /*max-width: 313px;*/ max-width: 240px; margin-right: auto; margin-left: auto; } .pre-footer .left h1 { text-align: center; } } /* Elements */ /* Elements */ /* Elements */ /* Elements */ /*iconboxes-section*/ /* how it works */ .avia-section.alternate_color.iconboxes-section { background-color: #fff; } .iconboxes-section .flex_column { /*border: 1px green solid;*/ border-radius: 28px; background-color: #F4FAEC; color: #808285 !important; height: 376px; } @media screen and (min-width: 996px){ .iconboxes-section .flex_column p { font-size: 24px; margin-top: 5px; } } .iconboxes-section .flex_column h4, #top .iconbox.av-no-box .iconbox_icon { color: #8BC53F !important; } .iconboxes-section .flex_column h4 { color: #8BC53F !important; font-size: 34px !important; line-height: 34px; font-weight: 600; } #top .iconbox.av-no-box .iconbox_icon {/**/ margin: 55px auto 20px auto; /***********************************************border-color: #8BC53F;********/ } .iconboxes-section .flex_column p { color: #808285 !important; font-weight: 500; } @media screen and (max-width: 767px){ #top .iconbox.av-no-box .iconbox_icon {/* new -print/signage - 29/11/24 */ margin: 20px auto 20px auto; } #top.home .iconbox.av-no-box .iconbox_icon { margin: 0px auto 20px auto; /*margin: 75px auto 20px auto;*/ } .iconboxes-section .flex_column { height: 270px; } } #top .iconboxes-section .flex_column .iconbox_top { padding-left: 69px; padding-right: 69px; } .iconboxes-section .main_color.iconbox_top .iconbox_content { background: transparent; } /*.avia-section.main_color.iconboxes-section .iconbox_top .iconbox_content { border-radius: 0px; box-shadow: 0 0 0px 0 rgba(0,0,0,.0); } #top .iconbox.av-no-box .iconbox_icon #top .iconboxes-section .flex_column .iconbox_top*/ .iconboxes-section .avia-button-wrap .avia-button { padding: 14px 59px 17px 59px } .iconboxes-section .avia-button-wrap .avia_iconbox_title { font-size: 21px; line-height: 25px; font-weight: 600; /* duplicate */ } /* How it works section */ #top #how-it-works .iconbox.av-no-box .iconbox_icon::before { font-weight: 700; } #top #how-it-works h3.iconbox_content_title, #top #how-it-works h4 { font-size: 40px !important; line-height: 56px; } #av_section_5 > div > div > div > div > div.flex_column.av-74p6k-317cb8b88c700acc540de678de64530a.av_one_third.avia-builder-el-46.el_after_av_one_third.el_before_av_hr.flex_column_div > article > div > header > div::before { content: url('/wp-content/themes/enfold-child/keagreen.svg'); display: inline-block; /* Ensure it behaves like an image */ width: 30px; /* Set width */ height: 30px; /* Set height */ margin-left: -54px; } html body #av_section_5 [data-av_iconfont='keawebsite']:before { font-size: 56px; } @media screen and (max-width: 767px){ #top #how-it-works h3.iconbox_content_title , #top #how-it-works h4 { /*font-size: 20px !important; this in theory is correct, but looks too small imo */ font-size: 28px !important; line-height: 24px; } #top #how-it-works .avia_textblock > h3 { font-size: 30px !important; line-height: 34px; } #av_section_5 > div > div > div > div > div.flex_column.av-74p6k-317cb8b88c700acc540de678de64530a.av_one_third.avia-builder-el-46.el_after_av_one_third.el_before_av_hr.flex_column_div > article > div > header > div::before { margin-left: -38px; } .responsive #top #wrap_all #how-it-works .flex_column { margin-bottom: 20px; } } /* download-guide-section */ @media screen and (max-width: 995px){ .download-guide-section > div > main > div > div > div.flex_column.av_one_fourth.el_before_av_three_fourth.first, .download-guide-section > div > div > div > div > div.flex_column.av_one_fourth.el_before_av_three_fourth.avia-builder-el-first.first.no_margin.flex_column_div { padding-left: 0px; } .download-guide-section > div > main > div > div > div.flex_column.av_three_fourth.el_after_av_one_fourth.avia-builder-el-last, .download-guide-section > div > div > div > div > div.flex_column.av_three_fourth.el_after_av_one_fourth.avia-builder-el-last.no_margin.flex_column_div { padding-right: 0px; } } #main .download-guide-section h4 { color: #F68E1E; font-weight: 600; } .download-guide-section .avia-button-wrap .avia-button { padding: 14px 59px 17px 59px } .download-guide-section .avia-button-wrap .avia_iconbox_title { font-size: 21px; line-height: 25px; font-weight: 600; /* duplicate */ } @media screen and (min-width: 996px){ #main .download-guide-section h4 { font-size: 48px; line-height: 58px; } .download-guide-section p { font-size: 22px; } } /* brand-to-life */ .brand-to-life .flex_column.av_one_third.column-top-margin { margin-top: 20px; } @media screen and (min-width: 996px){ .brand-to-life .container { width: 64%; max-width: 1220px; } } .brand-to-life h2 { } .brand-to-life .avia-button-wrap .avia-button { padding: 14px 59px 17px 59px } .brand-to-life .avia-button-wrap .avia_iconbox_title { font-size: 21px; line-height: 25px; font-weight: 600; /* duplicate */ /* duplicate */ /* xd size in pt? */ } .brand-to-life h3 { color: #808285 !important; } .brand-to-life .av_textblock_section p { color: #808285; } .brand-to-life .avia_textblock h3 + p { margin-top: 10px; } @media screen and (min-width: 768px){ .brand-to-life h3 { font-size: 40px; line-height: 48px; margin-bottom: 30px; } .brand-to-life .av_textblock_section p { font-size: 24px; line-height: 30px; font-weight: 500; } } @media screen and (max-width: 767px){ .brand-to-life h2 { padding-bottom: 20px; } .brand-to-life > div > div > div > div > div.flex_column.av_one_third.el_after_av_one_full.el_before_av_one_third.first.flex_column_div.column-top-margin > section > div > h3 { padding-top: 15px; } } /* brand logos slider */ /* avia-logo-element-container (logos) */ #top .avia-logo-element-container img, .av-partner-fake-img { box-shadow: none; } #top .avia-smallarrow-slider .slide-image { background: transparent; } /* our mission */ /* @media screen and (min-width: 768px){ #top .text-left-section .no_margin.av_one_half { width: 45%; } .text-left-section .no_margin.av_one_half.first{ width: 55% !important; } } */ .text-left-section .el_before_av_one_half{ /*padding: 58px 66px 51px 76px;*/ padding: 27px 33px 25px 40px; background: #F2F2F2; min-height: 656px; min-height: 400px; } .text-left-section .el_before_av_one_half p, .text-right-section .el_after_av_one_half p { /*font-size: 24px; line-height: 29px;*/ font-size: 18px; line-height: 24px; font-weight: 500; color: #1D1D1D !important; } /*@media screen and (min-width: 768px){ /* moved below *//* .text-left-section .el_before_av_one_half{ padding: 58px 66px 51px 76px; } .text-left-section .el_before_av_one_half p { font-size: 24px; line-height: 29px; } }*/ .text-left-section .container .template-page.content, body:not(.home) .text-right-section .container .template-page.content { padding-bottom: 0px; } #top .main_color .avia-color-theme-color { background-color: #fff; } #top .main_color .avia-color-theme-color > span { color: #ec6417; } /* image mask - radius 2 corners */ /*#top #main div:not(.footer-page-content) .avia-section .flex_column.av_one_fifth img, #top #main div:not(.footer-page-content) .avia-section .flex_column.av_one_fourth img{ border-bottom-right-radius: 40px; border-top-left-radius: 40px; }*/ #top #main .image-mask img{ border-bottom-right-radius: 40px !important; border-top-left-radius: 40px !important; } /* About - orange header text */ #top div.orange-text > h3 { color: #F68E1E; text-align: center; /*font-size: 40px !important; /* font size confusing */ } /* about - below orange text */ body.page.page-id-572 #av_section_3 .content { padding-top: 0px; margin-top: -30px; } /* #top .text-left-section h2, #top .text-right-section h2 { color: #F68E1E; } */ /* our Approach */ @media screen and (min-width: 768px){ #top .text-right-section .no_margin.av_one_half { width: 55%; } .text-right-section .no_margin.av_one_half.first { width: 45% !important; } } .text-right-section .el_after_av_one_half { /*padding: 58px 66px 51px 76px;*/ padding: 27px 33px 25px 40px; background: #F2F2F2; /*min-height: 656px;*/ min-height: 400px; /* 30/10/24 */ } /*.text-right-section .el_after_av_one_half p { font-weight: 500; color: #1D1D1D !important; }*/ @media screen and (min-width: 768px){ .text-left-section .el_before_av_one_half, .text-right-section .el_after_av_one_half { /*padding: 58px 66px 51px 76px;*/ padding: 35px 66px 35px 76px; } .text-right-section .el_after_av_one_half p, .text-left-section .el_before_av_one_half p { font-size: 24px; line-height: 29px; } } @media only screen and (max-width: 767px){ #top .text-right-section .no_margin.av_one_half { padding-top: 80px; } #top .text-left-section .no_margin.av_one_half { padding-top: 85px; padding-top: 50px; } } /* our story */ #our-story .entry-content-wrapper .flex_column.avia-builder-el-no-sibling.first.flex_column_div div.avia_textblock { /*margin: 84px 84px 180px 84px !important;*/ margin: 84px 84px 40px 84px !important; } @media screen and (max-width: 767px){ #our-story .entry-content-wrapper .flex_column.avia-builder-el-no-sibling.first.flex_column_div div.avia_textblock { /* margin: 84px 84px 180px 84px; margin: 70px 0px 40px 0px;*/ margin: 40px 0px 40px 0px !important; } #our-story .flex_column.av_one_full { padding: 15px; } } /*#top #our-story > div > div > div > div > div > section.av_textblock_section:first-child > div { margin-bottom: 50px !important; }*/ #our-story .entry-content-wrapper .flex_column.avia-builder-el-no-sibling.first.flex_column_div div.avia_textblock p { color: #1D1D1D; font-weight: 500; } @media screen and (min-width: 768px){ #our-story .entry-content-wrapper .flex_column.avia-builder-el-no-sibling.first.flex_column_div div.avia_textblock p { font-size: 24px; line-height: 29px; } } @media screen and (min-width: 1846px){ #our-story .entry-content-wrapper a:hover .alignright, body .alignright { margin: 4px 0 270px 81px; } } @media screen and (min-width: 970px) and (max-width: 1400px){ #our-story .entry-content-wrapper a:hover .alignright, body .alignright { max-width: 65%; } } @media screen and (max-width: 970px) { #our-story .entry-content-wrapper a:hover .alignright, body .alignright { margin-bottom: 30px; } } /*#our-story */ body.page-id-572 .hr.hr-default > span.hr-inner { margin-left: 84px; margin-right: 84px; max-width: calc(100% - 168px); border-top: 1px #808285 solid; } body .hr.hr-default > span.hr-inner { border-top: 3px #808285 solid; } #our-story .hr { margin-top: 0px; } #top.page-template-default.page.page-id-2392 .main_color .hr.hr-default > span.hr-inner { border-top: 1px #707070 solid; } /* category-5 */ .category-5 .avia-image-container { margin: 0 auto 15px auto; } #top #wrap_all .all_colors .category-5 h5 { /*font-size: 24px; /* h5 - design shows 24pt, set at 32px in enfold - exports as 24px!!!! */ line-height: 30px; color: #8BC53F; text-transform: uppercase; } #top #wrap_all .all_colors .category-5 .content { padding-top: 50px; padding-bottom: 0px; } @media screen and (max-width: 970px) { #top #wrap_all .all_colors .avia-section.category-5 .flex_column:not(.av_one_full.first) { /*width: 48%;*/ width: 100%; float: left; margin-left: 1%; margin-right: 1%; margin-bottom: 65px;/*new - for workwear page */ } #top #wrap_all .all_colors .avia-section.category-4 .flex_column:not(.av_one_full.first) { width: 48% !important; float: left; margin-left: 1%; margin-right: 1%; } #top .avia-section.category-5 .flex_column_table, #top .avia-section.category-4 .flex_column_table { display: block; } #top #wrap_all .all_colors .category-5 h5 { font-size: 21px; line-height: 28px; padding-bottom: 17px; } } @media screen and (min-width: 768px) and (max-width: 970px) { #top #wrap_all .all_colors .avia-section.category-5 .flex_column:not(.av_one_full.first), #top #wrap_all .all_colors .avia-section.category-4 .flex_column:not(.av_one_full.first) { width: 31% !important; } } /* category 4 */ @media screen and (max-width: 970px) { #av_section_4 > div > div > div > div > div.flex_column_table.sc-av_one_fourth.av-equal-height-column-flextable > div.flex_column.av_one_fourth.el_after_av_one_full.el_before_av_one_fourth.first.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > section > div > h5, #av_section_4 > div > div > div > div > div.flex_column_table.sc-av_one_fourth.av-equal-height-column-flextable:nth-child(2) > div.flex_column.av_one_fourth.el_before_av_one_fourth.el_after_av_one_fourth.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > section > div > h5, #av_section_4 > div > div > div > div > div.flex_column_table.sc-av_one_fourth.av-equal-height-column-flextable > div.flex_column.av_one_fourth.el_after_av_one_fourth.el_before_av_one_fourth.flex_column_table_cell.av-equal-height-column.av-align-top.column-top-margin > section > div > h5 { padding-bottom: 15px; } } /* product/category table */ /* product/category table */ /* product/category table */ /* archive page */ /* producttable - testing */ .avia-product-slider-container .avia-content-slider-inner .products li.product .thumbnail_container { border-top-left-radius: 30px; } /*.avia-product-slider-container .avia-content-slider-inner .products li.product .inner_product_header { background-color: #87C846; top :-91px; }*/ .avia-product-slider-container .avia-content-slider-inner .products li.product .inner_product_header .woocommerce-loop-product__title { color: #ffffff !important; text-transform: uppercase !important; } .inner_product_header .avia-arrow { display: none; } /********#top .inner_product_header { -webkit-clip-path: polygon( 100% 100%, 92% 0%, 0% 0%, 0% 100%); clip-path: polygon( 100% 100%, 92% 0%, 0% 0%, 0% 100%); border-top-width: 0px; }**********/ /* Trying to make a custom banner */ .main-banner:before { background: #87C846; width: 50%; display: block; position: absolute; z-index: 90; } .main-banner { clip-path: polygon( 0 0, /* left top */ 40% 0, /* right top */ 100% 180%, /* right bottom */ 0 100% /* left bottom */ ); } /* main banner background - half height */ .avia-section.av-4rilso-a316f30433b35b55f7b19730f3ff702e .av-section-color-overlay { /* opacity: 0.5; */ z-index: -1; background-color: #222222; clip-path: polygon( 60% 70%, 72% 0%, 0% 0%, 0% 70%); /*clip-path: polygon( 100% 100%, 92% 50%, 0% 50%, 0% 100%);*/ } /* top version */ /* polygon( 60% 70%, 92% 0%, 0% 0%, 0% 70%) */ /* improved: polygon( 60% 70%, 72% 0%, 0% 0%, 0% 70%) */ /* Custom banner - Monday */ /* Custom banner - Monday */ .av-layout-grid-container .flex_cell { padding: 0px; } body:not(.home) .header-banner.half/*, .header-banner */{ position: relative; height: 460px; height: 540px; /* Johns */ width: 100%; /******background-image: url('/wp-content/themes/enfold-child/background/workwear.jpg');*/ /*background-size: cover; background-position: center;*/ background-position: top right; overflow: hidden; background-repeat: no-repeat; } @media screen and (min-width: 970px) { body:not(.home) .header-banner.half{ background-size: contain; } } @media screen and (max-width: 970px) { body:not(.home) .header-banner.half/*, .header-banner*/ { /*background-image: url('/wp-content/themes/enfold-child/background/workwear-mobile.jpg');*/ background-size: cover; background-size: inherit; /* Johns */ } } /* workwear - banner */ body.post-id-2392 .header-banner.half { background-image: url('/wp-content/themes/enfold-child/background/workwear.jpg'); } @media screen and (max-width: 970px) { body.post-id-2392 .header-banner.half { background-image: url('/wp-content/themes/enfold-child/background/workwear-mobile.jpg'); } } /* workwear - slider *//* @media screen and (max-width: 970px) { .custom-tooltip { display: none !important; } }*/ /* Archive/category page */ #av_product_description.header-banner { height: 255px; } #av_product_description.header-banner .grey-overlay { width: 70%; height: 80%; } /*#av_product_description.header-banner .green-overlay { width: 88%; height: 100%; }*/ #av_product_description.header-banner .green-overlay { width: 89%; } body.archive .header-banner .green-overlay { position: absolute; width: 85%; height: 100%; clip-path: polygon( 0 0, /* left top */ 50% 0, /* right top */ 66% 100%, /* right bottom */ 0 100% /* left bottom */ ); } #av_product_description.header-banner .container .banner-content { max-width: 1738px; margin: 0 auto; width: 100%; height: 255px; position: relative; z-index: 2; display: flex; /*align-items: flex-end;*/ align-items: center; height: 254px;/*todo: readjust whole block */ } #av_product_description.header-banner .container { } #av_product_description.header-banner section.header-banner { background-position: top right; background-repeat: no-repeat; background-size: unset; background-image: url('/wp-content/themes/enfold-child/background/singlet.jpg'); } #av_product_description.header-banner .banner-content { /*padding: 10px 10px 35px 10px; /* less padding, shorter version */ /*padding: 10px 10px 35px 0px; /* less padding, shorter version */ padding: 10px 10px 0px 0px; } #av_product_description .title { margin-bottom: 0px; line-height: 53px; } @media screen and (max-width: 970px) { #main > div.stretch_full.container_wrap.alternate_color.light_bg_color.title_container > div > div > div > span > span > a { line-height: 33px; font-size: 12px; } #top .breadcrumb.breadcrumbs.avia-breadcrumbs .breadcrumb-trail span >span a::after { top: 1px; } } .sort-param > li > span { background: transparent url(/wp-content/themes/enfold-child/angle-down-green.svg) right center no-repeat; background-size: 30px 28%; } .product-sorting > .sort-param { border-radius: 5px; margin-right: 10px; } @media screen and (min-width: 768px) { .product-sorting > .sort-param { border: 2px #8BC53F solid; } } .product-sorting ul li a .avia-bullet{ display: none; } .product-sorting .sort-param ul li { margin-left: 0px; } div .products .product { /* 4 wide */ width: 24.0%; }/* div .products .product { /* 6 wide *//* width: 15.83%; }*/ div .products .product a, div .products .product a img { /*border-bottom-right-radius: 40px;/* maybe not???? */ border-top-left-radius: 40px; } section.related.products > ul.products > li.product.type-product.has-post-thumbnail > div{ background: transparent; } #top .inner_product_header { min-height: 70px; background-color: #808285; /* new */ height: 70px; border: 0px solid #808285; } #main > div.container_wrap.main_color.template-shop > div > main > div > ul > li.product.type-product.product-type-variable > div > a.button.product_type_variable, #main > div.container_wrap.main_color.template-shop > div > main > div > ul > li.product.type-product.status-publish.has-post-thumbnail > div > div > a.button.clv_add_to_cart_button, #main > div.container_wrap.template-shop > div > main > div > ul > li.product > div > div > a.button.wp-element-button.clv_add_to_cart_button, .avia-section div.avia-product-slider-container.template-shop.avia-content-slider.av-slideshow-ui.av-loop-manual-endless > div.avia-content-slider-inner > ul > li > div > div > a.button, #av_section_1 > div > div > div > div > div.avia-product-slider-container.template-shop.avia-content-slider.avia-content-grid-active.avia-builder-el-no-sibling.avia-builder-el-no-sibling.av-slideshow-ui.av-slider-hover-pause.av-slideshow-manual.av-loop-once.av-loop-manual-endless.avia-product-slider1 > div.avia-content-slider-inner > ul > li > div > a.button.product_type_variable.add_to_cart_button, #top.archive.tax-product_cat ul.products > li.product .button.product_type_variable.add_to_cart_button { display: none !important; } /* Position the thumbnail container relative to hold the overlay */ #top li.product .thumbnail_container { position: relative !important; /* Relative positioning for the overlay */ width: 100%; /* Full width within product tile */ /* overflow: hidden; /* Hide overflow to contain the overlay */ } /* Style and position the inner product header *//* #top li.product .inner_product_header { position: absolute !important; /* Absolute to overlay *//* bottom:0; /* Start from the top *//* left: 0; /* Start from the left *//* width: 100%; /* Full width overlay *//* height: 100%; /* Full height overlay *//* color: #fff !important; /* White text for contrast *//* display: flex; /* Center content *//* align-items: flex-end; /* align-items: center; /* Center vertically *//* justify-content: center; /* Center horizontally *//* text-align: left; /* Center text *//* background-color: transparent; padding-bottom: 47px; }*/ .inner_product_header_table { background-color: #87C846; width: 100%; /*border-bottom-right-radius: 30px;*/ } #top .inner_product_header { /*padding: 10px 1px 15px;*/ padding: 0px 0px 0px; } /* Adjust the title styling for readability */ #top .inner_product_header h2.woocommerce-loop-product__title { /*font-size: 1.2em;*/ margin: 0; padding: 10px 22px 0px 10px; padding: 10px 38px 0px 10px; color: #fff; } #top li.sale .inner_product_header h2.woocommerce-loop-product__title { padding: 10px 80px 0px 10px; } #top .inner_product_header .price { display: block; color: #fff; margin-top: 5px; /*padding: 0px 10px 10px 10px;*/ padding: 0px 0px 10px 10px; } #top.archive .woocommerce-Price-amount { color: #fff; } /*#top .inner_product_header_table { clip-path: polygon( 100% 100%, 92% 0%, 0% 0%, 0% 100%); }*//* #top .inner_product_header_table { clip-path: polygon( 100% 115%, 93% 0%, 0% 0%, 0% 100%); }*/ #top .inner_product_header_table { clip-path: polygon( 101.8% 115%, 87% 0%, 0% 0%, 0% 100%); min-height: 91px; position: relative; top: -20px; } .wc-new-badge { position: absolute; top: 15px; left: 15px; background-color: #ff0000; /* Customize badge color */ color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; border-radius: 3px; z-index: 10; } .wc-hot-badge { position: absolute; top: 15px; right: 15px; background-color: #ff6600; /* Customize badge color */ color: #fff; padding: 5px 10px; font-size: 12px; font-weight: bold; text-transform: uppercase; border-radius: 3px; z-index: 10; } /* Archive/category page - side bar (arrows) */ .widget_product_categories ul.product-categories li > a { background: url('/wp-content/themes/enfold-child/angle-down.svg'); background-size: 13px 8px !important; background-repeat: none !important; width: 8px; /* Adjust width as needed */ height: 13px; /* Adjust height as needed */ background-repeat: no-repeat; /* Prevents the SVG from repeating */ background-position: left; /* Centers the background image */ background-size: contain; /* Ensures the image fits within the element */ } .widget_product_categories ul.product-categories > li > a, .widget_product_categories ul.product-categories li.cat-item.current-cat.cat-parent > a, .widget_product_categories ul.product-categories li.cat-item.current-cat-parent.cat-parent > a /* just try this */ { background: url('/wp-content/themes/enfold-child/angle-down-orange.svg'); background-size: 13px 8px !important; background-repeat: none !important; width: 5px; /* Adjust width as needed */ height: 10px; /* Adjust height as needed */ background-repeat: no-repeat; /* Prevents the SVG from repeating */ background-position: left; /* Centers the background image */ background-size: contain; /* Ensures the image fits within the element */ } .widget_product_categories ul.product-categories li a { padding-left: 20px; } /* hide other sections, when in workwear */ ul.product-categories > li { display: none; } ul.product-categories > li.cat-item.cat-parent.current-cat-parent, ul.product-categories > li.cat-item.current-cat.cat-parent{ display: block; } /* Page/category page ~ Dont include: home page */ body:not(.home) .header-banner { height: 255px; } @media screen and (max-width: 1200px) { body:not(.home) .header-banner.half .grey-overlay { /*width: 70%;*/ width: 115%; width: 119%; /* Johns */ height: 80%; } } #av_product_description.header-banner .header-banner.half .green-overlay { width: 88%; height: 100%; } body:not(.home) .header-banner .header-banner.half .container .banner-content { max-width: 1738px; margin: 0 auto; width: 100%; height: 255px; position: relative; z-index: 2; display: flex; align-items: flex-end; } body:not(.home) .header-banner section.header-banner.half { background-position: top right; background-repeat: no-repeat; background-size: unset; } /* Grey overlay, positioned under the green overlay */ .grey-overlay { position: absolute; width: 75%; height: 80%; background-color: rgba(128, 130, 133, 1.0); /* Grey with 70% opacity */ top: 0; left: 0; z-index: 0; /* Behind the green overlay */ clip-path: polygon( 60% 70%, 72% 0%, 0% 0%, 0% 70%); } .header-banner .green-overlay { position: absolute; width: 85%; height: 90%; background-color: rgba(135, 200, 70, 1.0); /* Green overlay with 70% opacity */ bottom: 0; left: 0; z-index: 1; /* Behind the text */ clip-path: polygon( 0 0, /* left top */ 50% 0, /* right top */ 100% 180%, /* right bottom */ 0 100% /* left bottom */ ); } /* clearance page - temp - short version */ .page-template-default.page.page-id-2398 .header-banner .green-overlay { width: 70%; background-color: rgba(135, 200, 70, 1.0); clip-path: polygon( 0 0, /* left top */ 55% 0, /* right top */ 100% 180%, /* right bottom */ 0 100% /* left bottom */ ); } body:not(.archive) .header-banner.half .container, body:not(.archive) .header-banner .container { max-width: 1738px; /* container width */ margin: 0 auto; width: 100%; height: 100%; position: relative; z-index: 2; /* Content on top of overlay */ display: flex; /* Flexbox to control vertical alignment */ align-items: flex-end; /* Align content to the bottom of the container */ } .header-banner .banner-content { padding: 10px 10px 65px 10px; text-align: left; } #top #wrap_all .header-banner .banner-content > .page-title { text-transform: uppercase; } .header-banner .page-title + .title { /* p.page-title */ margin-top: 10px; } .header-banner .title, .normal .header-banner .title, #av_product_description .title { /* change h1 to h2? */ font-size: 48px; /* h1? 56px??? */ font-weight: 600; color: #fff !important; margin-bottom: 10px; max-width: 560px; /* new - 30/10/24 */ } body.home .header-banner .banner-content p.subtitle, .header-banner.normal .banner-content p.subtitle, .header-banner .banner-content p.subtitle { max-width: 560px; /* new - 30/10/24 */ } .header-banner .subtitle { font-size: 24px; color: #fff !important; line-height: 30px; } .header-banner .container .banner-content .page-title { font-size: 18px; line-height: 22px; font-weight: 500; color: #fff !important; } @media screen and (max-width: 1200px) { #top #wrap_all .header-banner .banner-content > .page-title { margin-bottom: 0px; } .header-banner .page-title + .title { margin-top: 0px; } body.archive .header-banner .title, .normal .header-banner .title, #av_product_description .title { font-size: 25px; line-height: 28px; } } /* **** */ /* home page banner*/ body.home .header-banner { position: relative; height: 660px; /* background-image: url('https://picsum.photos/seed/picsum/400/600');*/ background-image: url('/wp-content/themes/enfold-child/background/home.jpg'); background-repeat: no-repeat; background-size: auto 660px; background-position: right; background-repeat: no-repeat; } @media screen and (max-width: 1200px) { body.home .header-banner { background-image: url('/wp-content/themes/enfold-child/background/home.jpg'); } } body.home .grey-overlay { clip-path: polygon( 67% 60%, 78.5% 0%, 0% 0%, 0% 67%); } body.home .header-banner .green-overlay { height: 70%; clip-path: polygon( 0 0, /* left top */ 53% 0, /* right top */ 100% 180%, /* right bottom */ 0 100% /* left bottom */ ); } @media screen and (max-width: 1200px) { /* new home mobile style - might work for other pages too */ .responsive body.home .grey-overlay { width: 100%; height: 50%; background-color: rgba(128, 130, 133, 1.0); /*top: 50%;*/ top: 60%; clip-path: polygon( 50% 70%, 85% 0%, 0% 0%, 0% 70%); } .responsive body.home .header-banner .green-overlay { width: 120%; /*height: 50% !important;*/ height: 40% !important; clip-path: polygon(0 0, /* left top */ 60% 0%, /* right top */ 100% 80%, /* right bottom */ 0% 250% /* left bottom */); } } /* homepage - more */ @media only screen and (max-width: 767px) { .home .content, .home .sidebar { padding-top: 40px; padding-bottom: 27px; } } /* about page */ @media only screen and (max-width: 767px) { .responsive #top #wrap_all .av-flex-cells .no_margin, .responsive #top #wrap_all .flex_column, .responsive #top .container .av-content-small { /* margin-bottom: 0px; */ } } /* about page */ body.page-id-572 .header-banner { height: 478px !important; background-image: url('/wp-content/themes/enfold-child/background/about.jpg'); background-size: auto 478px; background-position: right; background-repeat: no-repeat; } /* About banner *//* body.post-id-572 .header-banner.half { background-image: url('/wp-content/themes/enfold-child/background/about.jpg'); }*/ /* @media only screen and (max-width: 970px) { body.post-id-572 .header-banner.half, body.post-id-572 .header-banner, body.post-id-572 .header-banner .header-banner { background-image: url('/wp-content/themes/enfold-child/background/about-mobile.jpg') !important; background-size: auto 478px; background-position: right; background-repeat: no-repeat; } }*/ @media screen and (max-width: 1200px) { /*body.post-id-572 .header-banner.half,*/ body.page-id-572 .header-banner { background-image: url('/wp-content/themes/enfold-child/background/about-mobile.jpg') !important; } } /* workwear page */ body.page-id-2392 .header-banner { height: 478px !important; /*background-image: url('/wp-content/themes/enfold-child/background/workwear.jpg');*/ background-size: auto 478px; background-position: right; background-repeat: no-repeat; } @media screen and (max-width: 1200px) { /* workwear page - mobile */ body.page-id-2392 .header-banner { background-image: url('/wp-content/themes/enfold-child/background/workwear-mobile.jpg'); } } /* teamwear page *//* body.page-id-2393 .header-banner { height: 478px !important; background-image: url('/wp-content/themes/enfold-child/background/about.jpg'); background-size: auto 478px; background-position: right; background-repeat: no-repeat; }*/ #workwear-after-brands { margin-top: -20px; } #after_section_5 .container .content{ padding-bottom: 0px; padding-top: 0px; } /* mobile banner styles */ @media only screen and (max-width: 1200px) { .responsive #top #wrap_all .av-flex-cells .no_margin { padding-left: 0%!important; padding-right: 0%!important; } body.home .header-banner { background-position: center; } .header-banner .banner-content { padding: 10px 10px 65px 0px; padding: 10px 10px 20px 0px;/* 11/11/24 */ padding: 10px 35px 10px 0px;/* 29/11/24 */ } .home .header-banner .banner-content { padding: 10px 10px 32px 0px;/* 19/11/24 */ } .responsive .header-banner .green-overlay { /*width: 120%; height: 50% !important; /* important */ clip-path: polygon(0 0, /* left top */ 50% 0, /* right top */ 100% 180%, /* right bottom */ 0 100% /* left bottom */); } .responsive .header-banner .green-overlay { width: 142%; height: 50% !important; /* important */ height: 40% !important; /* Johns */ clip-path: polygon(0 0, /* left top */ 50% 0, /* right top */ 100% 140%, /* right bottom */ 0 100% /* left bottom */); } /*Work Wear OverRide */ .responsive .page-id-2392 .header-banner .green-overlay { height: 45% !important; } /* Johns */ .page-id-2392 .grey-overlay {top: 54% !important; } /* Johns */ .grey-overlay { width: 100%; height: 50%; background-color: rgba(128, 130, 133, 1.0); top: 50%; top: 59%; /* Johns */ clip-path: polygon( 60% 70%, 72% 0%, 0% 0%, 0% 70%); } .header-banner .title { font-size: 25px; line-height: 28px; } .header-banner .banner-content .subtitle { font-size: 17px; line-height: 22px; } body.archive #av_product_description.header-banner .grey-overlay { width: 117%; height: 80%; } body.archive #av_product_description.header-banner .green-overlay { width: 114%; height: 100%; } .responsive body.archive .header-banner .green-overlay { width: 142%; clip-path: polygon(0 0, /* left top */ 60% 0, /* right top */ 100% 155%, /* right bottom */ 0 100% /* left bottom */); } } /* Custom banner - Monday */ /* orange bar */ .orange-row.av-layout-grid-container, #main #av-layout-grid-2.av-layout-grid-container { border-top: 2px white solid; } div .av_one_fifth { margin-left: 8%; width: 25.2%; padding-bottom: 8px; padding-top: 8px; } #top #wrap_all div > div > div.flex_column.av_one_fifth.flex_column_div > article > div > header > h4 { font-size: 32px; line-height: 20px; /* small, to get the spacing correct */ padding-bottom: 10px; } @media only screen and (max-width: 1200px) { .responsive #top #wrap_all banner .flex_column { /*margin: 0; margin-bottom: 20px;*/ width: 100% !important; /* todo: mobile breakpoint - orange bar */ } #top #wrap_all div > div > div.flex_column.av_one_fifth.flex_column_div > article > div > header > h4 { font-size: 25px; line-height: 14px; /* small, to get the spacing correct */ padding-bottom: 0px; } #top #wrap_all .orange-row.grid-row-not-first > div > div > div.flex_column.av_one_fifth.flex_column_div { margin-bottom: 0px; padding-bottom: 2px; } #top #wrap_all .orange-row.grid-row-not-first > div > div > div.flex_column.av_one_fifth.flex_column_div.avia-builder-el-last { margin-bottom: 6px; } #top #wrap_all > div > div.av-layout-grid-container.entry-content-wrapper.main_color.av-flex-cells.avia-builder-el-3.el_after_av_layout_row.el_before_av_section.grid-row-not-first.container_wrap.fullsize > .flex_cell { padding: 15px 0 0 10px !important; } #top #wrap_all div > div > div.flex_column.av_one_fifth.flex_column_div > article > div > header > h4 { text-align: center; } #av-layout-grid-2 > div > div > div.flex_column.av_one_fifth.flex_column_div > article > div > header { display: flex; justify-content: center; } } #top #main #av-layout-grid-2.orange-row > div { padding: 15px 0 0 250px; } /* Portrait iPad - orange bar items */ @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .responsive #top #wrap_all #main #av-layout-grid-2.orange-row > div { padding: 15px 0 0 100px !important; } } @media only screen and (min-width: 1900px) { #main > div.av-layout-grid-container.entry-content-wrapper.main_color.av-flex-cells.el_after_av_layout_row.el_before_av_section.orange-row.container_wrap.fullsize > div, .responsive #top #wrap_all #main #av-layout-grid-2.orange-row > div.flex_cell { padding: 15px 0 0 calc(50vw - 800px) !important; } } @media only screen and (min-width: 1201px) and (max-width: 1720px) { #main > div.av-layout-grid-container.entry-content-wrapper.main_color.av-flex-cells.el_after_av_layout_row.el_before_av_section.orange-row.container_wrap.fullsize > div, .responsive #top #wrap_all #main #av-layout-grid-2.orange-row > div.flex_cell { padding: 15px 0 0 62px !important; } } /* Search page */ #top.search-results .search-result-counter { padding: 0; } #top.search-results .search-result-counter img { border-radius: 0; /*height: 100%;*/ } #top.search-results .search-result-counter { height: 215px; width: 215px; background: transparent; } #top.search-results .template-search.content .entry-content-wrapper { height: 215px; } /*#top.search-results #main .post-meta-infos { display: none; }*/ #top.search-results .entry-content, #top.search-results .post-title { margin-left: 180px; } #top.search-results .post-entry { padding-bottom: 20px; } .search-result-image { display: block; } .search-result-image img { width: 120px; border: 1px solid #e1e1e1 } a.slide-image.search_image { overflow: visible !important; } a.search_image .image-overlay.overlay-type-extern { left: 0 !important } .template-search .post-entry { overflow: hidden; } #top .fullsize .template-blog .pagination a, #top .pagination .current, #top .pagination a { line-height: 32px; /* box-shadow: 0 0 1px 0 rgba(0,0,0,.2); ??? remove??? */ border: 2px #8BC440 solid; } .template-search .pagination { padding: 10px 50px 10px 55px; } /* Contact us page */ /* contact page - form */ #top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select, #top #s, .forminator-ui#forminator-module-64147.forminator-design--bold .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"], .forminator-select-dropdown-container--open .forminator-custom-form-64147.forminator-dropdown--bold { border-radius: 5px !important; background-color: #fff !important; border: #8BC540 solid 2px !important; } .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:active, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:focus, .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:hover, .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:active, .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:focus, .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } .forminator-ui.forminator-custom-form[data-design=bold] .forminator-button { border: 3px solid #8BC540 !important; border-radius: 30px !important; min-width:250px !important; } @media only screen and (min-width: 738px) { .et-db #et-boc .et_pb_module .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child), .forminator-ui.forminator-custom-form:not(.forminator-size--small)[data-grid=open] .forminator-row:not(:last-child) { margin-bottom: 5px !important; } } /* woocommerce - archive page */ #top .main_color ul > li.product .onsale { background-color: rgba(0,0,0,0.8); /*right: 45px;*/ right: 27px; right: 38px; } #top .shop_columns_3 ul > li.product .onsale { right: 55px; } #top .shop_columns_2 ul > li.product .onsale { right: 80px; } #top div .product_on_sale .inner_product_header { /*padding-right: 85px;*/ padding-right: 3px; padding-right: 0px; } .products .product h2, .products .product h3, .products .product h4, .products .product h5, .products .product h6, h2.woocommerce-loop-product__title { font-weight: 500; } #top .woocommerce-info { padding: 19px 0; font-weight: 500; color: #808285; } #top .main_color ul > li .price .woocommerce-Price-amount.amount bdi { color: #fff; } #top #wrap_all .main_color ul > li del { color: #fff !important; text-decoration-thickness: 1.5px; /* Adjust thickness */ } .template-shop.content h3.category-name { text-align: center; font-size: 56px; } .template-shop.content .term-description { text-align: center; text-transform: uppercase; font-size: 18px; margin-bottom: 5px; } .template-shop.content .term-description p { margin-top: 0px; margin-bottom: 0px; } @media screen and (max-width: 767px) { .template-shop.content .term-description, .template-shop.content h3.category-name { display: none; } } @media screen and (min-width: 768px) { #main > div.container_wrap.container_wrap_first.main_color.sidebar_left.template-shop.shop_columns_4 > div > main.template-shop.content, #main > div.container_wrap.container_wrap_first.main_color.sidebar_left.template-shop.shop_columns_4 > div > aside.sidebar.sidebar_left.sidebar_align_left { padding-top: 100px; } } /* woocommerce - product page */ #top.woocommerce .variations_form { padding: 0 0px; } #top .variations tr { display: flex; flex-direction: column; } #top .variations th, #top .variations td { width: 100%; } #top .variations th.label { width: 80px; width: 100%; } #top .variations td, #top .variations th { padding: 4px 0px; } .af-clv-common-class.af-clv-color { border: #fff 3px solid !important } .af-clv-common-class.af-clv-color.af-clv-selected-attribute { border: lightgray 3px solid !important } .af-clv-common-class.af-clv-attribute-label { aspect-ratio: 1 / 1; /* Maintains a 1:1 ratio */ width: 50px; /* Or whatever size you need */ border-radius: 50%; /* Turns the square into a circle */ display: flex; /* For centering text within the circle, if needed */ align-items: center; /* Centers text vertically */ justify-content: center; /* Centers text horizontally */ background-color: #f0f0f0; /* Optional background color */ } .af-clv-preview { display: flex; flex-flow: row wrap; justify-content: unset !important; } body.woocommerce.woocommerce-page div form.cart table, .product_option_selected_name ul li { text-align: left; } body.woocommerce.woocommerce-page .cart input { /* width: 27px; */ /* todo: check if needed */ } body.woocommerce.woocommerce-page .cart input { width: unset; /* this seems to be a soultion */ } #top .variations th.label, #top label, body.woocommerce.woocommerce-page .af_addon_field_class div span { font-family: 'Avalon'; font-size: 14px !important; font-weight: 700 !important; text-align: left; } /* product page - customise section */ .af_addon_field_show { /*display: none;*/ margin-top: 20px; margin-top: 7px; padding: 10px; /*border: 1px solid #707070 !important;*/ /*border: 1px solid #F68E1E !important; border-radius: 5px;*/ } .woocommerce-variation.single_variation > div:first-child { border: 1px solid #F68E1E !important; border-radius: 5px; margin-bottom: 10px; } .woocommerce-variation-description table.af_addon_total_price { margin-bottom: 5px; } .woocommerce-variation-description table.af_addon_total_price td{ padding: 0 10px !important; } table.af_addon_total_price > tbody#addon-tbody > tr:nth-child(1) > td.product-sub-total-1st-tr, table.af_addon_total_price > tbody#addon-tbody > tr.optn_name_price > td#product_option_selected_price > ul > li { display: none; } #top #wrap_all .af_addon_field_show > h6 { padding-bottom: 15px; /* custom add-on in plugin */ } .avia-product-slider-container.template-shop .button.clv_add_to_cart_button, #main > div.main_color.container_wrap > div > main > div > div > div.avia-product-slider-container.template-shop.avia-content-slider.av-slideshow-ui.av-slider-hover-pause > div.avia-content-slider-inner > ul > li.product.type-product.status-publish.taxable > div > a.button.add_to_cart_button{ display: none !important; } #top .af_addon_field_show label { font-size: 16px !important; line-height: 20px !important; } #top .af_addon_field_class .add_on_description_style_63391 { font-size: 16px !important } /*body.woocommerce.woocommerce-page .single_variation_wrap { /*margin: 10px 0 20px 10px;*//* margin: 10px 0 20px 0px; }*/ .main_color table caption, .main_color tr:nth-child(even), .main_color .pricing-table>li:nth-child(even), #top .main_color .avia-data-table.avia_pricing_minimal td { color: #000 !important; } #top .product_column > .related.products > h2, #top .product_column > .upsells.products > h2 { font-size: 42px; padding-bottom: 20px; } @media only screen and (max-width: 767px) { #top .product_column > .related.products > h2, #top .product_column > .upsells.products > h2 { font-size: 23px; } } th { text-transform: unset; } /* (category page) list of categories */ ul.product-categories > li.cat-item { padding-top: 10px; } ul.product-categories > li.cat-item > a, ul.product-categories li.cat-item.current-cat.cat-parent > a, ul.product-categories li.cat-item.current-cat-parent.cat-parent > a /* just try this */ { color: #F68E1E; } ul.product-categories > li.cat-item > a, ul.children > li > a { text-transform: uppercase; font-size: 20px; line-height: 26px; line-height: 20px; } #top .widget_product_categories .children li { padding: 0px 0 0px 10px; } /*#woocommerce_product_categories-2 > h3,*/ #top .widget.widget_product_categories h3.widgettitle { color: #808285; font-size: 20px; font-weight: 500; padding-bottom: 50px; text-transform: uppercase !important; } body.archive .sidebar .widget:first-child { border-right: 1px solid #707070; } /* [print and signage] */ .page-id-2396 .avia-section.avia-section-default.avia-builder-el-last.container_wrap, .page-id-2392 .avia-section.avia-section-default.avia-builder-el-last.container_wrap { min-height: 440px !important; } /* Request a quote page */ .page-id-51.woocommerce-js table div.quantity { float: none; margin: 0 0; width: 140px; } table.addify-quote-form__contents .product-thumbnail, table.addify-quote-form__contents .product-remove { width: 100px; } form.woocommerce-cart-form.addify-quote-form .cart_item td.product-quantity { width: 194px; } #top input[type=text], #top input[type=number], #top select, #top textarea { margin-bottom: 0px; } table.quote-fields th { font-weight: 500; font-size: 16px; letter-spacing: unset; color: #808285; } .button.addify_checkout_place_quote, .button.afrfq_update_quote_btn { border: 3px solid #8BC540 !important; border-radius: 30px !important; min-width: 250px !important; padding: 13px 50px 11px; font-size: 21px; font-weight: 600; } .button.addify_checkout_place_quote:hover, .button.afrfq_update_quote_btn:hover { background-color: #ffffff; color: #8bc53f; } /* cart page */ /* cart page */ .entry-content-wrapper li { padding: 0px 0; } body.woocommerce-cart main > div > div > div.flex_column.av_one_full.avia-builder-el-3.el_after_av_one_full.avia-builder-el-last.first.flex_column_div.column-top-margin > section > div > div > div:nth-child(4) > div > div > div.wc-block-components-main.wc-block-cart__main.wp-block-woocommerce-cart-items-block > table > tbody > tr > td.wc-block-cart-item__product > div > div.wc-block-components-product-metadata > ul.wc-block-components-product-details > li.wc-block-components-product-details__colour{ line-height: 12px } #top table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__wrap>*{ margin-bottom: 0px } .wc-block-components-product-badge.wc-block-components-sale-badge { padding-left: 0px; padding-right: 0px; line-height: 12px; } #top button.wc-block-components-quantity-selector__button--minus, #top button.wc-block-components-quantity-selector__button--plus { background-color: #fff !important; color: #8BC440 !important; border: 2px #8BC440 solid !important; border-radius: 50px !important; font-weight: 500; font-size: 20px; background-image: none; height: 35px; width: 35px !important; opacity: 1.0 }/* #top button.wc-block-components-quantity-selector__button--minus{ margin-right: 5px; } #top button.wc-block-components-quantity-selector__button--plus{ margin-left: 5px; }*/ .wc-block-components-quantity-selector__input { margin-left: 5px !important; margin-right: 5px !important; } #top .wc-block-components-quantity-selector:after { border: 0px solid hsla(0,0%,7%,0.0); } #top .wc-block-cart-item__wrap .wc-block-components-product-name, .wc-block-components-panel__button, .wc-block-components-totals-item__label , .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via, .wc-block-components-shipping-address, .wc-block-components-totals-item.wc-block-components-totals-taxes span, #top .wc-block-components-totals-item.wc-block-components-totals-footer-item > *, #top .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block > span { font-size: 16px; font-weight: 500; } #top .wc-block-components-sidebar.wc-block-cart__sidebar.wp-block-woocommerce-cart-totals-block .wp-block-woocommerce-cart-order-summary-block > span, #top .wc-block-components-totals-item__label, #top .wc-block-components-totals-item > .wc-block-formatted-money-amount.wc-block-components-formatted-money-amount.wc-block-components-totals-item__value, #top .wc-block-components-shipping-address, #top .wc-block-components-totals-shipping__change-address__link, #top .wc-block-components-totals-item__value > span, #top table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block .wc-block-cart-items__header > th > span { color: #808285; } #top .wp-block-woocommerce-cart-order-summary-block .wp-block-woocommerce-cart-order-summary-heading-block.wc-block-cart__totals-title { margin-left: 15px; } #top .price, #top .price span, #top del, #top ins, .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name, .wc-block-components-product-details__value, #top table.wc-block-cart-items.wp-block-woocommerce-cart-line-items-block .wc-block-cart-items__header > th > span { font-size: 16px; font-weight: 500; /* testing */ } .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name { color: #000; /* maybe */ } /* checkout */ /* checkout */ #top .wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, #top .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted { border-radius: 5px; box-shadow: inset 0 0 0 2px #8bc440; } #top .cart-collaterals .cart_totals table select, #top.woocommerce-page select { width: 100%; min-width: 0; margin: 0; } #top .wc-blocks-components-select__container .wc-blocks-components-select__expand { display: none; } #top .wc-block-components-checkbox label { align-items: center; } #top .wc-block-components-checkout-step__description, #top .wc-block-components-order-summary-item__description > span.wc-block-components-product-name, #top span.wc-block-components-checkbox__label, #top .wc-block-components-payment-method-label .wc-block-components-radio-control__label, ul.wc-block-components-product-details li span.wc-block-components-product-details__name, .wc-block-components-radio-control__label > span, span.wc-block-components-radio-control__label, .wc-block-components-radio-control__secondary-label > span { font-size: 16px !important; font-weight: 500 !important; } .wc-block-components-totals-item__description.wc-block-components-totals-shipping__via, .wc-block-components-panel__button { color: #808285; } /* temp */ #top #wrap_all #header #header_meta .container ul.social_bookmarks { display: none !important; } #top #wrap_all #header #header_meta .social_bookmarks li { height: 0% !important; border-right-width: 0px !important; width: 0px; border-right-color: black !important; } /* Leavers Gear */ .banner-cover{ background-size: cover; } .six-column-layout { display: flex; flex-wrap: wrap; justify-content: space-between; } .six-column-layout div { flex: 1 1 16.66%; padding: 20px; text-align: center; } #top #wrap_all .all_colors .category-5 h5{ line-height: 30px; color: #000; text-transform: uppercase; font-size: 24px; font-weight: 500; margin-top: 10px; } .responsive #top #wrap_all .flex_cell.av-m1amdro5-097daddbf8c6d10b6c46c3c14756f543.icons-under-banner{ padding-left: 0px !important; } .icons-under-banner img{ max-height: 88px; width:auto; } .icons-under-banner .flex_cell_inner{ max-width: 1738px; margin: 0 auto; padding: 0 50px; } .popular-products img{ max-height: 350px; } /* Testimonials */ .avia-slider-testimonials .avia-testimonial-meta, #top .av-large-testimonial-slider .avia-testimonial-name, #top .av-large-testimonial-slider .avia-testimonial-meta{margin-top: 0px;} #top .avia-slider-testimonials.avia-testimonial-wrapper{ padding-bottom: 60px; } .avia-slider-testimonials img{ margin-top: 10px; margin-bottom: 10px; } /* Dots */ #top .main_color .avia-smallarrow-slider .avia-slideshow-dots a.goto-slide { background-color: #eaeaea; } /* Mobile - Home */ @media screen and (max-width: 1500px) and (min-width: 767px) { .home #av_section_1{ background-size: cover !important; height: 450px; } .home #av_section_1 h1 { font-size: 5.0em !important; margin-bottom: 3em; } } @media screen and (max-width: 767px) { .home #av_section_1 .container { height: auto !important; } .home #av_section_1{ background-size: cover !important; height: 250px; } } @media screen and (max-width: 500px) { .home #av_section_1{ background-size: cover !important; height: 200px; } } /* Mobile - Home - our product tiles */ @media screen and (max-width: 1500px) and (min-width: 950px) { .six-column-layout div { flex: 1 1; } } @media screen and (max-width: 950px) and (min-width: 767px) { .six-column-layout div { flex: 1 1 25%; } } @media screen and (max-width: 767px) { .six-column-layout div { flex: 1 1 50%; max-width: 50%; } } @media screen and (max-width: 767px) { .text-left-section .el_before_av_one_half { min-height: unset !important; height: unset !important; } .home .hr { display: none !important; } .flex_column.av-m6po2njd-f3a825d800a71b2e24820239630fc104, .flex_column.av-m6po1uw9-b66b148678cf112e051c9b1ae0e95e97, .flex_column.av-4ax9jvo-a4304f0a23d76fd520ee1bae1db04ecb, .flex_column.av-kn2cf8-995bdbfdf5e9a2171bb84183ad4d542e { min-height: 450px; } } /* Hoodies Layout */ /*********************************/ /*********************************//*********************************/ .black-bg-white-text{ background-color: #000; } .black-bg-white-text h4{ color: #fff !important; padding-left: 14px; padding-top: 7px; padding-bottom: 7px; margin-bottom: 0px !important; font-weight: 800; } @media screen and (max-width: 767px) { .black-bg-white-text h4{ line-height: 1em;} .black-bg-white-text p{ padding-bottom: 1px; } } .black-bg-white-text p, .black-bg-white-text p strong{ color: #fff !important; padding-left: 14px; padding-top: 3px; padding-bottom: 3px; } .black-bg-white-text p strong{ padding-left: 0px; } .layout-block-left .black-bg-white-text strong, .layout-block-left .price-from strong{ min-width: 110px !important; } .layout-block-left .price-from p { margin-bottom: 4px !important; } .layout-block img { border-radius: unset; } .layout-block-left strong { min-width: 65px !important; display: inline-block; } #main .layout-block p{ color: #000; font-weight: 200;} .layout-block .flex_column_table{ margin-top: 0px !important; } .layout-block-top{ padding: 0px !important; min-height: unset !important; } .layout-block-left{ padding: 0px !important; } .layout-block-right{ padding: 0px !important; } .layout-block-top .avia-image-container{margin-bottom:0px !important;} .layout-block-left img { vertical-align: top; } .layout-block-left p{padding-left: 10px; margin-top:5px; margin-bottom: 0px !important;} .main_color .layout-block-left{ border-left: 1px solid #000; border-right: 1px solid #000; } .black-bg-white-text p {margin-top: 7px;} .last p{margin-bottom:0px;} .main_color .bottom-row{ border: 1px solid #000; } .main_color .layout-block-right{ border-right: 1px solid #000; } .layout-block-left { width: 32% !important; } .layout-block-right { width: 14.3% !important; } .layout-block-left img { max-width: 87%; } @media only screen and (max-width: 767px){ .layout-block-left { width: 64% !important; } } @media only screen and (max-width: 767px){ .layout-block-right { width: 28.6% !important; width: 36% !important; } } .layout-block-right p { margin-left: -8.5%; padding-right: 16px; font-size: 18px; line-height: 26px; } .bottom-row p{ padding-left: 10px; font-size: 14px; line-height: 14px; margin-top: 7px; margin-bottom: 7px; } #main .layout-block.master{ max-width: calc(1738px / 2); float: left; clear: none; } /* #main .layout-block.master:nth-child(even){ margin-left: calc(50vw - 1738px / 2); } #main .layout-block.master:nth-child(odd){ margin-left: 0; } */ @media only screen and (max-width: 767px){ #main .layout-block.master:nth-child(even){ margin-left: 0; } .layout-block-left, .layout-block-right{float:left !important;} .layout-block-right p { /* margin-left: -4.25%; */ margin-left: 0px; padding-left: 10px; } .layout-block-top, .layout-block-left, .layout-block-right{margin-bottom:0px !important;} .layout-block .template-page{padding-top:30px; padding-bottom:0px;} } /* Mobile borders */ @media only screen and (max-width: 767px){ /* .layout-block-left{border: none; border-right: 1px solid #000; } #main .layout-block.master .container{ padding-right: 0px; padding-left: 0px; } */ .layout-block .flex_column_table:nth-child(2){ border: 1px solid #000; border-bottom: none;} .main_color .layout-block-left{border: none !important;} .layout-block-right {border: none !important; border-left: 1px solid #000 !important; } .layout-block-left { display: table-cell !important; width: 100% !important;} .layout-block-right.flex_column { width: 100% !important; border-top: 1px solid #000 !important; border-left: none !important; } } /* MOBILE TESTING */ .page-id-242 #av_section_3, .page-id-242 #av_section_4{ /* max-width: calc(1738px / 2); float: left; clear: none; */ } .page-id-242 .blank{display: none !important;} .page-id-242 #av_section_3 { /* margin-left: calc(50vw - 1738px / 2); */ } .page-id-242 #av_section_4 { /* margin-left: 0; */ } /* GRID VIEW OVER RIDES */ #main .layout-block.master { max-width: unset !important; } /*********************************//*********************************/