/*
Theme Name: Reloved Retro Pottery
Author: Seven Hills Creative
Author URI: https://www.sevenhillscreative.co.uk/
Description: Another custom theme for a happy customer!
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2022.1
Requires at least: 5.2
Requires PHP: 7.0
*/



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"]{text-decoration:none}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;}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:none}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}
.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}

/* ///// BASE ///// */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    color: #7B6A58;
    box-sizing: border-box;
    font-family: 'GothamrndBook';
    /* transition: all 0.4s ease; */
    /* outline: 1px solid red !important; */
}

html{
    overflow-x: hidden !important;
  }
  
body{
    font-family: 'GothamrndBook';
    /* display: grid; */
    overflow-x: hidden !important;
  }


@font-face {
    font-family: 'GothamrndBold';
    src: url('/wp-content/themes/Reloved-Retro-Pottery/fonts/gothamrnd_bold.otf');
}

@font-face {
    font-family: 'GothamrndBook';
    src: url('/wp-content/themes/Reloved-Retro-Pottery/fonts/gothamrnd_book.otf');
}

@font-face {
    font-family: 'GothamrndLight';
    src: url('/wp-content/themes/Reloved-Retro-Pottery/fonts/gothamrnd_light.otf');
}

@font-face {
    font-family: 'GothamrndMedium';
    src: url('/wp-content/themes/Reloved-Retro-Pottery/fonts/gothamrnd_medium.otf');
}



@media only screen and (max-width: 1100px) {}
@media only screen and (max-width: 960px) {}
@media only screen and (max-width: 760px) {}
@media only screen and (max-width: 660px) {}
@media only screen and (max-width: 560px) {}
@media only screen and (max-width: 460px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {
    body, header, main, section, footer {
        width: 320px;
    }
}


/* LAYOUT ************************************************/

section, article, main, nav, header {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}

footer {
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    grid-column: 1 / 17;
    justify-self: center;
    max-width: 2000px;
    width: 100%;
}
  

ul, li {
    line-height: 30px;
}

ul, ol {
    letter-spacing: 0.05em;
}

img {
    width: 100%;
}


/*  BUTTON LINKS  */
.all-button {
    justify-self: center;
    font-family: 'GothamrndBold';
    font-size: 24px !important;
    text-align: center !important;
    padding: 0.7em 2.2em;
    text-transform: uppercase !important;
    align-self: center !important;
    border-radius: 31px !important;
    display: grid !important;
}

/* blue Button */
.orange-button {
    background: #D66E48 !important;
    border: 2px solid #D66E48 !important;
    color: #fff !important;
}

.beige-button {
    background: #F4F3F2;
    border: 2px solid #F4F3F2;
    color: #7B6A58;
}




/* ///// TEXT //// */
h1, h2, h3, h4, h5, h6{
    font-family: "DynaPuff", sans-serif;
    font-weight: 600;
}

h1{
    font-size: 4.375em;  
}

h2{
    font-size: 4.375em;    
}

h3{
    font-size: 2.188em;   
}

h4{
    font-size: 1.5em;     
}

label {
    font-size: 1.875em;
}


p, li{
    color: #7B6A58;
    font-size: 1.5em;
    font-weight: 400;
    font-family: 'GothamrndBook';
    line-height: 1.5;
}


ul {
   list-style-type: disc;
   color: #B8BE62;
   font-family: 'GothamrndBook';
}

ul.main-nav{
  padding: 0;
}

ol{
  list-style-type: decimal;
}

li{
  list-style: none;
}

strong{
    font-family: 'GothamrndBold';
}

em{
  font-style: italic;
}

.underline{
  text-decoration: underline;
}

a{
  cursor: pointer !important;
  text-decoration: none;
}

@media only screen and (max-width: 800px) {

    h1{
        font-size: 2.5em;
    }
    
    h2{
        font-size: 2.5em;
    }
    
    h3{
        font-size: 1.875em;
    }
    
    h4{
        font-size: 1.5em;
    }

    label {
        font-size: 1.75em;
    }
        
    p , li{
        font-size: 18px;
    }      

    .all-button {
        font-size: 1.438em;
        padding: 0.5em 1.5em;
        justify-self: center;
    }

}





/* MENU BAR DESKTOP VIEW */

.sub-banner-sub h1 {
    color: #fff !important;
    color: #ff0000;
}

.banner-message-outer {
    background-color:#D66E48;
    padding: 0.5em 0;
}

.banner-message span {
    color: black;
}

.banner-message {
    display: flex;
    gap: 2em;
    grid-column: 2 / 16;
    justify-content: center;
    text-align: center;
}

.banner-message label {
    grid-column-start: 2;
    font-family: 'GothamrndBook';
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
}

.banner-message-tel {
    display: grid;
    grid-template-columns: repeat(2, auto);
    gap: 1em;
    justify-self: end;
    align-items: center;
}

.desktop-con-det {
    display: flex;
}

.banner-message i {
    color: #E2C998;
    text-transform: uppercase;
    font-size: 29px;
    align-content: center;
    height: 100%;
}

.banner-message-tel a p {
    color: white;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
}

.banner-message p {
    grid-column-start: 2;
    font-family: 'GothamrndBook';
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-align: center;
    color: #fff;
}

.banner-message a {
    color: #fff;
    font-weight: 600;
}

.mobile-con-det {
    display: none;
}

@media only screen and (max-width: 700px) {

    .banner-message {
        grid-template-columns: repeat(2, 1fr);
    }

    .banner-message label {
        grid-column-start: 1;
    }

    .desktop-con-det {
        display: none
    }

    .mobile-con-det {
        display: flex;
    }
}

@media only screen and (max-width: 500px) {

    .banner-message {
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .banner-message-tel {
        justify-self: center;
    }

}




@media only screen and (min-width: 1300px) {

    /* Ensure grid-header-outer is not displayed as blank space */
    .grid-header-outer.hidden {
        display: none;
    }

    #hamburger-input:checked, #hamburger-menu #sidebar-menu{
        display: none;
    }

    .grid-header-section {
        display: grid;      
        z-index: 2;
    }

    .grid-header-outer {
        display: grid;
        grid-template-columns: 1fr auto 1fr;
        grid-column: 2 / 16;
        align-items: center;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 0.2em;
        padding: 0.5em 0 0 0;
    }

    .grid-header-outer a img{
        max-width: 425px;
        width: 100%;
    }

    .grid-header-outer i {
        font-size: 42px;
    }

    .menu-sec-one {
        justify-items:start;
    }

    .menu-sec-two {
        justify-items: end;
        z-index: 20;
    }

    .header-menu {
        display: grid;
    }

    .header-menu ul{
        display: grid;
        grid-template-columns: repeat(var(--menu-columns, auto-fill), 1fr);
        text-align: center;
        align-items: center;
        justify-self: stretch;
    }
    
    .header-menu li {
        margin: 0 1em;
    }

    .header-menu a {
        color:#7B6A58;
        font-size: 23px;
        font-weight: 600;
        letter-spacing: 1.6px;
        text-align: center;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        font-family: 'GothamrndBold';
        align-items: center;
    }

    .header-menu a i {
        font-size: 40px;
    }

    .menu-icon {
        padding-left: 0.3em;
        color: #D66E48;
    }

    .top-level-item {
        display: grid;
        text-align: left !important;
    }

    #hamburger-input, .overlay, #hamburger-menu, #sidebar-menu, .header-bar  {
        display: none;
    }

    
    .logo {
        z-index: 21;
        justify-self: center;
    }

    /* .contact-menu-item {
        background-color: #F4A240;
        padding: 1em;
    }

    .contact-menu-item a {
        color: #fff;
    } */

  


/* FIRST COLUMN */
.main-nav .menu-item .sub-menu li:first-child {
    grid-column: 1;
    text-align: left;
    background-color: #ECF4F2;
    padding: 1em;
    border: none;
    align-self: start;
}

.main-nav .menu-item .sub-menu li:first-child a span {
    display: grid;
    gap: 1em;
}

.main-nav .menu-item .sub-menu li:first-child a span p {
    font-family: 'GothamrndBook';
} 

.menu-text {
    font-family: 'GothamrndBook' !important;
    font-size: 25px !important;
}


.contact-menu-link a,
.contact-menu-link a span {
    color: #fff;
    font-family: 'GothamrndBold';
}

.contact-menu-link {
    font-family: 'GothamrndBook';
    text-align: center;
    padding: 0.5em 2em !important;
    text-transform: uppercase;
    background-color: #D66E48;  
    border: 1px solid #D66E48; 
    border-radius: 31px;
}
    
/* Add an underline to menu items with children */
.toggle-underline > a {
    text-decoration: none;
    position: relative;
}

.toggle-underline > a::after {
    content: '';
    position: absolute;
    bottom: -10px; 
    left: 0;
    right: 0;
    width: 23%; 
    justify-self: center;
    height: 4px;
    background-color: #33D3B4;
    transform: scaleX(1);
    transform-origin: bottom right;
    transition: transform 0.3s ease-out, width 0.3s ease-out;
}

.toggle-underline:hover > a::after {
    display: none;
}

.toggle-underline > a::before {
    content: '\f2ec';
    font-family: "Font Awesome 6 pro";
    font-weight: 900;
    position: absolute;
    bottom: -10px;
    left: 50%;
    transition: opacity 0.3s ease-out;
    opacity: 0; 
    z-index: 99;
    transform: rotate(180deg);
    color: #33D3B4;
    top: 2.5em;
}

.toggle-underline:hover > a::before {
    opacity: 1; 
}  
        
    /* Style for left column (categories) */
    .product-categories {
        background-color: #ECF4F2;
        padding: 1em;    
    }

    .product-categories h2 {
        font-size: 1em !important;
    }
    
    /* Style for right column (attributes) */
    .product-attributes {
        background-color: #F9F9F9;
        padding: 1em;
    }

    .product-attributes h2 {
        font-size: 1em;
    }


    .user-font {
        color: #D66E48 !important;
        font-size: 24px !important;
    }














/* Mega menu container split into two columns */

.mega-menu {
    display: none;
}

.menu-item:hover .mega-menu {
/* .mega-menu { */
    display: grid;
    grid-template-columns: auto 60%;
    background-color: #fff;
    position: absolute; /* adjust as needed */
    left: 0;
    right: 0;
    z-index: 80;
    margin: 0 5em;
    box-shadow: 0px 5px 10px #00000029;
  }
  
  /* Left Column: Submenu list styling */
  .submenu-list {
    list-style: none;
    margin: 0;
    padding: 1em;

    grid-template-columns: 1fr !important;
  }
  
  .submenu-list li {
    cursor: pointer;
    margin: 0;
  }
  
  .submenu-list li a {
    text-decoration: none;
    color: #7B6A58;
    font-size: 24px;
    text-align: left;
    justify-content: left;
    border-bottom: 2px solid #D0C9BB;
    padding: 1.5em 0 1.5em 1.5em;
    justify-content: space-between;
  }

  .submenu-list li a:hover {
    background-color: #E2C998;
  }
  
  /* Right Column: Container for sub–sub menus */
  .subsubmenu-container {
    padding: 1em;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: start;
    gap: 1em;
  }
  
  /* Hide all sub–sub menus by default */
  .subsubmenu {
    display: none !important;
    list-style: none;
    margin: 0;
    padding: 0;
    grid-template-columns: auto !important;
    gap: 1em;
    width: 100%;
    height: 100%;
  }
  
  /* Show the active sub–sub menu */
  .subsubmenu.active {
    display: flex !important;
  }
  
  .subsubmenu li {
    padding: 0.5em;
    align-self: start;
    background: #F4F3F2;
    margin: 0 !important;
    width: 100%;
    height: 100%;
  }
  
  .subsubmenu li a {
    text-decoration: none;
    color: #D66E48;
    font-size: 24px;
    font-family: "DynaPuff", sans-serif;
    text-align: left;
    justify-content: left;
  }

.sub-sub-sub-menu {
    display: grid !important;
    grid-template-columns: 1fr !important;
    justify-content: left;
}

.sub-sub-sub-menu .three-sub-item {
    margin: 10px 0 !important;
    padding: 0 !important;
}

.sub-sub-sub-menu .three-sub-item a {
    color: #7B6A58;
    font-size: 24px;
    font-family: 'GothamrndBook';
    text-transform: capitalize;
    justify-content: left;
}


.menu-item img {
    max-width: 113px !important;
}


.main-account-menu a {
    display: flex;
    gap: 0.7em;
    border-right: 2px solid #707070;
    padding-right: 2em;
}

.cart-count {
    display: flex;
    align-items: center;
    font-size: 23px !important;
}

.cart-count p {
    font-size: 23px !important;
}



} 
    






