/**
* 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=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

/********** Typography **********/
body {
font-family: "Josefin Sans", serif;
font-weight: 400;
font-size:19px!important;
line-height: 1.8;
letter-spacing:-0.25px
}

h1, h2,
.h1, .h2{
font-family: "the-seasons", sans-serif;
font-weight: 300;
color:#3f4d34;
}
h3, h4,
.h3, .h4{
font-family: "the-seasons", sans-serif;
font-weight: 300;

}
h5, .h5{
font-family: "Josefin Sans", serif;
font-weight: 400;
}

p {
margin-top: 0;
margin-bottom: 1rem;
}
h1, .h1 {
font-size: 5.5vw;
font-size: clamp(2.5rem,5.5vw,4.5rem);
line-height: 1.2;
letter-spacing: -2px;
}
h1.h2 {
font-size: 4.5vw;
font-size: clamp(2.5rem,4.5vw,4.5rem);
line-height: 1.2;
}
h2, .h2 {
font-size: 3.7vw;
font-size: clamp(2.2rem,4.8vw,3rem);
line-height: 1.2;
}
h3, .h3 {
font-size: 4.5vw;
font-size: clamp(1.8rem,4.5vw,2.5rem);
line-height: 1.2;
}
h4, .h4 {
font-size: 4vw;
font-size: clamp(1.3rem,4vw,1.7rem);
line-height: 1.4
}
h5, .h5 {
font-family: "Josefin Sans", serif;
font-weight:400;
font-size: 3vw;
font-size: clamp(0.85rem,2.5vw,1.2rem)!important;
line-height: 1;
letter-spacing:1px;
text-transform: uppercase;
}
.h1, .h2, .h3, .h4, .h5, .h6, .page-title {
color: #282828;
}
.light-italic{
font-family: "the-seasons", sans-serif;
font-weight: 300;
font-style: italic!important;	
}
.small-heading{
font-family: "Josefin Sans", serif;
font-weight:400;
font-size: 3vw;
font-size: clamp(1rem,2.5vw,1.2rem)!important;
line-height: 1;
letter-spacing:1px;
text-transform: uppercase;
}
.wpb_column.et-light-column .h1,
		.wpb_column.et-light-column .h2,
		.wpb_column.et-light-column .h3,
		.wpb_column.et-light-column .h4,
		.wpb_column.et-light-column .h5,
		.wpb_column.et-light-column .h6 {
			color: #fff;
		}
@media only screen and (max-width: 1199px) {
h1, .h1 {
letter-spacing: -1px;
}
}
@media only screen and (max-width: 991px) {
h1, .h1 {
letter-spacing: 0;
}
h2, .h2 {
letter-spacing: 0;
}
}
/********** Typography End **********/

/********** Fixes **********/
.dummy-bot{
position:fixed;
width:217px;
height:60px;
bottom:96px;
right:45px;
z-index:5;
-webkit-filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.07));;
filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.07));
}
.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;
}
.dummy-bot{
bottom:25px;
right:25px;
}
}
.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(63, 77, 52, 0.8);
}
a {
color: #282828;
text-decoration: none;
background-color: transparent;
}
a:hover {
color: #282828;
}
/********** Fixes End **********/

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

