/*
 Theme Name:   Willowbrook Orthodontics
 Description:  Child Theme 
 Author:       Vero
 Author URI:   https://www.roostergrin.com
 Template:     poidmoreortho
 Version:      1.0.0
*/

@import url("../poidmoreortho/style.css");

/* TYPOGRAPHY */

h1, h2, h3, h4, h5 {color:#02357a!important;}

.white {color: #fff;}

.yellow {color: #FFF14D!important;}

/* HEADER */

.site-header {
	height: 90px!important;
    background:#FFF14D!important;
	@media screen and (max-width: 992px) {
		height: 55px!important;
	}
}

.main-navigation {
    margin-top: 1.7em!important;
	padding-right: 2.7em!important;
	color:#02357a!important;
}

.main-navigation a {
    font-size: 16px!important;
    font-weight: 300!important;
    text-transform: none!important;
	color:#02357a!important;
}

.main-navigation hover {color:#fff!important;}

#primary-menu li, #header-sosh li {
	border-bottom: 0px!important;}

#header-logo-container {
  max-width: 22em!important;}

h2.hero-tagline-title {font-size:35px!important; padding-left: 5em;}

.btn {
    border: 1px solid #02357a!important;
    border-radius: 0;
    padding: .5em;
    background-color: #02357a!important;
	color: #fff;}

.btn:hover {color: #FFF14D;}

.btn-o-black {
    border: 1px solid #02357a!important;
    background-color: transparent;
	color: #02357a!important;}

.btn-o-black:hover {
    border: 1px solid #02357a!important;
    background-color: #FFF14D!important;
	color: #02357a!important;}

.modal .modal-content {
    background: #02357a!important;
	color: #fff!important;
    padding: 50px!important;
}

/* HOME PAGE */

.cont1em {
    padding-bottom: 0em!important;
}

.nomargin {padding-top: 0em!important; padding-bottom: 0em!important;}

.banner-form-container {
    background-color: #02357a!important;
}

.banner-form-title {color:#FFF14D!important;}

.banner-form-subtitle {color:#FFF14D!important;}

.hero-tagline-title {color:#02357a!important;}

.hero-slider .hero-slide .hero-tagline-box {border-right: 5px solid #FFF14D!important;}

/* BARS */

.bar-right {
    border-right: 10px solid #FFF14D!important;
}

.bar-left {
    border-left: 10px solid #FFF14D!important;
}

#treatments-container {
    border-top: 0px!important;
	border-bottom: 0px!important;}

/* TILES */

.tile .tile-hover {
    border: 5px solid #FFF14D!important;
	background-color: rgba(2, 53, 122, 0.85);}

h5 {color: #FFF14D!important;}

h5.blue {color: #02357a!important;}

/* First Visit */

#start-visit-container img {
    width: 70%!important; border-radius: 50%;
}

#start-club-modal-btn {
    border: 10px solid #FFF14D!important;
    background-color: #FFF14D!important;
    color: #fff;
    text-transform: none!important;
}

#start-club-modal-btn:hover {
    border: 10px solid #FFF14D!important;
    background-color: #fff!important;
    color: #fff;
    text-transform: none!important;
	-webkit-box-shadow: 0 0 20px 5px rgba(57, 57, 57, 0.35);
    -moz-box-shadow: 0 0 20px 5px rgba(57, 57, 57, 0.35);
    box-shadow: 0 0 20px 5px rgba(57, 57, 57, 0.35);
}

/* CONTACT FORM */

input.wpcf7-form-control.wpcf7-submit[type="submit"] {
    border: 3px solid #FFF14D!important;
    background-color: #FFF14D!important;
    color: #02357a!important;
}

input.wpcf7-form-control.wpcf7-submit[type="submit"]:hover  {
    border: 3px solid #FFF14D!important;
    background-color: #02357a!important;
    color: #FFF14D!important;
}

input[type="email"] {border-bottom: 3px solid #FFF14D!important;}

input[type="text"] {border-bottom: 3px solid #FFF14D!important;}

input[type="tel"] {border-bottom: 3px solid #FFF14D!important;}

.wpcf7-form-control.wpcf7-select.wpcf7-validates-as-required {border-bottom: 3px solid #FFF14D!important;}

textarea.form-control {border-bottom: 3px solid #FFF14D!important;}

/* temporary - make 650 when hours are added */
#contact-info-bg { 
	height: 510px !important 
}

#contact-left {
    border-right: 0px!important;
}

/* FOOTER */

#footer-center {
  margin-top: -6.5em; }

.site-footer {
	border-top: 8px solid #FFF14D!important;}

#footer-sosh li {background-color: #02357a; border: 1px solid #02357a;}

#footer-sosh li:hover {background-color: #FFF14D; border: 1px solid #FFF14D;}

div.wpcf7-response-output.wpcf7-validation-errors { color: #fff; padding:15px; line-height: 24px; }
#start-club-container h3.start-club-title {text-align: left; margin-top: -130px;}
#start-club-container .start-club-content {margin-top: -50px;}
.bars-container .bar-left .bar-text a.btn-o-black { display: inline-block; margin-bottom: 10px;}

@media screen and (max-width: 992px) {
	
#start-club-container h3.start-club-title, #start-club-container .start-club-content {margin-top: 0px;}	
	.ubermenu-responsive-default.ubermenu-responsive.ubermenu-responsive-collapse {
    max-height: 0;
    overflow: hidden!important;
    visibility: hidden;
}
}

@media screen and (max-width: 992px) {
	
.col-md-offset-2-half{margin-left: 10.83333%;}
	
}	
	
@media screen and (max-width: 600px) {
  #footer-logo { visibility: hidden; }
	.modal-content ul {margin: 15px 0; padding:0;}
	.modal-content ul li{ margin-bottom: 5px;}
	.bars-container .bar-left .bar-text a.btn-o-black {display:block;}
	
	.col-md-offset-2-half{margin-left: 0%;}
	
}
.mobile-covid-19-btn-ctnr {
	position: absolute;
	top: 27px;
    right: 100px;
    padding: 5px 10px;
    border: 1px solid #02357a;
	display: none;	
}

/*
@media screen and (min-width: 992px) {
	.mobile-covid-19-btn-ctnr {
		display: none;	
	}
}
.mobile-covid-19-btn-link:visited {
	color: #02357a;
}
*/

.menu-item-1137 > a {
	padding-left: 100px !important;
    text-shadow: none !important;
}
.shiftnav-depth-2 > a {
	padding-left: 100px !important;
    text-shadow: none !important;
}