/* 
 Theme Name:     Divi Child Theme - Atlantis - For Clients of HPX Media Inc.
 Author:         HPX Media Inc.
 Author URI:     https://hpxmedia.com
 Template:       Divi
 Version:        2.0
 Description:    A Divi Child Theme built by HPX Media.

*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE ---------- */ 


/* NAVIGATION  */

.nav li li { padding: 0; } /* gets rid of left and right spacing */
.et_pb_menu .et-menu-nav>ul ul { padding: 0; } /* gets rid of top and bottom spacing */
.nav li ul { border-top: 0px; }  /* gets rid of 3px line at the top of ul */
.et-menu li li a { width: 240px; }   /* makes li same width as ul */

 /* .nav li li { border-bottom: 1px solid #f2f2f2; }line between dropdown menu items */
.nav li li a { font-size: 15px!important; font-weight: 400!important; } /* font size of dropdown menu text */
.nav li li:hover { background-color: #073655; }  /* dropdown menu item background hover colour - DIVI ONLY ALLOWS YOU TO HOVER THE WHOLE MENU BG  */
.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul { top: calc(100% - 0px); }   /* moves dropdown menu down to line up with banner  */



/* MOBILE NAVIGATION  */

.et_mobile_menu { margin-top: 10px; border-top: 0; }
.et_pb_menu .et_mobile_menu { padding: 0; }
#mobile_menu1 .et-l--header ul { padding-bottom: 0; }


/* HOME PHOTO GALLERY - MAKES GALLERY IMAGES SQUARE  */
.mh-gallery-square .et_pb_gallery_image { padding-top: 100%; }
.mh-gallery-square .et_pb_gallery_item img { position: absolute; height: 100%; bottom: 0; object-fit: cover; }




/* Blog spacing issue   */

.hpx-blog .et_pb_row { width: 100%;  }











/* KRIS'S DEFAULT GRAVITY TAMING

1: CONTACT PAGE FORM
2: FOOTER FORM
4: MAILCHIMP FORM
*/

#gform_1 input, #gform_1 textarea, #gform_1 select, #gform_4 input, #gform_4 textarea, #gform_4 select { background-color: #eee!important; padding: 12px 15px!important; font-size: 17px; border: 0; border-radius: 7px; }
#gform_4 input, #gform_4 textarea, #gform_4 select { border-radius: 4px; }

input#gform_submit_button_1, input#gform_submit_button_4 { border: 0!important; padding: 13px 60px!important; border-radius: 40px; background-color: #073655!important; color: #fff; text-transform: uppercase!important; cursor: pointer; font-size: 17px!important; font-weight: 700!important;   } 
input#gform_submit_button_1:hover, input#gform_submit_button_4:hover { background-color: #0063a6!important; }

#gform_wrapper_1 label, #gform_wrapper_2 label { font-weight: 700!important; }

input#gform_submit_button_1:hover { background-color: #444!important; }

#gform_2 input, #gform_2 textarea { border-radius: 4px; border: 0!important; padding: 8px 12px!important; }
#gform_wrapper_2 li { padding-left: 0!important; }

input#gform_submit_button_2 { border: 0!important; padding: 10px 30px!important; border-radius: 4px; background-color: #fff!important; color: #000; text-transform: uppercase!important; cursor: pointer; font-size: 14px!important; font-weight: 600!important;   } 
input#gform_submit_button_2:hover { background-color: rgba(255, 255, 255,0.8)!important; }

.gform_required_legend { display: none; }


















/* =============================================================================
Media Queries for Responsive Design
========================================================================== */

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

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



@media all and (max-width: 1200px) {   /*--- landscape tablet ---*/ 

#logo { border: 2px solid red;  }


}





@media all and (max-width: 980px) {   /*--- portrait tablets  ---*/ 

#logo { border: 2px solid aqua; }

	.main-logo-nav .et_pb_menu__wrap { justify-content: right;  }

}






@media all and (max-width: 768px) {   /*--- smartphones landscape ---*/ 

#logo { border: 2px solid fuchsia; }

}






@media all and (max-width: 690px) {    /*--- smartphones landscape ---*/ 

#logo { border: 2px solid lime; }

	h1 { text-align: left!important;}	
	
	
}






@media all and (max-width: 480px) {   /*--- smartphones portrait ---*/ 

#logo { border: 2px solid gray; }

	
	
}