/*
 *
 * Theme override styles
 */



 
/*
 * Amelia Booking form
 *========================================================*/


  .amelia-v2-booking #amelia-container .am-fs-sb__step-selection,
 .amelia-v2-booking #amelia-container .am-fs-sb__step-heading {
    color: var(--color-white);
 }

/*
 * Amelia Popup
 *========================================================*/
/* .amelia-popup-form.cta-popup-box__cta-popup {
    height: 70%;
    width: 70%;

}

.amelia-popup-form .amelia-v2-booking #amelia-container.am-fs__wrapper {
    margin:0;
    padding:0;
    max-width: unset;
} */

/* .amelia-popup #amelia-v2-booking-1001, */
.amelia-popup #amelia-container {
 /* width: 100%; */
 min-width: 800px;
 padding:0;
 margin:0;
}
 
.amelia-v2-booking #amelia-container .m-phone-number-input__country-flag {
    bottom:2px!important;
}

/*
 * Hero slider
 * ======================================================== */
.heroSlider {
    /* max-height: 70vh; */
    width: 100vw;
}

.swiper-slider__interior--image-box {}

.swiper-slider__interior--image-box img {
    width: 100%;
	max-width: 740px;
    height: auto;
	display: block;
	margin: 0 auto;
}


/*
 * Cookie Notice Button
 * ======================================================== */
/*
a#cn-accept-cookie,
a#cn-more-info {
    color: #000;
    padding: 5px 10px;
    border-radius: 3px;
    text-decoration: none;
}
a#cn-accept-cookie, 
.codesurf-cookie #cn-accept-cookie {
    background-color: var(--color-primary);
    color:var(--color-white);
}
a#cn-more-info {
    background: rgba(255,255,255,0.6);
}
*/

a.cli-privacy-readmore,
.cli-modal-content.cli-bar-popup,
.cli-privacy-content-text,
.cli-privacy-overview {
    color: var(--color-white);
    background-color: #32323a;
}

a#wt-cli-accept-all-btn,
a#wt-cli-privacy-save-btn {
    background-color: var(--color-primary);
    border-radius: 3px;
}

.cli-tab-header {
    background-color: #898989;

}
.cli-switch .cli-slider,
.cli-switch input:checked+.cli-slider {
    background-color: var(--color-primary);
}

.cli-tab-content {
    background-color: rgba(255, 255, 255, 0.927);
}

#cookie-law-info-again {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

/*
 * Join Chat box
 * ======================================================== */

.joinchat__box {
    background-color: var(--color-white)!important;
}


/*
 * Regular content add to main css later r880
 * ======================================================== */

.entry-content h2, article h2 {
    font-size: 2.8rem;
    font-weight: 300;
    color: var(--color-codesurf-blue);
}

#codesurf-page {
    position: relative;
    z-index: 5;
}

#codesurf-page h1 {
    color: var(--color-codesurf-blue);
}

#codesurf-page .h1_sub_heading {

    text-transform: uppercase;
    font-size: 2rem;
    color: var(--color-accent);
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}
#codesurf-page h4 {
    text-transform: uppercase;
    font-size: 1.6rem;
    color: var(--color-tertiary);
    letter-spacing: 2px;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

#codesurf-page .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content, #codesurf-page .wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media, #codesurf-page .wp-block-media-text .wp-block-media-text__content, #codesurf-page .wp-block-media-text .wp-block-media-text__media {
  align-self: start;
}

#codesurf-page .mediablock-text-left .wp-block-media-text__content {
    padding: 0 8% 0 0;
}

#codesurf-page .mediablock-text-right .wp-block-media-text__content {

}

#codesurf-page .end-spacer {
    display: block;
    width: 100%;
    height:50px;
}

@media only screen and (max-width: 700px) {
    #codesurf-page .end-spacer {
      height:150px;
    }
}


@media only screen and (max-width: 600px) {
    #codesurf-page .wp-block-media-text__content {
        margin-top:38px;
    }

    #codesurf-page .wp-block-media-text .wp-block-media-text__content {
        padding:0;
    }

    #codesurf-page .wp-block-spacer {
        display: none;
    }

    /* #codesurf-page .wp-block-spacer.end-spacer {
        display: block;
    } */
}

.wpcf7 form.spam .wpcf7-response-output {
    color: var(--color-white);
}
/*
.freelance-page {
    h1.huge {
        font-size: 90px;
    }

    .what-step {

        h4 {
            font-size:24px;
        }

        .what-step-icon {
            margin-bottom: 20px;
        }
        svg {
            stroke: var(--color-white) !important;
            fill: var(--color-white) !important;
        }
    }

    section.services {

        color: var(--color-primary);
        padding-bottom: 210px;

        .services-intro-text {
            margin-bottom: 30px;

        }

        .services-overview {

            display: grid;
            gap:2rem;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;

            
            ul.sevices-list {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                height: 100%;
                width: 100%;
                flex-wrap: wrap;
                gap:6px;
                list-style: none;

                .service-list-item {
                    width: 100%;
                    display: flex;
                    margin-bottom:0;

                    &:hover {
                        cursor: pointer;
                    }

                    .service-description-label {
                        width: 100%;
                        padding: 8px 12px;
                        border:2px solid var(--color-primary);
                        color: var(--color-primary);
                        border-radius: 12px;
                        margin: 0;
                        text-transform: uppercase;
                        text-align: center;

                        &.selected {
                            background-color: var(--color-primary);
                            color: var(--color-white);
                        }
                    }

                }

        
                .service-description {
                    display: none;
                }
            }

            .selected-description-box {
                padding: 20px;
                border-radius: 12px;
                background-color: var(--color-primary);
                color: var(--color-white);
            }

        }
        
    }
    
    section.section-faqs {

        background-color: #053864;

        .section__faq-accordion {
            color: var(--color-white);

            .question {
                text-shadow: unset;
            }

                 
            .icon {
                color: rgba(255,255,255,0.7);

            }

            .accordion {

                .collapse {
                    background-color: rgba(255,255,255,0.1);
                }

                h4 {
                
                        transition: all 0.25s ease-in-out;
                
                        &:hover {
                
                            font-size: 17px;
                
                            .icon {
                                color: rgba(255, 255, 255, 1);
                            }
                
                        }
                    }

            }
            
            
            
        }

              

        
    }
        


}
*/