/* RESPONSIVE MENU UNCLICKED */
@media only screen and (max-width: 1300px) {

    .grid-header-outer, .grid-header-top{
        display: none;
    }

    .header-bar {
        display:grid;
        grid-template-columns: 1fr 60% 1fr;
        grid-column:  2 / 16; 
        align-items: center;
        margin: 1em 0;
    }

    .header-bar a {
        justify-self: center;
    }
    
    .header-bar img{
        max-width: 146px;
        width: 100%;
    }


    #sidebar-menu ul li a span{
        color:#7B6A58;
        text-transform: uppercase;
        font-size: 23px;
        font-family: 'GothamrndBold';
    }

    #sidebar-menu ul li .sub-menu li a span {
        font-size: 1em;
    }

    .menu-icon {
        width: 30px;
        height: 4px;
        background-color: #D66E48;
        margin: 3px 0;
    }

    .overlay{
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        visibility: hidden;
        transition: opacity .35s, visibility .35s, height .35s;
        overflow: hidden;
    }
    
    #hamburger-input{
        display: none;
    }
    
    #hamburger-menu {
        display: flex;
        flex-direction: column;
    }

    #hamburger-menu #sidebar-menu {
        grid-template-columns: 1fr;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: -100%;
        width: 100%;
        transition: 0.3s;
        padding: 1em 0;
        box-sizing: border-box;
        z-index: 20;
    }
        
    .side-nav .menu-item-has-children .sub-menu a:after{
        content: "";
        margin-left: 0;
        background-image: none;
    }
    
    .menu-item-has-children .sub-menu a:after{
        content: "";
        margin-left: 0;
        background-image: none;
    }

    #hamburger-menu ul {
        margin: 1em 1em 2em 1em;
    }

    #hamburger-menu ul .sub-menu{
        margin: 0;
    }

    #hamburger-menu ul .sub-menu li {
        border-bottom: none;
    }

    #hamburger-menu li {
        list-style-type: none;
        padding: 0.5em 0;
        border-bottom: 2px solid #D0C9BB;
        font-size: 1.5em;
    }

    #hamburger-menu li .sub-menu li {
        font-size: 1em;
    }

    #hamburger-menu a {
        color: white;
        text-decoration: none;
        transition: transform 0.5s;
        align-items: center;
        display: flex;
        justify-content: center;
        justify-self: center;
        justify-items: center;        
    }

    #hamburger-menu i {
        font-size: 28px;
    }

    #hamburger-menu a:active{
        -ms-transform: translateX(30px);
        -webkit-transform: translateX(30px);
        transform: translateX(3px);
    }

    #hamburger-input:checked + #hamburger-menu #sidebar-menu {
        visibility: visible;
        right: 0;
        z-index: 99;
    }

    #sidebar-menu {
        min-height: 100vh;
        overflow-y: auto;
        background-color: #fff;
        height: 100%;
    }

    .mobile-social-header {
        grid-template-columns: repeat(1, 1fr) !important;
        background-color: #D66E48;
        padding: 1em 0;
        gap: 0.5em !important;
    }

    .mobile-social-header a i {
        color: #E2C998;
        font-size: 2em;
    }

    .mobile-social-header a {
        font-weight: 600;
    }

    .social-link {
        display: flex;
        gap: 0.5em;
        justify-content: center;
    }

    .user-icon {
        color: #86BD56 !important;
    }

    .mobile-social a:nth-child(1) i{
        color:#F4A240  !important;;
    }

    .advert-width .banner-message {
        max-width: 50em;
        justify-self: center;
        text-align: center;
    }

    .advert-width .banner-message p {
        line-height: 1.5em;
    }

    .menu-item .sub-menu li a span,
    .menu-item .sub-menu li .menu-link-wrapper a span,
    .menu-item .sub-menu li .menu-link-wrappe .menu-item .sub-menu li .menu-link-wrapper a span,
    .menu-item .sub-menu .menu-item .sub-menu li .sub-menu li a span {
        color: #7B6A58;
        text-transform: uppercase;
        font-size: 23px !important;
        font-family: 'GothamrndBold';
    }

    .menu-link-wrapper {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #relovedretropottery-side-nav .sub-menu.hidden {
        display: none;
    }

    #relovedretropottery-side-nav li.menu-item-has-children > a span.toggle-icon {
        display: none;
    }
    
    .toggle-icon {
        cursor: pointer;
        display: inline-block;
        margin-left: 5px;
    }
    
    .toggle-icon::before {
        content: '\f150';
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        font-size: 0.7em;
        color: #D66E48;
    }
    
    .toggle-icon.open::before {
        content: '\f151';
    }

    .menu-item-has-children > a .toggle-icon.open::before {
        content: '\f151';
    }
    
    .mobile-basket {
        margin: 1em 0 0 0;
        justify-content: end;
        padding-right: 1em;
    }

    .mobile-basket a span,
    .mobile-basket a span p {
        font-size: 23px !important;
    }

    .bottom-header-image {
        grid-column-start: span 3;
    }

    .bottom-header-image img {
        max-width: 100%;
    }

    .basket {
        display: grid;
    }

    .basket i {
        color: #D66E48;
        font-size: 1.5em;
    }

    .cart-count {
        display: flex;
        align-items: center;
        font-size: 1.2em;
    }

    .contact-menu-link {
        font-family: 'GothamrndBook';
        text-align: center;
        padding: 0.2em 1em !important;
        text-transform: uppercase;
        background-color: #D66E48;  
        border: 4px solid #D66E48; 
        border-radius: 31px;
        margin-top: 0.5em;
        border-bottom: 0 !important;
    }

    .contact-menu-link a span {
        color: #fff !important;
    }

    .user-font {
        color: #D66E48 !important;
    }
    
}












