:root {

    --color1: #f4f4f4;
    --color2: #f2ebdc;
    --color3: #d58253;
    --color4: #316a73;
    --color5: #1c7084;
    --color6: #5498a2;
    --color7: #1e2526;
    --color7Trans: #22212666;

   /* Button */
        --buttonFontSize: 22px;
        --buttonFontSizeSmall: 18px;
    --buttonFontWeight: 700;
    --buttonPadding: 16px 22px;
    --buttonBorderRadius: 0;
    --buttonBorder: none;

    --shownumberofspaces: none;  /* change to block to show */

    /* Fonts */
    --headingFont: orpheuspro;
    --h1FontSizeEvent: 33px;
    --bodyFontWeight: 200;
    --labelFontSize: 18px;
    --paragraphFontSize: 15px;
    --nameFont: deva-ideal, 'inter', 'sans-serif';


    /* main styling */
    --container-border-radius: 6px;
    --fontWeight: 200;
    --eventBoxText: 18px;
    /* event on calendar */
    --eventTime: 16px;
}

/* remove side booking bar */

.amelia-v2-booking #amelia-container .am-ecs__side {
    display: none !important;
}

/* Full width the calendar */

.amelia-v2-booking #amelia-container .am-ecs__main {
    width: 100% !important;
}


.amelia-v2-booking #amelia-container .am-button.am-button--small {
    font-size: var(--buttonFontSizeSmall) !important;
	font-weight: var(--buttonFontWeight) !important;
	padding: var(--buttonPadding) !important;
	border-radius: var(--buttonBorderRadius) !important;
	border: var(--buttonBorder) !important;
	background-image: url("/wp-content/uploads/2025/07/Copper-background-for-button.jpg");
	/*background-size: 400% 400%;*/
	/*animation: gradientButton 7s ease-in-out infinite !important;*/
    text-transform: uppercase !important;
    color: var(--color6);
}

/* next month previous month buttons removed for animation */
    .amelia-v2-booking #amelia-container .am-button.am-button--small.is-icon-only {
        display: none !important;
    }


    /* events on calendar 

    .amelia-v2-booking #amelia-container .am-ecs .am-evt-block {
        background: var(--color6) !important;
    } */
    
    /* Event time on calendar */

    .amelia-v2-booking #amelia-container .am-ecs .am-evt-time {
        font-size: var(--eventTime) !important;
        font-weight: var(--fontWeight) !important;
        color: var(--color1);
    }

    /* event text */
    .amelia-v2-booking #amelia-container .am-ecs .am-evt-text {
        font-size: var(--eventBoxText) !important;
        font-weight: var(--fontWeight) !important;
        color: var(--color1);
    }

    /* number of slots left */
    .amelia-v2-booking #amelia-container .am-ecs .am-evt-spots-left {
        display: var(--shownumberofspaces) !important;
    }

    /* select box text */

    .amelia-v2-booking #amelia-container .am-select .el-input__inner {
        font-weight: var(--fontWeight) !important;
    }


/*//////////////////////////////////////////*/

/* first pop up */

/* remove weird extra colored box */

.amelia-v2-booking #amelia-container .am-ec.am-no-border {
    background: transparent !important;
}

/* close button */

.amelia-v2-booking #amelia-container .am-button.am-button--plain {
    display: none !important;
}

/* modal background */
.el-dialog__body {
    background-color: var(--color6) !important;
    border: 1px solid var(--color4) !important;
    border-radius: var(--container-border-radius) !important;
    margin: 1px !important;
    box-shadow: 0 0 10px var(--color4) !important;
}

/* sortout corners of inner container */ 
.amelia-v2-booking #amelia-container .am-dialog-el__main-container {
    border-radius: var(--container-border-radius) !important;
}

/* event name */
.amelia-v2-booking #amelia-container .am-ec__info-name {
    font-family: var(--headingFont) !important;
    font-size: var(--h1FontSizeEvent) !important;
}

