/* 
Theme Name:		 WSPH
Theme URI:		 http://childtheme-generator.com/
Description:	 WSPH is a child theme of ColorMag, created by ChildTheme-Generator.com
Author:			 Karen Turner
Author URI:		 http://childtheme-generator.com/
Template:		 colormag
Version:		 1.0.0
Text Domain:	 wsph
*/


/*
    Add your custom styles here
*/




.cm-header {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+2,ffffff+23,52b152+53,008a00+67,005700+83,002400+100&1+0,0.73+100 */
background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0.99) 2%, rgba(255,255,255,0.93) 23%, rgba(82,177,82,0.85) 53%, rgba(0,138,0,0.81) 67%, rgba(0,87,0,0.77) 83%, rgba(0,36,0,0.73) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,0.93) 23%,rgba(82,177,82,0.85) 53%,rgba(0,138,0,0.81) 67%,rgba(0,87,0,0.77) 83%,rgba(0,36,0,0.73) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0.99) 2%,rgba(255,255,255,0.93) 23%,rgba(82,177,82,0.85) 53%,rgba(0,138,0,0.81) 67%,rgba(0,87,0,0.77) 83%,rgba(0,36,0,0.73) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ba002400',GradientType=1 )!important; /* IE6-9 */

}

 footer#colophon.clearfix div.footer-socket-wrapper.clearfix{
 background: #3f3f46;
 }

#colophon.clearfix div.footer-socket-wrapper.clearfix div.inner-wrap div.footer-socket-area div.footer-socket-left-section p.footcopyright
{
color: #fff !important;
}

.tg-footer-main-widget
{
width: 30%;
}

.wp-caption
{
border: none;
}

tbody tr:nth-child(odd){
  background-color: #eaedef;
}

/*
Participants Database




.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-4199.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.wp-theme-colormag.wp-child-theme-wsphnew.has-dashicons.participants-database-shortcode.pdb_single-shortcode.cm-header-layout-1.adv-style-1.cm-normal-container.cm-right-sidebar.right-sidebar.wide.cm-started-content.elementor-default.elementor-template-full-width.elementor-kit-2759.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container div#page.hfeed.site header#cm-masthead.cm-header.cm-layout-1.cm-layout-1-style-1.cm-full-width div.cm-main-header div#cm-header-1.cm-header-1{
display: none;
}

html body.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-4199.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.wp-theme-colormag.wp-child-theme-wsphnew.has-dashicons.participants-database-shortcode.pdb_single-shortcode.cm-header-layout-1.adv-style-1.cm-normal-container.cm-right-sidebar.right-sidebar.wide.cm-started-content.elementor-default.elementor-template-full-width.elementor-kit-2759.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container div#page.hfeed.site footer#colophon.clearfix div.cm-footer-cols{
display: none;
}

html body.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-4199.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.wp-theme-colormag.wp-child-theme-wsphnew.has-dashicons.participants-database-shortcode.pdb_single-shortcode.cm-header-layout-1.adv-style-1.cm-normal-container.cm-right-sidebar.right-sidebar.wide.cm-started-content.elementor-default.elementor-template-full-width.elementor-kit-2759.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container div#page.hfeed.site div#cm-content.cm-content div.cm-container{
margin-top: -50px;
}


.cm-content div.cm-container
{
background-color: #EAF8C6;
margin-right: 3px;
margin-left: 3px;
width: auto;
}

.wp-block-table{
width: 210mm;
display: flex;
float: left;
display: block;
width: 100%;
}
.wp-singular.block-title h2.wp-block-heading{
font-size: 18px !important; 
}

td div.dropdown-other-control-group select#pdb-title-2.otherselect,
td select#pdb-age_group_for_2026_2027-2{
background-color: #66B519;
color: #fff;
}
.pdb-title,.pdb-first_name,.pdb-last_name,
.pdb-kins_name,.pdb-kins_contact_number,.pdb-kins_mobile {
display: flex;
float: left;
display: block;
width: 33.33%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;
height: auto;
border-style:inset;
border-left-width: 2px;
margin: 0px;
border-color: #fff;

border-left-color: #fff;
margin-bottom: 2px;

}

.pdb-address,.pdb-city,.pdb-state,.pdb-state,.pdb-zip{

display: flex;
float: left;
display: block;
width: 25%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
margin: 0px;
border-color: #fff;
height: auto;
border-left-color: #fff;
margin-bottom: 2px;	
}

.pdb-home_phone,.pdb-phone,.pdb-email,.pdb-date_of_birth,.pdb-applicants,.pdb-date_signed,.pdb-parent_carer_signature,.pdb-_signed,
.pdb-athlete_name,.pdb-age_group_for_2026_2027,
.pdb-athletes_name,.pdb-athletes_dob{
display: flex;
float: left;
display: block;
width: 50%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
margin: 0px;
border-color: #fff;
height: 100px;
border-left-color: #fff;
margin-bottom: 2px;	
}

.pdb-membership_fees,.pdb-total_to_pay,.pdb-photo_permission,.pdb-other_athletic_club,.pdb-competitor_signed,
.pdb-dr_no,.pdb-medical_conditions,.pdb-emergency_signature,.pdb-emergency_tick_box{
display: flex;
float: left;
display: block;
width: 100%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
margin: 0px;
border-color: #fff;
min-height: 30px;
border-left-color: #fff;
margin-bottom: 2px;	
}

.pdb-parental_consent,.pdb-read_rules,.pdb-confirm_membership,.pdb-asthma,.pdb-responsibilities{
clear: all;
float: left;
width:100%;
}
.pdb-emergency_treatment{
width: 100%;
}

 .pdb-single dt{
 width: 35%!important;
 }
 
 dt.kins_name,dt.kins_contact_number,dt.kins_mobile
 {
 width: 50% !important;
 }
 
 th, td, .wp-block-table th, .wp-block-table td {
	border: 1px solid var(--cm-color-8, #E4E4E7);
	padding: 6px 10px;
	background-color: #C8C8C8 ! important;
	
}
dd.declaration,dt.declaration{
clear:both;
float:left;
}
dd.declaration ul{
list-style-type: circle;
}

html body.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-4199.logged-in.admin-bar.wp-custom-logo.wp-embed-responsive.wp-theme-colormag.wp-child-theme-wsphnew.has-dashicons.participants-database-shortcode.pdb_single-shortcode.cm-header-layout-1.adv-style-1.cm-normal-container.cm-right-sidebar.right-sidebar.wide.cm-started-content.elementor-default.elementor-template-full-width.elementor-kit-2759.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container div#page.hfeed.site div#cm-content.cm-content div.cm-container div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow p{
clear: both;
float: left;
width: 100%;
}

@media only screen and (max-width: 690px), only screen and (max-device-width: 690px) {
.field-group-main td{
display: block;
width:100%;
margin-right: 5px;
}

.field-group.field-group-main tr{
display: block;
width: 100%;
background-color: #EAF8C6;
}

.heading.declaration-input-group th
{
display: block;
margin-right:5px;
}

 tr.heading.declaration-input-group td{
 float: left;
     margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
 }
 */
 
