/*
    -- 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)

    -----
   
   
*/

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


/*#region keyframes*/
@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);
    }
}
/*#endregion*/

/*#region general*/
.fade-in-text {
    animation: fadeIn linear 2s;
    -webkit-animation: fadeIn linear 2s;
    -moz-animation: fadeIn linear 2s;
    -o-animation: fadeIn linear 2s;
    -ms-animation: fadeIn linear 2s;
}
.copyerror {
    color:#ff0000 !important;
}
/*#endregion*/

/*#region featured image*/
#pnlFeaturedImage {
    position: relative;
    border-bottom: 0 solid #1FB5D9;
    max-height: 225px;
    overflow: hidden;
}
.hero-gradient {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);   
}
.hero-gradient-color {
    position: absolute;
    z-index: 20;
    height: 100%;
    width: 100%;
    /*background: linear-gradient(180deg, rgba(140,204,41,.95) 0%, rgba(0,28,51,.95) 90%), url('/img/bkg_wayfinder_combo.png');
        background-repeat: no-repeat;
    background-size: cover;
        background: linear-gradient(180deg, rgba(140,204,41,.95) 0%, rgba(0,28,51,.95) 90%);
    */
    background: #8CCC29;
}
#featuredFrame {
    width:100%;
    height:225px;
}
#featuredFrame img {
    object-fit: cover;
    width:100%;
    height:100%;
    object-position: 50% 50%;
}

#pnlFeaturedImage #featuredTextContainer {
    position: relative;
    top: -180px;
    padding: 1rem 0;
    z-index: 30;
    width: 100%;
    max-width: 76rem;
    margin: auto;
}
#featuredTextContainer h1 {
    color: #FFF;
    font-size: 5rem;
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    text-transform:uppercase;
    margin-bottom: 0;
    /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
    line-height: 1.15;
    padding-left: .25rem;
    -webkit-animation: fade-in-move-up .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-up .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-up .75s; /* Internet Explorer */
    -o-animation: fade-in-move-up .75s; /* Opera < 12.1 */
    animation: fade-in-move-up .75s;
}
#featuredText {
    font-size: 2rem;
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    text-transform: uppercase;
    /*text-shadow: 2px 4px 3px rgba(0,0,0,0.3);*/
    padding-top: 0;
    color: #FFF;
    padding-left: .5rem;
    line-height: 1.15;
    -webkit-animation: fade-in-move-right .75s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fade-in-move-right .75s; /* Firefox < 16 */
    -ms-animation: fade-in-move-right .75s; /* Internet Explorer */
    -o-animation: fade-in-move-right .75s; /* Opera < 12.1 */
    animation: fade-in-move-right .75s;
}
/*#endregion*/

.showhide {
    display:none;
}

#subpage-container {
    padding-top: 5rem;
    padding-bottom:4rem;
}

#subpageContent {
}

#subpageRightColumn {
    padding-left:2rem;
}

/*#region subpage navigation*/
#tunNav-container {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
    color:#FFF;
    text-transform:uppercase;
    padding-left:.5rem;
}
#tunNav-container a {
    color: #FFF;
}
#tunNav-container a:hover, #tunNav-container a:focus, #tunNav-container a:active {
    color: #8CCC29;
}

#subpageNavigation {
    margin-top:2.5rem;
    padding: 2rem 1rem 8rem 0;
    min-height: 400px;
    background-color: #fdfdfd;
    border: 1px solid #cacaca;    
}

.subpage-nav {
    list-style: none;
}

.subpage-nav li {
    font-size: 1rem;
    border-bottom: 1px solid #f4f4f4;
}

.subpage-nav li a {
    display: inline-block;
    color: #1FB5D9;
    width: 100%;
    padding: .5rem;
    text-decoration: none;
    text-transform: capitalize;
}

.subpage-nav li a:hover {
    color: #8CCC29;
}

.subpage-nav-active {
    color: #8CCC29 !important;
    font-weight: 700;
}

#subpageNavigation ul ul > li:last-child {
    border-bottom: none;
}

.noback {
    background: #FFFFFF !important;
    position: relative;
}
/*#endregion*/

/*#region content*/

.wysiwyg {
    clear: both;
    line-height: 1.5;
    font-size: 1.25rem;
    margin-bottom: 3rem;
    color: #262629;
}
.wysiwyg-title {
    color: #001C33;
    padding-bottom: .5rem;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.wysiwyg hr {
    clear: both;
    max-width: 100%;
    height: 0;
    margin: .25rem auto 0 auto;
    border-top: 0;
    border-right: 0;
    border-bottom: 1px dashed #8CCC29;
    border-left: 0;
}

.wysiwyg label {
    margin-top:1rem;
    color: #A0A0A0;
}
.wysiwyg tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #FFF;
}

.wysiwyg .button {
    font-size:1.25rem;
    border-radius:.5rem;
}
/*#endregion*/

/*#region wayfinders*/
.wfGroupLabel {
    color: #1FB5D9 !important;
    font-size: 1rem;
}

#wayfindersArea {
}

#wayfinderHeader {
    text-align: center;
    text-transform: uppercase;
    border-bottom: 2px solid #ccc;
    padding: 0 2rem;
}

    #wayfinderHeader h2 {
        color: #001C33;
        font-size: 3.5rem;
        font-weight: 700;
    }