/* MAIN BANNER */

.main-banner {
    position: relative;
    background-color: #D66E48;
    z-index: 1;   
    /* max-height: 80vh;
    overflow: hidden; */
}

.main-banner .wave {
    position: absolute;
    bottom: -2em;
    left: 0;
    width: 100%;
    height: auto;
    display: block;
    transform: scaleX(-1) !important;
    z-index: 0;
}

.main-banner a {
    justify-self: left;
}

.outer-main-banner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column: 2 / 17;
    align-self: center;
    justify-items: center;
}

.inner-main-banner-content {
    display: grid;
    gap: 2em;
    text-align: left;
    align-content: center;
    position: relative;
}

.inner-main-banner-content h1, .inner-main-banner-content p {
    color: #fff;
}

.inner-main-banner-image {
    align-items: center;
    width: 100%;
}

.inner-main-banner-image img {
    object-fit: cover;
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
}

.main-large-flower, .main-small-flower {
    position: absolute;
    z-index: -1;
}

.main-large-flower {
    left: -25em;
    top: 0;
    max-width: 406px;
}

.main-small-flower {
    right: 5em;
    bottom: 2em;
    max-width: 213px;

}



/* ABOUT PAGE HEADER */

.about-banner {
    margin-bottom: 6em;
    position: relative;
}

.about-banner .wave { 
    bottom: 0;
}

.about-main-header {
    grid-template-columns: 1fr !important;
    /* min-height: 60vh; */
    grid-column: 2 / 16;
}

.inner-about-banner-content {
    text-align: center;
    position: relative;
    align-content: start;
    padding: 5em 0 0 0;
    gap: 4em;
}

.polaroid-images {
    display: flex;
    gap: 4em;
    align-items: center;
}

.inner-polaroid-image-one,
.inner-polaroid-image-two{
    background-color: #F4F3F2;
    box-shadow: 0px 3px 6px #00000029;
    padding: 1em;
    display: grid;
    z-index: 10;
    gap: 1em;
}

.inner-polaroid-image-two label,
.inner-polaroid-image-one label {
    color: #D66E48;
    font-size: 40px;
    text-align: center;
    font-family: 'GothamrndBold';
}

.inner-polaroid-image-one img,
.inner-polaroid-image-two img {
    max-width: 379px;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.inner-polaroid-image-one {
    transform: rotate(355deg);
    margin-top: 4em;
}

.inner-polaroid-image-two {
    transform: rotate(5deg);
    margin-top: -4em;
}

.about-large-flower {
    max-width: 336px;
    opacity: 0.1;
    top: 2em;
    left: -7em;
}

.about-small-flower {
    max-width: 336px;
    opacity: 0.1;
    top: 10em;
    right: -7em;
}



/* DELIVERY HEADER */

.delivery-banner {
    margin: 0;
}

.delivery-header {
    padding: 8em 0 10em 0;
}



@media only screen and  (max-width:1200px){

    .main-banner {
        position: relative;
    }

    .outer-main-banner {
        grid-template-columns: 1fr;
        grid-column: 3/15;
        padding: 4em 0;
    }

    .inner-main-banner-content {
        text-align: center;
        gap: 1em;
    }

    .inner-main-banner-image {
        display: none;
    }

    .main-banner-links {
        flex-direction: column;
    }
    
    .main-banner a {
        justify-self: center;
    }

    .main-large-flower {
        left: -12em;
        top: 0;
        max-width: 190px;
    }
    
    .main-small-flower {
        right: -9em;
        bottom: 2em;
        max-width:152px;
    }

    .main-banner .wave {
        bottom: -0.2em;
    }

    .about-main-header {
        min-height: auto;
    }

    .inner-about-banner-content {
        padding: 0 !important;
    }

    .inner-polaroid-image-one {
        display: none;
    }

    .inner-polaroid-image-two {
        margin-top: 2em;
        margin-bottom: -7em;
    }

    .polaroid-images {
        justify-content: center;
    }

    .inner-polaroid-image-one img,
    .inner-polaroid-image-two img {
        max-width: 230px;
    } 

    .about-large-flower {
        max-width: 190px;
        opacity: 0.1;
        top: 1em;
        left: -7em;
    }
    
    .about-small-flower {
        max-width: 190px;
        opacity: 0.1;
        top: 8em;
        right: -7em;
    }
    
        
}
 












/* SHOP CATEGORIES */

.shop-categories {
    row-gap: 8em;
    margin: 5em 0 8em 0;
}

.shop-categories h2 {
    color: #D66E48;
}

.shop-categories h2, .shop-link{
   grid-column: 2/16;
   text-align: center;
}

.product-categories-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column: 3 / 15;
    gap: 3em;
}

.category-item {
    display: grid;
    position: relative;
}

