/* 
 Theme Name:     Bollington youth Group Child Theme
 Author:         Pepperstreet Web design
 Author URI:     pepperstreetwebdesign.co.uk
 Template:       Divi
 Version:        1.0
*/ 



/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}


#main-header{ 
	-webkit-box-shadow:none !important; 
	-moz-box-shadow:none !important; 
	box-shadow:none !important; 
}


/* Buttons side by side for header */
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
padding-bottom: 20px;
margin: 0 20px 0 0;
} 


.et_pb_menu .et_pb_menu__search-input {background-color:#eeebde; padding:14px;}



/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}



/*Make the menu module display vertically*/
.vertical-menu nav ul li {
width: 100%;
display: block;
}

.vertical-menu {
    position: relative;
    z-index: 99999;
}


span.highlight {color:#1f16d1; font-weight:900;}

.team-list .et_pb_column_4_4 .et_pb_widget {width:100%;}

.age-groups ul {
	display: flex;
    flex-direction: row;
	flex-wrap:wrap;
}


.age-groups li {
	 list-style: none;
    text-align: center;
    background:blue;
    width:210px;
	text-align: center;
  margin-right: 10px;
	background: blue;
	padding:35px;
	color:#ffffff !important;
}



@media only screen and (max-width: 960px) {
.age-groups li {width:120px; padding:14px;}
.age-groups li a:link,
.age-groups li a:visited {font-size:21px !important;}
}


.age-groups li a:link,
.age-groups li a:visited {color:#ffffff !important; font-size:35px;
	font-weight:900;}
.age-groups li a:hover {color:#FF2221 !important;}









/*  FORM STYLES  */
@media only screen and (max-width: 960px) {
        #contact-panel .wpforms-container .wpforms-field.wpforms-one-half,
        #tythy-form .wpforms-container .wpforms-field.wpforms-one-half {width:100% !important; margin-left:0 !important;}
}



.wpforms-container-full label {font-weight:300 !important;}


#contact-panel .wpforms-container-full input[type=text],
#contact-panel .wpforms-container-full input,
#contact-panel .wpforms-container-full textarea{
	padding:14px 0 14px 0 !important;
	background-color:transparent !important;
	border-bottom:solid 3px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#ffffff !important;
}


#contact-panel .wpforms-container-full select{
	padding:14px !important;
	background-color:transparent !important;
	border-bottom:solid 1px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#ffffff !important;
}


#contact-panel .wpforms-container-full button[type=submit]
 {
	background-color:#0000ff !important;
	color:#ffffff !important;
	padding:14px 42px !important;
	font-weight:700;
	border-radius:7px;
}

#contact-panel .wpforms-container-full button[type=submit]:hover  {background-color:#EEEBDE !important;}
#contact-panel  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */   color: #EEEBDE !important;   opacity: 1; /* Firefox */}
#contact-panel  :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #EEEBDE !important;}
#contact-panel  ::-ms-input-placeholder { /* Microsoft Edge */  color: #EEEBDE !important;}
 


/*normal form on page */

#tythy-form  .wpforms-container-full input[type=text],
#tythy-form  .wpforms-container-full input,
#tythy-form  .wpforms-container-full textarea{
	padding:14px !important;
	background-color:white !important;
	border-bottom:solid 1px #648C81 !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#3d3d3d !important;
}

#tythy-form  .wpforms-container-full input[type=checkbox] {	padding:0 !important;}


#tythy-form  .wpforms-container-full select{
	padding:14px !important;
	background-color:white !important;
	border-bottom:solid 1px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#3d3d3d !important;
}


#tythy-form .wpforms-container-full button[type=submit]
 {
	background-color:#DD571C !important;
	color:#ffffff !important;
	text-transform:uppercase !important;
	padding:14px 42px !important;
	font-weight:700;
	border-radius:7px;
}

#tythy-form  .wpforms-container-full button[type=submit]:hover  {background-color:#3d3d3d !important;}
#tythy-form   ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */   color: #648C81 !important;   opacity: 1; /* Firefox */}
#tythy-form   :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #648C81 !important;}
#tythy-form   ::-ms-input-placeholder { /* Microsoft Edge */  color: #648C81 !important;}




@media (min-width: 980px) {
  /* custom spacing between services on footer panel*/

}

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

@media(max-width: 767px){
div#page-container{ 
overflow: hidden; 
}
}



@media all and (max-width: 980px) {
  div#et-main-area {
    margin-top: -1px;
  }
}