/*-----------------------------------------------------------------------------------------
*****************************************************************************************
 Designed by Unthink 
 Developed by Neasa Ronayne, Unthink 
 ****************************************************************************************
 -------------------------------------------------------------------------------------------*/
@font-face{ 
    font-family: 'Apercu';
    src:url("../fonts/Apercu%20Regular.otf");
    font-weight: 400;
    font-style: normal;
}@font-face{ 
    font-family: 'Apercu Mono';
    src:url("../fonts/Apercu%20Mono.otf");
    font-weight: 400;
    font-style: normal;
}@font-face{ 
    font-family: 'Apercu';
    src:url("../fonts/Apercu%20Bold.otf");
    font-weight: bold;
    font-style: normal;
}

html,body{margin:0;font-smoothing: antialiased;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;height:100%;overflow: hidden;}
body{height: initial;min-height: 100%;}

/*Loading Effects*/
.fade_content > *, .fade_content_delay_up > *.fade_in_after > *, .fade_content_up > * > *, .bGreen{
	opacity:0;
	-o-transition: ease-in-out opacity 1.5s, ease transform 1s;-moz-transition: ease-in-out opacity 1.5s, ease transform 1s;-webkit-transition: ease-in-out opacity 1.5s, ease transform 1s;transition: ease-in-out opacity 1.5s, ease transform 1s;transition-delay: .2s;
}
.fade_content_up > * > *, .fade_content_delay_up > *.fade_in_after > *{transform: translateY(100%);}
/*Nav fade out*/
.fade_content_delay_up > *.fade_in_after > *{
    -o-transition: ease-in-out opacity 0.7s 1s, ease transform 1s 1s, color 0.5s;
    -moz-transition: ease-in-out opacity 0.7s 1s, ease transform 1s 1s, color 0.5s;
    -webkit-transition: ease-in-out opacity 0.7s 1s, ease transform 1s 1s, color 0.5s;
    transition: ease-in-out opacity 0.7s 1s, ease transform 1s 1s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after:nth-child(4) > *{
    -o-transition: ease-in-out opacity 0.7s 0.8s, ease transform 1s 0.8s, color 0.5s;
    -moz-transition: ease-in-out opacity 0.7s 0.8s, ease transform 1s 0.8s, color 0.5s;
    -webkit-transition: ease-in-out opacity 0.7s 0.8s, ease transform 1s 0.8s, color 0.5s;
    transition: ease-in-out opacity 0.7s 0.8s, ease transform 1s 0.8s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after:nth-child(5) > *{
    -o-transition: ease-in-out opacity 0.7s 0.4s, ease transform 1s 0.4s, color 0.5s;
    -moz-transition: ease-in-out opacity 0.7s 0.4s, ease transform 1s 0.4s, color 0.5s;
    -webkit-transition: ease-in-out opacity 0.7s 0.4s, ease transform 1s 0.4s, color 0.5s;
    transition: ease-in-out opacity 0.7s 0.4s, ease transform 1s 0.4s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after:nth-child(6) > *{
    -o-transition: ease-in-out opacity 0.7s 0.2s, ease transform 1s 0.2s, color 0.5s;
    -moz-transition: ease-in-out opacity 0.7s 0.2s, ease transform 1s 0.2s, color 0.5s;
    -webkit-transition: ease-in-out opacity 0.7s 0.2s, ease transform 1s 0.2s, color 0.5s;
    transition: ease-in-out opacity 0.7s 0.2s, ease transform 1s 0.2s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after:nth-child(7) > *{
    -o-transition: ease-in-out opacity 0.7s, ease transform 1s, color 0.5s;
    -moz-transition: ease-in-out opacity 0.7s, ease transform 1s, color 0.5s;
    -webkit-transition: ease-in-out opacity 0.7s, ease transform 1s, color 0.5s;
    transition: ease-in-out opacity 0.7s, ease transform 1s, color 0.5s;}
/*Nav fade in*/
.fade_content_delay_up > *.fade_in_after.fade_in > *{
    -o-transition: ease-in-out opacity 1.5s, ease transform 1s, color 0.5s;
    -moz-transition: ease-in-out opacity 1.5s, ease transform 1s, color 0.5s;
    -webkit-transition: ease-in-out opacity 1.5s, ease transform 1s, color 0.5s;
    transition: ease-in-out opacity 1.5s, ease transform 1s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after.fade_in:nth-child(4) > *{
    -o-transition: ease-in-out opacity 1.5s 0.2s, ease transform 1s 0.2s, color 0.5s;
    -moz-transition: ease-in-out opacity 1.5s 0.2s, ease transform 1s 0.2s, color 0.5s;
    -webkit-transition: ease-in-out opacity 1.5s 0.2s, ease transform 1s 0.2s, color 0.5s;
    transition: ease-in-out opacity 1.5s 0.2s, ease transform 1s 0.2s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after.fade_in:nth-child(5) > *{
    -o-transition: ease-in-out opacity 1.5s 0.4s, ease transform 1s 0.4s, color 0.5s;
    -moz-transition: ease-in-out opacity 1.5s 0.4s, ease transform 1s 0.4s, color 0.5s;
    -webkit-transition: ease-in-out opacity 1.5s 0.4s, ease transform 1s 0.4s, color 0.5s;
    transition: ease-in-out opacity 1.5s 0.4s, ease transform 1s 0.4s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after.fade_in:nth-child(6) > *{
    -o-transition: ease-in-out opacity 1.5s 0.8s, ease transform 1s 0.8s, color 0.5s;
    -moz-transition: ease-in-out opacity 1.5s 0.8s, ease transform 1s 0.8s, color 0.5s;
    -webkit-transition: ease-in-out opacity 1.5s 0.8s, ease transform 1s 0.8s, color 0.5s;
    transition: ease-in-out opacity 1.5s 0.8s, ease transform 1s 0.8s, color 0.5s;}
.fade_content_delay_up > *.fade_in_after.fade_in:nth-child(7) > *{
    -o-transition: ease-in-out opacity 1.5s 1.0s, ease transform 1s 1.0s, color 0.5s;
    -moz-transition: ease-in-out opacity 1.5s 1.0s, ease transform 1s 1.0s, color 0.5s;
    -webkit-transition: ease-in-out opacity 1.5s 1.0s, ease transform 1s 1.0s, color 0.5s;
    transition: ease-in-out opacity 1.5s 1.0s, ease transform 1s 1.0s, color 0.5s;}

.fade_content_up > *:nth-child(2) > *{transition-delay: .4s;}
.fade_content_up > *:nth-child(3) > *{transition-delay: .8s;}
.fade_content > *.fade_in, .fade_content_delay_up > *.fade_in > *, .fade_content_up > *.fade_in > *{opacity:1;}
.fade_content_up > *.fade_in > *, .fade_content_delay_up > *.fade_in > *{transform: translateY(0);}
/*.fade_content_up span, section, div, .fade_content_delay_up a, nav li, .mobile_nav li{overflow: hidden;}*/
section, div, .fade_content_delay_up a{overflow: hidden;}
.details{overflow: visible;}
.initialOver{overflow:initial!important;}

/*Display & Pos*/
nav a, .fade_content span, .fade_in_after span, .mobile_nav a, .imgBox img{display: block;}
#intro nav, #arrow, .mobile_logo, .mobileHead, #date, .mobile_logo, menu, .displaySm, nav.displayNone{display:none;}
/*.mobile_logo{display:none!important;}*/
.posRel{position: relative;}

/*Links*/
a{transition: all 0.5s; -webkit-transition:all 0.5s;  -moz-transition:all 0.5s;  -o-transition:all 0.5s; }
#infoPanel a{color:inherit;}
a, nav a, a:focus, #infoPanel a:hover{text-decoration: none;color: #00FF00;}
a:hover, a:focus{color:inherit;}
nav a, .mobile_nav a{color:inherit;} 
#aboutOver a{color:white;}
nav a:hover, nav li.active a{
    /*padding-left: 86px;
    padding-left:calc(22px + (86 - 22) * ((100vw - 300px) / (2500 - 300)));*/
    color:#00ff00;
}
.aboutIn nav a:hover, .aboutIn nav li.active a, .mobile_nav li.active a, .aboutIn nav .active{color:white;}

/*Color*/
.greenTxt, #aboutLink span:hover, .txtArea.applyBtn:hover, .applyPage a.applyBtn{color:#00FF00;}
.greenOver, .mobile_nav, .bGreen, #applyBtn, #applyTrans, #applyArea{background-color: #00FF00;}
.whiteTxt, .mobile_nav span.greenTxt, body.aboutIn #aboutLink span:hover, #applyBtn, .wpcf7-mail-sent-ok, #applyArea a, a.applyBtn{color:white;}
.mobile_logo a, #applyArea a:hover{color:black;}

.bGreen{opacity: 1;position: absolute;top:0;right:0;left:0;bottom:0;}
.bGreen.fade_in{opacity: 0;}

/*Columns*/
*, :after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.col_lg_7{width:58.33333333%;}
.col_lg_5{width:41.66666665%;float:left;}
.col_offset_3{margin-left:24.99999999%;margin-left: 33.33333332%;}
.col_offset_5{margin-left:41.66666665%;}


/*Typography*/
body, p, h1 span, nav span.greenTxt, input{font-size: 18px;font-family: 'Apercu';font-weight: 400;line-height: 25px;font-size: 20px;line-height: 28px;}
nav, h1, .mobile_logo, .mobile_nav{
    font-family: 'Apercu Mono';
    font-size: calc(40px + (130 - 40) * ((100vw - 300px) / (2500 - 300)));
    line-height: calc(40px + (115 - 40) * ((100vw - 300px) / (2500 - 300)));
    text-transform: uppercase;font-weight: 400;}

/*Margins*/
nav, menu, .mobile_logo, .mobile_nav{padding: 10px;}
nav ul, p, h1, menu, section#start, section#intro, .txtArea p:last-child, .mobile_nav ul, #aboutOver ul, #place ul{margin:0}
.single_people .details{margin-top: 20px;}
p, .single_people .details, .mobileHead, #aboutOver ul, #place ul, .applyForm{margin-bottom: 20px;}
#intro, #aboutOver ul, #place ul{padding:0;}
section, #aboutOver{padding-top: 10px;}
#applyArea{padding-top:120px;}
.txtArea{padding-right: 10px;}
section#start{padding:0;}
.txtArea p:last-child, section .imgBox{margin-bottom: calc(35px + (100 - 35) * ((100vw - 300px) / (2500 - 300)));}
section{padding-bottom: calc(35px + (100 - 35) * ((100vw - 300px) / (2500 - 300)));}

/*Widths*/
p{max-width: 600px;text-indent: 50px;} #applyArea p{text-indent: 0;}
.maxW600, .txtArea ul, #aboutOver ul, #place ul{max-width: 600px;}
img{width:100%;height:auto;}

.subscript{display:inline-block;}
.subscript span{top:0;}

/*Nav*/
nav, .mobile_logo, .greenOver, .mobile_nav, menu, #applyTrans{position: fixed;z-index: 3;top:0} 
menu, #applyTrans{z-index: 6;} 
nav, .mobile_nav, #closeTrans{z-index: 5;} 
#intro nav, .moveDiv, #arrow, h1 span, nav span.greenTxt, .mobile_nav span.greenTxt, .tabBtn{position: absolute;}
nav ul, .mobile_nav ul{list-style-type: none;padding:0;}
nav #aboutLink, .applyBtn{cursor: pointer;}
menu{right:0;}
/*menu{position: fixed;right:10px;top:10px;z-index: 3;font-size: 60px;line-height: 60px;text-align: center;font-family: 'Apercu Mono';font-size: 20px;line-height: 20px;}
menu:after{content:'';height:30px;width: 30px;border-radius: 50%;border:1px solid;position: absolute;left:1px;top:6px;z-index: -1;}
menu:hover{color:white;cursor: pointer;}
menu:hover:after{background-color: black;}*/
/*Nav Social*/
li.social{
    font-size: initial;
    line-height: initial;
    text-transform: initial;
    padding-left: 7px;
    padding-top: 20px;
}
li.social a {
    display: inline-block;
    width: 20px;
    text-align: center;
}
/*Apply Button*/
#applyTrans, #closeTrans{top:-100%;overflow: visible;transition: top 0.8s;} #applyTrans.slideDown, #closeTrans.slideDown{top:0%;}
#closeTrans{position: fixed;top:100%;background-color: white;}
.tabBtn{right:45px;padding:30px; bottom:-80px; line-height: 17px;transition: bottom 0.3s;height: calc(40px + (130 - 40) * ((100vw - 300px) / (2500 - 300)));height:90px;} #closeApplyBtn{top:-80px;bottom: initial;background-color: white;transition: top 0.3s;}
#applyTrans:hover #applyBtn, #applyTrans:focus#applyBtn{bottom: -90px;}
#closeTrans:hover #closeApplyBtn, #closeTrans:focus#closeApplyBtn{top: -90px;}

/*About*/
.greenOver{top:-100%;} 
.greenOver, .mobile_nav{transition: all 0.8s;} 
.mobile_nav{left:100%;} 
.greenOver{overflow: scroll;}
.greenOver.in, .mobile_nav.in{opacity: 1;}
.greenOver.in{top:0;}
.mobile_nav.in{left:0;}
#aboutOver ul, #place ul{list-style-type: none;}
#aboutOver ul li:before, #place ul li:before {
    content: '\2014';
    display: inline-block;
    left: -48px;
    position: relative;
    width: 0;
}
#aboutOver li {
    padding-left: 47px;
}
#place ul li:before{left:-39px;}
#place li {
    padding-left: 40px;
}

/*Intro*/
#intro{background-color: #00ff00;height:100%;z-index: 4;transition: height 1.2s;}
/*New intro*/#intro{position: absolute;z-index: 7;width: 100%;}/*End os new intro*/
#intro.gone{height: 0;}
#intro .moveDiv, .greenOver, .mobile_nav, #applyTrans, #closeTrans{width:100%;height:100%;}
#infoPanel{min-height: 100%;}
#applyArea{min-height: 100vh;}
#arrow{bottom:20px;right:10px;width: 80px;}
section{z-index: 2;position: relative;}
img#fixMe, img.slopeLogo{width: 70%;display: block;margin:0 auto;}
img.slopeLogo{margin-top: 50%;}
img#fixMe{position: fixed;z-index: 1;
    top: 50%;left: 50%;margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);}
h1, .greenTxt {margin:0;}

.fixedSlope{
    background-attachment:fixed;
    background-position:center;
    position:absolute;opacity: 1!important;
    width:100%;width:100vw;height:100vh;z-index: 1;
    background-repeat:no-repeat;
}
/*Sponsors*/
.sponsors img, #place img{max-width: 110px;}
/*Form*/
form p{text-indent: 0;}
/*.screen-reader-response, form p span.wpcf7-not-valid-tip, form.sent p{display: none;}*/
.screen-reader-response, form.sent p{display: none;}
form p .portfolio span.wpcf7-not-valid-tip, label[for=portfolio]{display: block;}

input, label[for=portfolio]{border:none;border-bottom:1px solid #fff;width:100%;line-height: 40px;background: transparent;font-family: 'Apercu Mono';-webkit-appearance:none;border-radius:0;}
input, .wpcf7-validation-errors, .wpcf7-not-valid-tip, label, .filesize, .formPrompt p{ font-size: 14px;}
.wpcf7-validation-errors{opacity: 0.8;}
input:focus, input.wpcf7-not-valid{border-bottom-width: 3px;outline: none;}
input[type=submit], label[for=portfolio]{border:1px solid #fff;text-align: left;text-transform: uppercase;}
input[type=submit]{margin-top: 40px;height:40px;padding: 0 6px;}
input[type=submit], label[for=portfolio]:hover, input[type=file]:focus + label{background-color: #fff;color:#00ff00;cursor: pointer;-webkit-appearance:none;border-radius:0;}
label[for=portfolio]{padding: 2px 6px 3px;}
input[type=file]{width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;}
input[type=submit]:hover, input[type=submit]:focus{background: transparent;color: #fff;}
input::-webkit-input-placeholder { /* WebKit, Blink, Edge */    color:    inherit;text-transform: uppercase;}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */   color:    inherit;   opacity:  1;text-transform: uppercase;}
input::-moz-placeholder { /* Mozilla Firefox 19+ */   color:    inherit;   opacity:  1;text-transform: uppercase;}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */   color:    inherit;text-transform: uppercase;}

@media screen and (max-width:1600px){ 
    h1 span, nav span.greenTxt, .mobile_nav span.greenTxt{font-size: 14px; line-height: 28px;}
}
@media screen and (max-width:1250px){ 
    p, .txtArea ul{max-width: 500px;}
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(30px + (140 - 30) * ((100vw - 300px) / (2500 - 300)));
        line-height: calc(25px + (120 - 25) * ((100vw - 300px) / (2500 - 300)));
    }
    /*menu{color:#00FF00;transform:none;top:0!important;z-index: -1;}*/
}

/*Laptop*/
@media screen and (max-height:980px) and (min-width:1025px){
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(60px + (130 - 60) * ((100vh - 300px) / (2500 - 300)));
        line-height: calc(60px + (115 - 60) * ((100vh - 300px) / (2500 - 300)));
    }    
}
/*Dell XPS 13*/
@media screen and (max-height:800px) and (min-width:1025px){
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(40px + (130 - 40) * ((100vh - 300px) / (2500 - 300)));
        line-height: calc(40px + (115 - 40) * ((100vh - 300px) / (2500 - 300)));
    }    
    body, p, h1 span, nav span.greenTxt, input, label[for=portfolio]{font-size: 17px;line-height: 25px;font-size: 20px;line-height: 28px;}
    .tabBtn{padding:25px 10px 10px 10px;height: 70px;bottom: -55px;}
    #applyTrans:hover #applyBtn, #applyTrans:focus#applyBtn{bottom:-70px;}
    #closeApplyBtn{top:-55px;padding: 20px 10px;}
    #closeTrans:hover #closeApplyBtn, #closeTrans:focus#closeApplyBtn{top:-70px;}
}
@media screen and (max-width:992px){
    body, p, input, label[for=portfolio]{font-size: 17px; line-height: 25px;}
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(30px + (100 - 30) * ((100vw - 300px) / (2500 - 300)));
        line-height: calc(25px + (80 - 25) * ((100vw - 300px) / (2500 - 300)));
    }
    .tabBtn{padding:25px 10px 10px 10px;height: 70px;bottom: -55px;}
    #applyTrans:hover #applyBtn, #applyTrans:focus#applyBtn{bottom:-70px;}
    #closeApplyBtn{top:-55px;padding: 20px 10px;}
    #closeTrans:hover #closeApplyBtn, #closeTrans:focus#closeApplyBtn{top:-70px;}
}
/*iPad*/
@media screen and (max-width:768px){
    h1 span, nav span.greenTxt{font-size: 13px;line-height: 16px;}
    img#fixMe, img.slopeLogo{width:90%;}
    /*#infoPanel{min-height: initial;}*/
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(30px + (140 - 30) * ((100vw - 300px) / (2500 - 300)));
        line-height: calc(25px + (120 - 25) * ((100vw - 300px) / (2500 - 300)));
    }
}
@media screen and (max-width:680px){
    nav, h1, .mobile_logo, .mobile_nav{
        font-size: calc(30px + (100 - 30) * ((100vw - 300px) / (2500 - 300)));
        font-size: calc(43px + (100 - 43) * ((100vw - 300px) / (2500 - 300)));
        line-height: calc(25px + (80 - 25) * ((100vw - 300px) / (2500 - 300)));
        line-height: calc(35px + (80 - 35) * ((100vw - 300px) / (2500 - 300)));
    }
}

