/*
Theme Name: Gavino Child
Theme URI: https://gavino.qodeinteractive.com
Description: A child theme of Gavino
Author: Elated Themes
Author URI: https://qodeinteractive.com
Version: 1.0
Text Domain: gavino
Template: gavino
*/

/* HORIZONTAL TEST */

html, body {
  overscroll-behavior-x: none;
}
a { color: #E5D9C6; }

.page-id-7311 #qodef-page-header { background-color: rgba(255, 255, 255, 0); }
.page-id-7311 #qodef-page-outer { margin-top: -110px; }

body.page-template-page-tim .qodef-mobile-header--sticky #qodef-page-mobile-header { width: 100vw; }

body.page-template-page-tim { overflow-x: scroll !important; }
body.page-template-page-tim #qodef-page-header { background-color: rgba(255, 255, 255, 0); position: fixed; }
/* body.page-template-page-tim #qodef-page-outer { margin-top: -110px; } */
body.page-template-page-tim #qodef-page-inner { width: 100%; }
body.page-template-page-tim .qodef-search-opener { color: #E5D9C6 !important; }
body.page-template-page-tim .qodef-search-opener:hover { color: #FFF !important; }
.qodef-opener-icon:hover { color: #FFF; }
body.page-template-page-tim {
    background:#8690A2;
    font-family: "Cormorant Garamond", serif;
    font-size: 20px;
/*     font-style: italic; */
/*     letter-spacing:-1px; */
    width:16500px;
    position:absolute;
    top:0px;
    left:0px;
    bottom:0px;
    font-family: "Nunito Sans", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
		"wdth" 100,
		"YTLC" 500;
	line-height: 1.5em;
}
.section{
    margin:0px !important;
    bottom:0px;
    width:1500px;
    float:left;
/*     height:100vh; */
/*     max-width: 100vw; */
    position: relative;
}
.section .vc_column_container>.vc_column-inner { padding: 0; }
.section h2, .section h3, .section blockquote {
	font-family: "Fraunces", serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
	font-variation-settings:
		"SOFT" 0,
		"WONK" 0;
}
.section h2 {
    font-size: 63px;
	text-transform: none;
}
.section .front-cover p{
/*     margin:20px 0px 0px 50px !important; */
    width: 80%;
}
.black{
    color:#E5D9C6;
   background:#8690A2;
/*     background:#000 url("http://localhost:8888/wp-content/uploads/2024/03/black-scaled.jpg") no-repeat top right; */
}
.black a, .black h2, .black h3, .black h4, .black blockquote { color: #E5D9C6; }
.white{
    color:#E5D9C6;
    background:#55716C;
/*     background:#fff url("http://localhost:8888/wp-content/uploads/2024/03/white-scaled.jpg") no-repeat top right; */
}
.white a, .white h2, .white h3, .white h4, .white blockquote { color: #E5D9C6; }
.section blockquote:before {
	content: '';
	background: url(assets/img/blockquote_color.svg) center center no-repeat;
}

.section ul{
    list-style:none;
/*
    margin:20px 0px 0px 550px;
*/
}
.black ul li{
/*     float:left; */
    padding:5px;
    margin:5px;
    color:#a16642;
}
.black ul li a{
    display:block;
    color:#a16642;
}
.black ul li a:hover{
    text-decoration:none;
    color:#000;
}
.white ul li{
/* ? */
    padding:5px;
    margin:5px;
}
.white ul li a{
    display:block;
}
.white ul li a:hover{
    text-decoration:none;
    color:#FFF;
}

/*
#cover {
	display: grid;
	grid-template-columns: 1fr 1fr; 
}
*/
#cover { z-index: 999; }
#cover > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr; 
}
.image-holder img {
	display: block;
    height: 100vh;
    /* width: 986px; */
    object-fit: cover;
    object-position: left center;
}
.text-holder { margin-bottom: 0 !important; position: relative; height: 100vh; overflow: scroll; }
.text-holder > .wpb_wrapper {
	padding: 120px 120px 70px 50px;
	height: 100%
}
.text-holder-inner { margin-bottom: 0 !important; position: relative; height: 100vh; overflow: scroll; }
.text-holder-inner { padding: 120px 120px 70px 50px; }
.text-holder-inner .vc_col-sm-6 img { padding: 0 5px; }
    
.front-cover .wpb_wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
}
.front-cover-scroll-holder {
    position: absolute;
    top: 0;
    right: 40px;
    height: 100%;
    padding-top: 136px;
}
.front-cover .qodef-vertical-line {
    width: 1px;
    height: 66.86vh;
    margin: 0 auto;
    background-color: #E5D9C6;
}
.front-cover .qodef-stamp {
	color: #E5D9C6;
}

#article-1 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr; 
}
#article-2 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr; 
}
#article-3 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr; 
}
.page-footer-container {
	position: absolute;
    bottom: 0;
    left: 0;
/*     background: #ff000030; */
    width: 1500px;
    margin: 0 !important;
}
.page-footer {
	display: grid;
	grid-template-columns: 1fr 1fr; 
	position: relative;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 10px 20px;
	color: #E5D9C6;
	font-family: Yantramanav, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.8em;
}
/* .page-footer i { margin-right: 5px; } */
.page-footer div {
    border: 1px solid #E5D9C6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
}
.page-footer div:first-child { justify-self: flex-start; }
.page-footer div:last-child { justify-self: flex-end; }

.scroller-circle {
	font-family: Yantramanav, sans-serif;
    font-size: 13px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .12em;
    position: relative;
    text-transform: uppercase;
    padding: 0 !important;
    border: 0;
    width: 140px;
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}
.scroller-circle:hover { color: #FFF; }
.scroller-circle-right {
    flex-direction: row;
}
.scroller-circle .qodef-svg--button-arrow { margin-right: 8px; }
.scroller-circle-right .qodef-svg--button-arrow { margin-left: 8px; transform: rotate(180deg); }

.scroller-circle .qodef-svg--button-arrow g {
    fill: none;
    stroke: currentColor;
    stroke-miterlimit: 10;
}

.scroller-circle .qodef-svg--button-arrow g:nth-of-type(1) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}
.scroller-circle .qodef-svg--button-arrow g:nth-of-type(2) {
    transform: translateX(14px);
    transition: transform .2s ease-in;
}

.scroller-circle:hover .qodef-svg--button-arrow g:nth-of-type(1) {
    transform: translateX(-14px);
    transition: transform .2s ease-in;
}
.scroller-circle:hover .qodef-svg--button-arrow g:nth-of-type(2) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}

