/*
Theme Name: Divi Child Theme
Description: Child Theme for Divi
Author: Trey Waterfallen
Template: Divi
Version: 1.0.0
*/

/*****Add any custom CSS below this line*****/


/*------------------Customized Top Header------------------*/

#et-secondary-nav li ul, #top-header {
    background-color: #00bece;
}


#et-secondary-nav li {
    margin-right: 20px;
}


#et-secondary-nav > li:last-child {
    margin-right: 20px;
}

/*------------------Address and Phone Centered------------------*/
@media only screen and (min-width: 1360px) {
#et-secondary-nav li {
    margin-right: 85px;
}
}

@media only screen and (min-width: 1360px) {
#et-secondary-nav > li:last-child {
    margin-right: 145px;
}
}

#et-secondary-menu .et-social-icons {
    margin-right: 0px;
}

#top-header .et-social-icons {
    display: inline-block;
    float: right;
}


.top-address {
      width: 324px!important;
}

.top-address a {
      color: white!important;
      font-size: 16px!important;
}

.top-address:before {
      font-family: 'ETmodules';
      content: "\e082";
      font-size: 16px;
      float: left;
}


.top-phone {
      width: 126px!important;
}

.top-phone a {
      color: white!important;
      font-size: 16px!important;
}

.top-phone:before {
      font-family: 'ETmodules';
      content: "\e090";
      font-size: 16px;
      float: left;
}


/*---------- SignUp Image----------*/
.sign-up-image {
  margin-top: -50px!important;
  margin-bottom: -50px !important;
}

/*----------Mailchimp SignUp----------*/

.mc4wp-form input[type=text] {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    float: left;
    padding: 15px;
    color: #e2e2e2!important;
    background: #e2e2e2!important;
    border: 0px;
    margin-right: 12px;
    font-size: 15px;
    width: 32%!important;
}

.mc4wp-form input[type=email] {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    box-shadow: inset 0 1px 15px rgba(0, 0, 0, 0);
    float: left;
    padding: 15px;
    color: #e2e2e2!important;
    background: #e2e2e2!important;
    border: 0px;
    margin-right: 12px;
    font-size: 15px;
    width: 32%!important;
}

.mc4wp-form input[type=submit] {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    float: left;
    color: #fff!important;
    background-color: #000000!important;
    border: 0px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px;
    border: 0px;
    width: 30%!important;
}

.mc4wp-form input[type=submit]:hover {
    background-color: #ffffff!important;
    color: #00bece!important;
    cursor: pointer;
}

/*----------Sidebar Mailchimp SignUp----------*/

#sidebar .mc4wp-form input[type=text] {
    background: #f1f1f1;
    width: 100%!important;
    margin-bottom: 10px;
}

#sidebar .mc4wp-form input[type=email] {
    background: #f1f1f1;
    width: 100%!important;
    margin-bottom: 10px;
}

#sidebar .mc4wp-form input[type=submit] {
    width: 100%!important;
}

/*----------Mailchimp SignUp Tablet Settings----------*/

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

.mc4wp-form input[type=text] {
    width: 49%!important;
    margin-right: 5px;
}

.mc4wp-form input[type=email] {
    width: 50%!important;
    margin-right: 0px;
}

.mc4wp-form input[type=submit] {
        width: 100%!important;
    margin-top: 10px;
}
}

/*----------Mailchimp SignUp Mobile Settings----------*/

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

.mc4wp-form input[type=text] {
    width: 100%!important;
    margin-right: 0px;
    margin-bottom: 10px;
}

.mc4wp-form input[type=email] {
    width: 100%!important;
    margin-right: 0px;
}

.mc4wp-form input[type=submit] {
    width: 100%!important;
    margin-right: 0px;
    margin-top: 10px;
}
}

/*----------Back to Top Scroller Settings----------*/

.et_pb_scroll_top.et-visible {
    opacity: 1;
    -webkit-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -moz-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    -o-animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
    animation: fadeInBottom 1s 1 cubic-bezier(.77,0,.175,1);
  }

.et_pb_scroll_top.et-pb-icon {
  bottom: 15px;
  right: 15px;
  border-radius: 25px;
}

.et_pb_scroll_top.et-pb-icon:hover {
  background: #00bece;
}

/* ----------------- CTA Button-------------------- */
.menu-cta {
  border: 2px solid #000000;
  padding: 12px!important;
  border-radius: 25px;
  text-align: center;
  margin-top: 0px;
  margin-bottom: 0px;
}

@media only screen and (min-width: 981px) {
  .menu-cta {
    height:42px;
  }
}

.menu-cta:hover {
  background-color: #00bece;
}

.menu-cta:hover a {
  color:white!important;
}


.et_header_style_left #et-top-navigation {
  padding-top: 16px;
}

.et_header_style_left .et-fixed-header #et-top-navigation {
  padding-top: 8px;
}


/* ----------------- Mobile CTA Button-------------------- */
@media only screen and (max-width: 980px) {
  .menu-cta {
    background-color: #00bece;
    padding: 0px!important;
  }
}

/*---------------------Centering Menu ---------------------*/
@media only screen and (min-width: 1360px) {
.menu-contact {
    padding-right:175px!important;
 }
}

========================================================
 This pattern is downloaded from www.subtlepatterns.com
 If you need more, that's where to get'em.
 ========================================================