#interestCell ul, #industryCell ul {
    list-style: none;
    -moz-column-count: 3;
    -moz-column-gap: 20px;
    -webkit-column-count: 3;
    -webkit-column-gap: 20px;
    column-count: 3;
    column-gap: 20px;
}
/*#endregion*/
/* #region accordion*/
.accordion {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.25);
    border-radius: 3px;
    background: #FFF;
}

.accordion a {
    text-decoration: none !important;
}

.accordion-section-title {
    width: 100%;
    margin: 0 0 .1em 0;
    padding: .25em .5em;
    display: inline-block;
    background: #1FB5D9 !important;
    transition: all linear 0.15s;
    font-size: 1.62em;
    color: #FFF !important;
    font-family: 'KnockoutHTF49-LiteweightRegular', 'ff-good-headline-web-pro', sans-serif;
    line-height: 1.5;
    font-weight: 700;
    -webkit-font-smoothing: antialiased;
    font-size: 1.200em;
    font-weight: 300;
    text-decoration: none;
}

    .accordion-section-title.active,
    .accordion-section-title:hover,
    .accordion-section-title:focus {
        background: #001C33 !important;
        color: #FFF !important;
        border-bottom: none !important;
    }

.accordion-section-content {
    padding: 15px;
    display: none;
}

.accordion-section:last-child .accordion-section-title {
    border-bottom: none;
}

.accordion ul, .accordion ol {
    margin-left: 2rem;
}
/*#endregion*/

/*#region media breaks*/
@media(max-width:1825px) {
   
}

@media(max-width:1730px) {
    
}

@media(max-width:1630px) {
    
}

@media(max-width:1460px) {
}

@media(max-width:1350px) {
    #featuredTextContainer h1 {
        font-size: 4.75rem;
    }
    #featuredText {
        font-size: 1.9rem;        
    }
    #subpage-container {
        padding: 3.5rem .75rem 3rem .75rem;
    }
    #wayfinderHeader h2 {
        font-size: 3.325rem;
    }
}

@media(max-width:1236px) {
    #pnlFeaturedImage #featuredTextContainer {
        padding: 1rem 2rem;
    }
    #featuredTextContainer h1 {
        font-size: 4.6rem;
    }
    #featuredText {
        font-size: 1.8392rem;
    }
    #subpage-container {
        padding: 3.5rem 2.15rem 3rem 2.15rem;
    }
    .wysiwyg-title {
        font-size: 2.4rem;
    }
    #wayfinderHeader h2 {
        font-size: 3.25rem;
    }
}

@media(max-width:1150px) {
    
}

@media(max-width:1023px) {
    #featuredTextContainer h1 {
        font-size: 4.25rem;
    }
    #featuredText {
        font-size: 1.7rem;
    }
    .wysiwyg-title {
        font-size: 2.32rem;
    }
    #wayfinderHeader h2 {
        font-size: 3rem;
    }
    #interestCell ul, #industryCell ul {
        list-style: none;
        -moz-column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-count: 2;
        -webkit-column-gap: 20px;
        column-count: 2;
        column-gap: 20px;
    }
}

@media(max-width:930px) {
    
}

@media(max-width:880px) {
    #pnlFeaturedImage #featuredTextContainer {        
        top: -160px;
    }
    #featuredFrame {
        height:180px;
    }
    #pnlFeaturedImage {
        max-height: 180px;
    }
    #featuredTextContainer h1 {
        font-size: 4rem;
    }
    #featuredText {
        font-size: 1.6rem;
    }
    .wysiwyg-title {
        font-size: 2.18rem;
    }
    #wayfinderHeader h2 {
        font-size: 2.825rem;
    }
}

@media(max-width:730px) {    
    #featuredTextContainer h1 {
        font-size: 3.5rem;
    }
    #featuredText {
        font-size: 1.4rem;
    }
    .wysiwyg-title {
        font-size: 2rem;
    }
    .wysiwyg {        
        line-height: 1.4;
        font-size: 1.15rem;
        margin-bottom: 2.5rem;
    }
    #wayfinderHeader h2 {
        font-size: 2.47rem;
    }
    #interestCell ul, #industryCell ul {
        list-style: none;
        -moz-column-count: 1;
        -moz-column-gap: 20px;
        -webkit-column-count: 1;
        -webkit-column-gap: 20px;
        column-count: 1;
        column-gap: 20px;
    }
}

@media(max-width:600px) {
    #pnlFeaturedImage #featuredTextContainer {
        top: -140px;
    }
    #featuredFrame {
        height: 150px;
    }
    #pnlFeaturedImage {
        max-height: 150px;
    }
    #featuredTextContainer h1 {
        font-size: 3rem;
    }
    #featuredText {
        font-size: 1.2rem;
    }
    .wysiwyg-title {
        font-size: 1.715rem;
    }
    #wayfinderHeader h2 {
        font-size: 2.15rem;
    }
}

@media(max-width:525px) {
    #pnlFeaturedImage #featuredTextContainer {
        top: -115px;
    }
    #featuredTextContainer h1 {
        font-size: 2.75rem;
    }
    #featuredText {
        font-size: 1.1rem;
    }
    .wysiwyg-title {
        font-size: 1.575rem;
    }
    #wayfinderHeader h2 {
        font-size: 1.98rem;
    }
}

@media(max-width:475px) {
    
    #featuredTextContainer h1 {
        font-size: 2.25rem;
    }
    #featuredText {
        font-size: 1rem;
    }
    .wysiwyg-title {
        font-size: 1.3rem;
    }
    #wayfinderHeader h2 {
        font-size: 1.62rem;
    }
}


/*#endregion*/