.scroller-circle .qodef-svg--button-circle {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.scroller-circle:hover .qodef-svg--button-circle {
    animation: qodef-float 1.2s linear infinite;
}
.article-links-right .wpb_raw_html { float: right; }

.qodef-video-holder .qodef-m-video { height: 100vh; overflow: hidden; }
.qodef-video-holder .qodef-m-video video { width: 100%; height: 100vh; object-fit:cover; }
.custom-html-widget .scroller {
	font-family: Yantramanav, sans-serif;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: .12em;
    text-transform: uppercase;
    color: #E5D9C6;
    margin-left: 4px;
}
.custom-html-widget .scroller:hover { color: #FFF; }
.custom-html-widget .scroller .qodef-svg--button-arrow { margin: -2px 5px; }
.custom-html-widget .scroller .qodef-svg--button-arrow g { fill: none; stroke: currentColor; stroke-miterlimit: 10; }
.custom-html-widget .scroller .qodef-svg--button-arrow g:nth-of-type(1) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}
.custom-html-widget .scroller .qodef-svg--button-arrow g:nth-of-type(2) {
    transform: translateX(14px);
    transition: transform .2s ease-in;
}

.custom-html-widget .scroller:hover .qodef-svg--button-arrow g:nth-of-type(1) {
    transform: translateX(-14px);
    transition: transform .2s ease-in;
}
.custom-html-widget .scroller:hover .qodef-svg--button-arrow g:nth-of-type(2) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}

.qodef-stamp .qodef-m-text { pointer-events: none; }
.qodef-stamp .qodef-m-line svg { transform: rotate(180deg) scale(2); }
.qodef-stamp .qodef-m-line svg g { fill: none; stroke: currentColor; stroke-miterlimit: 10; }
.qodef-stamp .qodef-m-line svg g:nth-of-type(1) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}
.qodef-stamp .qodef-m-line svg g:nth-of-type(2) {
    transform: translateX(14px);
    transition: transform .2s ease-in;
}

.qodef-stamp:hover .qodef-m-line svg g:nth-of-type(1) {
    transform: translateX(-14px);
    transition: transform .2s ease-in;
}
.qodef-stamp:hover .qodef-m-line svg g:nth-of-type(2) {
    transform: translateX(0);
    transition: transform .2s ease-out .2s;
}

