/**
Theme Name: By the Sea Day Spa
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Version: 1.0.0
Text Domain: by-the-sea-day-spa
Template: astra
*/

/* ------------------------------------------------------------------------ */
/* -------------------------------- GLOBAL -------------------------------- */
/* ------------------------------------------------------------------------ */
/*
h1, h2, h3 {
	font-family: "the-seasons", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}

h4 {
	font-family: "muli", sans-serif !important;
	font-weight: 600;
	font-style: normal;
}

body,p {
	font-family: "muli", sans-serif !important;
	font-weight: 400;
	font-style: normal;
}
*/
/* Gravity Forms  */


.elementor-widget-button .elementor-button {
	font-family: "muli", sans-serif !important;
	font-weight: 600 !important;
	font-style: normal;
	font-size:16px !important;
	text-transform: none;
}

.light-green {
	color: #D0EAEA;
}


.btn-width a{
	width: 175px !important;
}

a.elementor-button.elementor-button-link.elementor-size-md, a.elementor-button.elementor-button-link.elementor-size-sm {
	min-width:175px !important;
	padding: 10px 0px 7px 0px !important;
}

.wpforms-submit, .wpcf7-submit {
	min-width:175px !important;
	padding: 10px 0px 7px 0px !important;
	background: #D0EAEA !important;
	color: #343434 !important;
	font-family: "muli", Sans-serif !important;
	font-weight:600 !important;
	text-transform: capitalize !important;
    letter-spacing: 0 !important;
}


.wpforms-submit:hover, .wpcf7-submit:hover  {

	background: transparent !important;
	color: #343434 !important;
	border:1px solid #E4B215 !important
}

::selection {
    background: #5FAFAF;
    color: #fff;
}



/* ------------------------------------------------------------------------ */
/* -------------------------------- HEADER -------------------------------- */
/* ------------------------------------------------------------------------ */

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    border-bottom:1px solid #D0EAEA;
    color: #343434;
    text-align: center;
}


.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item, .ast-custom-button {
font-family: "muli", Sans-serif;	
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link {
    border-bottom:1px solid #D0EAEA;
    color: #343434 !important;
    text-align: center;
	font-family: "muli", Sans-serif;
	padding: .6em 1em;
}

.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link:hover {
    background:#D0EAEA;
	color: #343434;
}

.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
	margin-left:-35%;
	max-width:200px;
}

.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link {
	color: #fff;
}

.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link {
	color: #D0EAEA;
}

/* ------------------------------------------------------------------------ */
/* --------------------------------- BODY --------------------------------- */
/* ------------------------------------------------------------------------ */

/* 29-05-24 */
.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link {
    color: #5fafaf !important;
}
.wpforms-container .wpforms-field {
	    padding-bottom: 0 !important;
}
.main-upload p {
    position: relative;
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
}
.main-upload p button.btnnew {
    border: 1px solid #E4B215;
    border-radius: 7px;
    opacity: 1;
    padding: 10px 20px;
    background-color: #fff;
    cursor: pointer;
}
.main-upload p span {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    opacity: 0 !important;
}

.main-upload p:hover button.btnnew {
    background-color: #d0eaea;
    border: 1px solid #d0eaea;
}
.default-cursor{
	cursor:pointer;
}
.default-text p {
    margin-bottom: 15px;
}
body .ast-builder-menu-1 .menu-item.current-menu-item > .menu-link, body .ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, body .ast-builder-menu-1 .current-menu-ancestor > .menu-link , .ast-theme-transparent-header .ast-builder-menu .main-header-menu .current_page_item > .menu-link
{
color: #5fafaf !important;
}
/* 29-05-24 */

.accordion-custom-style .elementor-accordion .elementor-tab-content {
    border-top: 1px solid transparent !important;
}

.accordion-custom-style .elementor-accordion-icon svg {
    width: 20px !important;
    height: 20px !important;
}

.accordion-custom-style  .elementor-tab-title {
    padding: 25px !important;
}

.accordion-custom-style  .elementor-tab-title.elementor-active {
    padding-bottom: 15px !important;
}

/* homepage testimonal */
.testimonal-custom-img .elementor-testimonial__image {
    display: none;
} 
/* homepage testimonal */

/*--------------------- About Us Page- Service-box --------------------*/
.service-box .elementor-image-box-content h4{
	font-family: "the-seasons", sans-serif !important;
}


/* CONTACT FORM 7 */

.file-display .file-name {
    margin-right: 10px;
    padding-left: 30px;
    background-image: url(/wp-content/uploads/2024/05/icons8-file-50.png);
    background-size: 21%;
    background-repeat: no-repeat;
    background-position: left top;
    color: #5FAFAF;
    font-weight: 600;
    font-size: 16px;
    line-height: 25px;
}

.contact-form-7  {
     font-family: "muli", Sans-serif;
    color: #707070;
}

.contact-form-7 .form-row {
    margin-bottom: -10px;
}

.contact-form-7 .name-fields {
    display: flex;
    gap: 20px;
}

.contact-form-7 .upload-field {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-bottom: 20px;
	margin-top:-15px;
	flex-wrap:wrap;
}
/* .contact-form-7 .upload-border , .contact-form-7 .form-note {
	width: 50%;
} */
.form-row.upload-field .file-display {
    width: 100%;
}
.main-form {
    width: 50%;
    display: flex;
    justify-content: space-between;
}
.contact-form-7 .form-note p {
    margin-bottom: 0;
}

