/*
Theme Name: Avada Child
Theme URI: http://avada.theme-fusion.com/
Template: Avada
Author: ThemeFusion
Author URI: http://themeforest.net/user/ThemeFusion
Description: The #1 selling theme of all time that allows you to build virtually any design style.
Version: 4.0.3.1496841197
Updated: 2017-06-07 13:13:17

*/


/*** forms ***/

.form-basic{
    max-width: 500px;
    /*margin: 0 auto;*/
    box-sizing: border-box;
}
.wide-form {
	max-width: 800px;
}

.form-basic .form-row{
    text-align: left;
    margin-bottom: 10px;
		clear:both;
		overflow:auto;
}

.form-basic .form-title-row{
    text-align: center;
    margin-bottom: 55px;
}

.form-basic h1{
    display: inline-block;
    box-sizing: border-box;
    color:  #4c565e;
    font-size: 24px;
    padding: 0 10px 15px;
    border-bottom: 2px solid #6caee0;
    margin: 0;
}

.form-basic .form-row > label span, .form-basic .form-row > .dummylabel span{
    display: inline-block;
    box-sizing: border-box;
    color: #5F5F5F;
    width: 35%;
    text-align: right;
    vertical-align: top;
    padding: 8px 5px;
}
.form-basic .form-row > .dummylabel span { float:left; }

.form-basic input, .form-basic .dummy-input {
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 63%;
    padding: 4px;
		font-size:100%;
}
.recaptcha-container { min-height:95px; margin-left:0px; }

.dummy-input { float:left; box-shadow:none !important; }
.dummy-input input { width: 100%; }
.short-input { max-width: 120px;}
.form-just-text { padding-top:8px; line-height:140%; }
.narrow-row { margin: 0px !important; padding: 1px !important; }
.narrow-row > .dummylabel span  { padding: 0px 5px !important; }
.narrow-row .dummy-input  { padding: 0px 4px !important; position:relative; top:-4px; }

.form-basic input[type=radio],
.form-basic input[type=checkbox]{
    box-shadow: none;
    width: auto;
}

.dummylabel span input[type=checkbox]{
	position:relative; top:-14px;
}

.form-basic input[type=checkbox]{
    margin-top: 7px;
}

