/*
Theme Name: West Coast Impact Athletic League
Description: WCIAL Website Theme
Author: Lee Waterman
Author URI: http://leewaterman.com
Template: Total
Version: 1.0
*/

#wpadminbar {
    opacity: 0.3;
    transition: 0.2s opacity linear;
    -webkit-transform: translateZ(0);
}

#wpadminbar:hover, #wpadminbar:focus {
    opacity: 1;
}

#site-logo {
    display: block;
}

.navbar-style-three {
    background: #d60002;
    border-top: 0px solid #eee;
    position: relative;
    border-top: 20px solid #d60002 !important;
    border-bottom: 10px solid #3b3b3b !important;
}

#site-navigation a {
	text-transform: uppercase;
    color: #fff;
}

#site-navigation-sticky-wrapper.is-sticky #site-navigation-wrap {
    border: 0px !important;
    background: #d60002;
}
#site-navigation .dropdown-menu >.current-menu-item >a, #site-navigation a:hover {
	background-color: #3b3b3b;
	color: #fff !important;
}

#site-navigation .dropdown-menu >li >a:hover {
    color: #fff;
}

select.gfield_select {
    padding: 8px 0px 8px 8px;
    margin: 0;
    width: 111%;
    height: 39px;
    background: none;
    border: 2px solid #eee;
    border-radius: 0;
    outline: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    position: relative;
    top: 0;
    left: 0;
    z-index: 10;
    background: #fff url("/wp-content/uploads/2016/07/down.png") 100% center no-repeat;
}
select.gfield_select option {
    padding: 8px;
}
@media (-webkit-min-device-pixel-ratio: 2) {
    select.gfield_select {
        width: 100%;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    select,
    input[type='text'],
    input[type='number'],
    textarea {
      font-size: 16px !important;
    }
    select:focus,
    textarea:focus,
    input:focus {
      font-size: 16px !important;
    }    
}



.mobile-toggle-nav a {
	border: 0;
}

/* First Level */
.mobile-toggle-nav-ul > li {
	position: relative;
	border-bottom: 1px solid #EBEBEB;
}
.mobile-toggle-nav-ul > li > i.fa  {
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px;
	cursor: pointer;
}
/* Second Level */

.mobile-toggle-nav-ul > li > ul  {
	display: none;
}
.mobile-toggle-nav-ul > li > ul > li {
	position: relative;
	border-bottom: 1px solid #969696;
}
.mobile-toggle-nav-ul > li > ul > li > i.fa  {
	position: absolute;
	right: 0;
	top: 0;
	padding: 12px;
	cursor: pointer;
}
.mobile-toggle-nav-ul > li > ul > li  {
	background-color: #EBEBEB;
}
.mobile-toggle-nav-ul > li > ul > li > a {
	font-weight: 500;
}
/* Third Level */
.mobile-toggle-nav-ul > li > ul > li > ul {
	display: none;
}
.mobile-toggle-nav-ul > li > ul > li > ul > li {
	background-color: #CCC;
}
.mobile-toggle-nav-ul > li > ul > li > ul > li > a {
	font-weight: 300;
}

/* Misc */
.bold {
    font-weight: bold;
}

/* Footer Callout */
@media only screen and (max-width: 767px) {
    #footer-callout-left {
        text-align: center;    
    }
}