/**/

/* GLOBALS */

#wrapper { overflow: hidden; }
h1 { font-size: 30px; font-family: "Arvo", serif; font-weight: bold; color: #00457c; }
h1 a {color: #33cccc;}
h2 { font-family: "Arvo", serif; }
p { font-family: "Arvo", serif; }
ul { font-family: "Arvo", serif; margin: 0; }
a:hover, h1 a:hover, .page-header h2 a:hover {color: #003366}
label { font-family: "Arvo"; }

/*
** PRE-NAV-POSITION
*/

#pre-nav-wrapper {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end; }
  @media screen and (min-width: 87.5em) {
    #pre-nav-wrapper {
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; } }

#pre-nav-bar {
  height: 66px; }
  @media screen and (min-width: 87.5em) {
    #pre-nav-bar {
      width: 1400px;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end; } }

#pre-nav-container {
  align-items: center;
  height: 66px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  transition: -webkit-transform;
  transition: transform;
  transition-duration: .1s;
  text-align: right; }
  @media screen and (max-width: 89.9375em) {
    #pre-nav-container {
      -webkit-transform: translateX(-15px);
          -ms-transform: translateX(-15px);
              transform: translateX(-15px); } }

.pre-nav-menu li, .main-nav-menu li {
  display: inline-block; }

