/*-------------------------------------------------------
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;}    

/***** 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");
}

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);}

/***** 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;}
}
/* 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;
    background-color: white;
    transition: all 0.3s ease-in-out;
}
.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: #002E5D;
    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:#002E5D;
}