/*
    -- primary --   
    Navy:           #001C33     rgba(0,28,51,1)
    Teal:           #032B29     rgba(3,43,41,1)
    Blue:           #1FB5D9     rgba(31,181,217,1)
    Green:          #8CCC29     rgba(140,204,41,1)
    Light Blue:     #9EE0F0     rgba(158,224,240,1)
    Light Green:    #BAE58A     rgba(186,229,138,1)


    -- secondary --
    Maroon:         #820033     rgba(130,0,51,1)
    Orange:         #FF690F     rgba(255,105,15,1)
    Charcoal:       #262629     rgba(38,38,41,1)
    Grey:           #878787     rgba(135,135,135,1)
    light Grey      #BFBFBF     rgba(191,191,191,1)

    <link rel="stylesheet" href="https://use.typekit.net/yli1lkw.css">
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif; //headlines 400 | 600 | 700    
    font-family: "fairplex-wide", serif; // 400 | 500 

    -----
   
  

    .small-order-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }
   
*/

/*#region keyframes*/
@font-face {
    font-family: 'KnockoutHTF49-LiteweightRegular';
    src: url('/includes/fonts/KnockoutHTF49-LiteweightRegular.otf') format('opentype');
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes fade-in-move-down {
    0% {
        opacity: 0;
        transform: translateY(-3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-move-up {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade-in-move-right {
    0% {
        opacity: 0;
        transform: translateX(-3rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
@keyframes fade-in-move-left {
    0% {
        opacity: 0;
        transform: translateX(3rem);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
/*#endregion*/

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0
}

.fadeInOne {
    animation: fadeIn linear 1s;
    -webkit-animation: fadeIn linear 1s;
    -moz-animation: fadeIn linear 1s;
    -o-animation: fadeIn linear 1s;
    -ms-animation: fadeIn linear 1s;
}

.fadeInTwo{
    animation: fadeIn linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
}

.fadeInMoveUp {
    -webkit-animation: fade-in-move-up 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up 1s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up 1s; /* Internet Explorer */
    -o-animation: fade-in-move-up 1s; /* Opera < 12.1 */
    animation: fade-in-move-up 1s;
}

.fadeInMoveDown {
    -webkit-animation: fade-in-move-down 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-down 1s; /* Firefox < 16 */
    -ms-animation: fade-in-move-down 1s; /* Internet Explorer */
    -o-animation: fade-in-move-down 1s; /* Opera < 12.1 */
    animation: fade-in-move-down 1s;
}
.fadeInMoveRight {
    -webkit-animation: fade-in-move-right 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-right 1s; /* Firefox < 16 */
    -ms-animation: fade-in-move-right 1s; /* Internet Explorer */
    -o-animation: fade-in-move-right 1s; /* Opera < 12.1 */
    animation: fade-in-move-right 1s;
}
.fadeInMoveLeft {
    -webkit-animation: fade-in-move-left 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-left 1s; /* Firefox < 16 */
    -ms-animation: fade-in-move-left 1s; /* Internet Explorer */
    -o-animation: fade-in-move-left 1s; /* Opera < 12.1 */
    animation: fade-in-move-left 1s;
}

.revealCustom {
    position: relative;
    transform: translateY(150px);
    opacity: 0;
    transition: .75s all ease;
}

.revealCustom.active {
    transform: translateY(0);
    opacity: 1;
}

#topOfPage {
    padding: 2rem 4rem;
}

.navy {
    color: #001C33
}
.blue {
    color: #1FB5D9
}
.ltBlue {
    color: #9EE0F0
}
.green {
    color: #8CCC29
}
.ltGreen {
    color: #BAE58A
}
.teal {
    color: #032B29
}

/*#region welcome*/
#welcomeArea {
}
#welcomeImage {
    padding:1rem .5rem 1rem 1rem;
}
#welcomeImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
       
}
#welcomeContent {
    padding: 1rem 1rem 1rem .5rem;
    font-family: "fairplex-wide", serif;
}
#welcomeContentInner {
    padding: 7% 25% 5% 5%;
    color: #FFF;
    height: 100%;
    width: 100%;
    
    background: #001C33;
    /*
        background: rgb(140,204,41);
        background: linear-gradient(180deg, rgba(140,204,41,1) 0%, rgba(31,181,217,1) 100%);*/
}
    #welcomeContentInner a, #welcomeContentInner a:focus, #welcomeContentInner a:active {
        color: #FFF !important;
    }
#welcomeLineOne {
    text-transform: uppercase;
    letter-spacing:2px;
    font-size: 3em;
    font-weight: 700;
    /*font-family: "fairplex-wide", serif;*/
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
}
#welcomeLineTwo {
    font-size: 6.5em;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    font-weight: 400;
}
#welcomeLineButton {
    margin-top: 4rem;
    padding: .5rem;
    text-align: center;
    width: 250px;
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    text-transform: uppercase;
    font-size: 2rem;
    font-weight: 400;
    border: 4px solid #FFF;    
    background: transparent;
    transition: all .25s ease-in-out;
}
    #welcomeLineButton:hover, #welcomeLineButton:focus, #welcomeLineButton:active {
        outline: none;
        color:#FFF !important;
        border: 4px solid #FF690F !important;
        background: #FF690F;
    }