#wsph-application-container{
margin:10px;
padding:10px;
}

input[type="text"], input[type="email"], input[type="password"], input[type="url"], input[type="tel"] {
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid var(--cm-color-8, #E4E4E7);
	line-height: 20px;
	width: 100%;
	margin: 0 0 32px;
	background-color: #FCFCFC;
	border-radius: 4px;
}

.cm-content div.cm-container
{
background-color: #EAF8C6;
margin-right: 3px;
margin-left: 3px;
width: auto;
}

.text-half
{
display: flex;
float: left;
display: block;
width: 50%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
margin: 0px;
min-height: 30px;
border-color: #fff;	
margin-bottom: 2px;
}

.text-third{
display: flex;
float: left;
display: block;
width: 33.33%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
margin: 0px;
border-color: #fff;
min-height: 30px;
border-left-color: #fff;
margin-bottom: 2px;	
}

.text-box
{
display: flex;
float: left;
display: block;
width: 100%;
background-color: #D0D0D0;
padding: 2px 2px 2px 10px;
box-sizing: border-box;

border-style:inset;
border-left-width: 2px;
border-right-width: 0px;
border-top-width: 0px;
border-bottom-width: 2px;
margin: 0px;
min-height: 30px;
border-color: #fff;	
margin-bottom: 2px;
}

.on-left{
padding-left: 20%;
text-align: centre;
}

.on-right{
float: right;
padding-right: 5px;
}

.new-line{
clear: both;
}

.ea-form{
clear: both;
float:left;
height: 50px;
}

.logo-position{
float:right;
margin-top: -20px;
margin-bottom: 20px;
}

#wsph-application-container #application-container  p{
line-height: 20px;
}
#ea-container{
background-color: #F2FAE4;
padding-left: 10px;
margin-top: 10px;
}
.big-red{
font-size: 25px;
color: red;
}

.england_athletics_registration-input-group label,.wsph_and_ac_medical_disability_emergency_contact_form-input-group label,
.heading.parental_consent-input-group label
{
font-size: 18px;
font-weight: bold;
}

#application-container h4{
padding-top: 20px;
margin-top: 20px;
}

#wsph-application-container #cookie-law-info-again{
visibility: hidden;
}


.text-line.applicants-input-group p.help-block.helptext,
.text-line.parent_carer_signature-input-group p.help-block.helptext,
.text-line.competitor_signed-input-group p.help-block.helptext,
.text-line.emergency_signature-input-group p.help-block.helptext,
.checkbox.under_11-input-group p.help-block.helptext,
.checkbox.wsph_i_have_made_my_payment-input-group p.help-block.helptext

{
color: red;
}