.category-item img {
    max-width: 366px;
    justify-self: center;
    display: grid;
    object-fit: cover;
    height: 100%;
    aspect-ratio: 1 / 1;
}

.category-item:hover .cirlce-underlay {
    display: none;
}

.cirlce-underlay {
    background: #E2C998;
    border-radius: 50%;
    max-width: 229px;
    width: 100%;
    max-height: 234px;
    position: absolute;
    justify-self: center;
    z-index: -1;
    aspect-ratio: 1 / 1;
    align-content: center;
}

.category-item h3 {
    text-align: center;
}

.last-category h3 {
    align-self: end;
}

.last-category-item {
    color: #7B6A58;
    font-family: "DynaPuff", sans-serif;
    font-size: 35px;
    align-self: end;
    text-align: center;
    font-weight: 600;
}




@media only screen and  (max-width: 1000px) {

    .product-categories-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 2em;
    }

}

@media only screen and  (max-width: 750px) {

    .product-categories-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 4em;
    }

    .last-category {
        height: 300px;
    }
    

}


@media only screen and  (max-width: 500px) {

    .cirlce-underlay {
        max-width: 200px;
        max-height: 200px;
    }

    .last-category-item {
        font-size: 30px;
    }

}




































/* REPEATED ELEMENTS - STAY IN THE KNOW */

.book-now-cta {
    position: relative; 
    background-color: #E2C998;
    min-height: 60vh;
    padding: 5em 0;
}

.inner-book-now-cta-content {
    display: grid;
    grid-column: 2/16;
    align-content: center;
    text-align: center;
    z-index: 10;
    max-width: 788px;
    justify-self: center;
    gap: 2em;
}

.inner-book-now-cta-content p{
    color: #7B6A58;
}

.inner-book-now-cta-content h2 {
    color: #D66E48;
}

.stay-left-flower, .stay-right-flower {
    position: absolute;
    max-width: 455px !important;
    opacity: 0.2;
    z-index: 1;
    align-self: center;
    height: 100%;
}

.stay-left-flower {
    left: -10em;
}

.stay-right-flower {
    right: -10em;
}

.inner-book-now-cta-content form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.inner-book-now-cta-content form input {
    border: none;
}

.inner-book-now-cta-content form p {
    background-color: #fff;
    padding: 0.5em;
}

.inner-book-now-cta-content form p .wpcf7-spinner {
    display: none;
}

.inner-book-now-cta-content form p:first-of-type {
    border-radius: 37px 0 0 37px ;
}
.inner-book-now-cta-content form p:last-of-type {
    border-radius: 0 37px 37px 0;
}

.book-now-ct .wpcf7 input[type="url"], 
.book-now-ct .wpcf7 input[type="email"], 
.book-now-ct .wpcf7 input[type="tel"] {
    background-color: transparent;
    margin-left: 2em;
}

.book-now-cta form p:first-of-type {
    padding: 0.83em;
}

.wpcf7-form-control-wrap {
    padding: 1em 0 1em 1em;
}


/* FORM SUBMIT BUTTON */
.inner-book-now-cta-content form input[type=submit] {
    font-family: 'GothamrndBook';
    font-size: 24px !important;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    background: #D66E48;
    border: 2px solid #D66E48;
    color: #fff;
    border-radius: 37px;
    padding: 0.4em 1.5em;
}

.wpcf7 input[type="email"] {
    font-size: 24px;
}





@media only screen and (max-width: 1250px) {

    .repeated-small-triangle { 
        right: -3em;
    }

}


@media only screen and (max-width: 1000px) {

    .inner-book-now-cta-content form input[type=submit] {
        padding: 0.3em 1.5em;
    }
    
  
    .inner-book-now-cta {
        padding: 2em 0;
        grid-template-columns: 1fr;
        gap: 3em;
    }

    .inner-book-now-cta h2 {
        font-size: 40px;
    }
    
    .repeated-small-triangle {
        max-width: 100px;
        right: -1em;
    }

    .repeated-large-triangle {
        max-height: 340px;
        left: -10em;
        top: 1em;
    }

    .inner-book-now-cta-image .lets-talk-image {
        max-height: 275px;
        height: auto;
    }

    .inner-book-now-cta-image {
        order: 2;
    }

    .inner-book-now-cta-content {
        order: 1;
        text-align: center;
        gap: 1em;
        padding: 4em 0;
    }

    .inner-book-now-cta-content a {
        justify-self: center;
        padding: 0.5em 1em;
    }

    .inner-book-now-cta-content label {
        font-size: 20px;
        letter-spacing: 2px;
    }

    .inner-book-now-cta-content form {
        flex-direction: column; 
        gap: 1em;
    }

    .inner-book-now-cta-content form p:last-of-type {
        background-color: transparent;
    }

    .inner-book-now-cta-content form p:first-of-type {
        border-radius: 37px;
    }
        
    .wpcf7 input[type="url"], .wpcf7 input[type="email"], .wpcf7 input[type="tel"] {
        max-width: 220px;
    }

    .stay-left-flower, .stay-right-flower {
        max-width: 257px !important;
        height: auto;
    }

    .stay-left-flower {
        left: -12em;
        top: 2em;
    }

    .stay-right-flower {
        bottom: 0;
        right: -12em;
    }

    .wpcf7-form-control-wrap {
        padding: 0;
    }


}







/* ICON GRID */

.box-grid {
    padding: 8em 0;
    background-color: #D66E48;
    position: relative;
    gap: 4em;
}

.box-grid-title {
    display: grid;
    gap: 1em;
    grid-column: 2/16;
    text-align: center;
}

.box-grid-title h2 {
    color: #fff;
}

.inner-box-grid {
    display: flex;
    grid-column: 3/15;
    gap: 3em;
    justify-content: center;
}

.inner-inner-box-grid {
    display: grid;
    justify-items: center;
    gap: 2em;
    text-align: center;
}

.inner-inner-box-grid p {
    color: #fff;
    max-width: 334px;
    width: 100%;
}

.inner-inner-box-grid p strong {
    font-family: 'GothamrndBold';
    color: #fff;
}

.icon-grid-number {
    position: absolute; 
    top: 50%; 
    left: 50%; 
    transform: translate(-50%, -50%);
    font-size: 50px;
    font-family: "DynaPuff", sans-serif;
}

.box-grid-links {
    display: grid;
    grid-column: 2/16;
    justify-content: center;
}

.icon-grid-flower {
    max-width: 94px;
}



/* ICONS */

.box-grid-icon {
    background-color: #E2C998;
}

.box-grid-icon .image-icon p,
.box-grid-icon .image-icon p strong  {
    color: #7B6A58;
}

.box-grid-icon .image-icon p strong {
    font-family: 'GothamrndBold';
}

.image-icon i {
    background-color: #fff;
    border-radius: 50%;
    padding: 0.3em;
    font-size: 50px;
    max-height: 94px;
    max-width: 94px;
    aspect-ratio: 1 / 1;
    height: 100%;
}



@media only screen and (max-width: 1000px) {

    .box-grid {
        padding: 3em 0;
        row-gap: 3em !important;
        gap: 0;
    }

    .inner-box-grid {
        row-gap: 3em !important;
        grid-column: 2 / 16;
        flex-direction: column;
        gap: 0;
    }
    
}











/* PRODUCT SLIDER */

.product {
    padding: 4em 0;
}

.product-header {
    display: grid;
    grid-column: 2 / 16;
    padding: 2em 0 3em 0;
    text-align: center;
}

.product-header h2 {
    color: #D66E48;
}

.product-slider {
    display: grid;
    grid-column: 2 / 16;
    grid-template-columns: auto 1fr auto;
    position: relative;
    align-items: center;
}

