body{font-family: 'League Spartan', sans-serif; font-weight: 300; font-size: 1.125rem; color: #323232; background-color:#202020;}
body.white main{background-color: #FFF; padding-bottom: 9rem;}
body.content-page main{padding-top: 11.5675rem;}
body.white header .menu-item a{color:#292C30}

h1,h2,h3,h4,h5,h6{font-weight: 600;}
header{position: absolute; width:100%; left: 0; top: 45px; z-index: 10000;}
.container{max-width: 1308px !important;}
.fw-bold, strong{font-weight: 600 !important;}
#hero-content-area{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(21, 21, 21, 0.60); z-index: 2; color:#FFF;}
#hero-image-container{position: relative; z-index: 1;}
#hero{min-height: 700px !important; max-height: 1117px !important;}
#hero-content-area h1{font-size: 4.5rem; line-height: 100%;}
#hero-content-area h2{font-size: 1.25rem; font-weight: 300;}

#header-slogan-wrapper{position: absolute; right: 0; top: 34%; transform: translateY(-50%);}

#middle-hero-right-cell{width:630px;}
#middle-hero-container{position: relative; z-index: 2; margin-bottom: 7rem;}
#middle-hero-text{max-width: 596px; padding-top: 3.33rem; text-align: justify;letter-spacing: -0.18px;line-height: 155.556%}

#middle-hero-text .fw-bold{font-size: 1.25rem;}
#middle-hero-text .fw-bold a{color: #323232; }

#middle-hero-spot-wrapper{ width:100%; background-color:#FFB800; right: 0; bottom: 0; position: absolute; }
#middle-hero-spot-content{color: #0E0E0E; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 2.5rem; text-align: right; padding: 40px 40px 0 0; line-height: 100%; font-weight: 400;}
#middle-hero-spot-content strong{font-size: 130%;}

#activities-section-wrapper h3{font-size: 1.125rem; letter-spacing: 9.18px; text-align: center;}
.middle-line-header{position: relative; margin-bottom: 4rem; }
.middle-line-header::after{width:100%; content: ''; background-color: #323232; width: 100%; height: 1px; top: 50%; margin-top: -.5px; position: absolute; z-index: 1;}
.middle-line-header >*{background-color: #FFF; line-height: 100%; margin: 0; z-index: 2; padding: 0 2rem; }

#activites{gap:20px}
.activity-item{width:33.33%; max-width: 400px;}

.activity-image-wrapper{margin-bottom:30px;}
.activity-title{padding: 0 20px;}
.activity-title a{color: inherit; text-decoration: none; text-align: center; font-weight: 600; font-size: 1.125rem; display: block;}
.menu-item:not(:last-child){border-right: 2px solid #FFB800;}
.menu-item a{display: inline-flex; height: 45px; align-items: center; padding: 0 2rem; color:#FFF; font-weight: 600; text-decoration: none;  transition: ease-in all .2s; letter-spacing: -0.32px; font-size: 1rem;}
.menu-item:last-child a{padding-right: 0;}
body.white header .menu-item:hover a, body.white header .menu-item.selected a, .menu-item.selected a, .menu-item:hover a {color: #FFB800;}

.navigator{border-bottom: 1px solid #DADADA; padding-bottom: 1.75rem; line-height: 100%; font-size: 1rem; margin-bottom: 1.75rem;}
.navigator a{text-decoration: none; color: inherit; }
.navigator span{font-weight: 600;}

body.dark .navigator {color: #A4A4A4;}

.page-header-wrapper{margin-bottom: 3.5rem; font-weight: 600; font-size: 1.875rem; line-height: 100%;}
.page-header-wrapper h1{font-size: 4.5rem; color: #FFB800; line-height: 100%; margin-bottom: 0;}
body.about .navigator{max-width: 755px;}

.about-content-wrapper{width: 100%; max-width: 755px; text-align: justify;}

footer{padding: 4.5rem 0; background-color: #202020;}
#footer-logo-wrapper{margin-bottom: 3.5rem;}
#footer-links-wrapper{margin-bottom: 2.5rem;}

body.white.about main{background: url(../img/about/esra-odabasi.png) no-repeat right 11.5675rem #FFF;}

.inspire-row{font-size: 2rem; margin-bottom: 5rem;}
.inspire-row p{letter-spacing: -0.31px;}
.inspire-row .page-header-wrapper{margin-bottom: 3rem;}
#inspire-row-1-image{width: 100%; max-width: 718px;}
#inspire-row-1-text{width: 100%; padding-right: 3.5rem; max-width: 560px; }

#inspire-row-2-image{width:100%; max-width: 590px;}
#inspire-row-2-text{width:100%; max-width: 718px; padding-left: 4.5rem;}

#inspire-mixed-images-wrapper img{max-width: 100%;}

#press-hero-image{margin-bottom: 2.5rem;}
#press-hero-wrapper{color: #AEAEAE; text-align: center;}
#press-hero-text{max-width: 800px; text-align: center;}

.video-thumbnail{position: relative;}
.video-thumbnail::after{position: absolute; z-index: 2; background: url(../img/icons/play.svg) no-repeat center center; left: 50%; top: 50%; width: 147px; height: 147px; content: ''; transform: translateX(-50%) translateY(-50%);}

#press-other-links-wrapper{background-color: #FFF; padding: 80px;}
#press-items-wrapper{gap: 3rem; grid-template-columns: 1fr 1fr;}
.press-item a{text-decoration: none; color: inherit; text-align: center;}
.press-item-thumbnail-wrapper{margin-bottom: 2rem;}
.press-item-thumbnail-wrapper{margin-bottom: 2rem;}

#contact-form-wrapper{width:100%; max-width: 650px; padding-right: 20px;}
#contact-right-image-wrapper{width: 100%; max-width: 570px; padding-top: 45px;}
.text-input{margin-bottom: 30px; height: 80px; color: #2C2C2C; font-size: 27px; font-weight: 400; padding: 0 20px; border: 3px solid #EAEAEA; outline: none; }
.text-input:focus,.form-row textarea:focus{border: 3px solid #FFB800;}
.form-row textarea{resize: none; height: 210px;  border: 3px solid #EAEAEA; color: #2C2C2C; font-size: 27px; font-weight: 400; padding: 10px 20px; outline: none;}
.form-row textarea::placeholder{color: #858585; font-size: 27px; font-style: normal; font-weight: 400; }
.form-btn{background: #FFB800; outline: none; border: none; color: #FFF; text-align: center; font-size: 32px;font-style: normal;
font-weight: 800; height: 100px; margin-top: 30px; margin-bottom: 30px; display: flex; align-items: center; text-align: center; justify-content: center; cursor: pointer;}
.form-btn img{margin-left: 15px; margin-bottom: 5px;}

.more-btn{display: flex; align-items: center; justify-content: center; background: #FFB800; width: 500px; height: 60px; margin: 0 auto; margin-top: 50px;}
.more-btn a{ color: white; text-decoration: none;  font-size: 25px;font-style: normal;
    font-weight: 800; }

.konusma-konulari-list-header{font-size: 36px; font-weight: 800;     color: #FFB800;}
.konusma-konulari-list ul {list-style: none; padding: 0; margin-top: 30px;}
.konusma-konulari-list ul li{font-size: 28px; margin-top: 10px;}
.konusma-konulari-list ul li::before{ content: "• "; color: #FFB800;}
.inspire-column-images-1-bottom{margin-bottom: 30px;}
.form-row h2{color: #FFB800; padding-top: 40px;} 
@media (max-width:1366px) {
    body.white.about main{background-size: 550px 810px;}    
}

@media (max-width:1280px) {
    body.white.about main{background-size: 400px 590px;}    
}

@media(max-width:768px){
    .more-btn{width: 320px; }
    #hero-image-container{overflow: hidden;} 
    #hero-image-container img{width: auto !important; transform: translateX(-50px) !important;}
    .more-btn a {font-size: 20px; }
    #activites{align-items: center !important; justify-content: center !important; flex-direction: column !important; }
    .activity-item{width: 100%; margin-bottom: 50px;}
    #middle-hero-spot-wrapper{position: inherit;}
    #middle-hero-right-cell{position: inherit !important;}
    #header-slogan-wrapper{left: 15%; transform: translateY(0%); }
    #header-slogan-wrapper{top: 40% !important;}
    #footer-links-wrapper{flex-direction: column;}
   #footer-links-wrapper .menu-item:not(:last-child){border-right:none ;     border-bottom: 2px solid #FFB800;}
   .mobile-content{flex-direction: column;}
   #middle-hero-text{padding: 10px;}
   #middle-hero-right-cell{width: 100%;}
   body.white.about main{background: none;}
   body.white main{    background-color: #FFF !important; }
   .inspire-row{flex-direction: column;}
   #inspire-row-1-text{margin-bottom: 20px;}
   #inspire-row-2-text{padding-left: 0; margin-top: 20px;}
   #inspire-mixed-images-wrapper{display: block !important; }
   
   #inspire-column-images-1,#inspire-column-images-2{display: block !important; width: 100%;}
   .inspire-column-images-1-bottom{margin-bottom: 20px;}
   #inspire-column-images-1 .row{margin-bottom: 20px;}
   #press-other-links-wrapper{padding: 0;}
   #press-items-wrapper{grid-template-columns:none;    padding-top: 50px;   }
   .video-thumbnail img{width: 100%;}
   #press-hero-wrapper{margin-bottom: 20px;}
   #contact-right-image-wrapper{display: none;}
}

@media (max-height:720px) {
    #header-slogan-wrapper{    top: 26%; }
    #middle-hero-text{padding: 20px;}    
    #hero-image-container{width: 100%; height: 100%;}
        #middle-hero-spot-wrapper{    transform: translateY(30px);   

}

@media (max-height:676px) {
    #header-slogan-wrapper{    top: 26%;   padding: 10px;}
    #hero-content-area h1{font-size: 3rem;}  

}
      
}

@media (max-width: 1023px){
#mobile-menu-trigger {
    position: absolute;
    right: 24px;
    top: 20px;
    width: 40px;
    height: 40px;
    padding: 6px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
    z-index: 6;
}

body.menu-opened #header-menu {
    display: flex;
    flex-direction: column;
}

body.menu-opened #header-menu {
    position: fixed;
    background-color: #202020;
    height: 100vh;
    width: 100%;
    z-index: 5;
    right: 0;
    top: 0;
    padding: 20px;
    padding-top: 100px;
}
#header-menu{
    display: none;
}

#mobile-menu-trigger div:first-child {
    max-width: 21px;
}

#mobile-menu-trigger div {
    background-color: #FFF;
    height: 4px;
    border-radius: 50em;
    margin-bottom: 5px;
    width: 100%;
    transform-origin: center center;
    transition: linear all .2s;
}

body.menu-opened #mobile-menu-trigger div:nth-child(1) {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
    max-width: 28px;
}
body.menu-opened #mobile-menu-trigger div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
    width: 28px;
    margin: 0;
}

body.menu-opened #header-menu {
    display: flex;
    flex-direction: column;
    align-items: center !important;
}
.menu-item:not(:last-child){border-right: none;}
#header-menu-wrapper{flex-direction: column;}

.menu-item a{
    line-height: 30px;
    justify-content: flex-start;
    padding: 0;
    height: 75px;
    align-items: center;
    font-size: 1.5rem;
}
.social-media-icon-wrapper{position: static !important; align-items: center !important;}

.white header #mobile-menu-trigger div{background: black !important;}
.white .container #header-menu .social-media-icon-wrapper img{
    -webkit-filter: invert(100%); /* Safari/Chrome */
    filter: invert(100%);
}
body.white header .menu-item a{color: white;}

body.white.menu-opened #mobile-menu-trigger div:nth-child(1),body.white.menu-opened #mobile-menu-trigger div{
    background: white !important;

}

body.menu-opened {
    overflow: hidden;
}

}