/*
Theme Name: turnkeyrealty
Theme URI: https://dev.snworks.com/whatsnew/wp-content/themes/turnkeyrealty
Author: Synergy Web Design and Marketing - Lora Champion
Author URI: https://snwebdm.com/
Description: This theme works best with Elementor, although you can also use blocks with it (remove bottom section from functions.php to enable block editor). Recommended plugins: Elementor, Yoast, Contact7, woocommerce, ultimate member
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, block-styles, wide-blocks
Version: 1:012422
Requires at least: 5.0
Tested up to: 5.8.3
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: whatsnew-raw
This theme, like WordPress, is licensed under the GPL.
Tested up to: 5.8
Requires PHP: 7.0
*/


h1, h2, h3, {

    font-family: "Montserrat", serif;

}


p {

    font-family: "Inter", sans-serif;


}


body {

    color: #f5ead8;


}



.site-header {


    background-color: #181b1e;
    color: white;


}

.header1 {

    justify-content: flex-end;
    margin-bottom: 1em;


}

.login-portal {

    background-color: #ddba68;
 	color: black;    
	padding: 6px 14px;
    border-radius: 3px;
    font-weight: 500;
    text-decoration: none;
    font-size: 18px;
}


.login-portal:hover {

    background: #A4C4DD;
    color:#fff;



}

.email-brenda {

	font-size: 18px;

}

.header1 {
    display: flex;
    justify-content: flex-end; /* pushes columns to right */
    align-items: center;
    gap: 25px; /* space between the 3 items */
    margin-bottom: 1em;
}

/* Remove bootstrap column spacing behavior */
.header1 > div {
    flex: 0 0 auto; /* shrink columns to content width */
    width: auto;
    padding-left: 0;
    padding-right: 0;
}

/* Style spacing between items */
.header1 a,
.header1 p {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Improve top bar look */
.header1 {
    font-size: 14px;
}






/*HEADER CSS*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {
   
    font-family: 'Montserrat';
    font-size: 19px;
    font-weight: 400;

}










.btn-contact {
    font-size: 17px;
    font-family: "Montserrat";
    color: #ffffff;
    border: solid;
    border-color: #fff !important;
    border-width: 2px;
    border-radius: 5px;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0);
    text-decoration: none;
    padding: 10px 15px;
    max-width: 100%;
   
}

.btn-contact:hover {

    Background-color: #A4C4DD;
    color: #171b1e;

}





   
/*Homepage Form CSS*/



#wpcf7-f12-o1.wpcf7-form input,
#wpcf7-f12-o1.wpcf7-form textarea {
    min-width: 0 !important;
}


/* make all cf7 fields full width */
#wpcf7-f12-o1.wpcf7-form input[type="text"],
#wpcf7-f12-o1.wpcf7-form input[type="email"],
#wpcf7-f12-o1.wpcf7-form input[type="tel"],
#wpcf7-f12-o1.wpcf7-form input[type="url"],
#wpcf7-f12-o1.wpcf7-form input[type="number"],
#wpcf7-f12-o1.wpcf7-form textarea,
#wpcf7-f12-o1.wpcf7-form select {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* make wrappers full width too */
#wpcf7-f12-o1.wpcf7-form .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
}

/* ensure submit button lines up */
#wpcf7-f12-o1.wpcf7-form input[type="submit"] {
    display: block !important;
    width: 100% !important;
}







#wpcf7-f12-o1 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {

   border-radius: 8px;
    color: #171b1e;
    border-style: solid;
    padding: 5px 8px;
    width: 100% !important;

}



#wpcf7-f12-o1 form.wpcf7-form.init {
    color: #ffffff !important;
}





#wpcf7-f12-o1 textarea.wpcf7-form-control.wpcf7-textarea {

    color: #171b1e;
    border-radius: 8px;
    width: 100% !important;
}




textarea.wpcf7-form-control.wpcf7-textarea {
    color: #171b1e;
    border-radius: 8px;
    width: 100% !important;

}

#wpcf7-f12-o1.wpcf7 form.sent .wpcf7-response-output {
    border-color: #A4C4DD;
    color: #ffffff;
}



input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #A4C4DD;
    opacity: 90%;
    border-radius: 8px;
    /* text-align: center; */
    color: #171b1e;
    font-size: 18px;
    font-family: 'Inter';
    padding: 10px 25px;
    border: 2px solid;
}