.pre-nav-links {
  list-style-type: none;
  display: inline-block;
  margin: 0;
  line-height: 65px;
  font-family: "Roboto";
  color: #28bdb3; }

.menu a.pre-nav-links, .menu a.pre-nav-social-icons { padding: 0; }

.pre-nav-social {
  margin-top: 9px; }
  .pre-nav-social li {
    display: inline-block; }

.pre-nav-social-icons {
  width: 32px;
  -webkit-transform: translateY(-2px);
      -ms-transform: translateY(-2px);
          transform: translateY(-2px);
  height: auto;
  margin: 0 12px 0 0; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .pre-nav-social-icons {
      margin: 20px 4px 0 0; } }

.link1::after { content: "|"; margin: 0 6px; }
.link3::before { content: "|"; margin: 0 6px; }

/*
** MAIN-NAV-POSITION
*/


.background-overlay .background-overlay {position: absolute; top: 120px; left: 7vw;}
#background-overlay {z-index: 10000000; transform: translateY(6px);}

.main-nav-menu-module .menu {display: inline-block; margin: 0; }
.main-nav-menu-module { height: 60px; }
.top-navigation-bar { text-align: center; background-color: #ebf6f5; position: relative; z-index: 300;}

span.nav-header { cursor: pointer; }
/* #main-nav-container .menu>li>a:not(.nav-header) { display: block; padding: .7rem 1rem; line-height: 1; } */
#main-nav-container .menu > li { vertical-align: inherit; padding: 0; }
#main-nav-container .menu > li a {padding: 0; margin-bottom: 0; margin-top: 0;}
#main-nav-container .menu > li.deeper.parent a { padding-bottom: 20px;}

.pre-nav-social-icons img {max-width: none;}

.top-menu-link {
  color: #28bdb3;
  font-size: 21px;
  font-family: "Arvo", serif;
  font-weight: bold;
  line-height: 60px;
  margin: 2vw;
  transition: all .1s; }
  @media screen and (max-width: 61.875em) {
    .top-menu-link {
      margin: 1.5vw;
      font-size: 2vw; } }
  @media screen and (max-width: 795px) and (min-width: 83.125em) {
    .top-menu-link {
      margin: 2.5vw;
      font-size: 25px; } }
  @media screen and (min-width: 0em) and (max-width: 850px) {
      #main-nav-container { display: none; }
      .background-overlay .background-overlay {position: absolute; top: 65px;}
    }

.nav-child { margin-left: 30px; display:none; position: absolute; background-color: #00457c;}
#main-nav-container .nav-child { margin-left: 0; }
#main-nav-container .nav-child li { text-align: left; padding: 15px 30px; min-width: 275px;}

#main-nav-container .nav-child li:hover {background-color: #28bdb3;}

.nav-child li a { color: white; }

.deeper.parent ul { position: absolute; z-index: 10000000;}
.pushy-main-submenu .deeper.parent ul li { text-align: left; background-color: #00457c; transition: all .3s; }
.pushy-main-submenu { background-color: #00457c; }
.pushy li > a:hover { background-color: #28bdb3; }
.pushy > .pushy-open { background: #00457c; }



.nav.menu > * {
  transition: .2s;
}


/*
** HERO-SECTION
*/

#background {background-size: cover;}

.hero-image-container div div div{
  text-align: center;
  height: 350px;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat; }

.logo-position-left {
  margin-top: -340px;
  transition: all .1s;
  -webkit-transform: translateX(35px) translateY(40px);
      -ms-transform: translateX(35px) translateY(40px);
          transform: translateX(35px) translateY(40px); }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .logo-position-left {
      -webkit-transform: translateY(40px) translateX(0);
          -ms-transform: translateY(40px) translateX(0);
              transform: translateY(40px) translateX(0); } }

.container {
  max-width: 100%;
  overflow: hidden;
  background-color: #ebf6f5; }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .container {
      margin-top: 28px; }
  }

.main-elements {
  text-align: center;
  margin: -50px 0 25px 0; }
  .main-elements p {
    font-size: 15px;
    padding: 0 20px; }
  .main-elements img {
    margin: 7px; }

.main-element-right, .main-element-left {
  background-color: white;
  border: 1px solid grey;
  border-radius: 25px;
  margin: 20px 0;
  -webkit-transform: translateX(15px);
      -ms-transform: translateX(15px);
          transform: translateX(15px);
  width: 556px; }
  @media screen and (max-width: 80.625em) {
    .main-element-right, .main-element-left {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }
  @media screen and (min-width: 0em) and (max-width: 39.9375em) {
    .main-element-right, .main-element-left {
      width: 360px; } }
  .main-element-right p, .main-element-left p {
    margin: 0; }

@media screen and (max-width: 80.625em) {
  .main-element-left {
    height: auto; } }

.main-element-right {
  -webkit-transform: translateX(105px);
      -ms-transform: translateX(105px);
          transform: translateX(105px); }
  @media screen and (max-width: 80.625em) {
    .main-element-right {
      -webkit-transform: translateX(0);
          -ms-transform: translateX(0);
              transform: translateX(0); } }

@media screen and (max-width: 80.625em) {
  .main-elements-flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; } }

.footer {
  text-align: center; }
  .footer h2 {
    font-size: 18.3px;
    font-family: "Arvo", serif;
    color: #00457c;
    margin: 5px; }
    @media screen and (min-width: 0em) and (max-width: 39.9375em) {
      .footer h2 {
        font-size: 16px; } }
  .footer p {
    font-size: 15.5px;
    color: #00457c; }
    @media screen and (min-width: 0em) and (max-width: 39.9375em) {
      .footer p {
        font-size: 13px; } }
  .footer img {
    margin: 20px 0 70px 0; }

/*
** PUSHY STYLES
*/

.push-me {
  position: absolute;
  top: 19px;
  left: 25px;
  display: none;
  padding: 3px 0; }
  @media screen and (min-width: 0em) and (max-width: 850px) {
    .push-me {
      display: inline; } }

.hamburger-bar {
  width: 23px;
  height: 3px;
  border-radius: 3px;
  background-color: #28bdb3;
  margin: 4px 8px; }

/*.pushy li {
  width: 4000px;
  background: #33cccc;
  color: #fff; }
  .pushy > a {
    color: #fff; }
  .pushy a:hover {
    background-color: #003366;
    color: white; }
  .pushy ul {
    margin-left: 0; }*/

/*.pushy-left {
  -webkit-transform: translate3d(-400px, 0, 0);
          transform: translate3d(-4000px, 0, 0); }*/

/*
** Page Specific Styles
*/

.breadcrumb {margin-top: 15px;}
.breadcrumb li { list-style: none; display: inline-block; }
.breadcrumb li span { color: #28bdb3; }
.breadcrumb li span:hover { color: #00457c; }
.breadcrumb .divider img {display: none; }
.breadcrumb .divider::after { content: "/"; display: inline-block; color: #28bdb3; }
.breadcrumb .divider:first-child::after {display: none;}

div[itemprop="articleBody"] {
  margin: 35px 0;
}
.page-header { margin-top: 40px; }
.item-page { margin-bottom: 40px; }
.item-page ul { padding-left: 30px; }
.staffbio-wrapper, .staffbio-category { margin: 20px 0; }
.blog {margin: 15px 0 75px;}
.item-page {margin: -25px 0 75px;}
.subheading-category {font-family: "Arvo", serif; font-weight: 700;}
.page-header h2, .page-header h2 a {font-family: "Arvo", serif; font-weight: 700; color: #28bdb3;}
.readmore a {color: #28bdb3;}
.staff-list {margin-top: 40px;}
.bio-img {margin-bottom: 20px;}

.submit-button button, input[type="submit"] { background-color:#28bdb3; padding: 10px; color:#ebf6f5; border: none; font-family: "Arvo"; margin: 10px 0 40px; }
.submit-button button:hover, input[type="submit"]:hover { background-color:#279185; transition: all 0.5s ease; }
.yellow-star { color: #FFD700; }

input[name="a_password"] { display: none; height: 0; visibility: hidden; }

/* === Star Rating ===*/
.rating { border: none; float: left;}
.rating > input { display: none; }
.rating > label:before { margin: 5px;font-size: 1.6em;font-family: FontAwesome;display: inline-block;content: "\f005";}
.rating > label { color: #ddd; float: right; }
.rating > input:checked ~ label, /* show gold star when clicked */
.rating:not(:checked) > label:hover, /* hover current star */
.rating:not(:checked) > label:hover ~ label { color: #FFD700; } /* hover previous stars in list */
.rating > input:checked + label:hover, /* hover current star when changing rating */
.rating > input:checked ~ label:hover,
.rating > label:hover ~ input:checked ~ label, /* lighten current selection */
.rating > input:checked ~ label:hover ~ label { color: #FFED85; }

/*fieldset.rating [type=checkbox]+label, fieldset.rating [type=radio]+label { margin-left: 0; }*/

form[enctype="multipart/form-data"] { margin-top: -35px; }
/* === /Star Rating ===*/


.testimonial-category { margin-top: 20px; }

/*.pushy .deeper.parent ul {
  position: inherit;
}

.pushy .deeper.parent ul li {
  padding: 0 30px;
}*/