.product-slider-arrows i {
    color: #E2C998;
    font-size: 1.5em;
}

.prev-arrowc,
.next-arrowc {
    font-size: 33px;
    cursor: pointer;
    z-index: 10;
}

.product-test-slider {
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 1em;
}

.product-test-slider-container {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s ease-in-out;
    gap: 1.5em;
}

.product-box {
    display: flex;
    flex-direction: column;
    grid-template-columns: 1fr;  
    padding: 1em;
    background-color: #F4F3F2;
    box-sizing: border-box;
    position: relative;
    z-index: 1;
    gap: 2em;
}

.product-cats .product-box {
    height: 100%;
}

.product-box-related {
    min-width: calc(60% );
}

.product-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: 1em;
    align-items: center;
    text-align: center;
    padding: 0 0 1em 0;
}

.product-content h3 {
    font-size: 40px;
}

.product-test-slider .product-content h3 {
    font-size: 30px;
    font-family: 'GothamrndBold';
}

.product-content p {
    font-size: 22px;
}

.product-box-img {
    position: relative;
}

.product-box-img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    max-width: 428px;
    aspect-ratio: 1/1;
}

.chev-arrowc {
    margin-left: 1em;
}

.product-date {
    position: absolute;
    background-color: #069E85;
    padding: 1em;
    color: #ECF4F2;
    font-size: 22px;
    top: -1em;
    right: -1em;
    z-index: 2;
    line-height: 1;
}

.all-product-link-home {
    grid-template-columns: 1fr !important;
    justify-self: center;
}

.all-product-link {
    display: grid;
    grid-column: 1/17;
    gap: 1em;
    padding: 3em 0;
    grid-template-columns: 1fr auto 1fr;
    z-index: 2;
}

.all-product-link hr {
    border: 3px solid #ECF4F2;
    background: #ECF4F2;
    width: 100%;
    align-self: center;
}

.woocommerce-Price-currencySymbol,
.woocommerce-Price-amount bdi {
    color: #D66E48;
    font-family: "DynaPuff", sans-serif;
    font-size: 30px;
}

.load-more-button {
    margin-top: 5em;
}

.product-cat-desc {
    grid-column-start: span 3;
    padding: 3em 0;
}



@media only screen and (max-width: 1200px) {

    .product-slider {
        display: grid;
        grid-column: 2 / 16;
    }

    
.product-cat-desc {
    grid-column-start: span 2;
}
}

@media only screen and (max-width: 1000px) {

    .product-cat-desc {
        grid-column-start: span 1;
    }

    .product-box {
        grid-template-columns: 1fr; 
        width: 100%;  
        padding: 1em;
        gap: 1em;
    }

    .product-box-img img {
        max-width: auto;
        max-height: auto;
        width: 100%;
        height: 100%;
    }

    .product-slider-arrows i {
        font-size: 1em;
    }
    
    .product-content p {
        font-size: 18px;
    }

    .product-slider-arrows {
        display: none; 
    }

    .product-slider {
        grid-template-columns: 1fr; 
    }

    .product-test-slider {
        overflow: visible;
        position: relative;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0;
        justify-content: center;
    }

    .product-test-slider-container {
        display: flex;
        flex-direction: column;
        transition: none;
        gap: 1em;
    }

    .product-date {
        justify-self: center;
        display: grid;
        right: 0;
        left: 0;
        top: -1.5em;
        padding: 0.5em;
    }

    .product-slider-arrows i {
        font-size: 1em;
    }

    .product {
        padding: 2em 0 0 0;
    }

}









































/* FOOTER */

.footer {
    background-color: transparent;
}

.footer-areas {
    display: grid;
    grid-template-columns: 35% auto auto auto;
    grid-column: 2 / 16;
    margin: 4em 0;
    gap: 3em;
}

.outer-footer-details {
    display: grid;
    gap: 1em;
    align-content: start;
}

.footer-box ul li a span{
    color: #7B6A58;
    text-transform: uppercase;
    font-weight: 300 !important;
    font-size: 24px !important;
    text-decoration: underline;
    font-family: 'GothamrndBold';
}

.footer-box h3 {
    font-size: 35px;
    font-weight: 600;
    letter-spacing: 0.05em;
    color: #D66E48;
    text-transform: capitalize;
}

.first-p {
    max-width: 414px;
}

.footer-box a img {
    max-width: 233px;
}

.social-links {
    display: flex;
    gap: 1em;
}

.footer-col-four i {
    color: #D66E48;
}

.footer-col-four p a {
    font-family: 'GothamrndBold';
    font-size: 23px;
}

.lower-footer {
    align-self: center;
    padding: 1em 0 !important;
    display: grid;
    grid-template-columns: 1fr;
    grid-column: 1 / 17;
    text-align: center;
    background-color: #D66E48;
}

.lower-footer p, .lower-footer a strong {
    color: #fff;
    margin: 0;
    padding: 0.5em 0;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.05em;
}

.lower-footer a strong {
   font-family: 'GothamrndBold';
}

.copy {
    display: flex;
    gap: 1em;
    justify-content: center;
    align-items: center;
}

.outer-footer-menus {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.copy ul li a span{
    color: #E2C998;
    text-decoration: underline;
}



@media only screen and (max-width: 1300px) {

    .footer-nav {
        grid-template-columns: 1fr;
    }

}

@media only screen and (max-width: 1050px) {

    .footer-areas {
        grid-template-columns: 1fr;
        gap: 3em;
        justify-content: center;
        text-align: center;
        justify-items: center;
    }

    .footer-logo img {
        justify-self: center;
    }

    .inner-lower-footer {
        grid-template-columns: 1fr;
        text-align: center;
    }
    
    .footer-box .inner-column-four a {
        font-size: 20px !important;
        letter-spacing: 0;
    }

    .outer-footer-details {
        justify-items: center;
    }
    
    .footer-nav {
        grid-template-columns: 1fr;
    }

    .footer-box ul li a span{
        font-weight: 300 !important;
    }

    .col-four img {
        max-width: 250px;
    }

    .footer-col-four {
        justify-items: center;
    }

    .inner-column-four {
        display: block;
    }

    .footer-col-four .inner-contact-details {
        display: grid;
    }

    .footer-box a img {
        max-width: 200px;
    }

    .copy {
        flex-direction: column;
    }

}









/* SHOP PAGE */

.woocommerce-products-header h1 { 
    text-align: center;
    grid-column: 2 / 16;
    color: #D66E48;
    margin-top: 1em;
}

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










/* PRODUCT CATEGORY PAGE */
.outer-products-cats {
    display: grid;
    grid-column: 2/16;
    grid-template-columns: 25% 1fr;
    gap: 1em;
    margin: 5em 0;
}

.inner-product-cats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1em;
}

.product-categories {
    display: grid;
    gap: 1em;  
    z-index: 1;  
    background-color: #fff;
}

.product-categories h3 {
    font-family: 'GothamrndBook';
    font-size: 60px;
}

.product-categories ul {
    display: grid;
    gap: 0.5em;
}

/* Hide subcategories by default */
.product-categories li > ul.children {
    display: none;
    margin: 0;
    padding-left: 1em;
    background-color: #F4F3F2;
}

.product-categories li > ul.children > li > ul.children {
    display: none;
    margin: 0;
    padding-left: 1em;
    background-color: #F4F3F2;
}

/* Subcategory items styling */
.product-categories li > ul.children > li {
    background-color: #F4F3F2;
    border-bottom: 2px solid #D0C9BB;
    align-content: center;
    display: grid;
    padding: 0.5em 0;
}

.product-categories li > ul.children > li > ul.children > li {
    padding: 0.3em 0;
}

.product-categories li > ul.children > li > ul.children > li > a {
    padding: 0 !important;
}

