/*
Theme Name: Metrohm USA
Description: Parent theme for the Metrohm USA Multi-site network
Author: Grafx Design of Tampa
Template: reverie-master
*/

/* This is the CSS file loaded by WordPress in backend,
 * it will not be loaded in the frontend.
 * Go to the css/ folder and find style.css,
 * this is the CSS file loaded by WordPress in frontend.
 * Using Sass/Scss? Find the style.scss under scss/ folder.
*/

#menu-sub-site-main-menu {
}
#join-site {
  background: #008f8b!important;
  color: #fff;
}
.et_pb_fullwidth_header_container.left {
  width: 26%;
  max-width: 262px!important;
}
.fullwidth-menu-nav a {
  z-index: 1004;
}
.fullwidth-menu-nav a:hover {
  font-weight: 400!important;
  color: #cf1141 !important;
}
#et_builder_outer_content > div > div.et_pb_section.et_pb_fullwidth_section.et_pb_section_1.et_pb_with_background.et_section_regular > section > div.et_pb_fullwidth_menu.et_pb_module.et_pb_bg_layout_light.et_pb_text_align_left.et_dropdown_animation_fade.main-grafx-nav.et_pb_fullwidth_menu_0 > div {
  width: 100%!important;
  max-width: 100%!important;
}
.header-content {
  margin-right: 0!important;
}
.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_header .et_pb_fullwidth_header_container {
  width: 22%!important;
  min-width: 200px!important;
}
.fullwidth-menu li {
  padding-right: 15px!important;
}

.et_divi_builder #et_builder_outer_content .nav li ul {
  top: 35px!important;
  border-top: none!important;
}


@media (min-width: 981px) {
.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu.et_pb_fullwidth_menu_fullwidth .et_pb_row {
    width: 100%!important;
    max-width: 100%!important;
    padding: 0!important;
  }
}
@media (max-width: 1145px) {
    .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .fullwidth-menu-nav {
    display: none;
    }
    .et_mobile_nav_menu, .et_divi_builder #et_builder_outer_content .et_mobile_nav_menu {
      display: block!important;
      float: none!important;
    }
    .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .mobile_menu_bar:before {
      top: 18px!important;
    }
    .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .et_mobile_menu, .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .et_mobile_menu ul li{
    list-style: none !important;
    text-align: left;
    }
    .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .et_mobile_menu {
    top: 70px!important;
    padding: 5%;
    border-top: none;
  }
}

@media (max-width: 980px) {
  #mobile_menu1 {
    right: -25%;
  }
  .mobile_menu_bar {
    text-align: right!important;
  }
}
@media only screen and (max-width: 1145px) {
    .et_divi_builder #et_builder_outer_content .et_pb_module .et_mobile_nav_menu ul li {
      list-style-type: none!important;
      font-weight: 400!important;
    }
}

.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu .fullwidth-menu-nav > ul ul {
  padding: 0!important;
  text-align: right!important;
}

/* Microsite Header Restyling (12/2016) */


/*body > div.l-head > div > div > div > div {
  display: inline-block;
  width: 20%;
  max-width: 20%;
}
body > div.l-head > div > div > div > section, .page-id-4 #navwrap {
  display: inline-block;
  width: 80%;
  max-width: 75%;
  text-align: right;
  vertical-align: middle;
  margin-bottom: -48px;
}
body > div.l-head > div > div > div > section > div > ul li, #menu-main-menu li {
  padding-left: 20px;
  display: inline-block;
}
.sf-menu {
  text-align: right;
}
.sub-site-nav-wrapper a, #menu-main-menu > li > a {
    color: #000!important;
    font-size: .8em!important;
    font-weight: bold;
}
.sub-site-nav-wrapper {
    background-color: transparent!important;
}
.sub-site-nav-wrapper #navwrap ul li {
  border: none!important;
}
.sub-menu > li {
  display: block!important;
}
.sub-menu > li > .sub-menu {
  margin-top: -20px;
  margin-left: 180px;
}
.sub-menu {
    display: none;
    position: absolute;
    background-color: #fff;
    min-width: 160px;
    padding: 12px 16px;
    z-index: 1;
}

.menu-item:hover > .sub-menu {
    display: block;
}*/

