/**
* Theme Name: Goya Child Theme
* Description: This is a child theme of Goya, automatically generated.
* Author: <a href="https://themeforest.net/user/everthemess">Everthemes</a>
* Template: goya
* Version: 1.0.8.24
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');


/********** Preloader **********/
.preloader-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999999;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background-color: #f5f3ef;
}

.preloader-wrapper {
  position: relative;
  width: 150px;
  height:150px;
}
.preloader-border {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px rgba(185, 161, 107, 0.15);
}

.preloader-line-mask {
  position: absolute;
  width: 50%;
  height: 100%;
  overflow: hidden;
  -webkit-transform-origin: 75px 75px;
  transform-origin: 75px 75px;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), black);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0), black);
  -webkit-animation: preloadSpinner 1.2s infinite linear;
  animation: preloadSpinner 1.2s infinite linear;
}

.preloader-line {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  box-shadow: inset 0 0 0 2px #b9a16b;
}

@-webkit-keyframes preloadSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes preloadSpinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.preloader-dark .preloader-border {
  box-shadow: inset 0 0 0 2px rgba(185, 161, 107, 0.1);
}

.preloader-dark .preloader-line {
  box-shadow: inset 0 0 0 2px rgba(185, 161, 107, 0.1);
}
/********** Preloader End **********/

/********** Typography **********/

h1, h2,
.h1, .h2{
font-family: "Cormorant Garamond", serif;
font-weight: 400;
text-transform: uppercase;
}
h3, h4,
.h3, .h4{
font-family: "Cormorant Garamond", serif;
font-weight: 400;
text-transform: uppercase;
}
h5, .h5{
font-family: "Cormorant Garamond", serif;
font-weight: 400;
text-transform: uppercase;
}
body {
background-color: #f5f3ef;
font-family: "Montserrat", sans-serif;
font-weight: 400;
font-size:16px!important;
line-height: 1.7;
color: #74613c;
}

p {
margin-top: 0;
margin-bottom: 1rem;
}
h1, .h1 {
font-size: 3.7vw;
font-size: clamp(2rem,4.8vw,3.7rem);
line-height: 1.2;
}
h1.h2 {
font-size: 3.5vw;
font-size: clamp(1.8rem,3.5vw,2.6rem);
line-height: 1.2;
}
h2, .h2 {
font-size: 3.5vw;
font-size: clamp(1.8rem,3.5vw,2.6rem);
line-height: 1.2;
}
h3, .h3 {
font-size: 4.5vw;
font-size: clamp(1.5rem,4.5vw,2rem);
line-height: 1.2
}
h4, .h4 {
font-size: 4vw;
font-size: clamp(1.3rem,4vw,1.7rem);
line-height: 1.4
}
.h1, .h2, .h3, .h4, .h5, .h6, .page-title {
color: #282828;
}
/********** Typography End **********/

/********** Fixes **********/

.et-video-lightbox.lightbox-image .et-video-icon {
cursor:pointer;
}
@media only screen and (max-width: 991px) {
.swap-on-tablet {
display: flex !important;
flex-direction: column-reverse;
}
}
@media only screen and (max-width: 767px) {
.swap-on-mobile {
display: flex !important;
flex-direction: column-reverse;
}
}
.wpb_column.et-light-column,
.et-light-column .wpb_text_column,
.wpb-js-composer .wpb_column.et-light-column .vc_tta.vc_general.vc_tta-tabs .vc_tta-tab > a {
color: rgba(255,255,255,1);
}
.click-capture {
background: rgba(0, 0, 0, 0.6);
}
a {
color: #74613c;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #282828;
}
/********** Fixes End **********/

/********** Navigation **********/

