/*
Theme Name: Moonspoontheme
Theme URI: https://example.com/moonspoontheme
Author: web3moonspoontheme
Author URI: https://example.com
Description: A custom WordPress theme.
Version: 1.0
Text Domain: moonspoontheme

/* Theme colors -start */

/* Define custom properties for your theme colors */
:root {
	--white:#FFFFFF;
	--WinterAsh: #C1C1C1;
	--DesertSand: #DEB887;
	--black: #000000;
}

/* Theme colors -end */


.wp-block-group .wp-block-columns, .wp-block-group .wp-block-cover, .container .container, .shop-container, .woocommerce-breadcrumb, .woocommerce-page .container{
    max-width: 1240px !important;
    margin: auto;
}

/* Carattere font start  */
@font-face {
  font-family: 'Carattere';
  src: url('fonts/Carattere/Carattere-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
/* Carattere font ends  */
/* Montserrat font start  */
/* Montserrat Thin 100 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
}

/* Montserrat ExtraLight 200 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
}

/* Montserrat Light 300 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
}

/* Montserrat Regular 400 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
}

/* Montserrat Medium 500 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
}

/* Montserrat SemiBold 600 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
}

/* Montserrat Bold 700 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
}

/* Montserrat ExtraBold 800 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraBold.ttf') format('truetype');
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-ExtraBoldItalic.ttf') format('truetype');
  font-weight: 800;
  font-style: italic;
}

/* Montserrat Black 900 */
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Montserrat';
  src: url('fonts/Montserrat/Montserrat-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
}
/* Montserrat font ends */


/* AdobeGaramond font start */
@font-face {
  font-family: 'AdobeGaramond';
  src: url('fonts/AdobeGaramond/AGaramondPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'AdobeGaramond';
  src: url('fonts/AdobeGaramond/AGaramondPro-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: 'AdobeGaramond';
  src: url('fonts/AdobeGaramond/AGaramondPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'AdobeGaramond';
  src: url('fonts/AdobeGaramond/AGaramondPro-BoldItalic.otf') format('opentype');
  font-weight: 700;
  font-style: italic;
}
/* AdobeGaramond font ends */
/* ----------------------------------------------------- */
/* Theme Settings */
/* ----------------------------------------------------- */
*{
	margin:0px;
	box-sizing: border-box;
}
/* safer box-sizing reset (includes pseudo-elements) */
*, *::before, *::after {
  box-sizing: border-box;
}

html, body, p, h1, h2, h3, h4, h5, h6, ul, ol {
  margin: 0;
  padding: 0;
}
body {
    position: relative;
    overflow-x: hidden;
    background-image: url('http://nustreamdev.xyz/moonspoon/wp-content/uploads/2025/12/bg.png');
    background-repeat: repeat-y;
    background-size: 100% auto;
    background-position: top center;
    background-color: var(--black);
}

h1{
font-family:'AdobeGaramond';
    	font-size: 80px;
    		font-weight: 400;
    		line-height: 1.12em;
}
.banner-heading{
    	font-family:'Carattere';
}
h2 {
    font-size: 40px;
    letter-spacing: 3px;
}

h3{
    	font-size: 32px;

}
h2, h3,h4,h5,h6{
		font-family:'AdobeGaramond';
	line-height: 1.1em;
	font-weight: 400;
}

p,li,strong,a,body{
    	font-family:'Montserrat';
	line-height: 1.1em;
}
body{
	line-height: 0;
}
a {
    text-decoration: none;
}

h4{
    font-size: 30px;
}
h5{
    font-size: 24px;
}
h6{
    font-size: 16px;
}
p, li{
    font-size: 18px;
    line-height: 1.78em;
    /*color: var(--WinterAsh);*/
}
p li{
    margin-bottom: 16px;
}
li:last-of-type{
        margin-bottom: 0px;
}
.parastyle{
    font-size: 20px;
    line-height: 1.6em;
}
.font100{
	font-weight: 100;
}
.font200{
	font-weight: 200;
}
.font300{
	font-weight: 300;
}
.font400{
	font-weight: 400;
}
.font500{
	font-weight: 500;
}
.font600{
	font-weight: 600;
}
.font700{
	font-weight: 700;
}
.font800{
	font-weight: 800;
}
.caratteretext{
	font-family: 'Carattere' !important;
}
.montserrattext, .search-col input{
	font-family: 'Montserrat' !important;
}
.adobeGaramondtext{
	font-family: 'AdobeGaramond' !important;
}
.italic-text {
  font-style: italic;
}
.upprcase{
    text-transform: uppercase;
}
.white{
    color: var(--white);
}

.winterash{
    color: var(--WinterAsh);
}
.desertsand{
    color: var(--DesertSand);
}
.black{
    color: var(--black);
}
.btns a, .load-more-btn, .woocommerce div.product form.cart .button{
    border-radius: 40px;
    font-size: 16px;
    line-height: 1em;
    font-weight: 400;
    	transition: 0.3s all ease-in-out;
    	text-transform: uppercase;
}
.desertsand-btn a{
        background: #00000000; 
    border: 1px solid var(--DesertSand);
    color: var(--DesertSand);
    padding: 16px 40px;
}
.desertsand-btn a:hover{
         background: var(--DesertSand); 
    border: 1px solid var(--DesertSand);
     color: var(--black);
}
.desertsand-filled-btn a, .load-more-btn, .woocommerce div.product form.cart .button {
    background: var(--DesertSand);
    border: 1px solid var(--DesertSand);
    color: var(--black);
    padding: 16px 40px;
}
.desertsand-filled-btn a:hover, .load-more-btn:hover, .woocommerce div.product form.cart .button:hover{
    background: transparent; 
    border: 1px solid var(--DesertSand);
    color: var(--DesertSand);
}


.padding-all-sec, .woocommerce-page .container {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.padding-btm-sec {
    padding-top: 0px !important;
    padding-bottom: 96px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.padding-btm-lg-sec {
    padding-top: 0px !important;
    padding-bottom: 125px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.pdt-16{
     padding-top: 16px !important;
}
.padding80{
    padding-top: 80px !important;
}
.padding-64-sec {
    padding: 64px !important;
}
.footer-pading-sec{
    padding-top: 42px !important;
    padding-bottom: 70px !important;
}
.padding-inner-sec {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}
.padding-top-sec {
    padding-top: 96px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padding-inner-top-sec {
    padding-top: 56px !important;
}
.padding-bottom-sec {
    padding-bottom: 96px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.padd-member-bottom{
    padding-bottom: 120px !important;
}
.padding-inner-bottom-sec {
    padding-bottom: 56px !important;
}

/*new css close*/
@media(max-width:1024px){
    h1{
        font-size: 48px;
    }
    h1.homebannerhead{
        font-size: 70px;
    }
    h2{
        font-size: 38px;
    }
    h3{
        font-size: 32px;
    }
    h4{
        font-size: 28px;
    }
    h5{
        font-size: 22px;
    }
    h6{
        font-size: 16px;
    }
    p{
        font-size: 16px;
    }
    .parastyle{
        font-size: 16px;
        line-height: 30px;
    }
     .padding-left-rigth-sec{
          padding-left: 40px !important;
        padding-right: 40px !important;
     }
   .padding-all-sec, .woocommerce-page .container{
        padding-top: 48px !important;
        padding-bottom: 48px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .padding80{
        padding-top: 70px !important;
    }
    .padding-64-sec {
        padding: 50px !important;
    }
    .padding-inner-sec{
        padding-top: 30px !important;
        padding-bottom: 30px !important;
    }
    .padding-top-sec {
        padding-top: 48px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .padding-inner-top-sec {
        padding-top: 30px !important;
    }
    .padding-btm-sec {
        padding-bottom: 48px !important;
        padding-left: 40px !important;
        padding-right: 40px !important;
    }
    .padd-member-bottom{
        padding-bottom: 64px!important;
    }
    .padding-inner-bottom-sec {
        padding-bottom: 30px !important;
    }
}
@media(max-width:767px){
    h1{
        font-size: 40px;
    }
    h2{
        font-size: 32px;
    }
    
    h3{
        font-size: 28px;
    }
    h4{
        font-size: 25px;
    }
    h5{
        font-size: 20px;
    }
    h6{
        font-size: 16px;
    }
    p{
        font-size: 16px;
    }
    .parastyle{
        font-size: 16px;
        line-height: 30px;
    }
    .padding-all-sec, .woocommerce-page .container{
        padding-top: 40px !important;
        padding-bottom: 40px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .padding80{
        padding-top: 60px !important;
    }
    .padding-64-sec {
        padding: 30px !important;
    }
    .padding-inner-sec{
        padding-top: 25px !important;
        padding-bottom: 25px !important;
    }
    .padding-top-sec {
        padding-top: 40px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .padding-inner-top-sec {
        padding-top: 25px !important;
    }
    .padding-btm-sec {
        padding-bottom: 40px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    .padd-member-bottom{
      padding-bottom: 50px !important;
    }
    .padding-inner-bottom-sec {
        padding-bottom: 25px !important;
    }
     .padding-left-rigth-sec{
          padding-left: 20px !important;
        padding-right: 20px !important;
     }
}
@media(max-width:480px){
    h1.homebannerhead{
        font-size: 40px;
    }
}