.top-bar-section ul {
  list-style-type: none!important;
  background: none!important;
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 64px!important;
}
.top-bar-section > ul > .divider {
  border: none!important;
}
.top-bar-section li a {
  background: none!important;
  color: #000!important;
}
.top-bar-section li a:hover {
  color: #cf1141 !important;
}
.top-bar-section ul li:hover {
  background: rgba(220, 242, 238, 0.2);
}
.top-bar {
width: 100%!important;
color: #000;
background: none!important;
}
.top-bar .toggle-topbar.menu-icon a::after {
  color: #000!important;
  z-index: 1005!important;
  -webkit-box-shadow: 0 10px 0 1px #000,
                      0 16px 0 1px #000,
                      0 22px 0 1px #000!important;
  box-shadow: 0 10px 0 1px #000,
              0 16px 0 1px #000,
              0 22px 0 1px #000!important;
}
.title-area {
  list-style-type: none!important;
}
.top-bar-section ul li ul, .dropdown {
  margin-top: 0!important;
  background: #fff!important;
  -webkit-box-shadow: 0 0 0 1px #dee0e2,
                      0 0 0 1px #dee0e2,
                      0 0 0 1px #dee0e2!important;
  box-shadow: 0 0 0 1px #dee0e2,
              0 0 0 1px #dee0e2,
              0 0 0 1px #dee0e2!important;
}

.top-bar.expanded .title-area {
  background: none!important;
}

@media only screen and (max-width: 1024px) {
body .l-head {
  max-height: 100%!important;
}
.top-bar-section ul {
  height: auto;
  margin-top: 0!important;
  background: #fff!important;
  position: relative;
}
.top-bar.expanded {
  z-index: 1005!important;
  border-bottom: 2px solid #dee0e2!important;
}
}

.mod-footer {
  height: auto!important;
}
body > footer > div.row.mod.mod-footer.g-row > div.small-12.large-5.columns.social-media.g-cell.right {
  padding-bottom: 20px!important;
}

@media (max-width: 600px) {
  body > footer > div.row.l-news-wrap > div > div {
    text-align: center;
  }
  body > footer > div.row.l-news-wrap > div > div > h3 {
    margin: 0;
    display: block;
  }
  body > footer > div.row.l-news-wrap > div > div > a {
    margin: .75em auto!important;
  }
}



meta.foundation-mq-topbar {
  font-family: "/only screen and (min-width:1024px/";
  width: 1024px;
}

@media only screen and (min-width: 1024px) {
  .top-bar {
    background: #333333;
    *zoom: 1;
    overflow: visible;
  }
}
  .header-content-container {
    min-width: 200px!important;
    box-sizing: border-box!important;
  }


  .et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu_0 {
    display: block!important;
    width: 100%!important;
    max-width: 100%!important;
    box-sizing: border-box!important;
  }

  .fa-angle-down {
    display: none!important;
  }

#post-40 {
  background: #087c87;
}
#pwbox-40 {
  max-width: 400px;
  margin-left: 0 auto;
  color: #000!important;
  padding-left: 10px!important;
}
#et_builder_outer_content > div > form {
  padding: 4%;
}
#et_builder_outer_content > div > form > p:nth-child(1), #et_builder_outer_content > div > form > p:nth-child(2) > label {
  color: #fff!important;
  font-weight: 700;
}
#et_builder_outer_content > div > form > p:nth-child(2) > input {
  color: #fff;
  font-weight: 700;
  border-radius: 4px;
  padding: 5px 10px;
  margin-top: 10px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5bdc8+0,828c95+36,28343b+100;Grey+Black+3D */
  background: rgb(181,189,200); /* Old browsers */
  background: -moz-linear-gradient(-45deg,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#post-40 > footer {
  margin-top: -50px;
}
.page-id-40 > footer > div {
  max-width: 100%;
}
.et_divi_builder #et_builder_outer_content .et_pb_fullwidth_menu_0.et_pb_fullwidth_menu .nav li ul a {
  color: #000000 !important;
  text-align: left;
  padding: 5px 0!important;
}
.et_divi_builder #et_builder_outer_content .fullwidth-menu.nav li li {
  top: -17px;
}

#colorbox-content-s .gform_wrapper .ginput_complex .ginput_left, #colorbox-content-s .gform_wrapper .ginput_complex .ginput_right {
	width: 100% !important;
}
#colorbox-content-s .gform_wrapper .top_label input.medium, #colorbox-content-s .gform_wrapper .top_label select.medium {
  width: 100% !important;
}
#colorbox-content-s .gform_footer {
	padding: 10px !important;
}
body.page-id-241 header, body.page-id-241 .top-bar, body.page-id-241 footer {
	display: none !important;
}
body.page-id-241 .row .row {
	margin-left: auto !important;
	margin-right:auto !important;
}