html { background: #005E82; }
body { background: transparent; font-family: Lato, sans-serif; font-size: 14px; color: #231f20; }

html body.admin-menu { margin-top: 0 !important; }
#admin-menu { display: none; }

body.page-content-only #admin-menu { display: none; }
html body.page-content-only.admin-menu { margin-top: 0 !important; }
body.page-content-only #content { padding: 20px; background: #fff; }

img { max-width: 100%; height: auto; }

p { max-width: 100%; }

hr { margin: 20px 0; border: 0; border-top: 1px solid #ccc; height: 0; box-sizing: border-box; }

@media (min-width: 992px) {
  html body.admin-menu { margin-top: 28px !important; }
  .overlay-element { padding-top: 28px; }
  #admin-menu { display: block; }
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}

.navbar { margin-bottom: 0; }

.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
  margin-left: 0; position: relative; z-index: 100;
}

.navbar-toggle { margin: 0; background: #004a67; padding: 28px 24px; border-radius: 0; border: 0 transparent; /* transition: background-color ease 0.25s; */ }
.navbar-toggle .icon-bars { float: left; }
.navbar-toggle .icon-bar { background: #ff6600; width: 21px; height: 3px; border-radius: 0; transition: ease-in 0.2s; position: relative; }
.navbar-toggle .icon-bar-1 { transform: rotate(45deg); top: 10px; }
.navbar-toggle .icon-bar-2 { background: transparent; }
.navbar-toggle .icon-bar-3 { transform: rotate(-45deg); top: -4px; }
.navbar-toggle.collapsed { background: transparent; }
.navbar-toggle.collapsed .icon-bar { width: 20px; height: 3px; background: #fff; }
.navbar-toggle.collapsed .icon-bar-1 { transform: rotate(0); top: 0; }
.navbar-toggle.collapsed .icon-bar-2 { }
.navbar-toggle.collapsed .icon-bar-3 { transform: rotate(0); top: 0; }

.navbar-brand { display: block; height: auto; }
.navbar-brand img { width: 70px; height: 43px; }

.navbar-header {  }

.navbar-collapse { position: relative; background: #004a67; border: 0 transparent; box-shadow: none; padding-top: 15px; }

.navbar-collapse ul.secondary { float: none; }

.navbar-collapse .navbar-nav { margin: 0; border-bottom: 1px solid rgba(255,255,255,0.3); }
.navbar-collapse .navbar-nav > li > a { color: #fff; padding-top: 6px; padding-bottom: 5px; }
.navbar-collapse .navbar-nav > .active > a { font-weight: 700; background: transparent; }
.navbar-collapse .navbar-nav > li > a:hover,
.navbar-collapse .navbar-nav > li > a:focus,
.navbar-collapse .navbar-nav .open > a,
.navbar-collapse .navbar-nav .open > a:hover,
.navbar-collapse .navbar-nav .open > a:focus,
.navbar-collapse .navbar-nav li.dropdown:hover,
.navbar-collapse .navbar-nav li.dropdown:focus { background: #005e82; }

.navbar-collapse .navbar-nav > li.active-trail > a { background: #005e82; position: relative; }

.navbar-collapse .dropdown-menu > li > a { color: #fff; }
.navbar-collapse .dropdown-menu > li > a:hover,
.navbar-collapse .dropdown-menu > li > a:focus { background: #005e82; }
.navbar-collapse .dropdown-menu > .active > a { background: transparent; font-weight: 700; }
.navbar-collapse .dropdown-menu > .active > a:hover,
.navbar-collapse .dropdown-menu > .active > a:focus {  }


.navbar-collapse .navbar-nav.primary { margin-top: 50px; }
.navbar-collapse .navbar-nav.profile-links { border-bottom: 0 transparent; }
.navbar-collapse .navbar-nav.social { border-bottom: 0 transparent; }
.navbar-collapse #search-form { position: absolute; top: 15px; left: 15px; right: 15px; }
.navbar-collapse #search-form .form-group { margin-bottom: 0; }

#overheader-group { padding: 0; }

#social-links { list-style: none; margin: 0; padding: 15px 0; display: table; width: 100%; }
#social-links li { display: table-cell; width: 10%; text-align: center; font-size: 30px; }
#social-links li a { text-decoration: none; display: block; height: 50px; line-height: 50px; width: 100%; color: #fff; }
#social-links li a:hover { opacity: 0.8; }
#social-links li.facebook a { background: #3b5998; }
#social-links li.twitter a { background: #00aced; }
#social-links li.youtube a { background: #ff0000; }

#overheader-group .search-form .search-container .btn,
#overheader-group .search-form .search-container .form-text {
  height: 32px; font-size: 16px; color: #eee; background: transparent;
  text-shadow: none; border: 0 none; box-shadow: none; padding: 6px 10px;
}
#overheader-group .search-form .search-container .form-text:focus { border-bottom: 1px solid rgba(255,255,255,0.3); }
#overheader-group .search-form .search-container .fa { font-size: 22px; color: #fff; }

#messages { padding: 0 15px; }
#messages .alert { margin: 15px 0; }
#messages .alert-success { background-color: rgba(223,240,216,0.8); }
#messages .alert-danger { background-color: rgba(242,222,222,0.8); }
#messages .alert-warning { background-color: rgba(252,248,227,0.8); }

#contentintro { background: #fff; }
#block-gaacust-content-intro .inner-wrapper { padding: 30px 0 15px; font-size: 16px; }

.tabs { display: none; }

.content-wrapper { background: #fff; padding: 0 0 45px; }
.content-wrapper h1 { font-size: 22px; }
.content-wrapper h2 { font-size: 20px; }
.content-wrapper h3 { font-size: 18px; }
.content-wrapper h4 { font-size: 16px; }
.content-wrapper h5 { font-size: 14px; }
.content-wrapper h6 { font-size: 12px; }

#content { padding: 0; }

.maintenance-page h1#page-title { font-size: 24px; }
.maintenance-page .alert { margin: 5px 0; }
.maintenance-page .alert h4 { font-weight: 700; width: auto; margin: 5px 0; }
.maintenance-page .content { padding: 30px 0; }

#block-gaacust-featured .background {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#block-gaacust-featured .content h1 {
  margin: 0; text-align: center;
  font-size: 30px; line-height: 38px; font-weight: 900;
  color: #fff;
  text-shadow: 0 3px 3px rgba(0,0,0,0.15);
  padding: 45px 15px;
}

#block-gaacust-featured .content h3.featured-title {
  color: #fff; margin: 5px 0; padding: 10px; font-size: 18px;
  text-shadow: 0 3px 3px rgba(0,0,0,0.15);
}

#block-gaacust-featured .content ul.featured { list-style: none; margin: 0; padding: 0; box-shadow: 0 -3px 7px rgba(0,0,0,0.25); }
#block-gaacust-featured .content ul.featured li { border-bottom: 1px solid rgba(255,255,255,0.85); margin: 0; padding: 0; display: block; }
#block-gaacust-featured .content ul.featured li a {
  background-image: url('../images/feat-default.jpg');
  display: block; color: #fff;
}
#block-gaacust-featured .content ul.featured li a:hover { text-decoration: none; }
#block-gaacust-featured .content ul.featured li a span { display: block; background-color: #004a67; padding: 18px 45px 18px 15px; position: relative; }
#block-gaacust-featured .content ul.featured li a:focus span,
#block-gaacust-featured .content ul.featured li a:hover span { background-color: #005e82; }
#block-gaacust-featured .content ul.featured li a span::before {
  position: absolute; right: 15px; top: 50%; display: block; content: '\f101'; font-family: FontAwesome; color: #fff;
  font-size: 32px; line-height: 32px; margin-top: -18px;
}

#block-gaacust-content-title { background: linear-gradient(rgba(255,255,255,0.15), rgba(255,255,255,0.01)); }

#block-gaacust-content-title .content .background {
  position: relative;
}
.has-header-image #block-gaacust-content-title .content .background {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding-top: 40%;
}
.has-header-image #block-gaacust-content-title .content .background .inner-content {
  position: absolute; top: 0; right: 0; bottom: 0; left: 0;
}

#block-gaacust-content-title .content h1 {
  display: block; color: #fff; font-weight: 900; text-shadow: 0 3px 3px rgba(0,0,0,0.15);
  font-size: 30px; line-height: 38px; margin: 0; padding: 15px 0;
}
.has-role #block-gaacust-content-title .content h1 {
  min-height: 71px; padding-left: 48px;
  background-repeat: no-repeat; background-position: 0 15px; background-size: 33px 41px;
}
/*
.role-2 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-coach.png'); }
.role-3 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-referee.png'); }
.role-4 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-administrator.png'); }
.role-5 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-player.png'); }
.role-6 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-primary.png'); }
.role-7 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-postprimary.png'); }
.role-8 #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-thirdlevel.png'); }
.role-teacher #block-gaacust-content-title .content h1 { background-image: url('../icons/icon-postprimary.png'); }
*/
#block-gaacust-related .content ul.related { list-style: none; margin: 0; padding: 0; }
#block-gaacust-related .content ul.related li { border-bottom: 1px solid rgba(255,255,255,0.85); margin: 0; padding: 0; display: block; }
#block-gaacust-related .content ul.related li a {
  background-image: url('../images/feat-default.jpg');
  display: block; color: #fff;
}
#block-gaacust-related .content ul.related li a:hover { text-decoration: none; }
#block-gaacust-related .content ul.related li a span { display: block; background-color: #004a67; padding: 18px 45px 18px 15px; position: relative; }
#block-gaacust-related .content ul.related li a:focus span,
#block-gaacust-related .content ul.related li a:hover span { background-color: #005e82; }
#block-gaacust-related .content ul.related li a span::before {
  position: absolute; right: 15px; top: 50%; display: block; content: '\f101'; font-family: FontAwesome; color: #fff;
  font-size: 32px; line-height: 32px; margin-top: -18px;
}


