/* ==========================================================================
 Author's Variables
========================================================================== */
@font-face {
    font-family: 'Halyard Display';
    src: url('../fonts/HalyardDisplay-Regular.woff2') format('woff2'),
        url('../fonts/HalyardDisplay-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Halyard Display';
    src: url('../fonts/HalyardDisplaySemiBold-Regular.woff2') format('woff2'),
        url('../fonts/HalyardDisplaySemiBold-Regular.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Melun Display';
    src: url('../fonts/MelunDisplay-Bold.woff2') format('woff2'),
        url('../fonts/MelunDisplay-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root{
    --cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --text: 'Halyard Display', sans-serif;
    --title: 'Melun Display', serif;
    --yellow:#ffa200;
    --purple: #8d5bda;
}

#master{
	position: relative;
	width: 100vw;
	padding: 0;
	margin: 0; 
	overflow-x:hidden;
	z-index: 4;
    
}
#smooth-wrapper{
    margin: 0;
}
body{
    overflow-y: hidden;
    height: 100vh;
    
}
body.dom-is-loaded{
    overflow-y: visible;
    height: auto;
}
body.home{
    background-color: var(--purple);
}
a{
    outline: 0 none;
}
h1{
    font-size: 78px;
    font-family: var(--text);
    line-height: 80%;
    font-weight: normal;
}
h2{
    font-size: 130px;
    font-family: var(--title);
    line-height: 80%;
}
h3{
    font-size: 75px;
    font-family: var(--title);
    line-height: 110%;
}
h4{
    font-size: 50px;
    font-family: var(--title);
    line-height: 80%;
}
h5{
    font-size: 25px;
    font-family: var(--title);
    line-height: 110%;
}

.at{
    font-size: 35px;
    color: var(--yellow);
    font-family: var(--text);
    font-weight: normal;
}
p{
    line-height: 90%;
    font-size: 30px;
    font-family: var(--text);
}
.workshop-info-container ul li{
	font-size: 18px;
    font-family: var(--text);
	line-height: 120%;
}
.logo-fede{
    width:100%;
}
.logo-fede img{
    width:100% !important;
}
.iso-1{
    width:100%;
}
.iso-1 img{
    width:100% !important;
}

.padding-top{
    padding-top: 7rem;
}
.padding-bottom{
    padding-bottom: 3rem;
}
.small-padding-top{
    padding-top: 4rem;
}
.small-padding-bottom{
    padding-bottom: 4rem;
}
.event-info-p{
    line-height: 140%;
}
.event-info .word{
    font-size: 40px;
    color: #ccc;
    font-weight:300 ;
}

.big-text{
    font-size: 75px;
    font-family: var(--text);
    line-height: 80%;
}
.full-width{
    width: 100%;
}
.boxed-container{
    min-height: 800px;
    padding: 5rem 10%;
    box-sizing: border-box;
}
.speakers-intro{
    padding-bottom: 60px;
}
.country{
    line-height: 100%;
    font-size: 35px;
    font-family: var(--text);
}
.dot{
    font-size: 50px;
    font-family: var(--title);
}
.speakers-columns{
    gap:40px;
    margin-bottom:5rem;
}
.speaker-ad{
    padding: 50px;
    box-sizing: border-box;
}
.workshop-title-container{
    padding: 50px;
    box-sizing: border-box;
}
.workshop-title{
    font-family: var(--text);
    font-size: 55px;
}
.workshop-info-container{
    padding: 30px 40px;
    box-sizing: border-box;
}
.workshop-columns{
    margin-bottom: 2rem;
}
.workshop-columns.last{
    margin-bottom: 7rem;
}
.speech-container{
    padding: 40px 40px;
    box-sizing: border-box;
}
.speech-columns{
    gap:80px;
}
.speech-container p{
    font-size: 50px;
    font-family: var(--text);
    font-weight: 600;
}
.super-big-title{
    font-size: 200px;
    font-family: var(--title);
    line-height: 80%;
}
.relative-container{
    position: relative;
}
.cta{
    /* position: absolute;
    bottom: 50px;
    left:50px;
    z-index: 1; */
    font-size: 75px;
    font-weight: 600;
}
footer{
    margin-top: 0 !important;
}
.footer-columns{
    gap:40px;
}
.logo-footer{
    width: 100%;

}
.logo-footer img{
    width: 100%;
    
}
footer p,footer p a{
    font-size: 35px;
    color:white;
}
footer p.mada,footer p.mada a{
    font-size: 20px;
}
.wp-block-social-link-anchor{
    font-size: 50px;
}

.big-title span{
    display: inline-block;
}

h3 mark, p mark{
  animation: pulse 1.8s ease-in-out infinite;
  display: inline-block;
}
.pulse{
    animation: pulse 1.8s ease-in-out infinite;
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.05);
  }
}

h3 a, p a{
    transition: all 0.3s;
}
h3 a:hover, p a:hover{
    color:var(--purple)
}
.price-title a{
    text-decoration: none;
}

.speaker-box{
    position: relative;
}
.speaker-link{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 10;
}
.speaker-link a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    z-index: 10;
    outline: 0 none;
    opacity: 0;
}
.speaker-box figure{
    transition: all 0.7s;
}
.speaker-box:hover figure{
    transform: scale(0.95);
}
.speaker-box h4{
    transition: all 0.3s;
}
.speaker-box:hover h4{
    color: var(--purple);
} 

.back-to-home{
    font-family: var(--title);
    font-size: 90px;
    font-weight: 600;
}
.back-to-home a{
    text-decoration: none;
    outline: 0 none;
}

.bio-columns{
    gap: 90px;
}
h2 a{
    text-decoration: none;
}
.cta-link a{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
    opacity: 0;
    z-index: 2;
}
.cta-container{
    position: relative;
}
.cta-container .go .icon-container{
    width: 128px !important;
}
.cta-container .go .icon-container svg{
    transition: all 0.7s;
}
.cta-container:hover .go .icon-container svg{
    transform: translateX(30px) scale(1.05);
}
.speaker-social .icon-container{
    outline: 0 none;
}
.speaker-social .icon-container svg{
    transition: all 0.3s;
}
.speaker-social .icon-container:hover svg{
    fill:var(--purple);
}
.speaker-social .icon-container .cls-1{
    transition: all 0.3s;
}
.speaker-social .icon-container:hover .cls-1{
    stroke:var(--purple);
}

.wp-block-social-link a{
    outline: 0 none;
}
.wp-block-social-link a svg{
    transition: all 0.3s;
}
.wp-block-social-link a:hover svg{
    fill: var(--purple) !important;
}

.logo-color{
    fill: white;
}
.logo-svg{
    width: 100%;
}

.logo-svg svg path{
    transform: translateX(300px);
    opacity: 0;
}
.landing-bottom{
    transform: translateY(100%);
}

.main-title{
    opacity:0;
}
.buy-tickets{
    opacity: 0;
}


/* Cursor */
.cursor-small,
.cursor-anchor {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    visibility: visible;
    opacity: 1;
    border-radius: 50%;
    pointer-events: none;
    z-index: 2147483647;
    mix-blend-mode: normal;
}

.cursor-small {
    width: 20px;
    height: 20px;
    background-color: #ff0000;
    mix-blend-mode: multiply;
}

.cursor-small svg {
    display: block;
    width: 100%;
    height: 100%;
}

.cursor-anchor {
    width: 50px;
    height: 50px;
    border: 1px solid #ff0000;
    background-color: transparent;
}