/*Spitfire Museum*/


:root {
    --black: #353535;
    --red: #9F1400;
}

fieldset { padding: 0px; margin: 0px; border: none; font-family: 'Roboto Slab', serif;}
input, textarea, select {font-size: 100%;background: transparent;border: solid #353535 1px;padding: 5px;color: #000000;box-sizing: border-box;font-family: 'Roboto Slab', serif;border-radius: 2px;}
input[type=text], input[type=password]  { height: 30px; }
input[type=button], input[type=submit] { cursor: pointer; background-color: #000000; color: #ffffff; padding: 10px 20px 10px 20px; }
select {height: 37px;padding-right: 30px;background-image: none;background-repeat: no-repeat;background-position: right 10px center;}
.hidden { display: none; }
p { padding: 0px 0px 20px 0px; margin: 0px; font-family: 'Roboto Slab', serif; }
h1, h2, h3, h4, h5, h6 { padding:0; margin: 0px; font-size: 200%; font-weight: normal; color: #000000; font-family: 'Roboto Slab', serif; }

.errors { color: var(--red); padding-bottom: 20px; }

.layoutcontent {min-height: 600px;}
.layoutcontent h1 {font-size: 150%;color:black;padding: 200px 0 10px 0;}

@media (max-width: 1200px) {
    .layoutcontent h1 {padding: 250px 0 10px 0;}
}


/* FORM */

.showheader{display:none;}

.shop_simbooking .form .label {padding: 0;height: auto;width: 100%;}

.shop_simbooking form {max-width: 80vw;margin: 0 auto;}
.shop_simbooking fieldset {margin-bottom: 20px;padding: 40px;border: none;}
.shop_simbooking fieldset>h2 {margin-bottom: 30px;border-bottom: solid 3px #353535;height: fit-content;/* color: var(--red); */}


.shop_simbooking .field_group {display: flex;flex-direction: column;}
.shop_simbooking .field_group#fb-10-div>.label {margin-bottom: 30px;border-bottom: solid 3px #353535;height: fit-content;}
.shop_simbooking .field_group#fb-14-div>.label, .shop_simbooking .field_group#fb-19-div>.label {margin-bottom: 30px;border-bottom: solid 3px #353535;height: fit-content;}
/* .shop_simbooking .field_group#fb-14-div>.label label { color: var(--red); } */

.shop_simbooking .field_group>.label {font-size: 200%;font-weight: 500;margin-bottom: 10px;}
.shop_simbooking .field_group .label {margin-bottom: 10px;}
.shop_simbooking .field_group .input {margin-bottom: 15px;/* margin-left: 0; */}

.shop_simbooking .field_text,
.shop_simbooking .field_radio,
.shop_simbooking .field_checkbox,
.shop_simbooking .field_date,
.shop_simbooking .field_textarea,
.shop_simbooking .field_select {margin: 0px 0px 10px 0px;display: flex;flex-direction: column;}

.shop_simbooking .field_date label,
.shop_simbooking .field_select label,
.shop_simbooking .field_checkbox label,
.shop_simbooking .field_textarea label {margin-bottom: 10px;font-weight: bold;}

.shop_simbooking .field_text label, .shop_simbooking .field_radio input, .shop_simbooking .field_radio>.label {  font-weight: bold;}



/*radio type questions*/
.shop_simbooking .radio input[type=radio] {margin: 4px 20px 10px 0;width: 15px;height: 15px;}

/* table in form */
.shop_simbooking fieldset table {border-collapse: collapse;border-spacing: 0;padding: 20px;margin-bottom: 0px;background: #F0F0F0;}
.shop_simbooking fieldset th, .shop_simbooking fieldset td {border: 1px solid #ccc;padding: 10px;text-align: center;}
.shop_simbooking fieldset th {font-weight: 900;}
.shop_simbooking fieldset td input[type=radio] {min-height: 10px}
.shop_simbooking .field_radio .input .radio label {display: flex; margin-bottom: 5px;}

/*buttons form */
.shop_simbooking button[type=submit]{display: inline-block; width: 150px; margin: 30px 10px 0 0;font-size: 100%;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 4px;background: #4688A0;color: #FFFFFF;border:  none;height: 45px;}
.shop_simbooking button[type=submit]:hover {background: #002f78;}


/*basket page*/
.shop_basketpage .titletxt {display: none;}
.shop_basketpage .shop_basket .checkout h2 {margin-bottom: 10px;border-bottom: solid 3px #353535;height: fit-content;/* color: var(--red); *//* margin-top: 50px; */}
.shop_basketpage .field_text,.shop_basketpage .field_radio, .shop_basketpage .field_checkbox,
.shop_basketpage .field_select .input {height: auto; max-width: 400px;}
.shop_basket .field_group {  padding: 0px;}
.shop_basketpage fieldset { padding: 0;}
/* .shop_basketpage .continueshopping {background: #1a4486;color: white;text-align: center;border-radius: 15px;padding: 5px 15px;} */
.shop_basket .updatebasket {max-width: 160px;}

.shop_basket #basketcheckoutform input[type=text],
.shop_basket #basketcheckoutform .input textarea,
.shop_basket #basketcheckoutform .input select {
    font-size: 100%;
    background: transparent;
    border: solid #353535 1px;
    padding: 5px;
    color: #000000;
    box-sizing: border-box;
    font-family: 'Roboto Slab', serif;
    border-radius: 2px;
    max-width: 550px;
    min-width: 550px;
    min-height: 40px;
}
/*table in basket */
.shop_basketpage table {width: 100%;}
.shop_basket td, .shop_basket th { padding: 5px; text-align: left; border-bottom: solid #dddddd 1px; }
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right; }

/*messages*/
.shop_basketpage .errors { color: var(--red); padding-bottom: 20px; }
.shop_basketpage .contact, .shop_basketpage .billing {width: 50%;float: left;margin-top: 40px;}
.shop_basket .complete {padding-bottom: 95px;}
.shop_basketpage #fb-Notes-div, .shop_basketpage .field_section { display: none; }
.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label {font-family: 'Roboto Slab', serif;padding-top: 20px;/* padding-bottom: 10px; */font-size: 120%;}
.shop_basket .confirm>h2 {margin: 20px 0;font-weight: 900; border-bottom: solid 3px #353535; margin-bottom: 40px;}
.shop_basket .details h2 {margin: 10px 0; font-size: 120%; font-weight: 900; color: var(--red);}
.paymentform #card-element {border: 1px solid #002f78; border-radius: 16px; padding: 10px; margin-bottom: 20px;}

/*shop-basket*/
.shop_basket {max-width: 100%;margin: 0 20px;padding-top: 190px;}
.shop_basket .checkout  {max-width: 729px;/* margin: 0 auto; */}
.shop_basket .checkout .field {margin: 10px 0;}
.shop_basket .checkout fieldset {display: flex;flex-direction: column;/* align-items: center; */justify-content: space-evenly;}
.shop_basket .checkout fieldset .label {font-weight: bold; margin-bottom: 10px;}
.shop_basket .checkout fieldset .input {margin-bottom: 15px;}
.shop_basketpage .buttons #basket_backbutton, .shop_basketpage .buttons #basket_continuebutton {display: inline-block;padding: 6px 12px;/* margin: 30px 0; */font-size: 100%;font-weight: 700;white-space: nowrap;cursor: pointer;border-radius: 4px;background: #4688A0;color: #FFFFFF;border:  none;height: 45px;width: 200px;}

.shop_basket .details {min-height: 200px;}
.shop_basket .discount fieldset, .shop_basket .voucher fieldset { display: flex; flex-direction: column; }
.shop_basket .discount h2, .shop_basket .voucher h2, .shop_basket .payment h2 { font-size: 150%; font-weight: bold; margin-bottom: 10px; }
.shop_basket .discount input[type=submit], .shop_basket .voucher input[type=submit] { padding: 5px 15px 8px 15px; background-color: #4688A0; border: none; font-size: 100%; font-weight: bold; max-width: 200px; margin-bottom: 20px;}
.shop_basket .discount input[type=text], .shop_basket .voucher input[type=text] { height: 35px; max-width: 200px; }

.shop_basket .confirm .message {color: var(--red);}

.payment h2 {margin: 15px 0;}
.payment ul li {list-style: none;}
.payment ul li input, .payment input {margin-right: 10px;}
.payment .paymentform {margin-top: 20px;}

/*Buttons in basket */
.shop_basketpage .buttons {display: flex;gap: 20px;align-items: end;margin: 10px 0;}
.shop_basketpage .buttons .updatebasket,
.shop_basketpage .buttons .checkout,
.shop_basketpage .buttons .back,
.shop_basketpage .buttons .continueshopping,
.shop_basket .buttons .submit {
    max-width: 180px;
    display: inline-block;
    padding: 10px 12px;
    margin-bottom: 0;
    font-size: 100%;
    font-weight: 900;
    line-height: 1.5;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 4px;
    background: #4688A0;
    color: #FFFFFF;
    border: none;
}

.shop_basketpage .buttons #basket_backbutton:hover, .shop_basketpage .buttons #basket_continuebutton:hover {background: #002f78;}

@media (max-width: 2000px) {
    .shop_basket {padding-top: 230px;}
}
@media (max-width: 800px) {
    .shop_basketpage .buttons {flex-direction: column;}
}

@media (max-width: 600px) {
    .shop_basket .details {display: flex; flex-direction: column; margin-bottom: 30px; }
    .shop_basket .contact, .shop_basket .billing {width: 100%;}
    .shop_basket .confirm>h2 {font-size: 150%;}
    .shop_basket .name, .shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove {font-size: 90%;}
    .shop_basket {width: 100%;overflow: hidden;padding: 20px 0; margin: 5px;}
    .shop_basket table, .shop_basket .basket {display: block;width: 100%;overflow-x: auto;}
    #header #logo {width: 300px;}

    /*FORM-STYLES*/
    .shop_simbooking form {
        max-width: 100%;
        margin: 0 20px;
    }
    .shop_simbooking  fieldset {
        padding: 20px 0;
        max-width: 100%;
        border: none;
    }
    .shop_simbooking .field_text,
    .shop_simbooking .field_radio,
    .shop_simbooking .field_checkbox,
    .shop_simbooking .field_date,
    .shop_simbooking .field_textarea,
    .shop_simbooking .field_select {
        margin: 10px 0;
    }

    .shop_simbooking .form-group .input  textarea.form-control {width: 100%}
    .shop_simbooking #fb-10-div .label {font-size: 200%;}

    /*BASKET STYLES*/
    .shop_basketpage {padding: 0px;}
    .shop_basket .checkout {max-width: 100%;}
    .shop_basket .checkout fieldset .input input, .shop_basket #basketcheckoutform .input textarea, .shop_basket #basketcheckoutform .input input, .shop_basket #basketcheckoutform .input select {width: 300px; min-width: 300px;}

    .shop_basketpage .buttons  {/* padding: 5px 15px 8px 15px; *//* background-color: #4688A0; */border: none;font-size: 100%;font-weight: bold; margin-bottom: 20px;}
}




/*********************************************************************************/
/*General*/
/*********************************************************************************/

.events h1, .vouchers h1, .shop h1 {font-size: 2.75rem; margin-bottom: 2rem; color: #4F7BB0; font-weight: 900; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif;}
.events h2, .vouchers h2, .shop h2 {font-size: 1.5rem; color: #263A8C; font-weight: 700; }
.events h3, .vouchers h3, .shop h3 {font-size: 1.25rem; color: #39587F; font-weight: 700;}
.events p, .vouchers p, .shop p{font-size: 1.125em; color: #333333; line-height: 145%; margin: 0 0 1em 0; width: 100%; font-weight: 400;}
.events a, .vouchers a, .shop a {color: #333333;}

/* Buttons */
input[type=submit], .buybutton a{display: inline-block;width: 150px;margin: 30px 0 0 0;font-size: 100%;font-weight: 700;text-align: center;white-space: nowrap;cursor: pointer;border-radius: 4px;background: #4688A0;color: #FFFFFF;border:  none;height: 45px;}
 input[type=submit]:hover, .product .buybutton:hover a{background: #002f78;}
.product .buybutton a{ display: flex; justify-content: center; align-items: center;}

/* Forms */
.event_eventpage .book .label, .shop_product .label{font-weight: 700;margin-bottom: 10px;}
.event_eventpage .book input[type=text], .shop_product input[type=text]{ width: 100%; background-color: white; margin-bottom: 10px;}


/*********************************************************************************/
/*Events*/
/*********************************************************************************/

.event{margin-bottom: 40px; padding: 20px; font-size: 1.125rem;color: #333333;line-height: 145%;font-weight: 400;list-style: none;background: #e8e2da;display: flex;flex-wrap: wrap;}

.event .name{font-size: 1.5rem; font-weight: 700; padding-bottom: 10px; width: 100%; }
.event .name a{color: #39587F; }
.event .time{margin-left: 5px; }
.event .time::before{content: " at ";}
.event .time::after{content: "h";}
.event .date, .event .time, .event .venue, .event .price{font-weight: 700; font-size: 90%;}
.event .venue, .event .abstract{width: 100%;}
.event .abstract{margin-top: 15px; font-size: 17px;}

.event_eventpage{padding: 0 20px;}
.event_eventpage .headline{font-size: 2rem; margin-bottom: 1rem; color: #4F7BB0; font-weight: 900; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif;}
.event_eventpage .info{margin-bottom: 20px;}
.event_eventpage .info div{font-weight: 700; margin-bottom: 5px;}
.event_eventpage .price{display: block;}

.event_eventpage .book{max-width: 400px;margin: 0 auto;padding: 30px 0}
.event_eventpage .book h2{text-align: center;color: #4F7BB0; font-weight: 900; margin-bottom: 20px;}

.event_eventpage .removelink, .event_eventpage .addlink{margin-bottom: 10px; font-weight: 900; font-size: 110%; }
.event_eventpage .removelink a, .event_eventpage .addlink a{ color: #4F7BB0;}
.event_eventpage .removelink:hover a, .event_eventpage .addlink:hover a{border-bottom: 1px solid #4F7BB0}

.event_eventpage .item{margin-top: 20px;}


/*********************************************************************************/
/*Vouchers*/
/*********************************************************************************/


.vouchers .content{float: none;}

.vouchers .shop_productlist ul {display: flex;flex-wrap: wrap;gap:60px}

.vouchers .shop_productlist .product{list-style: none; width: 220px; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 40px;position: relative; top: 0; transition: all .3s ease-in-out; box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;}
.vouchers .shop_productlist .product:hover{ top: -10px; }

.vouchers .shop_productlist .product .name, .shop .shop_productlist .product .name {font-size: 1.5rem; font-weight: 700; padding-bottom: 10px; }
.vouchers .shop_productlist .product .name a, .shop .shop_productlist .product .name a {color: #39587F;}
.vouchers .shop_productlist .product .price, .shop .shop_productlist .product .price {font-weight: 900;margin-top: 20px;}

/* .vouchers .shop_productlist .product1 .price::after{content: " *"} */

.shop_product .name{font-size: 2rem; margin-bottom: 1rem; color: #4F7BB0; font-weight: 900; text-transform: uppercase; font-family: 'Nunito Sans', sans-serif; padding-left: 10px;}
.shop_product .info fieldset {max-width: 600px; padding: 10px;}
.shop_product .price {font-weight: 700; font-size: 1.5rem; margin-bottom: 20px; padding-left: 10px;}
.shop_product .image {width: 300px; padding: 10px;}
.shop_product .image img {max-width: 300px; width: 100%; height: auto;}
.shop_product .code, .shop_product .listprice {display: none !important;}
.shop_product .size {display: flex; gap: 5px; padding-left: 10px;}
.shop_product .summary {padding: 0 0 20px 10px;}



@media (max-width: 680px) {
    .vouchers .shop_productlist ul{justify-content: center;}
    .shop_product .name{text-align: center;}
}


/*********************************************************************************/
/*Shop*/
/*********************************************************************************/
.shop {margin-bottom: 50px;}
.shop .shop_productlist ul {display: flex; flex-wrap: wrap; gap: 50px;}
.shop .shop_productlist li {list-style: none;}
.shop .shop_productlist .product {max-width: 300px; text-align: center; width: 100%; transition: all .3s ease-in-out; top: 0; position: relative; box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset; }
.shop .shop_productlist .product:hover{ top: -10px; }
.shop .shop_productlist .product .image {padding: 10px; }
.shop .shop_productlist .product .image img {max-width: 290px; height: auto; width: 100%; margin: 0 auto;}
.shop .shop_productlist .product .buybutton {display: flex; justify-content: center; align-items: stretch; padding: 0 10px 10px 10px;}
.shop .shop_productlist .product .summary {padding: 10px 10px 0 10px;}
.shop .shop_productlist .product .name {padding: 0 10px;}

@media(max-width:1020px) {
    .shop .shop_productlist ul {justify-content: center;}
}

/* Competition */

.win .content { float: none; width: 100%; margin: 0px; }

.win .progress { height: 30px; background-color: #ddd; width: 100%; max-width: 600px;  border-radius: 25px; overflow: hidden; margin: 10px 0px 00px 0px; box-shadow: 0 2px 5px rgba(0,0,0,0.2);  }
.win .progressbar { height: 30px;  width: 0%; background-color: #4688A0;   color: white; line-height: 30px; text-align: center; font-weight: bold; transition: width 0.4s ease;}
.win .progresstext { text-align: center; max-width: 600px; padding-top: 30px; }

.win .stock { display: none; }

.win .feat_countdown { text-align: center; max-width: 600px; font-size: 130%;  }
.win .feat_countdown .countdown span { background-color: #d9d4d4; padding: 10px; }

.win .shop_prodoptsel { padding: 20px 0px; }
.win .shop_prodoptsel .options { padding: 10px 0px;  }
.win .shop_prodoptsel .options .label { font-size: 115%; font-weight: bold; }
.win .shop_prodoptsel .options .value { padding-top: 10px; }
.win .shop_prodoptsel .options .value .description p { padding-bottom: 10px; font-size: 109%;  }
.win .shop_prodoptsel .options .value input[type=radio] { margin-right: 10px; }
.win .shop_prodoptsel .quantity { display: flex; align-items: center; gap: 10px; padding-top: 10px;  }
.win .shop_prodoptsel .quantity select { height: 30px;  padding: 3px 10px 3px 5px;}