.side-panel {
-webkit-transition: opacity 0.55s ease, ease;
transition: opacity 0.55s ease, transform 0.55s ease;
}
@media (min-width: 575px) {
.header-full-width:not(.checkout-distraction-free) .top-bar .container,
.header-full-width:not(.checkout-distraction-free) .site-header .container,
.header-full-width .et-header-menu > li.menu-item-mega-parent > .sub-menu {
padding-left: 40px;
padding-right: 40px;
}
}
@media (min-width: 1199px) {
.header-full-width:not(.checkout-distraction-free) .top-bar .container,
.header-full-width:not(.checkout-distraction-free) .site-header .container,
.header-full-width .et-header-menu > li.menu-item-mega-parent > .sub-menu {
padding-right: 60px;
padding-left: 60px;
}
}
.side-fullscreen-menu::before {
content: "";
top: 0;
left: 0;
background: url(https://t9rh1lz8u1.wpdns.site/wp-content/uploads/2025/08/menu.jpg);
position: absolute;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
z-index:0;
width: 100%; 
height: 100%;
opacity:0.35
}
.et-header-text.text-1{
font-weight:500;
letter-spacing:1.5px
}
.et-mobile-header-text.text-1 a{
color:#fff;
font-size:34px;
transition: all .3s ease-in-out;
}
.header_on_scroll .et-mobile-header-text.text-1 a{
color:#282828;
}
.bars svg{
width:36px;
height:36px;
stroke-width: 1.5px;
stroke-linecap:square;
}
.side-panel .et-close {
width: 50px;
height: 50px;
}
.header .social-icons li a {
color: #ffffff;
}
.header_on_scroll .social-icons li a {
color:#74613c;
}
.page-header-regular .social-icons li a {
color: #74613c;
}
.side-menu {
width: 75%;
}
.big-menu > li:not(.title-item) > a {
font-family: "Cormorant Garamond", serif;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.3;
font-size:1.7em;
}
.big-menu > li.current-menu-item > a:after{
color:#b9a16b
}
.side-fullscreen-menu .big-menu,
.side-fullscreen-menu .bottom-extras {
width: 40%;
}
.big-menu > li > .sub-menu {
width: 60%;
left: 40%;
}
.site-header .menu-toggle {
    color: #282828;
}
@media only screen and (max-width: 1600px) {
.side-fullscreen-menu .big-menu,
.side-fullscreen-menu .bottom-extras {
width: 45%;
}
.big-menu > li > .sub-menu {
width: 55%;
left: 45%;
}
}
@media only screen and (max-width: 1500px) {
.side-fullscreen-menu .big-menu,
.side-fullscreen-menu .bottom-extras {
width: 50%;
}
.big-menu > li > .sub-menu {
width: 50%;
left: 50%;
}
}
@media only screen and (max-width: 1199px) {
.side-menu {
width: 100%;
}
}
/********** Navigation End **********/

/********** Buttons **********/

.button{
font-size:13px;
text-transform:uppercase;
font-family: "Montserrat", sans-serif;
font-weight:500;
letter-spacing:1.5px;
}
/********** Buttons End **********/

/********** Footer 
.footer-widgets::before {
content: "";
top: 0;
margin-left:0 auto;
background: url(https://t9rh1lz8u1.wpdns.site/wp-content/uploads/2025/08/logo-gold.png);
position: relative;
background-size: 250px 52px;
background-repeat: no-repeat;
z-index:2;
display: inline-block;
width: 250px; 
height: 52px;
}
.footer-widgets .widget{
margin-bottom:0;
**********/

.footer-widgets .widgettitle{
font-size:16px;
font-family: "Montserrat", sans-serif;
font-weight:500;
}
.footer-widgets .container{
padding-top:50px;
}
.footer-widgets{
padding-top:60px;
padding-bottom: 60px;
}
.footer-widgets .container {
padding-top: 60px;
}
.footer-bar .container {
padding-top: 40px;
padding-bottom: 40px;
}
.footer1, .footer2, .footer3, .footer4 {
padding-bottom:30px;
}
#scroll_to_top {
right: 45px;
z-index: 1000;
}
#scroll_to_top.active {
bottom: 35px;
right: 45px;
}
.footer-bar-content{
font-size:16px !important
}
/**
@media only screen and (max-width: 575px) {
.footer-widgets::before {
margin:0 auto;
background-size: 150px 31px;
width: 150px; 
height: 31px;
}
}
/********** Footer End**********/