.product-categories li > ul.children > li:last-of-type {
    border-bottom: none;
}

.product-categories li > ul.children > li > ul.children li a {
    background-color: #F4F3F2;
    font-size: 20px !important;
    padding: 0.5em !important;
    width: 100%;
    display: grid;
}

.product-categories li > ul.children > li > a,
.product-categories li > ul.children > li > ul.children li a {
    font-size: 23px;
    font-family: "DynaPuff", sans-serif;
    padding-left: 0.5em;
}

/* Show subcategories when expanded or active */
.product-categories li.expanded > ul.children,
.product-categories li.current-cat-parent > ul.children,
.product-categories li.current-cat-ancestor > ul.children {
    display: grid;
    padding: 1em;
}

/* Show sub-subcategories when the second-level is toggled */
.product-categories li.expanded > ul.children > li.expandedsub > ul.children,
.product-categories li.current-cat-parent > ul.children > li.expandedsub > ul.children,
.product-categories li.current-cat-ancestor > ul.children > li.expandedsub > ul.children {
    display: grid;
    padding: 0 1em;
}

.product-categories li.cat-item {
    cursor: pointer;
    align-self: center;
}

.product-categories li {
    position: relative;
    font-family: "DynaPuff", sans-serif;
    background-color: #F4F3F2;
}

.product-categories li > a {
    display: inline-block; 
    width: auto;
    padding: 0.5em;
    font-size: 30px;
    color: #7B6A58;
    background-color: #F4F3F2;
    /* width: 100%; */
}

.product-categories li.current-cat-parent,
.product-categories li.current-cat-ancestor {
    color: #fff;
    background-color: #D66E48;
}

/* Keep the li background orange on hover, when expanded, and when active */
.product-categories li:hover,
.product-categories li.expanded,
.product-categories li.current-cat,
.product-categories li:hover > a,
.product-categories li.expanded > a,
.product-categories li.current-cat > a,
.product-categories li.current-cat-parent > a,
.product-categories li.current-cat-ancestor > a {
    background-color: #D66E48;
    color: #fff;
    /* width: 100%; */
}

.product-categories > ul > li > ul.children > li > ul.children > li:hover > a,
.product-categories > ul > li > ul.children > li > ul.children > li > a {
    color: #7B6A58 !important;
}

/* .product-categories li.current-cat-parent > ul > li.current-cat > a,
.product-categories li.current-cat-ancestor > ul > li.current-cat > a {
    color: #D66E48;
} */


/* Dropdown arrow styling */
.dropdown-arrow,
.dropdown-arrow-sub,
.dropdown-arrow-child {
    position: absolute;
    top: 1.5em;
    right: 1em;
    cursor: pointer;
    color: #D66E48;
    display: none;
    z-index: 50;
}

.dropdown-arrow-sub,
.dropdown-arrow-child {
    /* display: grid; */
    top: 1.5em;
}

/* Show the arrow on hover, when expanded, or when the category is active */
.product-categories li:hover > .dropdown-arrow,
.product-categories li.expanded > .dropdown-arrow,
.product-categories li.current-cat > .dropdown-arrow,
.product-categories li.current-cat-parent > .dropdown-arrow,
.product-categories li.current-cat-ancestor > .dropdown-arrow,
.product-categories li:hover > .dropdown-arrow-sub {
    display: block;
    font-size: 36px !important;
}

.product-cats .product-content h3 {
    font-size: 25px;
}

.product-cats-mobile {
    display: none;
}









@media only screen and (max-width: 1200px) {

    .inner-product-cats {
        grid-template-columns: repeat(2, 1fr);
    }

    .outer-products-cats {
        grid-template-columns: 35% 1fr;
    }

}

@media only screen and (max-width: 900px) {

    .product-cats {
        display: none;
    }

    .product-cats-mobile {
        display: grid !important;
    }

    .outer-products-cats {
        grid-template-columns: 1fr;
        margin: 1em 0;
    }

    .product-cats .product-content h3 {
        font-size: 18px;
    }

    .woocommerce-Price-currencySymbol, .woocommerce-Price-amount bdi {
        font-size: 20px;
    }

    .inner-product-cats {
        gap: 0.5em;
    }

    .inner-product-cats .product-box {
        padding: 0.5em;
    }

    .filter-wrapper {
        
    }

    .top-search-bredcrumbs {
        grid-template-columns: 1fr !important;
    }

    #filter-toggle {
        width: 100%;
        background-color: #D66E48;
        padding: 0.5em 0;
        border: none !important;
        font-size: 30px;
        color: #fff;
        font-weight: 600;
    }
    
    .product-categories ul {
        margin-top: 1em;
    }
}



















/* PRODUCT BREADCRUMBS */

.top-search-bredcrumbs {
    display: grid;
    grid-template-columns: 1fr 30%;
    align-items: center;
    margin: 1em 0;
}

.breadcrumbs {
    font-size: 30px;
    color: #7B6A58; 
    font-family: "DynaPuff", sans-serif;
    font-weight: 600;
}













/* PRODUCT SEARCH  */

.blog-catergories-search {
    display: grid;
    gap: 2em;
    align-self: start;
}

.product-search .search-submit {
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
}

.product-search form {
    display: grid;
    grid-template-columns: 1fr 20%;
    background-color: #F4F3F2;
    border-radius: 25px;
    padding: 0.5em 1em;
}

.product-search .search-submit span, .screen-reader-text {
    display: none;
}


/* search form */
.product-search form input[type=search] {
    border: none;
    resize: vertical;
    background-color: transparent;
    padding: 0;
    width: 100%;
    color: #7B6A58;
    text-transform: none;
    font-size: 30px;
}

.product-search form input[type=search]::placeholder {
    font-size: 25px;
    font-weight: 300;
    text-align: left;
    color:#7B6A58;
}

.search-submit {
    text-align: right;
    padding-right: 1em !important;
}

.search-submit i {
    font-size: 1.5em;
    color: #D66E48;
}






/* SINGLE PRODUCT PAGE */


.single-product {
    grid-column: 2/16;
}

.single-product .product {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em
}

.woocommerce div.product div.summary {
    display: grid;
    gap: 2em;
    background-color: #F4F3F2;
    padding: 2em;
    order: 1;
}

.condition-single {
    display: grid;
    gap: 1em;
    font-weight: 600;
    margin-bottom: 1em;
    gap: 0.5em;
    font-size: 30px;
}

.condition-single strong {
    font-size: 24px;
    font-family: 'GothamrndBold';
}

.quanitity-title {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 600;
}

.woocommerce div.product form.cart {
    margin-bottom: 0;
    display: grid;
    justify-content: left;
    gap: 1em;
}

.product_meta, .related {
    display: none;
}

.woocommerce div.product .product_title {
    font-size: 30px;
}

.single-product .woocommerce-Price-currencySymbol, .woocommerce-Price-amount bdi,
.woocommerce-Price-currencySymbol, .woocommerce-Price-amount bdi {
    font-size: 40px;
    font-family: 'GothamrndBold';
}


.woocommerce div.product div.images img {
    padding: 0.2em 0.3em;
}

.woocommerce-product-gallery {
    order: 2;
}

.woocommerce-tabs {
    order: 3;
    grid-column-start: span 2;
}

.woocommerce-page div.product div.images,
.woocommerce-page div.product div.summary  {
    width: 100%;
}

.product-description, .woocommerce #reviews #comments h2 {
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.woocommerce-tabs .description {
    display: grid;
    gap: 1em;
    border-top: 2px solid #D0C9BB;
    border-bottom: 2px solid #D0C9BB;
    padding: 3em 0;
}

.woocommerce-tabs .comment_container  .description{
    border: none !important;
    padding: 0 !important;
    display: block !important;
}

.commentlist {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: center;
}

