/* 
 Theme Name:     Level 14 Productions
 Author:         Determined2
 Author URI:     https://determined2.com.au
 Template:       Divi
 Version:        1.0
 Description:   A Child Theme built using the elegantmarketplace.com Child theme maker
Developed by Andrew Palmer for Elegant Marketplace www.elegantmarketplace.com Free to use and duplicate as many times as you like
 Wordpress Version: 5.2.2
*/ 


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

/* Adjust padding for transparent headers */
	.et_transparent_nav #main-content .container {
		padding-top: 58px !important;
	}

/* Fixed mobile menu */
@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header { position: fixed;
	}
}

/* Scrollable mobile menu */
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}

#top-menu li li a:hover { background-color:#58b3ce !important; }

/* Set the hover colour */
#top-header #et-info-phone a:hover, 
#top-header #et-info a:hover span#et-info-phone, 
#top-header #et-info a:hover span#et-info-email, 
#top-header #et-info #db-info-text a:hover, 
#top-header .et-social-icon a:hover,
#top-header #et-secondary-nav a:hover { 
	color: #824e05 !important;
	opacity: 1 !important;
}
ul#top-menu li.menu-item:not(:last-child) { 
    padding-right: 30px !important; 
}
@media only screen and (min-width: 980px) {
  #et-top-navigation {
  float: right;
  margin-left: 5%;
}
}
#top-menu-nav #top-menu a:hover,
#mobile_menu_slide a:hover { 
    color: #777777 !important; 
    opacity:1 !important;
	}

#top-header .et-social-icons {
display: inline-block;
float: right;
}
.top-phone {
width: 110px!important;
}
.top-phone a {
color: white!important;
font-size: 14px!important;
}
.top-phone:before {
font-family: 'ETmodules';
content: "\e090";
font-size: 14px;
float: left;
}
.top-email {
width: 60px!important;
}
.top-email a {
color: white!important;
font-size: 14px!important;
}
.top-email:before {
font-family: 'ETmodules';
content: "\e076";
font-size: 14px;
float: left;
}
.staff-login {
width: 90px!important;
}
.staff-login a {
color: white!important;
font-size: 14px!important;
}
.staff-login:before {
font-family: 'ETmodules';
content: "\e06c";
font-size: 14px;
float: left;
}

#top-header .et-social-icon a {
font-size: 14px;
background: white;
color: #3e007f;
padding: 5px;
border-radius: 25px;
margin-top: -3px;
height: 24px;
width: 24px;
}
#top-header .et-social-icons li {
margin-top: -2px;
margin-left: 5px;
}
#et-secondary-nav, #et-secondary-nav li {
display: inline-block;
margin-right: 15px;
}
/*-Custom Footer Icons-*/ 
#footer-info {
    float: none;
    padding-bottom: 10px;
    color: #666;
    text-align: center;
}
#footer-bottom {
overflow: visible;
}
#footer-bottom .et-social-icons {
    float: none;
    text-align: center;
    margin-top: -30px;
    margin-bottom: 15px;
}
#footer-bottom .et-social-icon a {
    display: inline-block;
    position: relative;
    color: #fff;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    transition: color .3s ease 0s;
    background: #171717;
    padding: 7px;
    border-radius: 32px;
    border: 2px solid #e0ae43;
    width: 43px;
    height: 43px;
}
#footer-bottom .et-social-icon a:hover {
    background: #e0ae43;
    opacity: 1!important;
}
#footer-bottom .et-social-icons li {
    display: inline-block;
    margin-left: 10px;
}
/* Sponsor Logo style */
#sponsor-logos img { 
    width: auto;
    vertical-align: middle;
    display: inline-block;
    max-height: 100px;
    max-width: 185px;
    opacity: .6;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 90px;
} 
#sponsor-logos a { 
    display: block; 
    height: 100%; 
    vertical-align: middle;
    width: 100%;
    position: relative;
} 
#sponsor-logos img:hover { 
    opacity: 1; 
}
/* Clickable section on Home page */
.my_clickable {
            cursor: pointer;}

/* Vertical Align anything by Class ID */
.vertical-align { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
}