.contact-form-7 input.wpcf7-form-control.wpcf7-file {
    max-width: 215px;
}

.contact-form-7 .form-group {
    flex: 1;
}

.contact-form-7 .upload-border {
    padding: 25px 25px;
    border: 1px dashed #707070;
    display: flex;
    /* align-items: center; */
    justify-content: space-between;
    flex-direction:column;
}

.contact-form-7 .form-note {
    flex: 1;
     font-family: "muli", Sans-serif;
    font-style: italic;
    color: #707070;
}

.contact-form-7 input[type="text"],
.contact-form-7 input[type="tel"],
.contact-form-7 input[type="email"],
.contact-form-7 input[type="file"],
.contact-form-7 textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    font-size: 16px;
    font-family: "muli", Sans-serif;
    font-style: italic;
    background: #fff !important;
    min-width: 50px !important;
    padding:25px 15px;
    box-shadow:none;
}

.contact-form-7 textarea {
    max-height: 150px;
    min-block-size: 9rem;
    padding: 15px 15px;
}

.contact-form-7 input[type="file"] {
    padding: 0;
}

body .contact-form-7 input[type="submit"] {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 4px;
}

.contact-form-7 input[type="submit"]:hover {
    background-color: #45a049;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #5fafaf !important;
	margin: 2em 0 1em !important;
}



@media (max-width:767px) {
	/* .contact-form-7 .form-note{
		order:3;
	} */
	/* .form-row.upload-field .file-display{
		order:2;
	} */
	/* .contact-form-7 .upload-border {
    order: 1;
} */
    .contact-form-7 .name-fields {
    display: block;
    gap: 20px;
}

.contact-form-7 .upload-border {
    display: block;
}
.contact-form-7 .form-note p {
    margin-top: 20px;
	margin-bottom:20px;
}
    
}


/* ------------------------------------------------------------------------ */
/* -------------------------------- FOOTER -------------------------------- */
/* ------------------------------------------------------------------------ */

.footer-menu a:hover {
	color: #D0EAEA !important;
}

/* ------------------------------------------------------------------------ */
/* ------------------------------- RESPONSIVE ----------------------------- */
/* ------------------------------------------------------------------------ */


@media (max-width: 1024px){
	
	/* 29-05 */
	body .main-header-menu .menu-link, body .main-header-menu>a {
    padding: 0 7px;
}
	/* 29-05 */
	
	.about-content .elementor-widget-wrap {
    padding: 0px 0px 0px 30px !important;
    margin-top: 0 !important;
}
	.about-content2 .elementor-widget-wrap {
    padding: 0px 0px 0px 10px !important;
    margin-top: 0 !important;
}
}
@media ( max-width:992px ){
	.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .menu-link{
		color:#000 ;
	}
	    .ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle {
        border: none;
				        outline: none;
    }
	
}
@media (max-width: 768px){
	a.elementor-button.elementor-button-link.elementor-size-md, a.elementor-button.elementor-button-link.elementor-size-sm {
    min-width: 165px !important;
    padding: 10px 0px 7px 0px !important;
}

}
@media (max-width: 767px){
	.contact-form-7 .form-row {
    margin-bottom: auto;
}
	.contact-form-7 .upload-border, .contact-form-7 .form-note , .main-form {
    width: 100%;
		        min-width: 100%;
}
	.about-content .elementor-widget-wrap {
    padding: 120px 0px 0px 0px !important;
    margin-top: 0 !important;
}
	.about-content2 .elementor-widget-wrap {
    padding: 0px 0px 0px 10px !important;
    margin-top: 0 !important;
}
	
}


.contact-form-7 .gform_button {min-width: 175px !important;
    padding: 10px 0px 7px 0px !important;
    background: #D0EAEA !important;
    color: #343434 !important;
    font-family: "muli", Sans-serif !important;
    font-weight: 600 !important;
    text-transform: capitalize !important;
	letter-spacing: 0 !important;
}
.contact-form-7 .gform_button:focus {
        border: none !important;
    box-shadow: none !important;
}
.contact-form-7 .gform_fields{
	gap:15px;
}
.contact-form-7 .gfield textarea.large{
	min-block-size: 9rem;
}
.contact-form-7 .gfield--type-html{
	display: flex;
    align-items: center;
}
.contact-form-7 .gform-field-label{
	color: #343434;
	font-weight:700;
	font-size:16px;
	line-height:25px;
}
.contact-form-7  .gform_fileupload_rules{
	  font-style: italic;
	   font-size: 16px;
    font-weight: 400;
}
body .gform_wrapper ::placeholder{
	color:#707070;
}

.contact-form-7  .gform_ajax_spinner {
   color: #5fafaf;
}
.contact-form-7  .gform_wrapper #gform_ajax_spinner_2 {
    border-top-color: #5FAFAF !important;
    border-right-color: #5FAFAF !important;
    border-bottom-color: #5FAFAF !important;
    border-left-color: transparent !important; /* Keeps the spinner's characteristic look */
	 border-color:#5FAFAF;
}
.contact-form-7  .gform_wrapper #gform_ajax_spinner_3 {
    border-top-color: #5FAFAF !important;
    border-right-color: #5FAFAF !important;
    border-bottom-color: #5FAFAF !important;
    border-left-color: transparent !important; /* Keeps the spinner's characteristic look */
	 border-color:#5FAFAF;
}
.contact-form-7  .gform_title{
    display: none !important;
}
.form-note-resume{
    flex: 1;
    font-family: "muli", Sans-serif;
   font-style: italic;
   color: #707070;
}