@media (min-width: 981px) and (max-width: 1280px) {
    .amelia-v2-booking #amelia-container .am-ec__info-name {
        font-size: 18px !important;
    }
}


/* location info */
.amelia-v2-booking #amelia-container .am-ec__info-location {
    font-weight: var(--fontWeight) !important;

}

/* open/closed text */

.amelia-v2-booking #amelia-container .am-ec__info-availability {
    color: var(--color3) !important;
    font-weight: var(--fontWeight) !important;
}

/* hide number of spaces */
.amelia-v2-booking #amelia-container .am-ec__info-capacity {
    display: var(--shownumberofspaces) !important

}

.amelia-v2-booking #amelia-container .am-eli .am-eli__main .el-tabs__item {
    font-weight: var(--fontWeight) !important;
}


/* timetable word */
.amelia-v2-booking #amelia-container .am-eli .am-eli__timetable-title {
    font-weight: var(--fontWeight) !important;
    font-size: var(--labelFontSize) !important;
}

/* date of event */
.amelia-v2-booking #amelia-container .am-eli .am-eli__timetable-main>* {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
    color: var(--color1) !important;
}

/* description title */

.amelia-v2-booking #amelia-container .am-eli__description-title {
    font-weight: var(--fontWeight) !important;
    font-size: var(--labelFontSize) !important;
}

/* event description string */
.amelia-v2-booking #amelia-container .am-eli__description-text.ql-description strong {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
    color: var(--color3) !important;
}
/* description text */

.amelia-v2-booking #amelia-container .am-eli__description-text.ql-description p {
    font-weight: var(--bodyFontWeight) !important;
}

/* event description */
.amelia-v2-booking #amelia-container .am-eli__description-text {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
    color: var(--color1) !important;
}

/* host name */ 
.amelia-v2-booking #amelia-container .am-eli__organizer-name{
    font-family: var(--nameFont) !important;
    text-transform: uppercase !important;
    font-size: var(--labelFontSize) !important;
}

/* organiser / hosted by */

.amelia-v2-booking #amelia-container .am-eli__organizer-rank {
     font-weight: var(--fontWeight) !important;
        font-size: var(--paragraphFontSize) !important;
}

/* attendees over popup */

.amelia-v2-booking #amelia-container .am-slide-popup__block-inner {
    background: var(--color6) !important;
    border-top: 1px solid var(--color3) !important;
    width: calc(100% - 4px) !important;
    bottom: 2px !important;
    left: 2px !important;
    border-bottom-right-radius: var(--container-border-radius) !important;
    border-bottom-left-radius: var(--container-border-radius) !important;
}

/* how many attendees text */

.amelia-v2-booking #amelia-container .am-elf__bringing-heading {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
    color: #f9ffff !important;
}




/* ///////////////////////////////////////////////////// */

/* your information page */


/* your info title */

.amelia-v2-booking #amelia-container .am-el__header-inner__title {
    font-family: var(--headingFont) !important;
    font-size: var(--h1FontSizeEvent) !important;
    line-height: 0.7 !important;

 }
 
 
 /*container for page title*/
 .amelia-v2-booking #amelia-container .am-el__header-inner {
     height: 80px !important;
 }

 /* labels for infor inputs */

 .amelia-v2-booking #amelia-container .am-elfci__form .am-elfci__item .el-form-item__label {
     font-weight: var(--fontWeight) !important;
     font-size: var(--labelFontSize) !important;
     color: #316a73 !important;
 }

 /* //////////////////////////////////// */

 /* Payment page */

 /* payemtn tite */

 .amelia-v2-booking #amelia-container .am-payments__heading {
     font-weight: var(--fontWeight) !important;
     font-size: var(--labelFontSize) !important;
 }


/* event word */
 .amelia-v2-booking #amelia-container .am-pei__segment-info span {
     color: var(--color3) !important;

 }

 /* item brought text */
 .amelia-v2-booking #amelia-container .am-pei__segment-sub p {
     font-size: var(--paragraphFontSize) !important;
     font-weight: var(--fontWeight) !important;
 }
