/*
 Theme Name:  Divi Child Theme
 Description:  Child Theme for Divi
 Author:       John Camp
 Template:     Divi
 Version:      1.0.0
*/

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

/*----------------------------------------------*/
/*-----Slide-In Menu from Left by Divi Soup-----*/
/*----------------------------------------------*/
.et_slide_in_menu_container #mobile_menu_slide li a { color:white !Important; }

/*Move the hamburger menu to the left*/

#et-top-navigation {
    float: left;
    padding-left: 0 !important;
}


/*Move the menu to the left when open*/

.et_pb_slide_menu_active header#main-header,
.et_pb_slide_menu_active #page-container {
    left: 320px !important;
}

.et_pb_slide_menu_active .et_slide_in_menu_container.et_pb_slide_menu_opened {
    right: auto !important;
    left: 0 !important;
}


/*Hide the screen overflow*/

body.et_pb_slide_menu_active {
    overflow-x: hidden !important;
}


/*Move the logo to the right of the screen*/

#logo {
   margin-left:40%;
   max-height: 80%;
}

.et_slide_in_menu_container #mobile_menu_slide li a, .et_slide_in_menu_container #mobile_menu_slide li.current-menu-item a { font-size:22px; }

/*Switch the slide-in animation from right to left*/

.et_slide_in_menu_container {
    left: -320px;
    -webkit-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    -moz-transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
    transition: left 0.8s cubic-bezier(0.77, 0, 0.175, 1), margin-top 0.4s ease-in-out !important;
}


@media only screen and (max-width: 1550px) {
  .et_pb_column_8 {
    padding-left: 80px !important;
}
}

@media only screen and (max-width: 980px) {
	.home .et_pb_blurb_3.et_pb_blurb { float:none !important; margin-right:auto !Important; }
	.home .et_pb_blurb_4.et_pb_blurb { margin-left:auto !Important; }
}

@media only screen and (max-width: 768px) {
  #middlecolumn {
    display:none;
}
	#rightcolumn, #leftcolumn { width:100%; }
}