.form-basic input[type=file], .form-basic input[type=password] { border: 1px solid #e9e9e9; }
.form-basic select{
    background-color: #ffffff;
    color:  #5f5f5f;
    box-sizing: border-box;
    max-width: 240px;
    padding: 4px 4px;
    border: 1px solid #dbdbdb;
}

.form-basic textarea{
    color:  #5f5f5f;
    box-sizing: border-box;
    width: 68%;
    height: 80px;
    font: normal 13px sans-serif;
    padding: 6px;
    border: 1px solid #dbdbdb;
    resize: vertical;
		font-size:100%;
}

.form-basic .form-radio-buttons{
    display: inline-block;
    vertical-align: top;
}

.form-basic .form-radio-buttons > div{
    margin-top: 7px;
}

.form-basic .form-radio-buttons label span{
    margin-left: 8px;
    color: #5f5f5f;
    font-weight: normal;
}

.form-basic .form-radio-buttons input{
    width: auto;
}

.form-basic button, .dummy-button{
    display: block;
    border-radius: 2px;
    background-color:  #00723f;
    color: #ffffff;
    font-weight: bold;
    padding: 8px 12px;
    border: 0;
    margin: 20px 0px 0px 154px;
}
.dummy-button { margin: 6px 4px 0px 0px; }
.dummy-button a { color:#FFF; }

.small-paleblue-button {
   background: #8EC8E7;
   background-image: -webkit-linear-gradient(top, #8EC8E7, #5DADD7);
   background-image: -moz-linear-gradient(top, #8EC8E7, #5DADD7);
   background-image: -ms-linear-gradient(top, #8EC8E7, #5DADD7);
   background-image: -o-linear-gradient(top, #8EC8E7, #5DADD7);
   background-image: -webkit-gradient(to bottom, #8EC8E7, #5DADD7);
   color: #FFFFFF;
   font-size: 14px;
   font-weight: 400;
   padding: 8px 20px;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}
.small-paleblue-button a { color: #FFFFFF; }

.small-paleblue-button:hover {
   background: #5DADD7;
   background-image: -webkit-linear-gradient(top, #5DADD7, #8EC8E7);
   background-image: -moz-linear-gradient(top, #5DADD7, #8EC8E7);
   background-image: -ms-linear-gradient(top, #5DADD7, #8EC8E7);
   background-image: -o-linear-gradient(top, #5DADD7, #8EC8E7);
   background-image: -webkit-gradient(to bottom, #5DADD7, #8EC8E7);
	 color: #FFFFFF;
}


/* overrides for larger label version */
.larger-label .form-row > label span, .larger-label .form-row > .dummylabel span { width: 40%; }
.larger-label input, .larger-label .dummy-input, .larger-label textarea { width: 58%; }
.smallDataField { max-width: 140px; }

@media (max-width: 650px) {

    .form-basic{
        max-width: 500px;
				margin: 0px 0px;
    }

    .form-basic .form-row{
        max-width: 500px;
        margin: 5px;
        text-align: left;
    }

    .form-basic .form-title-row{
        margin-bottom: 50px;
    }

    .form-basic .form-row > label span {
        display: block;
        text-align: left;
        padding: 0px 0px 2px 0px;
				width: 95%;
    }
		
		.form-basic textarea, .form-basic input, .form-basic select { width: 95%; margin-bottom: 10px; }
		
		.dummylabel span input[type=checkbox]{ position:relative; top:0px; }

    .form-basic button{ margin: 20px 0px 10px 0px; }
		
		.dummy-input { width: 95%!important; margin-bottom: 10px; }
		.dummylabel span { display: block; text-align:left!important; padding: 0px 0px 5px 0px!important; width: 95%!important; overflow:auto; }
		.form-basic select{ width:auto; }
		.form-basic textarea{ padding: 4px; }
}



/* general */
.fr-submit { background:linear-gradient(to top,#2359a1,#3f7ccd) !important; border:0px solid #072c5e !important; background-color: #3f7ccd !important; color:#ffffff!important; }
.fr-submit:active, .fr-submit:focus, .fr-submit:hover { background:linear-gradient(to top,#3f7ccd,#2359a1) !important; background-color: #2359a1 !important; }

h2.myheader { margin-bottom:10px; margin-top:0px; color: #3366ff; }
input.autowidth { width:auto; } /*to stop cf7 buttons being full width*/
thead { font-weight: bold; }
.myalert { color:#ff0000; font-weight:bold; }
.mysubmit {display:inline-block;position:relative;outline:0;zoom:1;border:1px solid transparent;text-align:center;text-transform:uppercase;font-weight:700;cursor:pointer;box-sizing:border-box;transition:all .2s; }
.mysubmit{ background:#3f7ccd;background-image:linear-gradient(to top,#3f7ccd,#3f7ccd);border:0px solid #072c5e; border-color:#072c5e; background-color: #3f7ccd; }
.mysubmit { padding:12px 24px !important;line-height:17px;font-size:14px; box-sizing:border-box; font-weight:700; cursor:pointer; color:#fff !important; letter-spacing:4px; font-family: 'Open Sans',Arial, Helvetica, sans-serif; }
.mysubmit:active, .mysubmit:focus, .mysubmit:hover {background:#5aabd6; background-image:linear-gradient(to top,#5aabd6,#90c9e8);border:0px solid #072c5e;color:#072c5e; border-color:#072c5e; background-color:#5aabd6; color:#fff !important; }
.small-text { font-size:90%; line-height:120%; }
.extratopmargin { margin-top:0px; }
.stopbooking { padding:20px; border:1px solid #ff0000; }

.smallerbutton { padding:8px 16px;line-height:15px;font-size:80%; letter-spacing:2px; }

/* select course page */
.CourseTypeDrop { max-width:300px; margin-right:10px; margin-bottom:10px; border:1px solid #999; }

/* course details page */
.readingboxheader { margin:0px; padding:0px; }

/* book course page */
h3.nomargin { margin-bottom:0px; margin-top:0px; }
.childcontainer1, .childcontainer2, .childcontainer3 { width:45%; float:left; margin: 0px 4px 5px 0px; border:1px solid #cccccc; padding:8px; }

/*.datebox { color: #000066; width:15%; float:left; text-align:right;  padding:2px;}
.standardbox { width:19%; float:left;  text-align:center; padding:2px; }
.extendedbox { width:19%; float:left;  text-align:center; padding:2px; }
.plusbox { width:15%; float:left;  text-align:center; padding:2px; }
.insbox { width:15%; float:left;  text-align:center; padding:2px; }
.option1box { width:15%; float:left;  text-align:center; padding:2px; }*/


.datebox { color: #000066; }
.datebox, .standardbox, .extendedbox, .plusbox, .insbox, .option1box { float:left;  text-align:center; padding:2px; }
.tick-3cols1 { width:30%; }
.tick-3cols2 { width:34%; }
.tick-4cols1 { width:23%; }
.tick-4cols2 { width:25%; }
.tick-5cols1 { width:18%; }
.tick-5cols2 { width:22%; }
.tick-6cols1 { width:15%; }
.tick-6cols2 { width:19%; }



.clearnogap { float:none; clear:both; height:0px; line-height:0px; font-size:0px; }
.clear { content: ''; display: block; clear: both; }
#CostDayStandard, #CostWeekStandard, #CostDayExtended, #CostWeekExtended, #CostDayStandard2, #CostWeekStandard2, #CostDayExtended2, #CostWeekExtended2, #CostDayStandard3, #CostWeekStandard3, #CostDayExtended3, #CostWeekExtended3 { width:80px; font-weight: bold; color: #E30202; }
#DayStandard, #DayStandard2, #DayStandard3
{ margin:10px 0px 0px 0px; }
#outputtext, #outputtext2, #outputtext3 { }
.attended-before { font-size:90%; line-height:125%; margin:10px 0px 0px 0px; border-top: 1px solid #cccccc; padding:5px 0px; }
.promotional-box { font-size:90%; line-height:125%; margin:10px 0px 0px 0px; border-top: 1px solid #cccccc; padding:5px 0px; }
.errortext { color: #ff0000; font-weight:bold; }
.day-week { color: #000066; }
.pound { font-weight: bold; color: #E30202; }
.date_headers { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: 8px 0px 2px 0px; font-size:90%; line-height:120%; font-weight:700; }
.together { float:left; }
.form-basic input[type=radio] { position:relative; top: -3px; }
.move-offscreen { position:absolute; left:-2000px; }
.dummy_container { display:none; } //have to add a modal to Avada template page to make modals work, then hide it


/* accordion */
.accordion-wrapper input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}
.accordion-wrapper {
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
    width: 100%;
    margin:0 auto;
}
.accordion {
    width: 100%;
    color: white;
    overflow: hidden;
    margin-bottom: 1px;
}
.accordion:last-child{
    margin-bottom: 0;
}
.accordion-label {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    padding: 12px 18px;
    background: rgba(7,78,162,.8);
    font-weight: bold;
    cursor: pointer;
    font-size: 12px 18px;
}
.accordion-label:hover {
    background: rgba(7,78,162,1);
}
.accordion-label::after {
    content: "\276F";
    width: 16px;
    height: 16px;
    text-align: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content {
    max-height: 0;
    padding: 0 18px;
    color: rgba(7,78,162,1);
    background: white;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.accordion-content p{
    margin: 0;
    color: rgba(7,78,162,.7);
    font-size: 14px;
}
.accordion-wrapper input:checked + .accordion-label {
    background: rgba(7,78,162,1);
}
.accordion-wrapper input:checked + .accordion-label::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.accordion-wrapper input:checked ~ .accordion-content {
    max-height: 100vh;
    padding: 12px 18px;
}


/* basket page */
.fw-cont-border { width:100%; border: 1px solid #ccc; margin-bottom:30px; padding:10px; }
.fb-insert-1 { width: 38%; float:left; }
.fb-insert-2 { width: 58%; float:left; }
.stripe-button-el span { border:0px solid #000 !important; }

@media (max-width: 1500px) { 
	.childcontainer1, .childcontainer2, .childcontainer3 { width:98%; max-width:700px; }
	.fb-insert-1 { width: 48%; min-width:290px; margin-bottom:10px; }
	.fb-insert-2 { width: 48%; }
	.extratopmargin { margin-top:0px; }
}
@media (max-width: 750px) { 
	.fb-insert-1 { width: 100%; }
	.fb-insert-2 { width: 100%; }
}
@media (max-width: 1100px) { 
	.zzchildcontainer1, .zzchildcontainer2, .zzchildcontainer3 { width:98%; max-width:600px; }
}


/*** Tables - converts a table to a stacked list style on smaller devices ***/
  table.stack {
    border: 1px solid #ccc;
    width: 100%;
    margin:0;
    padding:0;
    border-collapse: collapse;
    border-spacing: 0;
  }

  table.stack tr {
    border: 1px solid #ddd;
    padding: 5px;
  }

  table.stack th, table.stack td {
    padding: 10px;
    text-align: center;
  }

  table.stack th {
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
  }

  @media screen and (max-width: 700px) {

    table.stack {
      border: 0;
    }

    table.stack thead {
      display: none;
    }

    table.stack tr {
      margin-bottom: 10px;
      display: block;
      border-bottom: 2px solid #ddd;
    }

    table.stack td {
      display: block;
      text-align: right;
      font-size: 13px;
      border-bottom: 1px dotted #ccc;
    }

    table.stack td:last-child {
      border-bottom: 0;
    }

    table.stack td:before {
      content: attr(data-label);
      float: left;
      text-transform: uppercase;
      font-weight: bold;
    }
  }