.sticky-header{position: absolute !important; }

section.breadcrumbs{display: none}

.ssHeaderContainer{position: relative;text-align: center}
.ssHeader{display: block;width: 100%}
.ssHeaderText{position: absolute;top:50%;transform: translateY(-50%);width: 100%}

div.socialsomestreContainer{border-top:1px solid #d8d8d8;padding: 50px 0 0 0;margin-top:50px;}
div.socialsomestre{width: 90%;margin:0 auto;}

div.ssEventsContainer{padding: 0 0}
div.ssEvent{margin-bottom: 50px}

div.ssEvent .eventThumbnail img{display: block;width: 100%}

div.ssEvent .eventSummaryContainer{position: relative;}
div.ssEvent .eventSummary{padding: 5px;}


div.ssEvent .eventSummary h5{margin-bottom: 10px}
div.ssEvent .eventSummary ul, div.ssEvent .eventSummary ul li{padding: 0;margin:0;list-style:none;}
div.ssEvent .eventSummary ul{margin-top: 40px;position: absolute;bottom: 0;left: 15px}
div.ssEvent .eventSummary ul li{display: inline-block;margin-right: 10px}
div.ssEvent .eventSummary ul a{
    color: #000;
    font-size: 13px;
    letter-spacing: 1px;
    border: solid 1px #dddddd;
    padding: 12px 16px 10px 16px;
    line-height: 1;
    transition: all 0.3s ease;
    display: inline-block;
}
div.ssEvent .eventSummary ul a:hover, div.ssEvent .eventSummary ul a.active {
    background-color: #000;
    color: #fff !important;
    border-color:#000;
}

table {
  width: 100%;
  border-collapse: collapse;
}
table, th, td {
  border: 1px solid #d8d8d8;
}

th, td {
  padding: 15px;
  text-align: center
}

td.day{text-align: left;vertical-align: middle;}

table strong{font-family: 'TradeGothicLTStd-Ext';}
.ssEventDetail strong{font-family: 'TradeGothicLTStd-Ext';}
.ssEventDetail p{margin-bottom: 18px}


.eventCalendar{margin-top:50px;font-size: 14px}
.eventCalendar tr:hover{background:#f5f5f5;}

.toggle-apply{cursor: pointer;}

a.apply{cursor:pointer;display: inline-block;background:#000;color:#fff !important;text-align: center;padding: 12px 12px 8px 12px;font-size: 12px;line-height: 1;margin-top:10px;letter-spacing: 1px;transition: all 0.3s ease;}
a.apply:hover {box-shadow: 0 0 10px rgba(33,33,33,.5);}
span.day{display: block;font-size: 33px;font-weight: bold;text-align: center;margin-top:40px;line-height: 1;font-family: 'TradeGothicLTStd-Ext'}
span.rotate{transform: rotate(-90deg);transform-origin: center;display: block;font-weight: bold;margin-top:30px;line-height: 1}
span.time{font-weight: bold;font-size: 16px;}

.ssEventDetailContainer{display: none}
.ssEventDetail{font-size: 14px;line-height: 1.5;padding: 40px 0 20px 0}


.applyFormOverlay{  display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #171719e6;
    height: 100vh;
    z-index: 9999999;
    right: 0;}

.applyForm-modal{
    /*
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #171719e6;
    height: 100vh;
    text-align: center;
    padding: 10.333vh 0 0 0;
    z-index: 9999999;
    right: 0;
*/

  display: none;
  width: 800px;
  max-width: 100%;
  height: 600px;
  max-height: 100%;
  position: fixed;
  z-index: 100;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: white;
  z-index: 99999999;
  font-size:15px;

}

.modal-guts {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

.applyForm-modal .toggle-apply{position: absolute;right: -50px;top: -50px;display: block;width: 25px;height: 25px;z-index: 1;filter: invert(1);}
.applyForm-modal .toggle-apply img{display: block;width: 100%}

.applyForm-modal-content{
    width: 100%;
    margin: 0 auto;
    display: flex;
}

.applyForm-modal-content-left{background:#000;color: #fff;width: 40%;padding: 3vw 2vw;text-align: left}
.applyForm-modal-content-right{background:#fff;color: #000;width: 60%;padding: 3vw 2vw;text-align: left}

.nf-response-msg{font-family: 'TradeGothicLTStd-Ext';margin:30px 0;order: 2}
.nf-before-form{order: 1}
.nf-form-wrap.ninja-forms-form-wrap{display: flex;flex-direction:column;}

#eventName p{display: none}


.applyForm-modal-content-left #eventName{margin-bottom: 20px}
.applyForm-modal-content-left #eventName strong{display: block;}
.applyForm-modal-content-left p{font-size: 14px}
.ninja-forms-field{border:1px solid #d8d8d8;padding: 10px;}
.nf-form-fields-required{display: none}

select.ninja-forms-field{color:#000;opacity: 1 !important}

input#nf-field-9{    background: #000;
    color: #fff;
    font-size: 15px;
    padding: 12px 20px 10px 20px;
    border: none;
    display: inline-block;}


.kvkk{padding: 100px 0}

.kvkk h3{margin-bottom: 20px;font-size: 22px}
.kvkk p{margin-bottom: 18px;font-size: 14px}
.kvkk-button a{color: #000;text-decoration: underline !important;}

@media (max-width: 1024px){
	div.socialsomestre{width: 100%}
	div.ssEvent .eventSummary ul{position: static;}
	div.ssEvent .eventSummary ul li{margin-bottom: 20px}
	div.ssEvent .eventSummary ul{margin-top: 20px}
}

@media (max-width: 768px){
	.ssHeaderContainer{overflow: hidden;}
	.ssHeader{width: auto}
	.ssHeaderText{padding: 0 20px 0 0}
	.ssHeaderText h2{font-size: 20px;margin-bottom: 10px}
	.ssHeaderText p{font-size: 15px;}
	div.ssEvent .eventSummary{padding: 25px 5px 0 5px}
	.ssEvent .row{display: block;}
	.ssEvent .col-4, .ssEvent .col-8{display: block;width: 100%;max-width: none}

    .applyForm-modal{font-size: 13px;line-height: 1.5}
    .applyForm-modal .toggle-apply{z-index: 2;}

    .applyForm-modal{width: 100%;height: 100%}
    .applyForm-modal .toggle-apply{right: 20px;top: 20px}
    .applyForm-modal-content{width: 100%;display: block;}
    .applyForm-modal-content-left{width: 100%;position: fixed;z-index: 1;height: 200px;padding: 30px}
    .applyForm-modal-content-right{width: 100%;padding-top: 240px;padding-left: 30px;padding-right: 30px;}
    
}