/*---------------------------------------------------------------------------------

 Theme Name:   The Beacon
 Theme URI:    
 Description:  
 Author:       Forepoint Ltd
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.btn-booknow a {
	padding: 0.8em 1em !important;
	color: #FFFFFF!important;
    border-width: 0px!important;
    border-radius: 0px;
    font-size: 18px;
    font-family: 'Inter',Helvetica,Arial,Lucida,sans-serif!important;
    font-weight: 500!important;
    text-transform: uppercase!important;
    background-color: #d8006b;
}

.btn-menu a {
	padding: 0.8em 0.2em !important;
}

.et-fixed-header #top-menu .btn-booknow a {
	color: #ffffff !important;
}

#top-menu li.btn-booknow a:before {
	background: none !important;
}

.et-fixed-header #top-menu li.current-menu-item.btn-booknow>a, .et-fixed-header #top-menu li.current_page_item.btn-booknow>a {
	color: #ffffff !important;
}


.btn-booknow a:hover {
    background-image: initial;
    background-color: #5d285f;
}


/*adjust the image spacing*/

.et_pb_post .entry-featured-image-url {
	margin: 0;
}


/*keep the zoomed in image inside the image frame*/

.et_pb_blog_grid .et_pb_image_container {
	overflow: hidden;
}


/*add a smooth transition for the zoom effect*/

.et_pb_blog_grid .et_pb_image_container img {
	transition: all 0.95s ease;
	-moz-transition: all 0.95s ease;
	-webkit-transition: all 0.95s ease;
}


/*make the featured image zoom in on hover*/

.et_pb_blog_grid .et_pb_post:hover img {
	transform: scale(1.05) rotate(0deg);
	-moz-transform: scale(1.05) rotate(0deg);
	-webkit-transform: scale(1.05) rotate(0deg);
}









/* Better Survey Rating Styles */
.gsurvey-rating:not(:checked) > label, .gsurvey-rating:not(:checked) > label:hover, 
.gsurvey-rating:not(:checked) > label:hover ~ label, .gsurvey-rating:not(:checked) > label, 
.gsurvey-rating:not(:checked) > label:hover, .gsurvey-rating:not(:checked) > label:hover ~ label, 
.gsurvey-rating > input:checked ~ label {
/*     width: 65px; */
    line-height: 50px;
    background-size: 50px 50px;
    color: rgba(221, 221, 221, 0) !important;
}