/* generic changes
---------------------------------------- */
ul#nav-main li#quick-links {
    float: right;
    margin: 0;
}

ul#nav-main li#quick-links span {
    margin-right:10px;
}

ul#nav-main #arri-logo {
    background-image: url("./images/blue-logo.svg");
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    width: 190px;
    height: 45px;
}

ul#nav-main #arri-logo span {
    width: 190px;
    height: 45px;
    display: inline-block;
}

@media (max-width: 700px) {
    ul#nav-main #arri-logo {
        width: 120px;
        height: 35px;
        margin-right: 1px;
    }
    
    ul#nav-main #arri-logo span {
        width: 120px;
        height: 35px;
    }
}

@media (max-width: 372px) {
    ul#nav-main #arri-logo {
        width: 90px;
        height: 26px;
    }
    
    ul#nav-main #arri-logo span {
        width: 90px;
        height: 26px;
    }
    
     ul#nav-main > li > div > a > span.username {
        font-size: 0.9em;
     }
}

.headerbar {
    min-height: 350px;
}

@media (max-width: 767px) {
    .headerbar {
        min-height: 300px;
    }
}

/* Milk_v2/theme/colour-presets/Nighthawk.css
---------------------------------------- */

/* Background Gradient  */
.headerbar {
    background: rgb(2,49,85);
    background: -moz-linear-gradient(-45deg, rgba(2,49,85,1) 0%, rgba(4,125,173,1) 50%, rgba(0,58,103,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(2,49,85,1) 0%, rgba(4,125,173,1) 50%, rgba(0,58,103,1) 100%);
    background: linear-gradient(-45deg, rgba(2,49,85,1) 0%, rgba(4,125,173,1) 50%, rgba(0,58,103,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#023155",endColorstr="#003a67",GradientType=1);
}

body.content_block_header_stripe li.header:before {
	background: none;
}

/* large-desktops.css
---------------------------------------- */
@media (min-width: 1200px) {

	body{ border-top-color: #F3F;}

	/* Fix the body layout for large desktop devices */
	.body-layout-Boxed .wrap {max-width: 1920px; min-width:1200px; width: 100%;}
}

/* colours.css
---------------------------------------- */
html, body {
	color: rgba(0,0,0,1.0);
	background-color: #f1f1f1;
}

body.content_block_header_stripe li.header {
	background-color: #f1f1f1;
}

body.content_block_header_stripe .alt_block li.header {
	background-color: #f1f1f1 !important;
}

body.content_block_header_stripe .alt_block li.header dl dt {
    color: #000;
}

.navbar {
	background-color: #fff;
}

.navbar a {
	color: #000;
}

.navbar_in_header {
	background-color: #fff;
}

.navbar_footer {
    background-color: #f1f1f1;
}

body.high_contrast_links .navbar_footer #nav-footer a {
    color: #000 !important;
}

#wrap .copyright_bar {
    background-color: #fff;
    color: #676767 !important;
}

#wrap .copyright_bar div#arri-legal-links {
    float: right;
}

#wrap .copyright_bar div#arri-legal-links ul li {
    list-style: none;
    float: left;
    padding-right: 15px;
}

#wrap .copyright_bar div#arri-legal-links ul li:last-child {
    padding-right: 0;
}

body.high_contrast_links #wrap .copyright_bar a {
    color: #000 !important;
}

@media (max-width: 610px) {
    #wrap .copyright_bar div#arri-legal-links {
        float: none;
        margin-bottom: 25px;
    }
    
    #wrap .copyright_bar div#arri-legal-links ul li {
        float: none;
    }

    #wrap .copyright_bar div#arri-legal-links ul li:first-child {
        padding-right: 0;
    }
}

/* fonts.css
---------------------------------------- */
li.header dt {font-size: 1.8em;}
li.header dt, li.header dd {font-weight: 700;}
li.header dt a, li.header dd a {color: #000;}

/* common.css
---------------------------------------- */
#page-header {
    overflow: hidden;
}

body.navbar_o_header #site-description {
    margin: 0;
    padding: 30px 10vw 30px 200px;
    width: 60vw;
    position: absolute;
    bottom: 10px;
    right: 0;
    background-color: transparent;
    z-index: 5;
    color: #000;
    box-sizing: border-box;
}

#site-description::before {
    background: #f1f1f1;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
    -webkit-transform: skew(-34.5deg);
    transform: skew(-34.5deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
}

#site-description h1 {
    color: #000;
    margin-top: 0;
    font-weight: 700;
    font-size: 34px;
}

#site-description p {
    font-size: 18px;
}

#nav-main .dropdown ul.dropdown-contents {
    max-height: 270px;
}

#nav-main.linklist a > span.arri-mod-stay {
    padding-left: 18px;
}

#nav-main.linklist.compact .rightside > a > span.arri-mod-stay {
    display: inline;
}

@media (min-width: 1920px) {
    body.navbar_o_header #site-description {
        padding: 30px 300px 30px 200px;
        width: 1200px;
    }
}

@media (min-width: 992px)and (max-width: 1199px) {
    body.navbar_o_header #site-description {
        padding: 30px 0 30px 180px;
        width: 66vw !important;
    }
}

@media (min-width: 701px) and (max-width: 991px) {
    body.navbar_o_header #site-description {
        padding: 30px 0 30px 160px;
        width: 70vw !important;
    }
    
    #site-description h1 {
        font-size: 30px;
    }

    #site-description p {
        font-size: 16px;
    }
}

@media (max-width: 700px) {
    body.navbar_o_header #site-description {
        padding: 30px 0 30px 0;
        width: 100% !important;
        bottom: 40px;
    }
    
    #site-description::before {
        -webkit-transform: initial;
        transform: initial;
    }
    
    #site-description h1 {
        font-size: 28px;
        padding-bottom: 4px;
    }

    #site-description p {
        font-size: 15px;
    }
    
    #site-description p {
        display: block;
    }
}

@media (max-width: 500px) {
    div.navbar {
        padding: 10px 10px 4px 10px;
    }
    
    ul.linklist > li.rightside {
        margin-left:1px;
    }
}