/*
Theme Name: Divi Child
Version: 2.0
Description: Divi Child Theme
Author: Shannon Morris
Template: Divi
Author URL: turiawebdesign.com
*/
 
/*-------Theme Customizations------- */


/*--------- Overlay with Paralax ---------*/
 
.paralax-overlay:before {
    content:"";
    position:absolute;
    z-index:1;
    background:inherit;
    top:0;
    bottom:0;
    width:100%;
}
.paralax-overlay .et_pb_row {
    z-index:2 !important;
}
.paralax-overlay {
    background-color: transparent;
}

/*--------- Menu ---------*/

#top-menu-nav>ul>li>a:hover {
    opacity: 1;
    color: #205aa6;
    transition: none!important;
}

.nav ul li a:hover {
    background-color: rgb(0 0 0 / 0%);
    opacity: 1;
    color: #205aa6!important;
    transition: none!important;
}

.nav li ul {
    padding: 10px 0;
}

#top-menu li li a {
    padding: 6px 8px 6px 0px;
    width: 100%;
}


/*--------- Logo ---------*/
 
@media (min-width: 981px) {
    #logo {
    max-height: 130px;
    margin-top: 0px;
    }

    .et-fixed-header #logo {
      max-height: 100px;
      margin-top: 0px;
    }


    #main-header.et-fixed-header {
     box-shadow: none!important;
    }

    #main-header {
     box-shadow: none!important;
    }

    .et-fixed-header .logo_container {
        overflow: hidden;
    }
}

/*--------- Mobile Menu ---------*/
 
@media (max-width: 980px) {

#main-header .container {
    width: 95%;
}

#logo {
    max-height: 100%;
}

.mobile_menu_bar:before {
    color: #205aa6!important;
    font-size: 40px;
}

.et_mobile_menu {
     border-top: 2px solid #DDE6E7!important;
     padding: 0px;
}

}

/********* Mobile Menu Collapse ********/
  
/**** This hides the sub menu items on mobile ****/
  
#main-header .et_mobile_menu li ul.hide {
display: none !important;
}
  
/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/
  
#mobile_menu .menu-item-has-children {
position: relative;
}

#mobile_menu .menu-item-has-children > a {
background: transparent;
}
  
/**** This styles the icon and moves it to the right ****/
  
#mobile_menu .menu-item-has-children > a + span {
position: absolute;
right: 0;
top: 0;
padding: 10px 20px;
font-size: 20px;
font-weight: 700;
cursor: pointer;
z-index: 3;
}
  
/**** Here you can swap out the actual icons ****/
  
span.menu-closed:before {
content: "\4c";
display: block;
color: #333333;
font-size: 16px;
font-family: ETmodules;
}
  
span.menu-closed.menu-open:before {
content: "\4d";
}

/*--------- Vertical Align ---------*/

@media (min-width: 981px) { 
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 
}

/*--------- Video Page ---------*/

.video-image .et_overlay:before {
    font-size: 73px;
}

/*--------- Article Page ---------*/

.n10s-rochester {
    background: #2e5d5a00!important;
}

/*place button modules next to each other in the same column*/

.inline-Buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.inline-Buttons {
    text-align: center !important;
}

/*--------- Video Page ---------*/
 
 .dica_divi_carousel .item-title {
    display: none;
 }


/*--------- Gravity Forms ---------*/

.contact-form .gform_footer button[type=submit] {
    color: white;
    background: #205aa6;
    font-size: 16px!important;
	font-weight: 600;
    padding: 12px 35px;
    border: none!important;
    border-radius: 30px;
    cursor: pointer!important;
    transition: all .2s;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.contact-form .gform_footer button[type=submit]:hover {
    color: white;
    background: #07a0e2;

}

.contact-form input.text, .contact-form input.title, .contact-form input[type=email], .contact-form input[type=password], .contact-form input[type=tel], .contact-form  input[type=text], .contact-form  select, .contact-form textarea {
    background-color: transparent!important;
    border: solid 1px #282C2D;
    padding: 15px!important;
}

.contact-form input:-internal-autofill-selected {
    background-color: transparent!important;
}

.contact-form .gform_confirmation_message {
    color: black!important;
    margin-top: 50px;
    font-size: 20px;
    text-align: center;
}

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

.contact-form .gform_confirmation_message {
    padding-bottom: 100px;
}
}

/*--------- Switch Column order on mobile ---------*/

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

.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
 
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}

.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}
}

/*--------- Keynote Speaking Quote Row ---------*/

@media all and (min-width: 1600px) {

#different-row {
        margin-left: 22%!important;
    }
}

/*--------- Keep columns from stacking ---------*/

@media only screen and (min-width: 479px) and (max-width: 980px) {
  
.three-columns .et_pb_column {
    width: 33%!important;
}

}