/*
Theme Name: Cyberfrog (Shaun)

Author: Shaun Hearnden

Version: 999999999999999999999999999999

*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

.wc-block-cart-item__prices {
    display: none;
}
.wc-block-cart-item__quantity {
    margin-top: 16px;
}
a.wc-block-components-button.wp-element-button.wc-block-cart__submit-button.contained {
    background: #324a68;
    color: #fff;
    border-radius: 50px;
    margin-top: 20px;
}

a.wc-block-components-product-name {
    color: #324a68;
    font-size: 20px;
}

.wc-block-components-product-metadata__description {
    display: none;
}


span.wc-block-components-product-details__name {
    color: #324a68;
    font-size: 17px;
    font-weight: 500 !important;
}

span.wc-block-components-product-details__value {
    font-weight: 600;
    color:#324a68;
    font-size: 17px;
    margin-left: 5px;
}

body, input, span, div, select, textarea, button { font-family: "Poppins", sans-serif!important;}

a{text-decoration:none;}

h1, h2, h3, h4, h5, h6{font-weight:600; color:#324a68;}

h1, h2, h3, h4, h5, h6, p {
    margin-top: 0; /* Removes default top margin */
    margin-bottom: 16px; /* Standard bottom margin */
    line-height: 1.5; /* Line height for readability */
}

/* Specific Heading Styles */

h1 {
    font-size: 48px;
    line-height: 1.2;
    margin-bottom: 24px; /* Extra space below larger headings */
}

h2 {
    font-size: 36px;
    line-height: 1.3;
    margin-bottom: 20px;
}

h3 {
    font-size: 30px;
    line-height: 1.4;
    margin-bottom: 18px;
}

h4 {
    font-size: 24px;
    line-height: 1.4;
    margin-bottom: 16px;
}

h5 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 14px;
}

h6 {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 12px;
}

/* Paragraph Styles */

p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 16px; /* Space between paragraphs */
}

#home_banner{display:block; width?100%; background:#6081ad; height:680px; position: relative;padding:80px 0;}
#home_banner.internal{height:auto;}
#home_banner .strapline p{font-size:20px;max-width:1000px; margin:0 auto;}
#home_banner .wrapper{position:relative;}

#text_image .wrapper > div{
    
    
       display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 80px; /* Adjust the gap between grid items as needed */
    
    
}

#text_image {padding:120px 0;display:block}

#text_image .wrapper > div .image{position: relative}
#text_image .wrapper > div .image img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}
.strapline h1, .strapline p{}

.strapline *{color:#fff;}

#internal_banner .grady, #home_banner .grady {
    background: #4c6fb1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0.5;
}

header#header {
/*    background: #f2ebdf;*/
    padding: 10px 0;
}

strong{font-weight:600;}
#banner_tiles{   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px; /* Adjust the gap between grid items as needed */
margin:50px 0 0 0;
}

#categories{display:block; padding:90px 0;}
#categories .wrapper > span{text-align:center; display:block; width:100%; margin-bottom:50px;}

#banner_tiles > div {
    background: #fff;
    padding: 40px 20px;
    border-radius: 10px;
}

#header .wrapper{max-width:1600px; display:flex; justify-content: space-between}
.wrapper{max-width:1400px; display:block; margin:0 auto;}
.wrapper.smaller{max-width:1000px; }
#home_banner .wrapper{text-align:center; max-width:1200px;
}
#menu {
    margin-top: 42px;
}
#menu a{color:#000; font-size:18px;margin-left:20px;}
#logo img{max-width:150px;}


input#gform_submit_button_1 {
    background: #2b4b6b!important;
}

#home_banner > img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}

#cat_mason{display:block; width:100%;}

#cat_mason > span{   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; }

#cat_mason h3{color:#fff;}

div#town_selection {
    display: block;
    padding: 50px 0;
    text-align: center;
    background: #ddecff;
 
}
#new_single span.woocommerce-Price-amount.amount {
    color: #324a68;
    font-size: 40px;
    font-weight: 500;
}
#town_selection h4{color:#333;}

#town_selection form{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */
   max-width:600px;
    margin:0 auto;

}
#town_selection form > *{padding:10px 20px; -webkit-appearance:none; border:none; outline:none; border-radius:50px;}


#confirm_selection_button{background:#6081ad; color:#fff;}

