/* cmsms stylesheet: forms modified: 11/27/25 16:12:28 */
#formResponse {
    position:  fixed;
    z-index:  999999;
    background-color: #ffffffcc;
    width:  100%;
    height:  100%;
    padding-top:  100px;
    box-sizing:  border-box;
}
.formMessage {
    width: 320px;
    color:  #ffffff;
    background-color: #861620;
    padding:  40px;
    box-sizing:  border-box;
    margin:  0px auto;
}

.formMessage h3 {color: #ffffff;}

#innerExpressInterest {
    padding: 40px;
    background-color: #861620;
    color:  #ffffff;
    box-sizing: border-box;
    margin-bottom: 40px;
}

#innerExpressInterest h3 {
    color: #ffffff;
    text-align: center;
}

.formbuilderform input
 {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    border: 0px;
    color: #333;
    height: 60px;
     font-family: roboto, sans-serif;
     font-size: 115%
}


.formbuilderform textarea {
    width: 100%;
    box-sizing: border-box;
    display: block;
    padding: 10px;
    height: 160px;
    border: 0px;
    color: #333;
    font-family: roboto, sans-serif;
    font-size: 115%
}

/* Top Row Flex Container */
.formTopRow {
    display: flex;
    gap: 40px;
    padding-bottom: 40px;
}

/* Middle Row Flex Container */
.formMiddleRow {
    display: flex;
    gap: 40px;
    padding-bottom: 40px;
}

/* Flex Children */
.formbuilderform .formTopRow div,
.formbuilderform .formMiddleRow div {
    flex: 1;
}


.formbuilderform input.cms_submit {
text-align: center;
background-color: #000000;
    color: #ffffff;
    font-size: 120%;  
    transition: color 0.4s, background-color 0.4s;
cursor: pointer;
}

.formbuilderform input.cms_submit:hover {
    color: #000000;
    background-color: #ffffff;
}

@media (max-width: 740px) {

#innerExpressInterest {
    padding: 20px;
}
    /* Adjust the top and middle row containers to stack vertically */
    .formTopRow,
    .formMiddleRow {
        display: block; /* Stack items vertically */
padding-bottom: 0px;
    }

    /* Flex children adjustments */
    .formbuilderform .formTopRow div,
    .formbuilderform .formMiddleRow div {
        flex: none; /* Reset flex settings */
        width: 100%; /* Take full width */
    }

    /* Ensure input and textarea elements remain full width */
    .formbuilderform input,
    .formbuilderform textarea {
        width: 100%; /* Full width for inputs */
display: block;
margin-bottom: 20px;
    }

    /* Optional: Adjust submit button styling for smaller screens */
    .formbuilderform input.cms_submit {
        font-size: 100%; /* Slightly smaller text for better fit */
    }
}
/* cmsms stylesheet: default_all modified: 11/27/25 16:12:28 */
#cookie_popup {
    position: fixed;
    bottom: 0px;
    right: 0px;
    width: 300px;
    z-index: 99999999;
    box-sizing: border-box;
    padding: 10px;
    /* background-image: url("https://copperbeech.siteindev.co.uk/look/black_trans.png"); */
    color: #ffffff;
    background-color: #000000de;
    font-size: 80%;
}

#cookie_popup h3 {
	color: #ffffff;
}

#cookie_popup a:link, #cookie_popup a:visited, #cookie_popup span {
color: #ffffff;
transition: color 0.4s;
cursor: pointer;
}

#cookie_popup a:hover, #cookie_popup span:hover {
color: #b4b387;
}

#outerMainpage a:link, #outerMainpage a:visited {
color: #861620;
}

#outerMainpage a:hover  {
color: #000000;
}

.blockButton {-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;}

.fbHidden {display: none;}

#poputSliderHolder {position:  fixed;background-color: #ffffffd1;top:  0px;left:  0px;right:  0px;bottom:  0px;z-index:  999999999; display: none;}

#poputSlider {position: relative;top:  100px;left: -1920px;width: 400px;margin:  0px auto; transition: left 0.4s;}

.poputSliderOn {left: 0px !important;}

#poputSliderBody {border: 2px solid #861620;padding:  30px;background-color: #ffffff;font-size: 115%;}

#poputSliderBodyInner {
position: relative;
}

#closePoputSlider {
    position: absolute;right: 0px;
    top: -20px;
    font-size: 70%;
    display: block;
}

#closePoputSlider:hover {
    color: #000000;
    cursor: pointer;
    
}

#poputSliderBodyInner h3 {

}

#poputSliderBodyInner a.rocketblockbutton {
    margin-left: 30px;
}

#poputSliderBodyInner a.rocketblockbutton img.rocketimage
 {
        position: absolute;
        left: -30px;
        top: -25px;
    }

#poputSliderBody .formbuilderform input, #poputSliderBody .formbuilderform textarea  {
    width: 100%;
    max-width: 100%
}

#poputSliderBody .formbuilderform textarea  {
    height: 70px;
}
 

#poputSliderButton {

}