/********** Responsive Paddings and Sizing **********/
.section-wide{
padding-left: 150px;
padding-right: 150px;
}
.section-x-wide{
padding-left: 80px;
padding-right: 80px;
}
.big-padding{
padding-top:120px;
padding-bottom:120px;
}
.big-padding-bottom{
padding-bottom:120px;
}
.big-padding-top{
padding-top:120px;
}
.med-padding{
padding-top:90px;
padding-bottom:90px;
}
.med-padding-bottom{
padding-bottom:90px;
}
.med-padding-top{
padding-top:90px;
}
.small-padding{
padding-top:60px;
padding-bottom:60px;
}
.small-padding-bottom{
padding-bottom:60px;
}
.small-padding-top{
padding-top:60px;
}
.x-small-padding{
padding-top:40px;
padding-bottom:40px;
}
.x-small-padding-bottom{
padding-bottom:40px;
}
.xx-small-padding-bottom{
padding-bottom:25px;
}
@media all and (max-width: 1600px) {
.section-wide{
padding-left:60px;
padding-right:60px;
}
.section-x-wide{
padding-left: 60px;
padding-right: 60px;
}
}
@media all and (max-width: 1199px) {
.section-wide{
padding-left:30px;
padding-right:30px;
}
.section-x-wide{
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 991px) {
.big-padding{
	padding-top:80px;
	padding-bottom:80px;
}
.big-padding-bottom{
	padding-bottom:80px;
}
.big-padding-top{
	padding-top:80px;
}
.med-padding{
padding-top:60px;
padding-bottom:60px;
}
.med-padding-bottom{
padding-bottom:60px;
}
.med-padding-top{
padding-top:60px;
}
.small-padding{
	padding-top:30px;
	padding-bottom:30px;
}
.small-padding-bottom{
	padding-bottom:30px;
}
.small-padding-top{
	padding-top:30px;
}
}
@media only screen and (max-width: 767px) {
.big-padding{
	padding-top:60px;
	padding-bottom:60px;
}
.big-padding-bottom{
	padding-bottom:60px;
}
.big-padding-top{
	padding-top:60px;
}
.med-padding{
padding-top:40px;
padding-bottom:40px;
}
.med-padding-bottom{
padding-bottom:40px;
}
.med-padding-top{
padding-top:40px;
}
.small-padding{
	padding-top:20px;
	padding-bottom:20px;
}
.small-padding-bottom{
	padding-bottom:20px;
}
.small-padding-top{
	padding-top:20px;
}
}
@media all and (max-width: 575px) {
.section-wide{
padding-left:0;
padding-right:0;
}
.section-wide.mob-pad{
padding-left:15px;
padding-right:15px;
}
.section-x-wide{
padding-left: 0;
padding-right: 0;
}
.section-x-wide.mob-pad{
padding-left:15px;
padding-right:15px;
}
}
/********** Responsive Paddings and Sizing End **********/

/********** Background Logo **********/

.bg-logo{
position:relative;
}
.bg-logo::before {
content: "";
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: url(https://t9rh1lz8u1.wpdns.site/wp-content/uploads/2025/08/logo-cream.png);
position: absolute;
background-size: 502px 260px;
background-repeat: no-repeat;
display: inline-block;
width: 502px; 
height: 260px;
z-index:0;
opacity:0.7
}
.with-bg-logo{
position:relative;
z-index:2;	
}
@media all and (max-width: 991px) {
.bg-logo::before {
top: 70%;
background-size: 400px 207px;
width: 400px; 
height: 207px;
}
}
@media all and (max-width: 575px) {
.bg-logo::before {
top: 50%;
background-size: 300px 155px;
width: 300px; 
height: 155px;
}
}
/********** Background Logo End **********/

/********** Help Boxes **********/
.help-box{
position:relative;
background:#ffffff;
width:31%;
margin:0 auto 30px auto;
box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.1);
}
.help-box-text{
padding:30px 30px 100px 30px!important;
margin-bottom:0;
}
.help-box .et_btn_align_left {
position:absolute;
bottom:30px;
left:30px;
}
.help-box h4{
margin-bottom:15px;
color: #74613c;
}
@media all and (max-width: 1199px) {
.help-box{
width:47%;
}
}
@media all and (max-width: 767px) {
.help-box{
width:100%;
margin:0 30px 30px 30px
}
}
@media all and (max-width: 575px) {
.help-box{
margin:0 15px 15px 15px
}
}
/********** Help Boxes End **********/

/********** Intro Pics/Text **********/

.intro-image-1{
	height:550px
}
@media only screen and (max-width: 1199px) {
.intro-text-1{
	padding-right:50px!important
}
.intro-image-1{
	height:450px
}
}
@media only screen and (max-width: 991px) {
.intro-text-1{
	padding-left:0!important;
	padding-bottom:60px!important
}
.intro-text-1{
	padding-right:0!important
}
}
@media only screen and (max-width: 575px) {
.intro-image-1{
height:300px
}
}

.intro-image-2{
	height:550px
}
@media only screen and (max-width: 1199px) {
.intro-text-2{
	padding-left:50px!important
}
.intro-image-2{
	height:450px
}
}
@media only screen and (max-width: 991px) {
.intro-text-2{
	padding-left:0!important;
	padding-bottom:60px!important
}
.intro-text-2{
	padding-left:0!important
}
}
@media only screen and (max-width: 575px) {
.intro-image-2{
height:300px
}
}
/********** Intro Pics/Text End **********/
