:root {
  --primary-color:#FE2A00;
  --secondary-color:#000000;

  --spcl-color:#2d5c88; 
  --spcl-color2:#1d1d1d;
  
  --button-bg:#FE2A00;
  --button-text:#ffffff;
  --button-bghover:rgb(174, 99, 63);
  --button-texthover:#ffffff;
  
  --button-secndry:#f0f0f0;  /*secondry button */
  --button-text-sec:#1d1d1d;
  
  --headercolor:#000000; /*Event -  h1 */
  --headersmlcolor:#000000; /*Event -  h2, h4 */
  
  /******Serach page ****/
  --searchbtn:#FE2A00;
  --searchbtntext:#ffffff;
  --searchbtnhover:#333333;
  --searchbtntexthover:#ffffff;
  --searchTitle:#000000; 
  --searchtblheadBg:#f4f4f4;
  --searchtblheadtxt:#101010;

}



:root {
	
--secondary-color:#FE2A00;
 
--color-reg-button-rgb: 254,42,0 !important;
--color-reg-buttonHover-rgb: 145,86,58!important;

--color-reg-accent:#000000; 


}


.bg-primary { background-color: #C5B08B!important}

:root {
    height: auto !important;
    
	--color-reg-primary-rgb: 1, 1, 2!important;
    --color-reg-primary:#010102!important; 
    --color-reg-accent-rgb: 16, 16, 16!important;
    --color-reg-accent: #101010!important;
	
	--color-reg-header-rgb: 1, 1, 2!important;
    --color-reg-header: #010102!important; 
	--theme-primary-100: #000000!important;
    --theme-primary-500: #000000!important;
 }

span.mdc-button__label {
    color: #ffffff;
    font-size: 15px;
    white-space: nowrap;
    padding: 0px 8px;
}
    

.bg-mint {
    background-color: #EDE7DC !important;
}
.collapse.navbar-collapse {      visibility: visible;    }
.sticky.top-0.z-50.shadow-md.w-full.flex.flex-col.justify-start.items-center.bg-\[\#F0FDF5\] {
    width: 100vw;
    left: 0;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: -30px;
    background: #DED0BA;
    color: #000000;
}

.text-green {
    color: #000000!important;
}

mat-label {
    color: #000!important;
}

.mat-primary {
    color: #000000!important;
}

i {
    color: #000!important;
}


.body-content { padding-bottom:0px; }

body {/*background: #fcfcfc;*/ }


header {display:block;/* background:var(--primary-color);*/ }
footer {  display:block;  }




.BottomLogoBox {padding:25px 0px; color:#fff; background:var(--secondary-color) }

.footer-credits { padding:15px 0px; }

.full-width  {  width: 100vw;  position: relative;  left: 50%;  right: 50%;  margin-left: -50vw;  margin-right: -50vw;}


.column.is-full { padding-top:0px; padding-bottom:0px; }


.white-box {background: #ffffff; padding:30px 30px 30px 30px;  border-radius:20px 20px 20px 20px; border:1px solid #E6E6E6; display: block; margin:0px 0px 15px;}



.white-box-nopad {background: #ffffff; padding:0px 0px 0px 0px;  border-radius:20px 20px 20px 20px; border:1px solid #E6E6E6; display: block; margin:15px 0px 15px;}




.container { max-width:1280px }


@media screen and (min-width: 1408px){
.container:not(.is-max-desktop):not(.is-max-widescreen) { }
}

@media screen and (min-width: 1216px){
.container:not(.is-max-desktop) {  }
}





.BtmWrap, .aspahide { display:none!important;}



.text-headerColor {
    color: #000000!important;
}

h1.text-headerColor {
    color: #000000!important;
}

.booking-header { color:#000000!important}


.m-b30 { margin-bottom:30px;}
.m-t30 { margin-top:30px; }

.formhead  { margin-bottom:10px;  }
.formhead h3 {font-weight: bold;    font-size: 18px;text-align: left;}



button.bg-primary {  line-height: 23px;}




	
body, html {	}
h1, h2, h3, h4, h5, h6 {  font-family:var(--headerfont);}

.functionality-component-body .has-marging-bottom-1 { margin-bottom:0px!important}
/*******************/




.field.is-grouped .button, .button-regular {border: 1px solid var(--button-bghover); background:var(--button-bg); color:var(--button-text); margin-right:5px; font-weight: 500;line-height:20px; text-align: center; text-decoration: none; height:45px; border-radius:10px}

.field.is-grouped .button:link,.field.is-grouped .button:active, .field.is-grouped .button:visited, .field.is-grouped .button:hover, .field.is-grouped .button:focus, .button:hover ,.button-regular:hover { color:var(--button-text); background:var(--button-bghover);  }

.button.is-link {  background:var(--button-bg)!important; border-color:var(--button-bg)!important;  color:var(--button-text)!important; cursor: pointer;transition: all .03s ease-in-out 0.03s;    outline: 0 none; }

.button.is-link:hover, .button.is-link:focus { background:var(--button-bghover)!important; border-color:var(--button-bghover); color:#ffffff!important;}


.event-description { text-align:left;}
label { font-weight:400!important;}
.label { font-weight:normal }


.break-text { word-break:break-word!important; }





.at-icon-wrapper { border-radius: 30px;}
.field.is-grouped { margin-top:35px!important;  }
.field.is-grouped>.control:not(:last-child) { margin-right:0!important}

.is-grouped {/*justify-content: flex-end!important;*/}

.event-title-image{    background-size: cover!important;    background-position: top!important;}

.at-icon-wrapper { border-radius: 30px;}

label.checkbox { margin-top: 15px; }

.l-content { padding:5px; }
.registration-page-container { border:0px!important; padding:0px 15px!important;}
.section { padding:0!important;}

.datetimepicker-dummy.is-info::before, .datetimepicker-dummy.is-info:before {   background-color: var(--primary-color)!important;}

svg-inline--fa.fa-w-10 {    width: 0.625em;    color: var(--primary-color) !important;}


.datetimepicker-dummy.is-info .datetimepic { color: var(--primary-color)!important;}


@media screen and (min-width:320px) and (max-width:768px) {

 }

@media screen and (max-width: 767px){
.BtmDnbLogo { text-align: center;}
.BtmPowered a { float:none; display:table;  margin: 0 auto;}

.field.is-grouped .button { padding: 0px 15px; margin-right:0px; }
.event-booking-form {  padding-bottom: 160px!important;}
.footer-credits .container {  padding: 0px 25px;}

.field.is-grouped { display:block; margin-top:15px; }
.field.is-grouped .control { text-align:right; margin-top:10px;}

	booking-event-contact-details-full, booking-number-of-places-full, booking-event-location-full{width:200px}

}	
@media (min-width: 768px){ .field.is-horizontal {display: block;}
	}	
@media (min-width: 992px) { 	}
@media (min-width: 1200px){ }



@media screen and (min-width: 769px), print {
.column.is-four-fifths, .column.is-four-fifths-tablet { flex: none;    width: 100%;}
}








.column.is-four-fifths, .column.is-four-fifths-tablet { flex:auto;}

.select:not(.is-multiple):not(.is-loading)::after { border-color: var(--primary-color);}
.svg-inline--fa.fa-w-10 {    color: var(--primary-color) !important;}


	
.input:active, .input:focus, .is-active.input, .is-active.textarea, .is-focused.input, .is-focused.textarea, .select select.is-active, .select select.is-focused, .select select:active, .select select:focus, .textarea:active, .textarea:focus { border-color: var(--primary-color); box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}



.button:focus{border-color: var(--primary-color);color:#ffffff}
.button.is-focused:not(:active),.button:focus:not(:active){box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}
.button.is-link:focus:not(:active){box-shadow: 0 0 0 0.125em rgba(0,165,178,.25);}




.field-label {
    text-align: left!important;
    color: #1d1d1d!important;
    padding-top: 15px;
}


.label {    font-weight: normal;    padding: 3px 0px; }
p {line-height: 24px;    /*margin-bottom: 5px!important; padding:5px 0px 5px 0px!important;*/}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position:inherit!important;
    margin-top:\0!important;
    margin-left:0!important; margin-right:4px!important }


.button, .m-product-detail__cta-btn a, .m-product-landing__cta-btn a, .m-subscription-package__actions .button.hollow { padding:0px 20px; font-size:1rem; }
.label, .label.primary {background: none!important;  white-space: normal; text-transform: none;}
nav#block-meganavigation {    margin-bottom: 0px;}



.iti__flag {  display: inline-block;     margin-right: 6px;}
.mat-caption, .mat-small {    display: inline-block;}
.container.ng-untouched.ng-pristine.ng-invalid {  padding: 0;}




footer img {  display: inline!important;}



.booking-header { line-height:1.2; margin-top:15px; }


@media screen and (min-width:320px) and (max-width:768px) {
/*
.container {    max-width: 96%!important;}
 */
 
.content-container{ padding:0px!important; }
.datepicker-toggle { font-size:18px!important; }
.booking-button { margin:0 auto!important; }

 }


@media screen and (max-width: 1024px){ 
.field.is-grouped {  display: block; text-align: right;}
.field.is-grouped .control { margin: 10px 0px;}
section.section.is-pulled-right { width: 100%; }
}

@media (min-width: 1024px){
	.field.is-grouped {  display:flex; }
}


input#mi-input-bookermobile {width: 100%;}
div#booking-event-contact-details-full-wrapper, div#booking-number-of-places-full-wrapper, div#booking-event-location-full-wrapper {justify-content: center;display: flex;/* width: 80%; */}

.BottomEtraDetails .hidden{ display: none!important}

select{background:none}



#booking-event-title-wrapper { margin-top:15px; }
.booking-details-container {}

.BottomEtraDetails {padding:20px 0px; color:#fff; background:var(--secondary-color);  margin-top:30px; }

.BottomEtraDetails .text-header {     color: #fff;  font-size: 1.3rem;  border-bottom: 0;  font-weight: 500;}
.BottomEtraDetails .text-accent { color: #fff;}
.BottomEtraDetails a, .BottomEtraDetails a:link, .BottomEtraDetails a:active, .BottomEtraDetails a:visited { color:var(--color-reg-accent); text-decoration:none;}
.BottomEtraDetails a:hover {color:var(--color-reg-accent); text-decoration:underline; }

booking-event-image img {  display: block!important;    margin: 0 auto;    width: 100%;}
.event-title-image {    display: none!important; }
booking-event-image { margin-top: 15px!important; }


.mat-calendar-controls { background: var(--color-reg-accent);  color: var(--color-reg-primary);  margin-top: 0;  padding: 5px; border-radius: 8px; }
.mat-card { padding:0; }






.mat-calendar-table-header { font-weight:bold; }

.selected-date-header.text-header { color: var(--color-reg-primary);} 



.booking-details-container .w-full.justify-start { font-size: 14px;  line-height: 28px;   margin-top: 5px;}








/*
.mat-progress-bar-background {fill: #e9ed6a;}

.booking-header {  color: #000000;}
.text-header { color: #000000;}

*/


.custom-input, .mobile-phone-input { background: #f5f5f5; border-color:#cccccc!important;}


option {  color: #000000;}


.time-slot-item {  width: 130px!important; margin: 4px 12px!important;}
.time-slot-item {border-radius:10px!important; color:#ffffff!important; background:var(--color-reg-primary)!important; }
.time-slot-item.active-status {    border:1px solid #eeeeee!important; background: #DACCB5!important;  color: var(--color-reg-primary)!important;  font-weight: 500; box-shadow:none!important; }


/*

.datepicker-toggle-arrow, .datepicker-calendar-icon, .picker-wrapper,  {  color: #1c1b1f!important; }

.mat-flat-button.mat-primary, .mat-raised-button.mat-primary, .mat-fab.mat-primary, .mat-mini-fab.mat-primary { background-color:#1c1b1f!important;}

.mat-expansion-panel { background: #000; color: #ffffff; border:1px solid #666; }
a.column-header:hover { color:#1c1b1f; }

.mbsc-ios.mbsc-calendar-week-nr, .mbsc-ios.mbsc-calendar-today {color: #1c1b1f!important;}

*/

.time-slots-wrapper { margin-bottom:0px!important;  }

.time-slots-wrapper .calendar-container {  flex: 1 1 300px!important;}
.time-slots-wrapper .time-slots-container {  flex: 1 1 300px!important;}

mbsc-datepicker { width: 100%;}

.selected-date-header { margin-top:14px!important}


/* Calender*/

.calendar-container mbsc-datepicker {}
.mbsc-ios.mbsc-calendar-week-day { font-size: 1rem;}

.mbsc-ios.mbsc-calendar-button.mbsc-button {  color: var(--color-reg-primary)!important;}
.mbsc-ios.mbsc-datepicker-inline {  background: #ffffff;   border:1px solid #eeeeee!important;	border-radius:12px; color: #fff; padding-bottom:25px; }
.mbsc-calendar-header.mbsc-ios {background: #DACCB5;   margin-bottom: 10px;border-radius:12px 12px 0px 0px;}

.mbsc-ios.mbsc-datepicker .mbsc-calendar, .mbsc-ios.mbsc-datepicker .mbsc-calendar-slide, .mbsc-ios.mbsc-datepicker .mbsc-calendar-cell {border-radius:12px 12px 12px 12px;}
	

.mbsc-ios.mbsc-hover .mbsc-calendar-cell-text { background-color: var(--color-reg-accent)!important}
.mbsc-ios.mbsc-range-day:after { background-color: var(--color-reg-accent)!important}
.mbsc-ios.mbsc-selected .mbsc-calendar-cell-text {  background: var(--color-reg-primary)!important;  border-color: var(--color-reg-primary)!important;     color: #fff!important;   border-radius: 8px;
}



#total-value-container { color:var(--color-reg-primary)!important; font-size:1.2rem; }