/*#endregion*/

/*#region contentArea*/
    #contentArea {
        padding-bottom:1.5rem;    
    }
    #contentContentInner {
        padding: 2rem 5rem 0 5rem;
        font-size: 1.25rem;
    }
    #contentContentInner h2 {
        font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
        font-size: 2.5rem;
    }
    #contentContentInner h3 {
        font-size: 2rem;
    }

    #contentContentInner ol {
        margin:1rem 0 2rem 3rem;
    }

#contentLineButton {
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    color: #001C33;
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top: 2rem;
    padding: 1rem;
    text-align: center;
    width: 350px;
    font-size: 1.75rem;
    font-weight: 700;
    border: 4px solid #1FB5D9;
    background: transparent;
    transition: all .25s ease-in-out;
}
    #contentLineButton:hover, #welcomeLineButton:focus, #welcomeLineButton:active {
        outline: none;
        color: #8CCC29;
        border: 4px solid #8CCC29;
    }

    #contentImageInnerContainer img {
        width:100%;
    }
    #contentImageOne, #contentImageTwo {
        height: 325px;
        overflow: hidden;
        padding:.5rem;
    }
    #contentImageTwo {
        padding-right:1rem;
    }
    #contentImageThree {
        padding:1rem 1rem 2rem .5rem;
        height:350px;
        overflow:hidden
    }
/*#endregion*/

/*#region wayfinders*/
#wayfindersArea {}
#wayfinderHeader {
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    text-align: center;
    text-transform: uppercase;
    padding-top: 4rem;
    border-bottom: 2px solid #ccc
}
#wayfinderHeader h2 {
    /*color: #8CCC29;*/
    font-size: 4.8rem;
    font-weight: 700;
}

#wayfindersAll {
    border-top: 1px solid rgba(255,255,255,.5);
    border-bottom: 1px solid #FFF;
    padding: 2rem;
    background: #001C33;
    color: #FFF;
}
#wayfindersAllButton {
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
   font-size:1.5em;
    text-transform: uppercase;
    width: 300px;
    margin: 0 auto;
    padding: 1rem .5rem;
    border: 4px solid #FFF;
    background: transparent;
}
#wayfindersAll a {
    color: #FFF;
}
#wayfindersAllButton:hover, #wayfindersAllButton:focus, #wayfindersAllButton:active {
    background: rgb(140,204,41);
}    
/*#endregion*/

/*#region sponsors*/
#sectionSponsors{
    padding-top:2rem;
    text-align:center;
}
#sectionSponsors h2 {
    color: #FF690F;
    font-size: 3.5rem;
    font-weight: 700;
}
#sponsorContainer {
    padding:2rem 4rem;
}
.sponsorLogo {
    display: inline-block;
    padding:1rem;
}
/*#endregion*/
/*#region calltoaction */
#sectionAction {
    padding: 2rem;
    font-size: 1rem;
    position: relative;
    border-top: 2px solid #001C33;
}
.actionCell {
    width:50%
}

#actionContent h3 {
    color: #001C33;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}
