.clear10 {height: 10px;}
.clear20 {height: 20px;}

.image { background-color: #fff;}
.row.slides.slick-slider .slick-prev {left: -45px;}
.row.slides.slick-slider .slick-next {right: -45px;}

/*Main Nav*/
header#site-header #logo picture, header#site-header #logo img {max-height: calc(98px - 30px);}
header#site-header { min-height: 97px;}
nav.main>ul>li>span>a { padding: 38px 15px 0px; height: 97px;}
header#site-header .navigation {margin-left: 30px;}
nav.secondary>ul>li>span>div, nav.secondary>ul>li>span>a, nav.secondary>ul>li>a { padding: 38px 10px 0; height: 97px;}
nav.main ul li.has-child>span::after { width: 36px; padding-top: 41px;}
/*Main Nav*/



/*Blog*/
.item-blog { border-bottom: 1px dotted #8b1d40; padding-bottom: 29px !important; padding-top: 29px !important;}
/*Blog*/


/*Members pages*/
.ourMembers .item .image img { width: 100%; padding: 10px 25px;}
/*Members pages*/


/*Footer*/
.GlobalRepeatContent .item .image img  { padding: 20px;}

.item.footer-item.usn_pod_sociallinks { margin-top: -26px;}
.breadcrumb-trail {background: #083b2f;}
/*Footer*/  


/*Umbraco Forms*/
.form-group.titleanddescription:first-child .heading { font-size: 40px;}
.umbraco-forms-field-wrapper .text p {font-size: 22px;}
/*Umbraco Forms*/


/*TOBC Testionials*/
.TOBCTestimonials .usn_pod_quote p.quote {
    font-size: 17px !important;
    line-height: 20px;
    font-weight: 400;
}
/*TOBC Testionials*/


/*Fonts*/
.heading {font-family: 'jubilat', serif !important;}
.h1 {font-family: 'jubilat', serif !important; font-weight: 600;}
h1 {font-family: 'jubilat', serif !important; font-weight: 600;} 
.h2 {font-family: 'jubilat', serif !important; font-weight: 600;}
h2  {font-family: 'jubilat', serif !important; font-weight: 600;}
.h3  {font-family: 'jubilat', serif !important; font-weight: 400;}
h3  {font-family: 'jubilat', serif !important; font-weight: 400;}
.h4  {font-family: 'jubilat', serif !important; font-weight: 200;}
h4  {font-family: 'jubilat', serif !important; font-weight: 200;}
.h5  {font-family: 'jubilat', serif !important;}
h5  {font-family: 'jubilat', serif !important;}

/*p  {font-family: 'montserrat', sans-serif !important;}
body  {font-family: 'montserrat', sans-serif !important;}*/
/*Fonts*/




.GreenText {color: #083b2f;}
.BurgundyText { color: #8b1d40;}
.LightGreenText {color: #c6cec9;}
.WhiteText { color: #fff;}








/* Responsive Styles */


/*Phone*/
@media screen and (max-width: 750px) and (min-width: 100px) {

    header#site-header #logo img {margin-top: 9px;}
    header#site-header .navigation { margin-left: 0px; margin-top: 45px;}
    #site-content { margin-top: 44px; }

}
/*Phone*/






/*Tablet Portrait*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : portrait) { 

    header#site-header #logo img {margin-top: 9px;}
    header#site-header .navigation { margin-left: 0px; margin-top: 45px;}
    #site-content { margin-top: 44px; }
 
}
/*Tablet Portrait*/





/*Tablet Landscape*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  and (orientation : landscape) { 

}
/*Tablet Landscape*/










/*Additional Responsive Styles*/

@media screen and (max-width: 1208px) and (min-width: 1163px) {

    header#site-header .navigation { margin-left: 10px; }
    nav.main>ul>li>span>a { padding: 38px 12px 0px;}
    nav.main ul li.has-child>span::after { width: 39px; padding-top: 41px; }    
}


@media screen and (max-width: 1162px) and (min-width: 1096px) {

    header#site-header #logo picture, header#site-header #logo img { max-height: calc(88px - 30px); margin-top: 5px;}
    header#site-header .navigation { margin-left: 0px; }
    nav.main>ul>li>span>a { padding: 38px 10px 0px;}  
    nav.main ul li.has-child>span::after { width: 38px; padding-top: 41px; }  
}


@media screen and (max-width: 1095px) and (min-width: 990px) {

    header#site-header #logo picture, header#site-header #logo img { max-height: calc(80px - 30px); margin-top: 9px;}
    nav.main>ul, header#site-header #logo.no-image span { font-size: 15px; }
    header#site-header .navigation { margin-left: 0px; }
    nav.main>ul>li>span>a { padding: 38px 8px 0px;}   
    .btn { font-size: 15px; } 
    nav.secondary>ul, nav.secondary .dropdown-menu, nav.secondary .dropdown-menu a { font-size: 15px;}
    header#site-header nav.cta-links { padding-left: 5px; padding-right: 12px;}
    .btn, button.btn { padding: 10px 10px 10px 10px; }
    nav.main ul li.has-child>span::after {padding-top: 41px; width: 39px;}
}