@font-face {
    font-family: "RobotoLight";
    src:    url("/Portals/_default/skins/Ace/Resources/fonts/Roboto-Light.ttf"),
            url('/Portals/_default/skins/Ace/Resources/fonts/Roboto-LightItalic.ttf');
}

@font-face{
    font-family: "RobotoThin";
    src:    url("/Portals/_default/skins/Ace/Resources/fonts/Roboto-Thin.ttf"),
            url("/Portals/_default/skins/Ace/Resources/fonts/Roboto-ThinItalic.ttf");
    font-weight: 100;
}

@font-face{
    font-family: "RobotoBlack";
    src:    url("/Portals/_default/skins/Ace/Resources/fonts/Roboto-Black.ttf"),
            url("/Portals/_default/skins/Ace/Resources/fonts/Roboto-BlackItalic.ttf");
}

.dnnFormMessage.dnnFormError, .dnnFormMessage.dnnFormValidationSummary {
    background-color: rgba(255,0,0,0.15);
    border-color: rgba(255,0,0,0.2);
	display:none !important;
}

html,
body {
    font-family: "RobotoLight", Arial, sans-serif;;
    min-width: 320px;
}

h1 {
    color: #ec9211;
}

p,
li {
    font-size: 18px;
}


/* HEADER */
header .navbar {
    max-width: 1140px;
    margin: 0 auto;
    flex-direction: column;
    z-index: 1; /*Bugfix for missing nav when logged in as admin*/
}
header .navbar-brand {
    margin: 0;
    text-align: center;
}
header .navbar-brand img {
    max-height: 70px;
}

header .navbar-toggler:focus,
header .navbar-toggler:active {
    outline: 0;
}

/* Toggle navbar icon */
header .navbar-toggler span {
   display: block;
   background-color: #fff;
   height: 3px;
   width: 25px;
   margin: 4px 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}
header .navbar-toggler span:nth-child(1),
header .navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}
header .navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}
header .navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}
header .navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.cobrand-logo {
    max-width: 50%;
    display: inline-block;
}

#headernav ul.navbar-nav a {
    color: #fff;
    font-size: .8rem;
}

/* Desktop Header */
@media (min-width: 992px) {
    #headernav {
        border-top: 2px solid #dbdbdb;
    }
    #headernav li.nav-item a.nav-link {
        font-style: normal;
        line-height: 20px;
        margin-left: 3px;
        margin-right: 3px;
        text-transform: uppercase;
        font-weight: 700;
        padding: 10px 13px;
    }

    /* Display on hover on desktop / larger screens */
    #headernav li.nav-item:hover > .dropdown-menu {
        display: block;
    }
    #headernav li.nav-item > .dropdown-toggle:active {
        /*Without this, clicking will make it sticky*/
        pointer-events: none;
    }

    #headernav li.nav-item:hover a.nav-link {
        background-color: #f4f4f4;
        border-radius: 5px 5px 0 0;
        color: #0097D6;
    }


    #headernav li.nav-item div.dropdown-menu {
        border: 0;
        border-top: 5px solid #ccc;
        border-radius: 0 6px 6px;
        box-shadow: 0 20px 45px rgba(0,0,0,.08);
        margin: 0 0 0 3px;
        padding: 5px;
        top: auto;
        text-align: left;
        min-width: 200px;
    }

    #headernav li.nav-item div.dropdown-menu a {
        border-bottom: 1px solid #f4f4f4;
        color: #777;
        font-size: .9rem;
        font-weight: 400;
        line-height: 20px;
        margin: 0 3px;
        padding: 8px 20px 8px 5px;
    }

    #headernav li.nav-item div.dropdown-menu a:last-child {
        border-bottom: 0;
    }

    #headernav li.nav-item div.dropdown-menu a:hover {
        background-color: #f4f4f4;
        color: #0097D6;
    }

    .cobrand-logo:first-of-type{
        margin-right: 6rem;
    }

    header .navbar-brand{
        width: 773.02px;
    }
	
	.mobile-display{
		display: none !important;
	}	
}

/* Mobile Header */
@media (max-width: 991px) {
    header .navbar {
        padding: 0;
    }
    header .navbar-brand img {
        max-height: 50px;
    }
    header .navbar-toggler {
        padding-right: 15px;
    }
    #headernav {
        background: #171717;
    } 
    #headernav ul.navbar-nav li {
        border-bottom: 1px solid #2A2A2A;
        padding: .5rem 0;
    }
    #headernav ul.navbar-nav a {
        font-size: .9rem;
    }
    #headernav ul.navbar-nav a:hover {
        color: #0097D6;
        background: transparent;
    }
    #headernav ul.navbar-nav a:after {
        float: right;
        margin-top: 8px;
    }
    #headernav ul.navbar-nav a.nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
    #headernav li.nav-item div.dropdown-menu {
        background: transparent;
        padding: 0;
    }
    #headernav li.nav-item div.dropdown-menu a.dropdown-item {
        padding: .5rem 2.5rem
    }
	
	.desktop-display {
		display:none !important;
	}

    /* Mobile Footer */
    .ace-mobile-footer {
        margin-top: -120px;
        opacity: 0;
    }

    /* Highlight selected mobile nav */
    /*#headernav .nav-item.dropdown.show {
        background: #fff;
    }
    #headernav .nav-item.dropdown.show a {
        color: #777;
    }*/
}

/* FOOTER */
footer {
    background: #505050;
}

footer,
footer h4,
footer li,
footer a {
    color: #fff;
    font-size: .9rem;
}

footer h4 {
    color: #fff;
    font-weight: 700;
}
footer h4 i {
    padding-right: 7px;
}

footer ul {
    margin: 0;
}
footer li {
    list-style-type: none;
}

footer a:hover,
footer a:visited {
    color: #f4f4f4;
}

footer .footer-resources {
    padding-top: 50px;
}

footer .footer-resources .col-md-4 {
    margin-bottom: 50px;
}

footer .footer-resources .social-icons {
    margin-bottom: 15px;
}

footer .footer-resources .social-icons li {
    display: inline-block;
    margin-right: 10px;
}

footer .footer-resources .address-1 {
    margin-bottom: 15px;
}

footer .footer-copyright {
    background: #171717;
    padding: 10px 0;
    text-align: center;
}

footer .footer-copyright ul li {
    display: inline-block;
    font-size: .8rem;
}

footer .footer-copyright ul li a:before {
    display: inline-block;
    content: '';
    height: 12px;
    border-left: 1px solid #fff;
    float: left;
    margin: 5px 10px 0;
}


/* Other styles */
.ace-btn {
    color: #fff;
    border-radius: 30px;
    font-size: 20px;
    padding: 15px 45px;
}

.btn-orange     { background: #f68920; }
.btn-charcoal   { background: #4e4e50; }

.font-white     { color: #fff; }

.txt-highlight    { 
    color: #f68920; 
    font-size:  32px;
}


/*DNN Overrides
Fixing a dynamic height issue for ACE*/
.LiveForm #Toolbox {
    max-height: 80vh !important;

}

.dnnModuleDialog {
    position: fixed;
    top: 50px !important;
}

/* Social Media Icons 2023 */
.social-icons-layout {
    padding-right: 10px;
    height: 25px;
}
/* END Social Media Icons 2023 */