#actionContent a {
    color: #8CCC29;
    letter-spacing: 1px;
    text-decoration: underline;
}
#actionContent a:hover, #actionContent a:focus, #actionContent a:active {
    color: #FF690F;
}
#actionContent .actionLink {
    position: absolute;
    bottom: 4rem;
    font-weight: 700;
}

.actionDivide {
    border-right: 1px solid #808080;
}

.actionPaddingLeft {
    padding-left: 1rem;
}
/*#endregion*/

/*#region media breaks*/
@media(max-width:1825px) {
    #welcomeLineTwo {
        font-size: 5.5rem;
    }
}

@media(max-width:1730px) {
    #welcomeContentInner {
        padding: 7% 30% 5% 5%;        
    }
    #welcomeLineOne {       
        font-size: 2.15rem;
    }
    #welcomeLineTwo {
        font-size: 5rem;
    }
    #contentContentInner h2 {
        font-size: 2rem;
    }
    #contentContentInner h3, #contentLineButton {
        font-size: 1.4875rem;
    }
    #contentImageOne, #contentImageTwo {
        height: 300px;
    }
    #contentImageThree {       
        height: 325px;
    }
}
@media(max-width:1630px) {
    #welcomeContentInner {
        padding: 8% 10% 5% 5%;
    }    
    #welcomeLineTwo {
        font-size: 4.5rem;
    }
    #contentContentInner {
        font-size: 1.0625rem;
    }
    #contentContentInner h2 {
        font-size: 1.75rem;
    }    
    #contentContentInner h3, #contentLineButton {
        font-size: 1.3rem;
    }
    #contentImageOne, #contentImageTwo {
        height: 275px;
    }
    #contentImageThree {
        height: 300px;
    }
    #wayfinderHeader h2 {       
        font-size: 3.25rem;
    }
    #actionContent .actionLink {
        bottom: 2rem;
    }
}
@media(max-width:1460px) {
    #welcomeContentInner {
        padding: 3rem 3rem 3rem 2rem;
    }
    #welcomeLineOne {
        font-size: 2rem;
        word-spacing: .5rem;
    }
    #welcomeLineTwo {
        font-size: 4rem;
    }
    #welcomeLineButton {
        font-size: 1.75rem;
        padding: .75rem 1rem;
        margin-top: 2rem;
    }
    #contentContentInner {
        font-size: 1rem;
    }
    #contentContentInner h2 {
        font-size: 1.5rem;
    }
    #contentContentInner h3, #contentLineButton {
        font-size: 1.1142rem;
    }
    #contentImageOne, #contentImageTwo {
        height: 250px;
    }
    #contentImageThree {
        height: 275px;
    }
    #actionContent {
       /* padding: 0 6rem;*/
    }
    .actionCell {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    .actionPaddingLeft {
        padding-left: 0;
    }
    .actionImageCell img {
        width:100%;
    }
    .actionCententCell {
        height: 200px;
        padding-top:1rem;
    }
    .actionPaddingLeft .actionCell:first-of-type {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .actionPaddingLeft .actionCell:last-of-type {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}
@media(max-width:1350px) {
    #contentImageOne, #contentImageTwo {
        height: 225px;
    }
    #contentImageThree {
        height: 250px;
    }
    #contentContentInner {
        padding: 1.5rem 2.5rem 0 2.5rem;        
    }
}
    @media(max-width:1270px) {
        #welcomeLineOne {
            font-size: 1.75rem;
            word-spacing: .25rem;
        }
        #welcomeLineTwo {
            font-size: 3.5rem;
        }
        #contentImageOne, #contentImageTwo {
            height: 200px;
        }
        #wayfinderHeader h2 {
            font-size: 3rem;
        }
    }

    @media(max-width:1150px) {        
        #welcomeLineOne {
            font-size: 1.5rem;
        }
        #welcomeLineTwo {
            font-size: 3rem;
        }
        #contentContentInner {
            padding: .5rem 2.5rem 0 2.5rem;
            line-height: 1.3rem;
        }
        #contentContentInner, #contentContentInner p {
            line-height: 1.3rem;
        }
        #contentContentInner h2 {
            font-size: 1.25rem;
        }
        #contentContentInner h3, #contentLineButton {
            font-size: 1.08rem;
        }
        #contentImageOne, #contentImageTwo {
            height: 180px;
        }        
    }

    @media(max-width:1023px) {
        #welcomeContent {
            padding: 1rem 1rem 1rem 1rem;
        }
        #welcomeImage {
            padding: 0 1rem 1rem 1rem;
        }
        #contentContentInner {
            padding: 2rem 2.5rem 0 2.5rem;            
        }
        #contentContentInner, #contentContentInner p {
            line-height: inherit;
            font-size: 1.25rem;
        }
        #contentContentInner h2 {
            font-size: 2.35rem;
            font-weight: 700;
        }
        #contentContentInner h3, #contentLineButton {
            font-size: 1.75rem;
        }
        #contentImage {
            padding-top:2.5rem;
        }
        #contentImageOne {
            padding:0 .5rem .5rem 1rem;
        }
        #contentImageTwo {
            padding: 0 1rem .5rem .5rem;
        }
        #contentImageThree {
            padding:1rem 1rem 0 1rem;
        }
        #contentImageOne, #contentImageTwo {
            height: 325px;
        }
        #contentImageThree {
            height: 350px;
        }
        #wayfinderHeader h2 {
            font-size: 2.5rem;
        }
        #actionContent {
            max-width:700px;
            margin:0 auto;
        }
        .actionDivide {
            border-right: 0;
            border-bottom: 1px solid #ccc;
            padding-bottom: 1rem;
        }
        .actionPaddingLeft {
            padding-top:2rem;
        }
        #actionContent .actionLink {
            position: relative;            
            padding-top: 2rem;
        }
    }