.woocommerce #reviews #comments ol.commentlist li {
    max-width: 479px;
    width: 100%;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0;
    border: none;
    background: #F4F3F2;
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    display: none;
}

.reviews {
    display: none;
}

#comments {
    display: grid;
    gap: 2em;
}

.woocommerce .quantity .qty {
    width: 5em;
    height: 3em;
    border: none;
}

.woocommerce-message {
    border-top-color: #D66E48;
    margin-top: 5em;
}

.woocommerce-message::before {
    color: #D66E48;
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    justify-self: center;
    font-family: 'GothamrndBold';
    font-size: 24px !important;
    text-align: center !important;
    padding: 0.7em 2.2em;
    text-transform: uppercase !important;
    align-self: center !important;
    border-radius: 31px !important;
    display: grid !important;
    background: #D66E48 !important;
    border: 2px solid #D66E48 !important;
    color: #fff !important;

}



@media only screen and (max-width: 1000px) {

    .single-product .product {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1em
    }

    .woocommerce-product-gallery {
        order: 1;
    }

    .woocommerce div.product div.summary {
        order: 2;
    }
    
    .woocommerce-tabs {
        grid-column-start: span 1;
    }
}














/* SIMPLE TEXT */

.inner-simple-text {
    display: grid;
    grid-column: 4/14;
    gap: 1em;
    text-align: center;
    padding: 4em 0;
}

.inner-simple-text h2 {
    color: #D66E48;
}



@media only screen and (max-width: 1000px) {

    .inner-simple-text {
        grid-column: 2/16;
    }

}

















/* SPLIT CONTENT */

.split-section {
    padding: 5em 0;
}

.split-inner {
    display: grid;
    grid-column: 3 / 15;
    grid-template-columns: 1fr 40%;
    column-gap: 4em;
    position: relative;
    z-index: 2;
}

.image-outer .split-polaroid {
    background-color: #fff;
}

.split-content {
    display: grid;
    gap: 1.5em;
    align-content: center;
}

.image-outer {
    z-index: 3;
    justify-self: center;
    align-content: center;
}

.split-polaroid img {
    max-width: 380px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    z-index: 1;
}

.split-content ul li {
    list-style-type: disc;
} 

.split-text-left {
    text-align: left;
}

.split-text-left ul li {
    justify-items: left;
}

.beige-background .split-content h2 {
    color: #D66E48;
}

.orange-background .split-content h2,
.orange-background .split-content p,
.orange-background .split-content p strong {
    color: #FFFFFF;
}

.orange-background .split-content p strong {
    font-family: 'GothamrndBold';
}


/* For left image position */

.split-inner.image-left {
    grid-template-columns: 40% 1fr;
}

.split-inner.image-left .image-outer {
    order: 1;
}

.split-inner.image-left .split-content {
    order: 2;   
}

.image-left .split-polaroid {
    transform: rotate(355deg);
}

.image-left .split-large-flower {
    max-width: 474px;
    left: -10em;
    right: auto;
    top: -3em;
    opacity: 0.1;
}




/* For right image position */

.image-right .split-polaroid {
    transform: rotate(5deg);
}

.image-right .split-large-flower {
    max-width: 474px;
    left: auto;
    right: -10em;
    top: -3em;
    opacity: 0.1;
}


@media only screen and (max-width: 1200px) {

    .split-polaroid{
        display: grid !important;
    }

    .split-content {
        text-align: center;
    }

    .split-section {
        padding: 3em 0;
    }

    .split-inner {
        grid-column: 2 / 16;
        grid-template-columns: 1fr;
        gap: 2em;
    }

    .split-content a {
        justify-self: center;
    }

    .image-outer img {
        max-width: 203px;
    }

    .split-inner.image-left {
        grid-template-columns: 1fr;
    }

    .image-right .split-content {
        order: 2;
    }

    .image-right .image-outer {
        order: 1;
    }
    
}











/* CONTACT INFO */

.contact {
    position: relative;
}

.inner-contact {
    display: grid;
    grid-template-columns: 40% 1fr;
    grid-column: 4 / 14;
    gap: 3em;
    padding: 2em 0;
    z-index: 2;
}

.contact-details {
    display: grid;
    gap: 2em;
    align-content: start;
}

.inner-contact-details {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5em;
}

.contact-details h1 {
    font-size: 60px;
}

.inner-contact-details i,
.contact-details i {
    color: #D66E48;
    font-size: 1.5em;
    min-width: 40px;
}

.contact-form form {
    max-width: 786px;
    margin: 0 auto;
    width: 100%;
    border-radius: 23px;
}

form input.wpcf7-form-control.wpcf7-submit {
    /* display: block; */
    margin: 0 auto;
    cursor: pointer;
 }

.contact-form form input[type=text], 
.contact-form form input[type=tel],
.contact-form form input[type=email],
.contact-form form select,
.contact-form form textarea {
    width: 100%;
    padding: 1.5em;
    border: none;
    margin-bottom: 1em;
    resize: vertical;
    background: #F4F3F2;
}

.contact-form form input[type=text]::placeholder,
.contact-form form input[type=email]::placeholder,
.contact-form form input[type=tel]::placeholder,
.contact-form form select option,
.contact-form form select,
.contact-form form textarea::placeholder {
    font-size: 20px;
    text-align: center;
    color: #7B6A58;
    font-family: 'GothamrndBook';
    text-transform: uppercase;
    letter-spacing: 1.25px;
}


/* FORM SUBMIT BUTTON */
.contact-form form input[type=submit] {
    justify-self: center;
    font-family: 'GothamrndBook' !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.5em 2em;
    text-transform: uppercase !important;
    align-self: center !important;
    border-radius: 31px !important;
    display: grid !important;
    background: #D66E48 !important;
    border: 2px solid #D66E48 !important;
    color: #fff !important;
    
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1em;
}

.full-width {
    grid-template-columns: 1fr;
}

.contact-left-flower {
    left: -10em;
    opacity: 0.1;
}

.contact-right-flower {
    right: -10em;   
    opacity: 0.1;
    bottom: 2em;
    left: auto;
    top: auto;
}

.address {
    display: grid;
    grid-template-columns: auto 1fr;
}







@media only screen and (max-width: 960px) {

    .inner-contact {
        grid-template-columns: 1fr;
        grid-column: 2 / 16;
        padding: 2em 0;
    }

    .contact-details {
        justify-items: center;
        gap: 1em;
        text-align: center;
    }

    .contact-details a {
        justify-self: center;
    }

    .contact-details .inner-contact-details {
        gap: 0.5em;
    }

    .inner-contact-details i {
        font-size: 1.625em;
    }

    .contact-form {
        order: 2;
    }

    .contact-details {
        order: 1;
    }

    .inner-contact {
        gap: 2em;
    }

    .address {
        grid-template-columns: 1fr;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }
}








.woocommerce {
     grid-column: 2/16;
}






/* LOGIN / SIGNUP PAGE */

.customer-login-tabs {
    padding: 2em 0;
    display: grid;
    grid-column: 2 / 16;
    max-width: 800px;
    justify-self: center;
    width: 100%;
    text-align: center;
}

.customer-login-tabs .tabs-nav {
    list-style: none;
    display: flex;
    margin: 2em 0 0 0;
    padding-left: 0;
    justify-content: center;
}

.tab-pane h2 {
    text-align: center;
}

.customer-login-tabs .tabs-nav li {
    padding: 10px 20px;
    cursor: pointer;
    border-bottom: none;
    margin-right: 5px;
    font-weight: bold;
    background-color: #F4F3F2;
    width: 100%;
    position: relative;
}

.customer-login-tabs .tabs-nav li.active {
    background-color: #D66E48;
    color: #fff;
    width: 100%;
}