.mason_1 a > .grady, .mason_2 a > .grady {
    background: linear-gradient(to right, #000000a3, transparent);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

.mason_1 a >  span, .mason_2 a > span{position:relative; color:#fff;z-index: 2}

.mason_1 a{width:100%; display:block; position:relative; height:300px; background:#99999990; border-radius:15px; overflow:hidden; }
.mason_1 a:last-child{margin-top:30px; height:200px;}
.mason_2 a{width:100%; display:block; position:relative; height:200px; background:#99999990; border-radius:15px; overflow:hidden; }
.mason_2 a:last-child{margin-top:30px; height:300px;}


#explore_more{margin:70px auto 0 auto;display:block; text-align: center;}

#explore_more a {
    background: #549F93;
    color: #fff;
    padding: 10px 20px;
    border-radius: 50px;
    margin-top: 0px;
    display: inline-block;
}

.mason_1 a img, .mason_2 a img{     
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}

#shop_archive{display:block; width:100%;padding:0 0 70px 0;}

.woocommerce-ordering, .woocommerce-result-count, .woocommerce-products-header, .woocommerce-breadcrumb{display:none;}

#shop_filter{
    background: #6081ad;
    margin-top: -60px;
    color: #fff;
    display: block;
    width: 100%;
    margin-bottom:80px;
}
#shop_filter .wrapper > span > div > form > ul{   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px; /* Adjust the gap between grid items as needed */}

#shop_filter .wrapper > span > div > form > ul > li {
    display: grid;
    grid-template-columns: 30% 45%;
    gap: 0;
}
#shop_filter h4{display:none!important;}


#shop_filter .wrapper > span{ display: grid;
    grid-template-columns: 10% 85%; /* Adjust these values as needed */
    gap: 5%; /* Optional: Adjust the gap between columns if needed */}


li.sf-field-reset a {
    width: 150px;
    position: relative;
    padding: 7px 20px;
    border-radius: 50px;
    color: #232323;
    background: #e0ebfd;
    border: none;
    outline: none;
    text-align: center;
    line-height: 21px;
}

#cat_mason h3{font-size:20px;}

#cat_mason a > span{
    
    
    position: absolute;
bottom:0px;
left:20px;
transform: translateY(-50%);

}

.list_product_image{display:block; width:100%; height:230px;  position:relative;}

.list_product_image > img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding:20px;
    object-fit: contain;
    height: 100%;
    object-position: 50% 50%;}

#shop_right  .products.columns-4{
    
       display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px; /* Adjust the gap between grid items as needed */
    
}
.products.columns-4::before{display:none!important;}

.list_product h3 {
    font-size: 18px;
    padding: 10px 20px;
    margin-bottom: 0;
    font-weight: 400;
    margin: 10px 0 20px 0;
}
.list_product > p{padding: 10px 20px;
    font-size: 14px;
    margin-top: -20px;}

#shop_right > span .list_product{border-radius:10px;
    display:block;
    
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.archive_price {
    font-size: 23px;
    text-align: left;
    display: block;
    color: #679d93;
    font-weight: 600;
    margin-bottom: -20px;
    padding-left: 20px;
}

select#selected_town {
    background-color: #fff;
    background-image: url(https://dairyexpress.co.uk/wp-content/uploads/2025/06/arrow-down-3101.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 92%;
        border: 1px solid #99999990;
    color: #333;
}

.review_wave {
    width: 100%;
    height: 120px;
    top: -120px;
    background-size: cover !important;
    position: absolute;
    background-position: top center !important;
}
#reviews {
    display: block;
    width: 100%;
    background: #ddecff;
    padding: 50px 0 30px 0;
    position: relative;
    margin-top:60px;
}

#reviews h3{text-align:center;}#reviews h3 {
    text-align: center;
    color: #324a68;
}
.archive_add {
    display: grid;
    text-align: center;
    grid-template-columns: repeat(1, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 40px 20px 20px 20px;
}

.archive_add > * {
    font-size: 16px;
    background: #fff;
    color: #333;
    padding: 10px 0;
    border-radius: 8px;
    border: 1px solid #324a68;
}
.archive_add > *:hover{background:#2b4b6b; color:#fff; transition:0.3s;}

.archive_add > span {
    background: #2b4b6b !important;
    color: #fff;
}

.quantity {
    display: inline-flex;
    align-items: center;
}

.quantity .minus,
.quantity .plus {
    background: #eee;
    border: 1px solid #ccc;
    padding: 0.5em 0.75em;
    font-size: 1.2em;
    line-height: 1;
    cursor: pointer;
    user-select: none;
}

.quantity input.qty {
    text-align: centre;
    width: 50px;
    margin: 0 5px;
}


.delivery-day-wrapper {
   
    display: block;
    border: 1px solid #000;
    border-radius: 10px;
    padding: 20px;
    margin-bottom: 30px;
    width: 400px;
}
.woocommerce-order.thankyou{display:block; padding:60px 0  100px 0;}
.delivery-day-wrapper > div{margin:10px 0;}

#single_left > img{border-radius:20px; overflow:hidden;}

.delivery-day-wrapper > div > input{margin-left:0; margin-right:7px;}
button.single_add_to_cart_button.button.alt {
    display: block;
    width: 200px;
    clear: left;
    margin-top: 20px;
    border-radius: 50px;
}

#banner_tiles span {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 50%;

    position: relative;
    margin-bottom: 20px;
}
div#new_single {
    padding: 80px 0;
}