label#form-text {

    color: #ffffff;

}



/****Contact Form****/






#wpcf7-f443-o1  input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    color: #000000;
    border-radius: 8px;
    padding: 5px 8px;
    width: 100% !important;
    border: 2px solid black;
}



#wpcf7-f443-o1 form.wpcf7-form.init {

    color: #171b1e;


}





#wpcf7-f443-o1 textarea.wpcf7-form-control.wpcf7-textarea {

    color: #171b1e;
    border-radius: 8px;
    border: 2px solid #000000;
    width: 100%;

}




#wpcf7-f443-o1.wpcf7 form.sent .wpcf7-response-output {
    border-color: #A4C4DD;
    color: #171b1e;
}



#wpcf7-f443-o1 input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: #A4C4DD;
    opacity: 90%;
    border-radius: 8px;
    /* text-align: center; */
    color: #171b1e;
    font-size: 18px;
    font-family: 'Inter';
    padding: 10px 25px;
    border: 2px solid;
}



#wpcf7-f443-o1 label#form-text {

    color: #171b1e;

}





/**********firefox - drop down font css**********/
/* Dropdown menu styling */


#wpcf7-f443-o1 select.wpcf7-form-control.wpcf7-select {
  font-family: "Inter", sans-serif !important; /* Ensure Montserrat is applied */
  font-size: 18px; /* Match the font size of the other inputs */
  font-weight: 500; /* Match the font weight */
  color: #171b1e; /* Ensure the text color is consistent */
  padding: 5px; /* Match padding with other inputs */
  border: 2px solid #000000; /* Match border style */
  border-radius: 8px;
  width: 100%; /* Ensure full-width like other inputs */
  background-color: #ffffff; /* Optional: Set a consistent background color */
  appearance: none; /* Removes default browser styling */
  -webkit-appearance: none; /* For WebKit browsers */
  -moz-appearance: none; /* For Firefox */

  /* Custom arrow styling */
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 6"%3E%3Cpath d="M0 0l5 6 5-6H0z" fill="%2321336a"%3E%3C/path%3E%3C/svg%3E');
  background-repeat: no-repeat;
  background-position: right 10px center;
  background-size: 12px;
}

/* Dropdown options styling */

#wpcf7-f443-o1 select.wpcf7-form-control.wpcf7-select option {
  font-family: "Inter", sans-serif !important; /* Ensure Montserrat for options */
  font-size: 18px; /* Match the font size */
  background-color: #ffffff;
  color: #171b1e; /* Consistent text color */
}


/***********GEORGIA MLS INTAKE FORM***********/


.submit-form-container {

    font-family: 'inter', sans-serif;
    font-size: 18px;
    color: white !important;
}

.submit-form-title {

    font-size: 18px;
    color: white !important;



}

.submit-form-container input,
.submit-form-container textarea,
.submit-form-container select {

    font-size: 18px;
    font-family: 'inter', sans-serif;


}


option {
	background-color: #fff;
	font-size: 18px;
	font-family: inter !important;
}

.select-list-styled{
	color: #000;
}
#clienttypelabel{
	display: block !important;
}


/*listings*/
.turnkey-featured-listing .listing-card {
    border: 15px double #000;
    box-sizing: border-box;
    padding: 15px;
    transition: .3s;
    max-width: 400px;
    margin: 0 auto;
}

.turnkey-featured-listing .listing-card:hover {
    border-color: #A4C4DD;
}

.turnkey-featured-listing .listing-card img {
    width: 100%;
    height: auto;
    display: block;
}
.listing-property-type-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
}

.listing-property-type-grid .listing-card {
    border: 15px double #000;
    box-sizing: border-box;
    padding: 15px;
    transition: .3s;
}

.listing-property-type-grid .listing-card:hover {
    border-color: #A4C4DD;
}


.listing-property-type-grid .listing-card img {
    width: 100%;
    height: auto;
    display: block;
}
.listing-card > h3 > a{
    color: #000 !important;
}
@media (max-width: 1024px) {
    .listing-property-type-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .listing-property-type-grid {
        grid-template-columns: 1fr;
    }
}












/*FOOTER CSS*/


.site-footer {

    background-color: #171b1e;
    color:#f5ead8;
    font-size: 18px;
	padding: 25px;


}

.footer-signature {

    color:#f5ead8;
	text-align: right;
}

img.image.wp-image-29.attachment-medium.size-medium {
    width: 22%;
}