.customer-login-tabs .tabs-nav li.active::after {
    content: "\25BC";
    display: block;
    font-size: 20px; 
    color: #D66E48;
    position: absolute;
    left: 48%;
}


.customer-login-tabs .tab-pane {
    display: none;
}

.customer-login-tabs .tab-pane.active {
    display: block;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
    margin: 0 !important;
    padding: 2em 0 0 0  !important;
}

.login-dets {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.remember-me label, .lost_password a {
    font-size: 20px !important;
    font-weight: 400 !important;
}

.lost_password {
    display: grid;
}

.lost_password a { 
    justify-self: end;
}

.customer-login-tabs form input[type=text], 
.customer-login-tabs form input[type=password], 
.customer-login-tabs form input[type=email] {
    width: 100% !important;
    padding: 1.5em !important;
    border: none !important;
    resize: vertical !important;
    background: #F4F3F2 !important;
    border-radius: 0 !important;
}

.woocommerce-form-row label {
    font-size: 30px;
    font-weight: bold;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce-form-register__submit {
    float: none;
    margin: 0;
    justify-self: center !important;
    font-family: 'GothamrndBook' !important;
    font-size: 24px !important;
    font-weight: 600 !important;
    text-align: center !important;
    padding: 0.5em 2em !important;
    text-transform: uppercase !important;
    align-self: center !important;
    border-radius: 31px !important;
    display: grid !important;
    background: #D66E48 !important;
    border: 2px solid #D66E48 !important;
    color: #fff !important;
}

.register-button, .login-button {
    margin-top: 2em !important;
}



@media only screen and (max-width: 960px) {

    .customer-login-tabs {
        grid-column: 1/17;
    }

    .login-dets {
        grid-template-columns: 1fr;
        justify-self: center;
        text-align: center;
    }

    .customer-login-tabs .tabs-nav li.active::after {
        left: 42%;
    }
    

}








/* ACCOUNTS PAGE */

.accounts-page h1 {
    grid-column: 2 / 16;
    text-align: center;
    padding: 1em 0;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
    grid-template-columns: auto;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
    display: grid;
    gap: 1em;
    padding-bottom: 2em;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    background-color: #F4F3F2;
    padding: 0.5em 0;
    text-align: center;
}










/* 404 PAGE */

section.error{
    min-height: 60vh;
    align-content: center;
    grid-column: 2 / 16;
}

section.error h1 {
    color: #171731;
    text-align: center;
    grid-column: 2 / 16;
}

section.error p {
    text-align: center;
    grid-column: 2 / 16;
}







/* WP CONTENT */
.wp-content-section {
    grid-column: 4 / 14;
    grid-template-columns: 1fr;
    display: grid;
    gap: 2em;
    margin: 5em 0;
    text-align: center;
    justify-items: center;
}

.wp-content-section ul li {
    font-size: 20px;
    font-weight: 300;
}


@media only screen and (max-width: 1000px) {

    .wp-content-section {
        grid-column: 2 / 16;
    }

}



					






.search-box {
    display: none;
    padding: 3px;
    justify-self: center;
    margin: 1em 0;
    width: 100%;
}

.search-box {
    display: none;
}

.search-box.active {
    display: grid;
    grid-column-start: span 3;
    background-color: #F4F3F2;
    border-radius: 25px;
    padding: 0.5em 1em;
}

.search-box form {
    display: flex;
    width: 100%;
}

.search-box form label{
  width: 100%;
}

.search-box input[type="search"] {
    width: 100%;
    padding: 5px;
    border: 0;
    z-index: 99;
    background-color: #F4F3F2;
}

.search-box input[type="submit"] {
    padding: 5px 10px;
    border: none;
    background-color: #0073aa;
    color: #fff;
    cursor: pointer;
}

.search-box .search-submit {
    border: 0 !important;
    background-color: #F4F3F2;
}

.search-container .search-icon {
    border: 0 !important;
    background-color: transparent;
}

.search-container .search-icon i {
    color: #D66E48;
}











/* CART PAGE */


.wp-block-woocommerce-cart,
.wp-block-woocommerce-checkout {
    grid-column: 2/16;
    padding: 0 0 6em 0;
}

table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
    min-width: 300px;
}

.wc-block-cart-items tbody {
    display: grid;
    gap: 1em;
    background-color: #fff;
}

.wc-block-components-sidebar,
.wc-block-cart-items__row {
    background-color: #F4F3F2 !important;
}

.wc-block-checkout__sidebar {
    background-color: #fff !important;
}

.wc-block-cart-items thead,
.wc-block-cart-item__total{
    display: none;
}

.is-large.wc-block-cart .wc-block-cart-items td,
.wc-block-cart-item__product,
.is-large.wc-block-cart .wc-block-cart-items {
    border: none !important;
    padding: 24px 16px !important;
}

.wc-block-cart table.wc-block-cart-items, .wc-block-cart table.wc-block-cart-items td, .wc-block-cart table.wc-block-cart-items th {
    margin: 0 !important;
}

.is-large.wc-block-cart .wc-block-components-sidebar {
    padding: 24px 16px;
}


.wc-block-components-product-name {
    font-family: 'GothamrndBold' !important;
    font-size: 25px !important;
    color: #7B6A58 !important;
}

.wc-block-cart__totals-title {
    font-family: 'GothamrndBold' !important;
    font-size: 30px !important;
    color: #7B6A58 !important;
}

.wc-block-components-product-price span {
    font-family: 'GothamrndBold' !important;
    font-size: 30px !important;
    color: #D66E48 !important;
}

.wc-block-cart__submit-button,
body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link) {
    justify-self: center;
    font-family: 'GothamrndBold';
    font-size: 24px !important;
    text-align: center !important;
    padding: 0.7em 2.2em;
    text-transform: uppercase !important;
    align-self: center !important;
    border-radius: 31px !important;
    display: grid !important;
    background: #D66E48 !important;
    border: 2px solid #D66E48 !important;
}

.wc-block-components-button__text,
.wc-block-components-checkout-place-order-button__text {
    color: #fff !important;
}


.wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 2em !important;
}

.is-large.wc-block-cart {
    margin: 0 !important;
}

/* .wc-block-cart__submit-container a {
    margin: 2em 0 0 0 !important;
} */


.wc-block-components-order-summary-item__total-price {
    display: none !important;
}



@media only screen and (max-width: 1000px) {

    .wp-block-woocommerce-cart {
        padding: 3em 0;
    }

    .is-medium table.wc-block-cart-items .wc-block-cart-items__row {
        grid-template-columns: auto auto !important;
    }

    table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image img {
        min-width: 100%;
    }

    .is-medium table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image, .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__image {
        grid-column-start: span 3 !important;
        padding: 0 !important;
    }

    .wc-block-components-sidebar-layout .wc-block-components-main {
        padding: 0 !important;
    }

    .wc-block-components-sidebar-layout {
        flex-direction: column !important;
        gap: 1em !important;
        width: 100% !important;
    }

    .wc-block-components-main,
    .wc-block-components-sidebar{
        width: 100% !important;
    }

    .wc-block-components-checkout-order-summary__title {
        display: none !important;
    }

    .wp-block-woocommerce-checkout {
        padding-top: 6em !important;
    }

 .is-mobile.wc-block-components-sidebar-layout .wc-block-components-sidebar {
    padding: 1em !important;
 }

}



@media only screen and (max-width: 600px) {

    .is-small table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
        grid-column-start: 1 !important;
        grid-row-start: 2 !important;
    }

}

@media only screen and (max-width: 460px) {


 .is-mobile table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product{
        grid-column-start: 1 !important;
        grid-row-start: 2 !important;
    }

    .wp-block-woocommerce-checkout {
        padding-top: 0em !important;
    }





}