/*Mobile*/
@media screen and (max-width:600px){
    .displayNoneSm, span.displayNoneSm, .subscript span, #fixMe, menu.displayNone{display: none;}
    nav.main .fade_in_after{display: none!important;}
    .mobileHead, .displaySm, menu{display: block;}
    .greenTxtSm{color:#00ff00;}
    .mobile_menu{height:52px;}
    .mobileHead{max-width: 80%;}
    #arrow{width:40px;}
    
    menu{font-size: 40px;}
    .fixedSlope{background: none!important;}
    
    .col_offset_5, .col_offset_3{margin-left: 0;}
    .col_lg_7, .col_lg_5{width:100%;}
    section{padding: 10px;padding-top: 120px;}
    .chromeiOS section{padding-top:90px;}
    .applyForm{padding-bottom:90px;}
    #applyArea{padding-top: 20px;}
    section .imgBox{margin-bottom: 10px;}
    
    p{text-indent: 0px;}
    
    #applyTrans, #closeTrans{top: initial;bottom: -100%;transition: bottom 0.8s;}
    #applyTrans.slideDown, #closeTrans.slideDown{bottom: 0;top: initial;}
    .tabBtn{bottom: initial;top:-55px;padding: 10px 10px 25px 10px;transition: top 0.3s;right:0;    padding: 12px 20px;}
    #closeApplyBtn{padding: 20px;}
    #applyTrans:hover #applyBtn, #applyTrans:focus#applyBtn{bottom: initial;top:-70px;}
}
@media screen and (max-width:400px){
    h1 span, nav span.greenTxt, .mobile_nav span.greenTxt{font-size: 10px;line-height: 12px;}
}

/*Touch*/
@media (any-pointer: coarse) and (any-hover: on-demand) { .fixedSlope{background: none!important;} }