@media(max-width:930px) {
    #contentImageOne, #contentImageTwo {
        height: 300px;
    }
    #contentImageThree {
        height: 325px;
    }
}

@media(max-width:830px) {
    #contentImageOne, #contentImageTwo {
        height: 250px;
    }
    #contentImageThree {
        height: 275px;
    }
    #contentContentInner, #contentContentInner p {
        line-height: 1.6;
        font-size: 1.0625em;
    }
    #contentContentInner h2 {
        font-size: 2rem;
    }
    #contentContentInner h3, #contentLineButton {
        font-size: 1.4875rem;
    }
    #wayfinderHeader {       
        padding-top: 2rem;
    }
    #wayfinderHeader h2 {
        font-size: 2.25rem;
    }
}

@media(max-width:730px) {
    #contentImageOne, #contentImageTwo {
        height: 200px;
    }
    #contentImageThree {
        height: 225px;
    }
    #wayfinderHeader h2 {
        font-size: 2rem;
    }
}
@media(max-width:575px) {
    #contentContentInner {
        padding: 1.5rem 1.5rem 0 1.5rem;
    }
    #contentContentInner, #contentContentInner p {
        font-size: 1rem;
    }
    #contentContentInner h2 {
        font-size: 1.5rem;
    }
    #contentContentInner h3, #contentLineButton {
        font-size: 1.1142rem;
    }
    #contentLineButton {
        width: 100%;
    }

    #contentImageOne, #contentImageTwo {
        height: 175px;
    }
    #contentImageThree {
        height: 200px;
    }
    #wayfinderHeader {        
        padding: 2rem 1rem 0 1rem;
    }
    #wayfinderHeader h2 {
        font-size: 1.75rem;
    }
}

@media(max-width:525px) {
    #contentImageOne, #contentImageTwo {
        height: 125px;
    }
    #contentImageThree {
        height: 150px;
    }
    .actionCententCell {
        height: 225px;
    }
}

@media(max-width:375px) {
    #welcomeLineOne {
        font-size: 1rem;
    }
    #welcomeLineTwo {
        font-size: 2rem;
    }
    #welcomeLineButton {
        margin-top: 2rem;
        padding: .5rem;
        width: 100%;
        font-size: 1.25rem;        
    }

    #contentImageOne, #contentImageTwo {
        height: 100px;
    }
    #contentImageThree {
        height: 125px;
    }
    .actionCententCell {
        height: 250px;
    }
}

    /*#endregion*/