/* Main blue color #EF3B42 */
/* Lighter blue - #0A41AC */
/* Red -  #d4242f */

a {color: #0a41ac;}
.arrowbutton a {color: #0a41ac;}

.seecmsdownloadarea li:after {color: #ef3b42;}

.content h1, .content h3 {color: #0a41ac!important;}
.content h4 {font-size: 110%;}

.header .left, .mobile-header .left {width: 450px;}
.header span {font-size: 240%; font-weight: 700; top: 5px;}
.header a.logo, .mobile-header a.logo, .homeheader .header a.logo {background: url(../images/hutton-logo.png) no-repeat center center; background-size: 100%; width: 110px; height: 110px;}
.header-container, .header-container.homeheader.homestick {background: #ffffff url(../images/hutton-header-background.png) no-repeat center center; background-size: 100%;}

.header-container.homeheader.homestick .header a.logo {background: url(../images/hutton-logo.png) no-repeat center center; background-size: 100%;}
.header-container.homeheader.homestick .header .right .socials p a {color: #0a41ac;}

.nav-wrap, .nav, .header-container.homeheader.homestick .nav-wrap, .mobile-nav, .mobile-nav .top, .mobile-nav li a {background: #0a41ac;}
.nav li.selected a, .mobile-nav li.selected a {background: #ef3b42;}
.dropdown-wrap {background: rgba(10, 65, 172, 0.9);}

.search .input {border: 1px solid #ef3b42;}
.search input[type="submit"] {background: #ef3b42 url(../images/search-icon-white.png) no-repeat center center; background-size: 16px;}

.title-wrap {background: #d4242f;}

.snav li.selected a, .snav li:hover a {background: #0a41ac;}

.quicklinks .quicklink {background: #ef3b42;}
.newsfeeds .newsfeed .newsstory, .newsfeedmain .newsstory {background: #ef3b42;}

.bannerstrapline {background: #ef3b42;}

.footer p a i {color: #ef3b42;}

@media screen and (max-width: 1024px){
  .header .left, .mobile-header .left {width: 400px;}
  .header .right {width: 300px;}
  .header span {font-size: 220%;}
}

@media screen and (max-width: 800px){

  .top-mobile-header p {background: #ef3b42;}
  .top-mobile-header p:last-child {background: #19354f;}

  .header .left, .mobile-header .left {width: 400px;}
  .mobile-header {background: #ffffff url(../images/hutton-header-background.png) no-repeat center bottom; background-size: 100%;}
  .mobile-header span {font-size: 150%; font-weight: 700;}
}

@media screen and (max-width: 800px){
  .header .left, .mobile-header .left {width: 300px;}
  .mobile-header span {font-size: 120%;}
}