/* coupon label */
 .amelia-v2-booking #amelia-container .el-form-item__label {
     font-size: var(--labelFontSize) !important;
     font-weight: var(--fontWeight) !important;
 }

/* price breakdowbn labels */
.amelia-v2-booking #amelia-container .am-pei__info span:not(:is(button span))  {
     font-weight: var(--fontWeight) !important;
     font-size: var(--labelFontSize) !important;
 }




/* amount column */
 .amelia-v2-booking #amelia-container .am-pei__info .am-amount {
     font-weight: 500 !important;
 }

 /* checkbox backgroundcolor */
 .amelia-v2-booking #amelia-container .am-checkbox-wrapper .el-checkbox__inner {
     background: var(--color7) !important;
 }

/*checkbox tick color */
.amelia-v2-booking #amelia-container .am-checkbox-wrapper .el-checkbox__inner:after {
     border-color: var(--color3) !important;
}

/* I want to pay full amount text */
.amelia-v2-booking #amelia-container .am-payments__full .el-checkbox__label {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
}

/* card payment labels */
.amelia-v2-booking #amelia-container .am-fs__payment-stripe__card p, .amelia-v2-booking #amelia-container .am-fs__payment-stripe__address p {
    font-size: var(--labelFontSize) !important;
    font-weight: var(--fontWeight) !important;
}

/* stripe info text */

.amelia-v2-booking #amelia-container .am-fs__payment-stripe .am-fs__payment-stripe__policy p {
    font-weight: var(--fontWeight) !important;
}

/* stripe word */
.amelia-v2-booking #amelia-container .am-fs__payment-stripe .am-fs__payment-stripe__policy span {
    font-weight: var(--fontWeight) !important;
    color: var(--color1) !important;
}




/* ///////////////////////////////////////////////// */

/*congratulations page */

.amelia-v2-booking #amelia-container .am-congrats__main-heading {
    font-family: var(--headingFont) !important;
    font-size: var(--h1FontSizeEvent) !important;
}

/* event id */

.amelia-v2-booking #amelia-container .am-congrats__main span {
    margin-top: 20px !important;
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important;
    color: var(--color1) !important;
}

/* about event title */

.amelia-v2-booking #amelia-container .am-congrats__info-title {
    font-weight: var(--fontWeight) !important;
    font-size: var(--labelFontSize) !important;
}
/* info column right */
.amelia-v2-booking #amelia-container .am-congrats__info-item__value {
    font-weight: var(--fontWeight) !important;
    color: #141615 !important;
    font-size: var(--paragraphFontSize) !important; 
}
/* lable colum left */
.amelia-v2-booking #amelia-container .am-congrats__info-item__label {
    font-weight: var(--fontWeight) !important;
    font-size: var(--paragraphFontSize) !important; 
    color: #316a73 !important;
}

/* add to calendar label */
.amelia-v2-booking #amelia-container .am-atc-event>p {
    font-weight: var(--fontWeight) !important;
    font-size: var(--labelFontSize) !important;

}

/* calendar butttons */

.amelia-v2-booking #amelia-container .am-atc-event-cals-card {
	border-radius: var(--buttonBorderRadius) !important;
	border: var(--buttonBorder) !important;
	background: var(--color4) !important;

	/*animation: gradientButton 7s ease-in-out infinite !important;*/

}

/* button text */

.amelia-v2-booking #amelia-container .am-atc-event-cals-card p {
    /*text-transform: uppercase !important;*/
    font-size: var(--paragraphFontSize) !important;
    font-weight: var(--fontWeight) !important;
    color: #f9ffff !important;
    /*animation: buttonText 7s ease-in-out infinite !important;*/
}


/* button icons */ 

.amelia-v2-booking #amelia-container .am-atc-event-cals-card div span {
    color: #f9ffff !important;
    /*animation: buttonText 7s ease-in-out infinite !important;*/
}