#advertisements { background: #fff; padding: 15px 0; }
#block-gaa-ads-advert .content .advert { margin: 0 auto; text-align: center; }

#subnavigation { background: #fff; padding-bottom: 30px; }
.region-subnavigation { background: #005E82; }

#block-gaacust-subnavigation .content ul.submenu { list-style: none; margin: 0; padding: 0; box-shadow: 0 -3px 7px rgba(0,0,0,0.25); }
#block-gaacust-subnavigation .content ul.submenu li { border-bottom: 1px solid rgba(255,255,255,0.85); margin: 0; padding: 0; display: block; }
#block-gaacust-subnavigation .content ul.submenu li a { background-image: url('../images/feat-default.jpg'); display: block; color: #fff; }
#block-gaacust-subnavigation .content ul.submenu li a:hover { text-decoration: none; }
#block-gaacust-subnavigation .content ul.submenu li a span { display: block; background-color: #004a67; padding: 18px 45px 18px 15px; position: relative; }
#block-gaacust-subnavigation .content ul.submenu li a:focus span,
#block-gaacust-subnavigation .content ul.submenu li a:hover span { background-color: #005e82; }
#block-gaacust-subnavigation .content ul.submenu li a span::before {
  position: absolute; right: 15px; top: 50%; display: block; content: '\f101'; font-family: FontAwesome; color: #fff;
  font-size: 32px; line-height: 32px; margin-top: -18px;
}

