/*-------------------------------------------------------
Theme Name: Tema Investvision
Author: Sérgio Pinto
Author URI: https://intocollective.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

/***** TWEAKS *****/

.force_cover img{object-fit:cover;}
.bottom_center{object-position:bottom center}
.top_center{object-position:top center}

.iv_txt_white{color:white !important;}

.hidden {visibility: hidden;}

.no-js {
  opacity: 0;
  visibility: hidden;
}

.js-loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-in-out;
}

/* Remove bullets */
.privacy-policy .et-l--body ul {list-style-type: none;}
.et-l--body ul {padding: 0 0 5px 1em;}
ol[type="a"]{list-style-type: lower-alpha;}  

    
   .gradient-link {
      display: inline-block;
      padding: .3em 1em;
      font-size: 12px;
      font-weight: 500;
      text-decoration: none;
      border-radius: 25px;
      position: relative;
      z-index: 0;
      color: transparent;
      background-clip: text;
      -webkit-background-clip: text;
      background-image: linear-gradient(95.29deg, #D7AF68 4.09%, #EBDC9F 47.16%, #BD8F48 101.98%);
      transition: all 0.6s ease;
    }

    .gradient-link::before {
      content: '';
      position: absolute;
      inset: 0;
      padding: 1px;
      border-radius: 25px;
      background: linear-gradient(95.29deg, #D7AF68 4.09%, #EBDC9F 47.16%, #BD8F48 101.98%);
      -webkit-mask: 
        linear-gradient(#fff 0 0) content-box, 
        linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      z-index: -1;
    }

    .gradient-link:hover {
      color: white;
      background: linear-gradient(95.29deg, #D7AF68 4.09%, #EBDC9F 47.16%, #BD8F48 101.98%);
      -webkit-background-clip: border-box;
      background-clip: border-box;
    -webkit-text-fill-color: #021E2F !important;
    text-fill-color: #021E2F !important;
    }

    .gradient-link:hover::before {
      -webkit-mask: none;
      mask: none;
    }


/***** FONTS *****/

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


@font-face {
  font-family: 'InterVariable';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/wp-content/themes/investvision/fonts/InterVariable.woff2") format("woff2");
}
@font-face {
  font-family: 'InterVariable-Italic';
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/wp-content/themes/investvision/fonts/InterVariable-Italic.woff2") format("woff2");
}

@font-face {
  font-family: 'BodoniModa';
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
  src: url("/wp-content/themes/investvision/fonts/BodoniModa-Variable.woff2") format("woff2"),
       url("/wp-content/themes/investvision/fonts/BodoniModa-Variable.ttf") format("truetype");
}
@font-face {
  font-family: 'BodoniModa-Italic';
  font-style: italic;
  font-weight: 400 900;
  font-display: swap;
  src: url("/wp-content/themes/investvision/fonts/BodoniModa-Italic-Variable.woff2") format("woff2"),
        url("/wp-content/themes/investvision/fonts/BodoniModa-Italic-Variable.ttf") format("truetype");
}

html,body{font-family: 'InterVariable',Helvetica,Arial,Lucida,sans-serif;font-weight:300;}
em,i{font-family: 'InterVariable-Italic',Helvetica,Arial,Lucida,sans-serif;}
strong{font-weight:600;}



body h5{font-size: 25px;}
body h4{font-size: 25px;}
body h3{font-size: clamp(1.125rem, 0.875rem + 1.25vw, 1.875rem);}

.et_pb_module h1:not(.portfolio-title),
.et_pb_module h2:not(.portfolio-title),
.et_pb_module h3:not(.portfolio-title),
.et_pb_module h4:not(.portfolio-title),
.et_pb_module h5:not(.portfolio-title),
.et_pb_module h6:not(.portfolio-title),
.et_pb_module p:not(.portfolio-title),
div.et_pb_module:not(.et_pb_button_module_wrapper) a,
.et_pb_module small{
    background: linear-gradient(96.22deg, #D7AF68 2%, #EBDC9F 48%, #BD8F48 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.secondary_font{font-family: 'BodoniModa-Italic',serif;font-weight:300;}
.secondary_font em,.secondary_font i{font-family: 'BodoniModa-Italic',serif;}

.no_gradient{
    background: initial !important;
    -webkit-background-clip: unset !important;
    -webkit-text-fill-color: initial !important;
    background-clip: unset !important;
    text-fill-color: initial !important;
}

.none_gradient_txt h1,
.none_gradient_txt h2,
.none_gradient_txt h3,
.none_gradient_txt h4,
.none_gradient_txt h5,
.none_gradient_txt h6,
.none_gradient_txt p{
    background: initial;
    background-clip: unset;
    -webkit-text-fill-color: initial;}


/***** Animations *****/

/* scroll down icon */
@keyframes scrollAnimation {
  0% {
    transform: translateY(0);
	  opacity:1;
  }
  50% {
    transform: translateY(8px);
	  opacity:0;
  }
  100% {
    transform: translateY(0);
	  opacity:1;
  }
}


.scroll-icon {
  animation: scrollAnimation 2s infinite; /* 2s duration, infinite loop */
}

/******** HEADER  *********/

/* Make the header background transparent */
.et-l--header {
    background-color: transparent !important;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

/* Ensure the header content is visible */
.et-l--header .et_pb_section,
.post-type-archive-portfolio #et-boc .et-l--header .et_pb_section{background-color: transparent;}


/* Main Menu */

.iv_main_menu_wrapper ul{
	display: flex;
    list-style: none;
    column-gap: 55px;
    font-weight: 500;
	padding: 0;
	padding-right: 10vw;
    line-height: 1;
}
@media all and (max-width: 980px) {
.iv_main_menu_wrapper > div > ul{display:none;}
}
.iv_main_menu_wrapper div ul li a{
    background: linear-gradient(144deg, #D7AF68 26%, #EBDC9F 52%, #BD8F48 79%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
/* mobile menu */

.hamburger-menu {
    position: fixed;
    top: 45px;
    right: 5vw;
    background: none;
    border: none;
    cursor: pointer;
    z-index: 1001;
    outline: none;
    width: 35px;
    height: auto;
}

.hamburger-menu .bar {
    display: block;
    width: 100%;
    height: 2px;
    margin: 6px auto;
    transition: all 0.3s ease-in-out;
    background: linear-gradient(180deg, #D7AF68 100%, #EBDC9F 166.67%);
}
.hamburger-menu.open .bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}
.hamburger-menu.open .bar:nth-child(2) {
    opacity: 0;
}
.hamburger-menu.open .bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #021E2F;
    color: white !important;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease, visibility 0.5s;
    z-index: 1000;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 5vw;
}
body.header-color-dark:not(.mobile-menu-open) .hamburger-menu .bar{background-color:#002E5D !important;}

.menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.menu-overlay ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: right;
	display:flex;
	flex-direction:column;
}

.menu-overlay li {
    font-size: 25px;
    padding: 20px;
}
.menu-overlay li a{color:#fff !important}


/* Header Color Based on Page Settings */

.header-color-light .et-l--header,
.post-type-archive-portfolio .et-l--header{color:#fff !important;}

.header-color-light .iv_main_menu_wrapper ul li a,
.post-type-archive-portfolio .iv_main_menu_wrapper ul li a{color:#fff !important;}

.sticky_logo_symbol {
    position: sticky;
    top: 31px; /* Sticks the element to the top of the viewport */
    z-index: 1005; /* Ensure it stays above other content */
}
.post-type-archive-portfolio .sticky_logo_symbol{top:0;}

.mobile-menu-open .sticky_logo_symbol > div > svg{fill:#fff !important;}

/***** VIDEO *****/

/* Set the fixed size for the video */
	.plyr--video {           
		width: 100% !important;
		max-width: 1200px !important;
		height: 100% !important;
		max-height: 700px !important;
		margin: auto !important;
	}
	/* Disable pointer events on controls initially */
        .plyr--video:not(.plyr--playing) .plyr__controls {
            pointer-events: none;
            opacity: 0; /* Hide controls visually */
        }
		
	.plyr__control--overlaid {
    border-radius: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='51' height='51' viewBox='0 0 51 51' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8773 31.5762L31.641 25.3073L21.8787 19.0762L21.8773 31.5762Z' fill='white'/%3E%3Ccircle cx='25.2107' cy='25.7422' r='24.5' stroke='white'/%3E%3C/svg%3E%0A") !important;
	background-color: transparent !important;	
    width: 50px !important;
    height: 50px !important;
}
.plyr__control--overlaid svg{display:none !important;}

.plyr__poster{background-size: 101% 100% !important;}


/*** Swiper Portfolio **/

.swiper-container {
    overflow: hidden;
    width: 100%;
    height: auto;
    max-height: 80vh;
    margin: auto;
    position: relative;
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    aspect-ratio: 16/9;
}

.swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    max-height: 80vh;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.swiper-slide img.loaded {
    opacity: 1;
}

.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
	 width: 10px;
	 height: 10px;
	opacity:1;
	 display: inline-block;
	 background: transparent;
	border: 1px solid white;
	 margin: 0 5px;
	 -webkit-border-radius: 20px;
	 border-radius: 20px;
	 -webkit-transition:background-color 0.5s, width 0.5s;
	 -o-transition:background-color 0.5s, width 0.5s;
	 transition:background-color 0.5s, width 0.5s;
	 -webkit-transition-delay:0.5s, 0s;
	 -o-transition-delay:0.5s, 0s;
	 transition-delay:0.5s, 0s;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
	 cursor: pointer;
}
.swiper-pagination-bullets .swiper-pagination-bullet-active,
.swiper-horizontal .swiper-pagination-bullets .swiper-pagination-bullet-active{
	 width:30px;
	 -webkit-transition-delay: 0s;
	 -o-transition-delay: 0s;
	 transition-delay: 0s;
}


/** Footer **/
.lightbox-open footer.et-l.et-l--footer{
position: relative;
z-index:-1;
}

.iv_footer_email{color:#fff !important;}
#menu-footer-menu{flex-direction:column}

/** Contact Form **/

.forminator-ui.forminator-custom-form[data-design=basic] .forminator-input,
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-textarea{
  padding: 10px 20px;
  border: 0;
}
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-input::placeholder,
.forminator-ui.forminator-custom-form[data-design=basic] .forminator-textarea::placeholder{font-size:14px;font-weight:light;color:#002E5D;}
.forminator-button.forminator-button-submit{
	border:1px #002E5D solid;
	border-radius:20px;
	background:#e6eaef;
	padding:8px 20px;
	cursor:pointer;
	font-size:12px;
	transition:all 300ms ease;
}
.forminator-button.forminator-button-submit:hover{
	color:#fff;
	border:1px #e6eaef  solid;
	background:#021E2F;
}

.forminator-ui.forminator-custom-form[data-design=basic] .forminator-label {
    background: linear-gradient(96.22deg, #D7AF68 2%, #EBDC9F 48%, #BD8F48 99%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}