@media (min-width: 1600px) {
    .container {
        width: 1300px;
    }
}

/* START Link Styling*/
/* Base */
a{ color: var(--mp-blue); text-decoration:none; }
a:visited{ color: var(--mp-blue); }

/* Mouse states */
a:hover,
a:active,
a:focus{ color:var(--highlight-color); text-decoration:underline; }

/* Focus rings */
a:focus{ outline:2px solid #2a94c9; outline-offset:2px;}   /* fallback */
a:focus-visible{ outline:2px solid #2a94c9; outline-offset:2px;}  /* keyboard only */
a:focus:not(:focus-visible){ outline:none;} /* hide on mouse */

/* END Link Styling*/

nav.navbar.navbar-default {background-color: #ffffff; padding: 10px 0 4px 0; border-radius: 0;}
.main-header {padding: 0 0 4px 0; margin: 0 0 6px 0;}

.main-header .block {margin-bottom: 10px;}

.main-header:after {background: var(--mp-blue);}

/*Core Language Switcher STARTS Here*/

/* Core Language Switcher — horizontal with flags */
.block-language .links{
  display:flex; align-items:center;
  flex-wrap:wrap;
  list-style:none; padding:0; margin:0; font-size: 16px;
}
.block-language .links li::marker{ content:none; }

.block-language .links li + li::before{ content:"|"; margin:0 1rem; color:#b3bdc9; }

/* Flags */
.block-language a.language-link[hreflang="en"]::before,
.block-language a.language-link[hreflang="es"]::before,
.block-language a.language-link[hreflang="de"]::before{
  content:""; display:inline-block; width:18px; height:12px;
  margin-right:.4rem; background-size:cover;
}
.block-language a.language-link[hreflang="en"]::before{ background-image:url("/themes/custom/drupal8_zymphonies_theme_custom/images/flags/us.svg"); }
.block-language a.language-link[hreflang="es"]::before{ background-image:url("/themes/custom/drupal8_zymphonies_theme_custom/images/flags/es.svg"); }
.block-language a.language-link[hreflang="de"]::before{ background-image:url("/themes/custom/drupal8_zymphonies_theme_custom/images/flags/de.svg"); }

@media (max-width: 767px) {#block-drupal8-zymphonies-theme-custom-languageswitcherinterfacetext-2 {display: none;}
}
@media (min-width: 768px) {#block-drupal8-zymphonies-theme-custom-languageswitcherinterfacetext {display: none;}
}

/*Core Language Switcher ENDS Here*/

/*Primary Main Menu Start*/

.main-header nav {
    z-index: 10;
}
/*
@media (min-width: 992px) {.navbar-header.col-md-3 {width: 33.3%;}
}

@media (min-width: 992px) {.navbar.navbar-default .col-md-9 {width: 66.6%;}
}

@media only screen and (min-width: 768px) {.region.region-primary-menu {min-width: 664px;}
}
*/

@media (min-width: 768px) {
.menu-base-theme, .menu-base-theme a {
  color: #ffffff; font-size: 16px; background-color: var(--mp-blue);
}
.menu-base-theme a:visited {
  color: #ffffff;
}

.menu-base-theme li:hover, .menu-base-theme li:focus, .menu-base-theme a:hover, .menu-base-theme a:focus, .menu-base-theme a:active, .menu-base-theme a.highlighted {
  background-color: var(--mp-blue-light); color: #ffffff;
}

/* 2nd level */
.menu-base-theme > li > ul > li > a{
  background-color:#fff;
  color:#00406b;
}

.menu-base-theme ul a, .menu-base-theme ul a:visited {color: #00406b;}

.menu-base-theme ul a:hover, .menu-base-theme ul a:focus, .menu-base-theme ul a:active, .menu-base-theme ul a.highlighted {
        background: #e8f4fa; color: var(--mp-blue); text-decoration: underline;
    }
    
/* 3rd level and deeper */
.menu-base-theme > li > ul > li > ul > li > a{
  background-color:#f4f9fb;
  color:#003553;
}

.menu-base-theme ul ul li > a { position:relative; text-indent: 20px;}    
.menu-base-theme ul ul li > a::before{
  content:"•";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}    
 
 .menu-base-theme a span.sub-arrow {
    position: absolute !important;
    top: 50% !important;
    margin-top: -5px !important;
    right: 8px !important;
    left: auto !important;
  }
    
.menu-base-theme li a span.sub-arrow {
        border-color: #ffffff transparent transparent transparent !important;
    }
.menu-base-theme ul li a span.sub-arrow {
        border-color: #666 transparent transparent transparent !important;
    }    
}

@media (max-width: 767px) {
    .menu-base-theme, .menu-base-theme a {
  color: #ffffff; font-size: 16px;
}
.menu-base-theme > li > a {background: var(--mp-blue);}

.menu-base-theme > li:hover > a,
.menu-base-theme > li:focus-within > a,
.menu-base-theme > li > a:hover,
.menu-base-theme > li > a:focus,
.menu-base-theme > li > a:focus-visible,
.menu-base-theme > li > a:active,
.menu-base-theme > li > a.highlighted{
  background-color: var(--mp-blue-light); color: #ffffff; text-decoration: underline;
}

.menu-base-theme a span.sub-arrow {
    background: var(--light-background-color5);
}

.menu-base-theme > li > ul > li a {color: #00406b; background: #f5f8fa;}

.menu-base-theme > li > ul > li:hover > a,
.menu-base-theme > li > ul > li:focus-within > a,
.menu-base-theme > li > ul > li > a:hover,
.menu-base-theme > li > ul > li > a:focus,
.menu-base-theme > li > ul > li > a:focus-visible,
.menu-base-theme > li > ul > li > a:active,
.menu-base-theme > li > ul > li > a.highlighted {
  background-color: #dbe8f0; color: var(--mp-blue); text-decoration: underline;
}

.menu-base-theme ul ul li a {background: #eef3f6;}

.menu-base-theme ul ul li > a { position:relative; text-indent: 20px;}
.menu-base-theme ul ul li > a::before{
  content:"•";
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
}
}

/*Primary Main Menu End*/

/* START Subtle background */

/* html, body {background: #f7fbfd;} */

.page, .main-container, .container, .region-content{
  background:#fff;
}

.footerwidget .container, .footer-menu .container, .copyright .container {background: none;}

/* END Subtle background */

.region.region-page-title {margin-top: 10px;}

#page-title h1 {
  text-align: center; color: #474747;
  font-size: 1.6em; font-weight: 600;
  margin-right: 10px;
  margin-left: 10px;
} 

h2 {font-size: 1.28em; color: #474747; font-weight: 600;}

h3 {font-size: 1.2em;}

body {
    font-size: 18px; line-height: 1.4; font-family: Roboto, Arial, 'Open Sans', sans-serif;
}

#block-drupal8-zymphonies-theme-custom-phonenumber {color: #ff0000; letter-spacing: 2px;}
#block-drupal8-zymphonies-theme-custom-phonenumber a {color: #474747; font-weight: 600;}

.brand.logo {width: auto!important; height: auto!important; max-width: 355px;}
@media only screen and (max-width: 460px) {.brand.logo {max-width: 82%;}
}

@media (min-width: 768px) {.middlewidget {
    padding: 20px 0;}
}

::selection {
  background: #ffff00; color: #333;
}
::-moz-selection  {
  background: #ffff00; color: #333;
}

/* ADA Accessability START*/
/*p, div {letter-spacing: 0.12em; line-height: 1.5em; word-spacing: 0.16em; font-family: Helvetica, Arial, sans-serif;}*/
/* ADA Accessability END*/

/*Footer start*/
.footerwidget {padding: 10px; color: #e2e2e2;}

/* between 992px and 1199px inclusive of 992, exclusive of 1200 */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .footerwidget .col-md-3 {
    width: 30%; 
  }

 .footerwidget .col-md-6 {width: 40%;}
}

.footerwidget h2, .footerwidget .h2 {font-size: 1.2em; text-decoration: underline;}

.footerwidget a {
  color: rgb(77,170,217);
}

.footerwidget a:hover, .footerwidget a:focus, .footerwidget a:active, .footerwidget a.highlighted {
  color: #99d4e9;
}

.footer-menu .col-md-6 {width: auto;}
#block-drupal8-zymphonies-theme-custom-footer {font-size: 16px;}

.copyright {font-size: 12px; color: var(--light-background-color2);}

/*Footer end*/

.social-media a:visited {color: #ffffff;}