#new_single .wrapper > span{   display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 100px; /* Adjust the gap between grid items as needed */}
#banner_tiles span i {
    color: #6780a9;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 45px;
    transform: translate(-50%, -50%);
}

button.single_add_to_cart_button.button.alt {
    background: #549F93;
    margin-top: 30px;
}

.product_meta{display:none!important;}

#new_single  .quantity .qty {
    width: 3.631em;
    text-align: center;
    width: 100px;
    padding: 8px;
    -webkit-appearance: none;
    border: 1px solid #999;
}

#new_single .quantity .minus, #new_single .quantity .plus {
    background: #324a68;
    border: 1px solid #324a68;
    padding: 0.5em 0.75em;
    font-size: 1.2em;
    line-height: 1;
    cursor: pointer;
    user-select: none;
    color: #fff;
}

.explore_link{
        position: absolute;
    bottom: 0;
    right: 0;
    z-index: 9;
    background: #e0ebfd;
    padding: 8px 20px;
    border-radius: 10px 0;
    font-size: 18px;
    color: #333;
    
}
a.reset_address {
    background: #2b4b6b;
    color: #fff;
    max-width: 200px;
    padding: 5px 20px;
    border-radius: 50px;
    line-height: 31px;
}
#cart_page{padding:70px 0; display:vlblock;}

#footer{display:block; width:100%; height:auto; background:#2b4b6b; padding:60px 0;}

#footer *{color:#fff;}

#footer h4{font-size:20px;margin-bottom:30px;}


#footer a{display:block;margin-bottom:20px;}

#foot_1 img{width:100px;}
#foot_1 > span{line-height:20px; font-size:13px;}
#foot_1 > p{margin-top:20px;}

#foot_4 span{
    
        font-size: 16px;
    line-height: 25px;
}

#footer p, a{font-size:14px;}

#footer .wrapper > span {
    display: grid;
    grid-template-columns: 30% 15% 15% 30%;
    gap: 5.3333%;
}
.delivery-info p{margin-bottom:0;}



#copyright{width:100%; display:block;  text-align:center; padding:10px; font-size:12px; color:#000;}
#copyright a{color:#000;font-weight:600;}
#internal_banner {
    display: block;
    width: 100%;
    position: relative;
    padding: 30px 0 10px 0;
    margin-bottom:60px;
}

#internal_banner > img{    
        position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
    height: 100%;
    object-position: 50% 50%;}

#internal_banner .wrapper{position:relative;}

#internal_banner .wrapper h1{color:#fff;}

.delivery-info{display:block; width:100%; text-align:center; background:#ddecff;padding:10px 0;}
.delivery-info p{color:#333;}
.delivery-info .wrapper > span{   display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px; /* Adjust the gap between grid items as needed */}

.delivery-info .wrapper {
    max-width: max-content;
    min-width: 1000px;
}


a.woocommerce-basket {
    background: #2b4b6b;
    width: auto;
    display: inline-block;
    text-align: left;
    padding: 10px 20px;
    border-radius: 50px;
    color: #fff !important;
}


input.sf-input-text {
    border-radius: 50px;
    padding: 7px 20px;
    border: none;
    outline: none;
    width: 270px;
    display:block;
}

select.sf-input-select {
    width: 270px;
    -webkit-appearance: none;
    border-radius: 50px;
    padding: 7px 20px;
    background-color: #fff;
    background-image: url(https://dairyexpress.co.uk/wp-content/uploads/2025/06/arrow-down-3101.png);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 92%;
        border: 1px solid #99999990;
    color: #333;
}

select#dev_day {
    width: 100%;
    padding: 7px 15px;
    -webkit-appearance: none;    background-color: #fff;
    background-image: url(https://dairyexpress.co.uk/wp-content/uploads/2025/06/arrow-down-3101.png);
    background-size: 25px;
     border-radius: 50px;
    background-repeat: no-repeat;
    background-position: 95%;
        border: 1px solid #99999990;
    color: #333;
}

#con_shop{
    
  background: #e0ebfd;
    color: #000;
    padding: 10px 20px;
    border-radius: 50px;
    margin-bottom: 20px;
    display: inline-block;  
    
}

li.sf-field-reset a:hover, button#confirm_selection_button:hover, a.woocommerce-basket:hover, a.reset_address:hover, #explore_more a:hover, .mason_1 a:hover, .mason_2 a:hover{opacity:0.7; transition:0.3s; cursor:pointer;}

#shop_filter h4{margin:0; color:#fff;}

body.woocommerce-checkout div.woocommerce .fc-wrapper .fc-step__substep .fc-step__substep-title, div#fc-substep__fields--payment {
    display: none;
}

.b_milk {
    display: inline-vlock;
    margin: 20px auto;
    background: #bd8828;
    width: 270px;
    padding: 20px 10px;
 border-radius: 50px;
}

.b_milk strong{text-decoration:underline;   font-size: 25px;
    display:block;
    line-height: 31px;}


#plain{display:block; padding:120px 0;}