.qodef-mobile-header-navigation { background: #8690a2; }
.qodef-mobile-header-navigation #menu-main-menu-2 { color: #E5D9C6; }
#qodef-page-mobile-header .qodef-mobile-header-opener, #qodef-page-mobile-header .qodef-mobile-header-opener.qodef--opened { color: #E5D9C6; }
#qodef-back-to-top .qodef-back-to-top-icon { color: #E5D9C6; border-color: #E5D9C6; border-radius: 50%; }

#contents h2 { text-align: center; }
#contents ul.nav { text-align: center; }
#contents ul.nav li { max-width: 200px; float: left; margin: 5px 10px; }
#contents ul.nav li h3 { font-size: 18px; text-align: left; font-family: "Nunito Sans", sans-serif; text-transform: none; letter-spacing: 1px; margin: 10px 0 20px 0; }
#contents ul.nav li h4 { font-size: 40px; margin-top: 0; }
#contents ul.nav li img { width: 200px; height: 200px; object-fit: cover; }
#contents ul.nav li video { width: 200px; height: 200px; object-fit: cover; }

.end-mark {
    width: 24px;
    height: 24px;
    margin: -5px 0 0 5px;
    display: inline-block;
    background: #e5d9c6;
    border-radius: 50%;
    padding: 3px;
}

	
	/* The progress container (grey background) */
	.progress-container {
	  width: 100%;
	  height: 8px;
	  background: #e6dac7;
	      position: fixed;
    top: 0px;
    	z-index: 99999999;
    	display: block;
	}
	
	/* The progress bar (scroll indicator) */
	.progress-bar {
	  height: 8px;
	  background: #8690a2;
	  width: 0%;
	}
	
.qodef-info-section.qodef-layout--background-text.home-magazine { border-color: #a9987d; }
.qodef-info-section.qodef-layout--background-text.home-magazine .qodef-m-info { background-color: #E5D9C6; }
.sticky-column { position: sticky !important; height: max-content; top: 0 !important; }
.qodef-m-filter .qodef-m-filter-items { flex-wrap: wrap; }
.qodef-header-sticky { background-color: #fff8ee; }
	
.qodef-header-standard--right #qodef-page-header-inner .qodef-widget-holder.qodef--two .qodef-separator.qodef-responsive-separator { width: 12.3vw; }	
@media only screen and (max-width: 1680px) {
	.qodef-header-standard--right #qodef-page-header-inner .qodef-widget-holder.qodef--two .qodef-separator.qodef-responsive-separator { width: 13vw; }
}
@media only screen and (max-width: 1440px) {
	.qodef-header-standard--right #qodef-page-header-inner .qodef-widget-holder.qodef--two .qodef-separator.qodef-responsive-separator { width: 14.2vw; }
}
@media only screen and (max-width: 1366px) {
	.qodef-header-standard--right #qodef-page-header-inner .qodef-widget-holder.qodef--two .qodef-separator.qodef-responsive-separator { width: 15.4vw; }
}
@media only screen and (max-width: 1280px) {
	.qodef-header-standard--right #qodef-page-header-inner .qodef-widget-holder.qodef--two .qodef-separator.qodef-responsive-separator { width: 15.2vw; }
}

@media only screen and (max-width: 767px) {
	.sticky-column { position: relative !important; }
}

@media only screen and (max-width: 750px) {
	body.page-template-page-tim { width: 100%; }
	
	.section { width: 100%; }
	#cover > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; }	
	#article-1 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; }
	#article-2 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; }
	#article-3 > .vc_col-sm-12 > .vc_column-inner > .wpb_wrapper { grid-template-columns: 1fr; }
	.text-holder-inner { overflow: visible; height: auto; padding: 50px; }
	.text-holder-inner .vc_col-sm-6 img { padding: 5px 0; }
	.text-holder > .wpb_wrapper { padding: 20px; height: auto; }
	.text-holder { overflow: visible; height: auto; }
	.qodef-scroll-text-holder { display: none; }
	.page-footer-container { display: none; }
	#cover { z-index: 1; }
	.section h2 { font-size: 46px; }
	.section h3 { font-size: 32px; }
	.article-links.vc_column_container { float: left; width: 50%; }
	.article-links.vc_column_container .scroller-circle .qodef-svg--button-arrow { transform: rotate(90deg); }
	.article-links.vc_column_container .scroller-circle-right .qodef-svg--button-arrow { transform: rotate(270deg); }
	.article-links-right .wpb_raw_html { float: none; }
	.qodef-video-holder .qodef-m-video { height: 100%; }
	.image-holder img { height: 70vh; }
	
	#contents ul.nav li { max-width: 150px; margin: 5px; }
	#contents ul.nav li h3 { font-size: 14px; }
	#contents ul.nav li h4 { font-size: 32px; }
	#contents ul.nav li img { width: 150px; height: 150px; }
	#contents ul.nav li video { width: 150px; height: 150px; }
}