#block-gaacust-subnavigation2 .content ul.submenu { list-style: none; margin: 0; padding: 0; }
#block-gaacust-subnavigation2 .content ul.submenu li { border-bottom: 1px solid rgba(255,255,255,0.85); margin: 0; padding: 0; display: block; }
#block-gaacust-subnavigation2 .content ul.submenu li a { background-image: url('../images/feat-default.jpg'); display: block; color: #004a67; }
#block-gaacust-subnavigation2 .content ul.submenu li a:hover { text-decoration: none; }
#block-gaacust-subnavigation2 .content ul.submenu li a span {
  display: block; background-color: #eee;
  padding: 18px 45px 18px 15px; position: relative;
  box-shadow: inset 0 -1px 1px rgba(0,0,0,0.25);
}
#block-gaacust-subnavigation2 .content ul.submenu li a:focus span,
#block-gaacust-subnavigation2 .content ul.submenu li a:hover span { background-color: #f8f8f8; }
#block-gaacust-subnavigation2 .content ul.submenu li a span::before {
  position: absolute; right: 15px; top: 50%; display: block; content: '\f101'; font-family: FontAwesome; color: #004a67;
  font-size: 32px; line-height: 32px; margin-top: -18px;
}

.has-role:not(.role-1) #block-system-main {
  background: #f0f0f0; border-radius: 10px; box-shadow: 0 3px 2px -1px rgba(0,0,0,0.25); padding: 15px;
}
/*
.has-role:not(.role-1) h1#page-title { background: #00587c; color: #fff; margin: 0; padding: 10px; }
*/
.has-role a.button {
  display: inline-block; color: #fff; text-decoration: none;
  padding: 7px 10px 7px 40px; font-weight: bold;
  border-radius: 8px; position: relative;
  border: 1px solid #00384e;
  background: linear-gradient(#00587c, #00425d);
}
/* Colour settings are now taken from UI. @Todo: remove this block when testing is done.
.has-role.role-1 a.button { border: 1px solid #00384e; background: linear-gradient(#00587c, #00425d); }
.has-role.role-2 a.button { border: 1px solid #319CD5; background: linear-gradient(#5297bc, #2f9bd5); }
.has-role.role-3 a.button { border: 1px solid #026750; background: linear-gradient(#007c61, #00644d); }
.has-role.role-4 a.button { border: 1px solid #A0A3A4; background: linear-gradient(#aaacad, #9c9fa0); }
.has-role.role-5 a.button { border: 1px solid #979D1E; background: linear-gradient(#aeb521, #99a01d); }
.has-role.role-6 a.button { border: 1px solid #C3A802; background: linear-gradient(#dfbe00, #c3a700); }
.has-role.role-7 a.button { border: 1px solid #B75D05; background: linear-gradient(#cc6704, #b65c03); }
.has-role.role-8 a.button { border: 1px solid #7E0202; background: linear-gradient(#860000, #7a0000); }
.has-role.role-teacher a.button { border: 1px solid #B75D05; background: linear-gradient(#cc6704, #b65c03); }
*/

.has-role a.button::before {
  position: absolute; top: 3px; left: 8px; display: block; content: "\f005"; color: #fff;
  font-family: FontAwesome; font-size: 20px;
}

.has-role a.button:hover { opacity: 0.9; }

.region-sidebar .block .content ul:not(.pagination),
.region-userdata .block .content ul:not(.pagination) { margin: 0; padding: 0; list-style-type: none; }
.region-sidebar .block .content ul:not(.pagination) li,
.region-userdata .block .content ul:not(.pagination) li { margin: 1px 0; padding: 0; font-size: 13px; line-height: 19px; }
.region-sidebar .block .content ul:not(.pagination) li a,
.region-userdata .block .content ul:not(.pagination) li a {
  background: #f0f0f0; display: block; padding: 5px 7px 2px 32px; position: relative;
}
.region-sidebar .block .content ul:not(.pagination) li a::before,
.region-userdata .block .content ul:not(.pagination) li a::before {
  display: block; position: absolute; top: 3px; left: 10px; content: "\f144";
  font-family: FontAwesome; color: #231f20; font-size: 15px; opacity: 0.7; font-weight: 400;
}
.region-sidebar .block .content ul:not(.pagination) li a:hover,
.region-userdata .block .content ul:not(.pagination) li a:hover { background: #e7e7e7; text-decoration: none; }
.region-sidebar .block .content ul:not(.pagination) li a:hover::before,
.region-userdata .block .content ul:not(.pagination) li a:hover::before { opacity: 0.9; }

.region-sidebar .block .nav > li > a,
.region-userdata .block .nav > li > a { padding: 0; }

/* Login block */
#login .username,
#login .password,
#login #loginbtn { display: block; clear: both; margin: 5px 0; }
#login #loginbtn { margin-left: 75px; }
#login .text-input input { width: 15em; }
#login label {
  display: block; float: left; width: 75px; font-weight: normal; color: inherit;
  font-size: 13px; text-align: left; padding: 5px 0; width: 120px;
}

.node-footer ul.links {  list-style: none; margin: 0; padding: 0; }
.node-footer ul.links li a { display: block; color: #231f20; }
.node-footer ul.links li a { display: inline-block; padding-right: 30px; font-weight: 700; font-style: italic; }
.node-footer ul.links li a::before {
  font-family: FontAwesome; content: '\f144'; display: inline-block; padding: 2px 5px 0 0;
  font-weight: 400; font-style: normal;
}
.node-footer ul.links a:hover { text-decoration: underline; }

.service-links ul.links { list-style: none; padding: 0; margin: 0; display: block; }
.service-links ul.links::before, .service-links ul.links::after { display: table; content: ''; }
.service-links ul.links::after { clear: both; }
.service-links ul.links li { float: left; margin: 1px 1px 0 0; }

.youtube-wrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
.youtube-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.cloud-block svg { max-width: 100%; }

/* Responsive workaround for views_slideshow */
.views_slideshow_cycle_main { width: 100%; float: left; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .views-slideshow-cycle-main-frame-row { width: 100% !important; height: auto; }
.views_slideshow_cycle_main .field-content { max-width: 100%; width: 100%; }
.views_slideshow_cycle_main .field-content img { max-width: 100%; width: 100%; height: auto; margin: 0; padding: 0; }


/* Gallery */
#block-quicktabs-media-galleries { margin-top: 20px; }
.quicktabs_main > div {  border: 5px solid #61b5e1; padding: 5px; }
.quicktabs_main > div:first-child {  border: 5px solid #02567d; padding: 5px; }
.quicktabs-wrapper { text-align: right; padding: 0 5px 0 0; margin: 32px 0 0; position: relative; }
.quicktabs-wrapper ul.quicktabs-tabs { margin: 0; padding: 0; position: absolute; top: -28px; right: 15px; }
.quicktabs-wrapper ul.quicktabs-tabs li {
  background: #ccc; margin: 0; display: block; width: auto; float: right; padding: 0px 10px;
  height: 2em; line-height: 2em;
  border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; -moz-border-radius-topleft: 8px; }
.quicktabs-wrapper ul.quicktabs-tabs li:nth-child(1) { background: #02567d;  }
.quicktabs-wrapper ul.quicktabs-tabs li:nth-child(2) { background: #61b5e1;  }
.quicktabs-wrapper ul.quicktabs-tabs li a { color: #fff; text-decoration: none; }
.quicktabs-wrapper h2 { display: none; }
.quicktabs-wrapper .block { margin: 0; padding: 0; }
.quicktabs-wrapper .content { text-align: center; }
.quicktabs-wrapper .mg-col { margin: 0; display: block; }
.quicktabs-wrapper .more-link { display: none; }
.quicktabs-wrapper .media-gallery-item { padding: 0; border: none; }
.quicktabs-wrapper .meta-wrapper { margin-top: 5px; }
.quicktabs-wrapper .media-title { color: #02567d; }

div.node-media-gallery .action-links { list-style-type: none; }
div.node-media-gallery .action-links a {
  display: inline-block; color: #fff; text-decoration: none;
  border: 1px solid #02445F; background: url(../images/bbg-home.png) left center repeat-x;
  padding: 4px 10px; margin: 8px 0 0 0;
  border-radius: 8px; -moz-border-radius: 8px;
}
div.node-media-gallery .meta-wrapper { padding: 3px 0 0 0; text-align: center; }
div.node-media-gallery .meta-wrapper .media-title { font-size: 11px; font-weight: normal; }

.page-md-taxonomy #page-terms { overflow-x: hidden; }

#overfooter { background: #002e40; }
#overfooter h2.block-title { color: #fff; margin: 0; padding: 30px 15px 15px; font-size: 18px; border-bottom: 1px solid #ccc; }

footer.footer { color: #ddd; margin: 0; padding: 15px 0; border: 0 none; font-weight: 300; }
footer.footer a { color: #eee; font-weight: 400; }
footer.footer a { color: #eee; }
footer.footer a:hover, footer.footer a:focus { color: #fff; }

ul.footer-menu { list-style: none; margin: 0; padding: 0; display: block; }
ul.footer-menu li { display: block; }
ul.footer-menu li a { display: block; padding: 10px; }
ul.footer-menu li a:hover, ul.footer-menu li a:focus { background: rgba(255,255,255,0.15); text-decoration: none; }

#powered-by { padding: 15px 10px; margin-top: 10px; text-align: center; border-top: 1px solid rgba(255,255,255,0.15); }

@media (min-width: 480px) {

  .has-header-image #block-gaacust-content-title .content .background { padding-top: 25%; }

  .has-role:not(.role-1) #block-system-main { padding: 30px; }
  /*
  .has-role:not(.role-1) h1#page-title { padding: 10px 5px 10px 70px; position: relative; }
  .has-role:not(.role-1) h1#page-title::before {
    position: absolute; top: -6px; left: 8px; display: block; content: '';
    width: 52px; height: 65px; background-repeat: no-repeat; background-size: contain;
  }
  .has-role.role-2 h1#page-title::before { background-image: url('../icons/icon-coach.png'); }
  .has-role.role-3 h1#page-title::before { background-image: url('../icons/icon-referee.png'); }
  .has-role.role-4 h1#page-title::before { background-image: url('../icons/icon-administrator.png'); }
  .has-role.role-5 h1#page-title::before { background-image: url('../icons/icon-player.png'); }
  .has-role.role-6 h1#page-title::before { background-image: url('../icons/icon-primary.png'); }
  .has-role.role-7 h1#page-title::before { background-image: url('../icons/icon-postprimary.png'); }
  .has-role.role-8 h1#page-title::before { background-image: url('../icons/icon-thirdlevel.png'); }
*/
  .quicktabs-wrapper { margin: 0; }

}

@media (min-width: 768px) {

  .navbar-collapse .dropdown-menu > li > a { color: #004a67; }
  .navbar-collapse .dropdown-menu > li > a:hover,
  .navbar-collapse .dropdown-menu > li > a:focus { color: #fff; background: #005e82; }
  .navbar-collapse .dropdown-menu > .active > a { background: rgba(0,0,0,0.15); font-weight: 700; }
  .navbar-collapse .dropdown-menu > .active > a:hover,
  .navbar-collapse .dropdown-menu > .active > a:focus {  }

  #block-gaacust-subnavigation .content ul.submenu { margin-left: -8px; }
  #block-gaacust-subnavigation .content ul.submenu li { float: left; width: calc(50% - 8px); margin: 0 0 8px 8px; border-bottom: 0 none; }
  #block-gaacust-subnavigation .content ul.submenu li a {
    padding-top: 50%; position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,74,103,.75);
    background-blend-mode: overlay;
  }
  #block-gaacust-subnavigation .content ul.submenu li a:focus,
  #block-gaacust-subnavigation .content ul.submenu li a:hover {
    background-blend-mode: normal;
  }
  #block-gaacust-subnavigation .content ul.submenu li a span {
    position: absolute; top: 0; left: 0; right: 0;
    padding: 21% 4% 4%; text-align: center; background: none transparent;
    font-size: 24px; line-height: 30px; font-weight: 900; text-shadow: 0 3px 3px rgba(0,0,0,0.15);
  }
  #block-gaacust-subnavigation .content ul.submenu li a:focus span,
  #block-gaacust-subnavigation .content ul.submenu li a:hover span { background-color: transparent; }
  #block-gaacust-subnavigation .content ul.submenu li a span::before { display: none; }
  #block-gaacust-subnavigation .content ul.submenu.odd-num li:last-child { margin-left: 25%; }

  #block-gaacust-subnavigation2 .content ul.submenu { margin-left: -8px; }
  #block-gaacust-subnavigation2 .content ul.submenu li { float: left; width: calc(33.33333% - 8px); margin: 0 0 8px 8px; border-bottom: 0 none; }
  #block-gaacust-subnavigation2 .content ul.submenu li a {
    padding-top: 50%; position: relative; margin-bottom: 34px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(255,255,255,.75);
    background-blend-mode: hard-light;
  }
  #block-gaacust-subnavigation2 .content ul.submenu li a:focus,
  #block-gaacust-subnavigation2 .content ul.submenu li a:hover {
    background-blend-mode: normal;
  }
  #block-gaacust-subnavigation2 .content ul.submenu li a span {
    position: absolute; bottom: -34px; left: 0; right: 0; border-top: 1px solid #fff;
    padding: 5px 15px; text-align: center; background: #005e82; color: #fff;
    font-size: 16px; line-height: 24px; height: 34px; overflow: hidden;
    box-shadow: none; text-shadow: 0 3px 3px rgba(0,0,0,0.15);
    white-space: nowrap; text-overflow: ellipsis;
  }
  #block-gaacust-subnavigation2 .content ul.submenu li a:focus span,
  #block-gaacust-subnavigation2 .content ul.submenu li a:hover span { background: #004a67; }
  #block-gaacust-subnavigation2 .content ul.submenu li a span::before { display: none; }

  #block-gaacust-content-title .content h1 { font-size: 40px; line-height: 48px; padding-top: 18px; }
  .has-role #block-gaacust-content-title .content h1 { padding-left: 64px; background-size: 48px 60px; }

  .has-role:not(.role-1) #block-system-main { padding: 45px; }
  /*
  .has-role:not(.role-1) h1#page-title { padding: 15px 30px 15px 100px; }
  .has-role:not(.role-1) h1#page-title::before { top: -10px; left: 20px; width: 65px; height: 81px; }
  */

  footer.footer { padding-bottom: 75px; }

  #block-menu-menu-footer-menu { float: left; }
  ul.footer-menu li { float: left; border-left: 1px solid rgba(255,255,255,0.15); }
  ul.footer-menu li:first-child { border-left: 0 none; }
  ul.footer-menu li a { padding: 5px 10px; }

  #powered-by { float: right; margin: 0; padding: 5px 0; border: 0 none; }
}

@media (max-width: 991px) {
  #overheader-group { width: 100%; }
  ul.navbar-nav li.dropdown .caret { display: none; }
}
@media (min-width: 992px) {


  ul.navbar-nav li.dropdown:hover > ul.dropdown-menu { display: block; }


  .navbar { }
  .navbar-collapse { background: transparent; }

  .navbar-brand img { width: 122px; height: 74px; }

  #overheader-spacer { height: 50px; background: #004a67; }
  #overheader-group-wrapper { position: absolute; top: -50px; left: 0; right: 0; }
  #underheader-spacer { height: 50px; background: #006f9a; }

  .navbar-collapse .navbar-nav.primary { margin-top: 0; position: absolute; bottom: -50px; left: 0; border-bottom: 0 transparent; }
  .navbar-collapse .navbar-nav.primary > li > a { padding: 15px; }

  .navbar-collapse .navbar-nav.primary > li.active-trail > a::before {
    content: ''; display: block; width: 0; height: 0; z-index: 10;
    border-width: 10px 10px 0 10px; border-color: #005e82 transparent transparent transparent; border-style: solid;
    position: absolute; left: 50%; bottom: -10px; margin-left: -5px;
  }


  .navbar-collapse .navbar-nav.secondary { position: absolute; top: 50%; margin-top: -25px; left: 200px; border-bottom: 0 transparent; }
  .navbar-collapse .navbar-nav.secondary > li { margin-right: 30px; border-bottom: 4px solid #eef2f5; }
  .navbar-collapse .navbar-nav.secondary > li:nth-child(2) { border-color: #318889; }
  .navbar-collapse .navbar-nav.secondary > li:nth-child(3) { border-color: #ff6600; }
  .navbar-collapse .navbar-nav.secondary > li:nth-child(4) { border-color: #2a2a2a; }
  .navbar-collapse .navbar-nav.secondary > li > a { padding: 11px 15px; font-size: 20px; line-height: 28px; }
  .navbar-collapse .navbar-nav.secondary > li > a:hover,
  .navbar-collapse .navbar-nav.secondary > li > a:focus { background: #00384e; }

  .navbar-collapse .navbar-nav.tertiary { position: absolute; top: 50%; margin-top: -25px; right: 0; border-bottom: 0 transparent; }
  .navbar-collapse .navbar-nav.tertiary > li { margin-left: 20px; }
  .navbar-collapse .navbar-nav.tertiary > li > a { padding: 16px 15px; font-size: 20px; line-height: 28px; background: #004a67; border-radius: 30px; }
  .navbar-collapse .navbar-nav.tertiary > li > a:hover,
  .navbar-collapse .navbar-nav.tertiary > li > a:focus { background: #00384e; }

  .navbar-collapse .navbar-nav.profile-links { float: left; margin-top: 9px; }
  .navbar-collapse #search-form { position: static; float: right; max-width: 300px; margin: 9px 0 0 15px; }
  .navbar-collapse .region-overheader { float: right; }
  .navbar-collapse .region-overheader .block { float: left; margin-left: 15px; }


  #social-links { padding: 0; display: block; width: auto; }
  #social-links li { display: block; width: auto; float: left; }
  #social-links li a { width: 110px; }

  #content { padding: 0 30px; }

  #contentintro {  }
  #block-gaacust-content-intro .inner-wrapper { padding: 45px 0 0; }

  .tabs { display: block; }
  .nav-tabs { margin-bottom: 15px; }

  .content-wrapper h1, .content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5, .content-wrapper h6 {
    font-weight: 400;
  }
  .content-wrapper h1 { font-size: 26px; }
  .content-wrapper h2 { font-size: 24px; }
  .content-wrapper h3 { font-size: 20px; }
  .content-wrapper h4 { font-size: 18px; }
  .content-wrapper h5 { font-size: 16px; }
  .content-wrapper h6 { font-size: 14px; }

  #block-gaacust-featured .background::before,
  #block-gaacust-featured .background::after { content: ''; display: table; }
  #block-gaacust-featured .background::after { clear: both; }
  #block-gaacust-featured .content h3.featured-title { font-size: 24px; }
  #block-gaacust-featured .content h1 { font-size: 56px; line-height: 64px; padding: 90px 30px; }
  #block-gaacust-featured .content ul.featured { margin-left: -8px; }
  #block-gaacust-featured .content ul.featured li { float: left; width: calc(25% - 8px); margin: 0 0 0 8px; padding-bottom: 76px; border-bottom: 0 none; }
  #block-gaacust-featured .content ul.featured li a {
    padding-top: 32%; position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,74,103,.5);
    background-blend-mode: luminosity;
  }
  #block-gaacust-featured .content ul.featured li a:focus,
  #block-gaacust-featured .content ul.featured li a:hover {
    background-blend-mode: normal;
  }
  #block-gaacust-featured .content ul.featured li a span {
    height: 76px; position: relative; top: 76px; text-align: center;
    font-size: 16px; line-height: 24px; font-weight: 700; padding: 14px 15px;
  }
  #block-gaacust-featured .content ul.featured li a span::before { display: none; }

  #block-gaacust-related .content ul.related { margin-left: -8px; }
  #block-gaacust-related .content ul.related li { float: left; width: calc(25% - 8px); margin: 0 0 0 8px; padding-bottom: 76px; border-bottom: 0 none; }
  #block-gaacust-related .content ul.related li a {
    padding-top: 32%; position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: rgba(0,74,103,.5);
    background-blend-mode: luminosity;
  }
  #block-gaacust-related .content ul.related li a:focus,
  #block-gaacust-related .content ul.related li a:hover {
    background-blend-mode: normal;
  }
  #block-gaacust-related .content ul.related li a span {
    background: #b5eaff; color: #00384e;
    height: 72px; position: relative; top: 72px; text-align: center;
    font-size: 14px; line-height: 20px; font-weight: 400; padding: 14px 15px;
  }

  #block-gaacust-related .content ul.related li a:focus span,
  #block-gaacust-related .content ul.related li a:hover span {
    background: #8edfff;
  }

  #block-gaacust-related .content ul.related li a span::before { display: none; }

  #advertisements { padding: 45px 0; }

  #overfooter { padding: 30px; }
  #overfooter h2.block-title { border: 0 none; padding: 15px 0; }

}

@media (min-width: 1200px) {

  .content-wrapper h1 { font-size: 30px; }

  #block-gaacust-featured .content h1 { padding: 180px 90px; }
  #block-gaacust-subnavigation .content ul.submenu li a span { font-size: 32px; line-height: 38px; }

  #block-gaacust-content-title .content h1 { font-size: 50px; line-height: 58px; padding-top: 38px; padding-bottom: 38px; }
  .has-role #block-gaacust-content-title .content h1 { padding-left: 96px; background-size: 65px 81px; background-position: 0 30px; }


}

@media (min-width: 1800px) {
  #block-gaacust-featured .content h1 { font-size: 72px; line-height: 80px; padding: 270px 180px; }
  #block-gaacust-featured .content ul.featured li a span { font-size: 20px; line-height: 28px; padding: 10px 15px; }
  #block-gaacust-subnavigation .content ul.submenu li a span { padding-top: 22%; font-size: 40px; line-height: 50px; }
}




/* Grid lists */
h4.section-title { font-size: 16px; padding: 3px 7px; background: #f94505; color: #fff; font-weight: bold; border-radius: 2px;}
h5.section-subtitle { font-size: 16px; text-align: center; font-weight: bold; margin: 15px 0; }
ul.grid { list-style: none; padding: 0; display: block; clear: both; margin: 0 -6px 15px; }
ul.grid::before, ul.grid::after { content: ' '; display: table; }
ul.grid::after { clear: both; }
ul.grid li { display: inline-block; width: 100%; padding: 5px 3px; margin-right: -4px; vertical-align: bottom; text-align: center; }
ul.grid li a { display: block; margin: 0; padding: 0; outline: none; text-decoration: none; }

@media (min-width: 360px) { ul.grid li { width: 50%; } }
@media (min-width: 600px) { ul.grid li { width: 33.33333%; } }
@media (min-width: 768px) { ul.grid li { width: 50%; } }
@media (min-width: 992px) { ul.grid li { width: 33.33333%; } }
@media (min-width: 1200px) { ul.grid li { width: 25%; } }