:root{
    --bs-body-font-family : "DM Sans", sans-serif;
    --bs-body-font-size : 16px;
    --bs-body-line-height : 28px;
    --bs-body-bg : #FFFFFF; 

    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-yellow: #FADE3A;
    --color-orange: #FCA710;
    font-size: 16px;
}

/* GLOBE CSS */
.hidden{display: none;}
#info{position: absolute;bottom: 1vh;color: teal;width: 100%;font-family: Monospace;text-align: center;}
#markerLabel {--baseColor: rgb(255, 250, 250);width: 230px;height: auto;color: var(--baseColor);font-family: Monospace;font-size: 14px;padding: 10px;background: rgba(0, 0, 0, 0.75);border: 2px solid var(--baseColor);border-radius: 5px;margin-top: -25px;margin-left: 120px;overflow: hidden;}
#markerLabel .text{ line-height: 1.2rem;}
#closeButton{position: absolute;right: 0px;top: 0px;font-family: Arial;font-size: 14px;font-weight: 700;text-align: center;border: 0px solid gray;border-radius: 3px;background: transparent;color: white; padding: 0px 5px;}
/* END OF GLOBE CSS */


* {margin:0px; padding: 0px; }
body{background-color: #F9F9F9; }

.bg-black{background-color: var(--color-black);}
.bg-orange{background-color: var(--color-orange);}
.ff-cormorant{font-family: 'Cormorant', serif;}
.fs-big{font-size: 4rem; line-height: 1.2;}
.fs-big span.ff-cormorant{font-size: 4.5rem; font-weight:600}
.fc-yellow{color: var(--color-yellow);}
.fc-orange{color: var(--color-orange);}
.btn-orange{background-color: var(--color-orange); color: var(--color-black);border: 2px solid var(--color-orange);}
.btn-orange:hover{ color: var(--color-white);}
.btn-transparent{color: var(--color-orange);border: 2px solid var(--color-orange);}
.btn-transparent:hover{background-color: var(--color-orange); color: var(--color-white);}

a.btn-big{ font-weight: 600;  text-transform: uppercase;  padding: 15px 60px 15px 40px; text-decoration: none; position: relative; transition: all 0.3s ease-in-out; }
a.btn-big:after{content:"\F138"; font-family: "bootstrap-icons"; margin-left: 5px; transform: rotate(-45deg); position: absolute; transition: all 0.3s ease-in-out; font-weight}
a.btn-big:hover:after{transform: rotate(0deg); }

.navbar{transition: all 0.5s;}
.navbar .navbar-nav .nav-item{padding: 0px 20px;}
.navbar .navbar-nav .nav-item .nav-link{border: 3px solid transparent;}
.navbar .navbar-nav .nav-item:last-child .nav-link{border: 3px solid var(--color-orange); padding-left: 15px; padding-right: 15px;}
.navbar .navbar-nav .nav-item:last-child .nav-link:hover{background-color: var(--color-orange); color: var(--color-white);}
.navbar .navbar-brand img{transition: all 0.5s; height: 68px; padding: 0px;}
.navbar.scrolled .navbar-brand img{height: 40px; }


.banner{width: 100%; height: 100vh; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; }
.banner .banner-info-wrapper{padding-left:10%}
.banner .banner-info-wrapper .period{padding: 10px 20px 8px; background-color: rgba(255, 255, 255, 0.4); display:inline-block; border-radius: 30px; color: var(--color-white); letter-spacing: 3px; font-size:14px}
.banner .banner-info-wrapper img{display: block; margin: 40px auto; max-width: 100%; height: auto;}
.banner .banner-info-wrapper .banner-cta a{font-size: 20px; color: var(--color-white);}
.banner .banner-info-wrapper .banner-cta{margin-top: 50px;}
.banner .scroll-info{position: absolute; bottom: 20px; left: 50%; text-align: center; color: #fff; font-size: 14px; font-weight: 700;  animation: bounce 2s ease infinite; text-transform: uppercase; letter-spacing: 1px;}
@keyframes bounce { 0%, 100% { transform: translate(-50px,0px); } 50% {transform: translate(-50px,-10px);}}

.ticker-wrapper .item{font-size: 1.5rem; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: var(--color-black); padding: 10px 0px; position: relative; display: inline-block; transition: all 0.3s ease-in-out; padding:0px}
.ticker-wrapper .item:after{content:"\F309"; font-family: "bootstrap-icons"; position: absolute; right:0px}
.ticker-wrapper .item:nth-child(2){color:var(--color-orange)}
.ticker-wrapper .item:last-child:after{content:""; }

.countdown-wrapper{position: relative; width: 100%; background-size: cover; background-position: center; background-repeat: no-repeat;}
.countdown-wrapper .countdown{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: var(--color-white); z-index: 8; display: flex; justify-content: center; align-items: center; }
.countdown-wrapper .countdown span{font-size:5rem; padding-left:10px; padding-right:10px; color: var(--color-yellow)}

.numbers{}
.numbers .item{text-align: center; margin-bottom: 40px; }
.numbers .item .image{padding-bottom:20px;}
.numbers .item .number{padding-bottom:5px; font-size:2rem; font-weight: 700; }

.home-coach h2{width: min-content; display: block; font-size: 2.5rem; font-weight: 700; padding-left:1rem}
.home-coach h2 span{color: var(--color-white); }
.home-coach .item{position: relative; overflow: hidden;}
.home-coach .item .overlay{position: absolute; top: 85%; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); color: var(--color-white); display: flex; flex-direction: column; opacity: 1; transition: all 0.3s ease-in-out; padding: 20px; }
.home-coach .item .overlay .title{font-size: 1.25rem; font-weight: 700; margin-bottom: 10px; position: relative; }
.home-coach .item .overlay .title span{position:absolute; left:50%; transform: translateX(-50%); transition: all 0.5s ease-in-out}
.home-coach .item .overlay .description{font-size: 1rem; opacity: 0; transition: all 0.3s ease-in-out; margin-top: 30px}
.home-coach .item:hover .overlay{top: 0%}
.home-coach .item:hover .overlay .title{}
.home-coach .item:hover .overlay .description{opacity: 1; text-align: left}
.home-coach .item:hover .overlay .title span{ left: 0px; transform: translateX(0%); }

.home-learning{height:100dvh; display:flex; justify-content:center; align-items:center; justify-content: center; text-align: center; }
.home-learning .content .mini-title{font-size: 0.9rem; font-weight: 500; margin-bottom: 10px; text-transform: uppercase;  letter-spacing: 2px; }
.home-learning .content .title{font-size: 5rem; font-weight: 700; margin-bottom: 20px; font-family: 'Cormorant', serif; line-height: 1.1; }
.home-learning .content .title span{font-style: italic; color: var(--color-orange); font-size: 5.5rem}
.home-learning .content .description{font-size: 1.25rem; font-weight: 400; margin-bottom: 50px}

.home-pitching{height:100dvh; display:flex; align-items:center; background-image: url('../images/banner-60secondpitch.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
.home-pitching .content{color: var(--color-white);}
.home-pitching .content .title{font-size:4.5rem}
.home-pitching .content .title span{font-family: 'Cormorant', serif; font-style: italic; font-size: 7rem; line-height: 1.2; font-weight: 600; }
.home-pitching .content .description{margin-bottom: 50px; margin-top:30px; font-size: 1.25rem;  }

.register-wrapper{height: 75vh}

.home-partners{list-style: none; padding: 0px; padding: 40px 0px;text-align: center;}
.home-partners .partners{padding-left: 0px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; list-style: none;}
.home-partners .partners li{ padding: 10px 20px;}
.home-partners .partners  li img{max-height: 55px;}

footer{background-color: var(--color-orange); padding: 30px 15px 10px;}
footer .social-media{display: flex; align-items: center;}
footer .social-media ul{list-style: none; display: flex; margin: 0px; padding: 0px;}
footer .social-media ul li{padding: 0px 20px; display: flex; align-items: center;} 
footer .social-media ul li a{font-size: 2rem; color: var(--color-white); transition: all 0.5s; display: flex; align-items: center;}  
footer .social-media ul li a:hover{color: var(--color-black);}
footer .copyright{text-align: right; font-size: 0.9rem; color: var(--color-white);}