.button{
font-size:14px;
text-transform:uppercase;
font-family: "Josefin Sans", serif;
font-weight:700;
letter-spacing:1px;
line-height:1.4;
}
.button span{
padding-top:3px
}
.button.link{
font-size:14px;
text-transform:uppercase;
font-family: "Josefin Sans", serif;
font-weight:700;
letter-spacing:1px;
line-height:1.4;
}
.button.link:hover{
font-size:14px;
text-transform:uppercase;
font-family: "Josefin Sans", serif;
font-weight:700;
letter-spacing:1px;
line-height:1.4;
}
.et_btn{
min-width:200px;
}
/********** Buttons 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(/wp-content/uploads/2025/02/menu-background.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:#282828;
}
.page-header-regular .et-mobile-header-text.text-1 a {
color: #282828!important;
}
.page-header-regular .social-icons li a  {
color: #282828!important;
}
.page-header-regular .bottom-extras .social-icons li a  {
color: #ffffff!important;
}
.side-menu {
width: 75%;
}
.big-menu > li:not(.title-item) > a {
font-family: "the-seasons", sans-serif;
letter-spacing: -2px;
line-height: 1.1;
font-size:1.7em;
text-transform: none;
}
.big-menu > li.current-menu-item > a:after{
color:#c2cb96;
}
.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;
}
.side-menu .bottom-extras .menu-divider {
border-top-color: rgba(255,255,255,0.1);
padding-top: 10px;
}
.side-panel .et-close:before,
.side-panel .et-close:after {
background-color: #eee; 
}
.menu-toggle .name {
margin-left: 10px;
display: inherit;
text-transform:uppercase;
margin-top:5px
}
.et-mobile-header-text.text-1 .et-icon {
line-height: 2;
}
@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 all and (max-width: 767px) {
.menu-toggle .name {
display: none;
}
}
@media only screen and (max-width: 1199px) {
.side-menu {
width: 100%;
}
}
/********** Navigation End **********/

/********** Footer **********/

.footer-widgets::before {
content: "";
top: 0;
left: 50%;
margin-left:-100px;
background: url(/wp-content/uploads/2025/02/logo-sage.png);
position: relative;
background-size: 199px 70px;
background-repeat: no-repeat;
z-index:2;
display: inline-block;
width: 199px; 
height: 70px;
}
.footer-widgets .widget{
margin-bottom:0;
}
.footer-widgets .widgettitle{
font-size:1.2rem;
font-family: "Josefin Sans", serif;
font-weight:400;
letter-spacing: 1px;
color:#c2cb96!important;
}
.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
}
.footer-bar-content.copyright {
 color: rgba(255, 255, 255, 0.8) !important;
 font-size: 19px !important;
}
.footer a{
color:rgba(255,255,255,0.8)!important;
}
.footer a:hover{
color:rgba(255,255,255,1)!important
}
.footer-bar-content{
font-size:19px !important
}
.site-footer.dark .footer-widgets{
color: rgba(255,255,255,0.8);
}
.et_widget_social_media {
margin-top:20px
}

@media all and (max-width: 767px) {
.et_widget_social_media {
text-align: left;
}
}
/********** Footer End**********/

/********** Coloured Backgrounds and Text **********/
.pickle{
	color:#3f4d34;
}
.sage{
	color:#c2cb96;
}
.pickle-bg{
	background:#3f4d34;
}
.eggshell-bg{
background:#f1ede6;
}
/********** Coloured Backgrounds and Text 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{
padding-top:35px;
padding-bottom:35px;
}
.xx-small-padding-top{
padding-top:35px;
}
.xx-small-padding-bottom{
padding-bottom:35px;
}
@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;
}
.big-padding{
	padding-top:80px;
	padding-bottom:80px;
}
.big-padding-bottom{
	padding-bottom:80px;
}
.big-padding-top{
	padding-top:80px;
}
.xx-small-padding{
padding-top:25px;
padding-bottom:25px;
}
.xx-small-padding-top{
padding-top:25px;
}
.xx-small-padding-bottom{
padding-bottom:25px;
}
}
@media only screen and (max-width: 991px) {
.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;
}
.xx-small-padding{
padding-top:20px;
padding-bottom:25px;
}
.xx-small-padding-top{
padding-top:20px;
}
.xx-small-padding-bottom{
padding-bottom: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 **********/

