/*

 Theme Name:   Botanybay

 Description:  GeneratePress child theme

 Author:       Sadie Bottrell
 Author URI:   https://www.sbdesigns.uk/

 Template:     generatepress

 Version:      0.1

*/


/* HOMEPAGE VIDEO BG */

.background-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

.background-button,
.background-strapline {
    position: relative;
    z-index: 2;
}




/*JF Google reviews*/

.wp-gr .wp-google-text {
font-size: 17px !important;
  line-height: 1.8em !important;
}


/* Booking details */
.rtb-booking-form-form .reservation {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 16px;
}

/* Contact details */
.rtb-booking-form-form .rtb-contact {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}

/* Section titles */
.rtb-booking-form-form legend {
    grid-column: 1 / -1;
    margin-bottom: 8px;
    font-weight: 600;
}

/* Make wrappers behave */
.rtb-booking-form-form .reservation > div,
.rtb-booking-form-form .rtb-contact > div {
    width: 100%;
    margin: 0;
}

/* Full-width fields */
.rtb-booking-form-form .rtb-contact .phone,
.rtb-booking-form-form .rtb-contact .message {
    grid-column: 1 / -1;
}

/* Labels */
.rtb-booking-form-form label {
    display: block;
    text-align: left;
    margin: 0 0 6px;
    font-size: 14px;
}

/* Inputs */
.rtb-booking-form-form input[type="text"],
.rtb-booking-form-form input[type="email"],
.rtb-booking-form-form input[type="tel"],
.rtb-booking-form-form select,
.rtb-booking-form-form textarea {
    width: 100% !important;
    max-width: none !important;
    min-height: 46px;
    padding: 11px 12px;
    border: 1px solid #d8ddd9;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0;
}

/* Message link / textarea area */
.rtb-booking-form-form .message {
    margin-top: 2px;
}

/* Submit area */
.rtb-form-footer {
    margin-top: 10px;
}

.rtb-form-submit {
    text-align: left;
}

/* Make view/cancel less dominant */
.rtb-modification-toggle {
    display: inline-block;
    background: none !important;
    padding: 0 !important;
    margin-bottom: 22px;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

/* Tablet/mobile */
@media (max-width: 768px) {
    .rtb-booking-form-form .reservation,
    .rtb-booking-form-form .rtb-contact {
        grid-template-columns: 1fr;
    }

    .rtb-booking-form-form .rtb-contact .phone,
    .rtb-booking-form-form .rtb-contact .message {
        grid-column: auto;
    }
}

.rtb-booking-form-form .reservation > legend {
    display: none;
}

.rtb-booking-form-form .rtb-contact > legend {
    display: none;
}

/* Hide the "Add a Message" link */
.rtb-booking-form-form .add-message {
    display: none !important;
}

/* Always show the message field */
.rtb-booking-form-form .rtb-textarea.message {
    display: block !important;
    grid-column: 1 / -1;
}

/* Message label */
.rtb-booking-form-form .rtb-textarea.message label {
    display: block;
    margin-bottom: 6px;
}

/* Message box */
.rtb-booking-form-form .rtb-textarea.message textarea {
    display: block !important;
    width: 100% !important;
    min-height: 120px;
    padding: 12px;
    box-sizing: border-box;
    resize: vertical;
}

.rtb-booking-form-form .rtb-form-footer {
    margin-top: 10px !important;
}

.rtb-booking-form-form .rtb-form-submit {
    margin-top: 0 !important;
}

.footer-logo .gb-icon svg {
    width: 150px!important;
    height: auto!important;
    display: block;
}

/*contact form styles*/
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="password"],
.wpcf7-form input[type="search"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea,
.wpcf7-form select { 
    display: block !important; /* Forces the element and its background highlight to use the full row width */
    width: 100%;
    box-sizing: border-box; /* Includes padding and borders within the 100% width calculation */
    border: solid 1px #ccc;
    color: #1f252b;
    -moz-border-radius: 6px;
    -webkit-webkit-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    padding: 12px 16px;
    background-color: #ffffff;
    margin: 2px 0 15px 0;
    height: auto; 
}


.wpcf7-form p {
    margin: 0 0 28px;
}

.wpcf7-text:focus,
.wpcf7-textarea:focus,
.wpcf7-form select:focus { 
    outline-offset: 0;
    outline: 1px solid rgba(159,184,173, 0.9);
}

div.wpcf7-mail-sent-ok {
    border: 0;
    background-color: #5471de;
    color: #fff;
    padding: 18px;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    border: 0;
    background-color: #f9443b;
    color: #fff;
    padding: 18px;
}

span.wpcf7-not-valid-tip {
    color: #f9443b;
}

.wpcf7-form .button,
.wpcf7-form input[type="submit"] {
    text-align: center;
    width: auto;
    margin-bottom: 15px;
    font-size: 14px;
    border: 0;
    font-weight: 700;
    text-transform: uppercase;
    background-color: #ffffff;
    color: #647880;
	border:4px solid #647880;
    letter-spacing: 2px;
    padding: 14px 42px;
}

.wpcf7-form .button:hover,
.wpcf7-form input[type="submit"]:hover {
    background-color: #F7F8F9;
    cursor: pointer;
}


@media only screen and (max-width: 1023px) {
	 .mobile-header-navigation .site-logo.mobile-header-logo img {
		height:100px!important;
	}
	
	.main-navigation.has-branding .inside-navigation.grid-container {
		padding: 30px 0!important;
	}
	
	.entry-meta {
		margin-left:3em;
	}
}

@media only screen and (max-width: 767px) {
		 .mobile-header-navigation .site-logo.mobile-header-logo img {
		height:80px!important;
	}
	
	.main-navigation.has-branding .inside-navigation.grid-container {
		padding: 15px 0!important;
	}
	
	.entry-meta {
		margin-left:2em;
	}
}