/********** Help Boxes **********/
.help-box{
position:relative;
overflow:hidden;
border:solid 1px #eeeeee;
background:rgba(255,255,255,0.6);
width:31%;
margin:0 auto 30px auto;
box-shadow: -2px 2px 45px -20px rgba(0, 0, 0, 0.1);
}
.help-box-image{
overflow:hidden;
}
.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 .et_btn_align_center  {
position:absolute;
bottom:30px;
left:50%;
transform: translateX(-50%)
}
.help-box h4{
font-family: "the-seasons", sans-serif;
font-weight:400;
font-size: 3vw;
font-size: clamp(0.85rem,2.5vw,1.2rem)!important;
line-height: 1.2;
letter-spacing:1px;
text-transform: uppercase;
margin-bottom:15px;
}
@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:650px
}
@media only screen and (max-width: 1199px) {
.intro-text-1{
	padding-right:50px!important
}
.intro-text-2{
	padding-left:50px!important
}
}
@media only screen and (max-width: 991px) {
.intro-text-1{
	padding-right:0!important;
	padding-bottom:50px!important;
}
.intro-text-2{
	padding-left:0!important;
		padding-bottom:50px!important
}
.intro-image-1{
height:400px
}
}
@media only screen and (max-width: 575px) {
.intro-image-1{
height:300px
}
}
/********** Intro Pics/Text End **********/


/********** Treatment Pics/Text **********/

.treatment-text {
text-align:center;
position:absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);
width:100%;
padding:0 50px;
}
.treatment-text .et_btn{
min-width:auto;
text-shadow: 1px 1px 2px rgba(0,0,0,0.075);
}
.treatment-text .h4 {
font-size: 2vw;

font-weight:500;
text-shadow: 1px 1px 2px rgba(0,0,0,0.075);
}
.treatment-text .light-italic{
font-weight: 400;	
}

@media only screen and (max-width: 1400px) {
.treatment-text {
padding:0 50px;
}
}
@media only screen and (max-width: 1199px) {
.treatment-text .h4 {
font-size: 4vw!important;
}
}
@media only screen and (max-width: 767px) {
.treatment-text .h4 {
font-size: 8vw!important;
}
}
/********** Treatment Pics/Text End **********/


/********** Blog Stuff **********/
.post-categories li a {
color: #3f4d34!important;
}
.type-post .post-meta .date-link {
color: #3f4d34;
}
.post .post-title h3 {
font-family: "Josefin Sans", serif;
font-weight: 400;
}
.post .post-title h3 {
font-size: 4vw;
font-size: clamp(1.3rem,4vw,1.65rem)!important;
}

.post-featured.title-wrap .post-title {
padding-bottom: 0;
margin-bottom: 0;
}

.page-title{
font-size: clamp(2.5rem,6vw,3.7rem)!important;
line-height: 1.2;
letter-spacing: -2px;
}
.post-categories li a {
color: #3f4d34!important;
}
.post .post-categories, .et-portfolio-categories {
list-style-type: none;
margin-bottom: 10px;
text-transform: none;
letter-spacing:0
}
.et-portfolio .type-portfolio .et-portfolio-categories, .post.post-detail .post-categories, .post-categories {
font-size: 1em;
letter-spacing: 0
}
.blog-style-list .post-categories {
font-size: 1em;
}
.comment-form p input#submit {
display: inline-block;
width: auto;
min-width: 120px;
margin-top: 9px;
font-size:14px;
text-transform:uppercase;
font-family: "Josefin Sans", serif;
font-weight:700!important;
letter-spacing:1px!important;
padding-top:14px;
border-radius:28px;
}
@media only screen and (min-width: 992px) {
.post.post-grid .post-gallery img,
.post.post-grid .et-blog-slider img {
max-height: 320px;
}
}
/********** Blog Stuff End **********/



/********** Awards **********/

.pattern{
background-image: url("assets/img/pattern.png");
background-repeat: repeat;
background-position: right top;
background-size: 100px !important;
}
.awards-carousel .wpb_single_image img {
max-width:180px;
opacity:0.85;
}
.awards-carousel .wpb_single_image{
text-align:center
}
/********** Awards End **********/
