/*
Theme Name: Ryanwatsonlaw
Theme URI: https://dev.snworks.com/whatsnew/wp-content/themes/whatsnew
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: Ryanwatsonlaw
This theme, like WordPress, is licensed under the GPL.
Tested up to: 5.8
Requires PHP: 7.0
*/


h1, h2, h3, {

    font-family: "Newsreader", serif;

}


p {

    font-family: "Open Sans", sans-serif;

}

.site-header {

    background-color: #003366;


}






.sticky-quote-box {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 100px; /* Adjust this value to clear your header */
    z-index: 999;
    align-self: flex-start; /* Required for sticky to work in flex containers */
}









/*HEADER CSS*/

#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {

    font-family: "Open Sans", sans-serif !important;
    font-weight: 400;
}

/* CALL-BTN CSS */
.call-Ryanwatson {
    color: #799dd6;
    font-weight: 600;
    font-size: 18px;
    padding: 15px 20px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    white-space: nowrap;
}

.call-Ryanwatson:hover {
    text-decoration: underline;
    font-weight: 600;
    color: white;
}

/* REQUEST FREE CONSULTATION */
.btn-Freeconsult {
    border: solid 2px #799dd6;
    border-radius: 10px;
    background-color: #799dd6;
    color: #003366;
    font-size: 16px;
    padding: 8px 15px;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.btn-Freeconsult:hover {
    border: solid 2px #5a0006;
    border-radius: 10px;
    background-color: #5a0006;
    color: #fff;
    font-size: 16px;
}



/*SMART SLIDER CSS*/

.contactUs-btn:hover {

    transition: all 0.3s ease-in;

    
}





   
/*HOMEPAGE FORM CSS*/

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

    font-family: 'Open Sans' !important;
    font-size: 18px;
    color: #003366;
    border-radius: 2px;
    border: solid 2px #ffffff;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;


}



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

    color: #ffffff !important;



}



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

    color: #003366;
    border-radius: 2px;


}





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

#wpcf7-f627-o1 select.wpcf7-form-control.wpcf7-select,
#wpcf7-f453-o1 select.wpcf7-form-control.wpcf7-select,
#wpcf7-f6-o1 select.wpcf7-form-control.wpcf7-select {
  font-family: "Open Sans", sans-serif !important; 
  font-size: 18px; /* Match the font size of the other inputs */
  color: #003366; /* Ensure the text color is consistent */
  padding: 5.5px; /* Match padding with other inputs */
  border: 1px solid rgba(0, 0, 0, 0.3); /* Match border style */
  border-radius: 2px;
  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-f453-o1 select.wpcf7-form-control.wpcf7-select option,
#wpcf7-f6-o1 select.wpcf7-form-control.wpcf7-select option {
  font-family: "Open Sans", sans-serif !important; 
  font-size: 18px; /* Match the font size */
  color: #003366; /* Consistent text color */
}




 


#wpcf7-f6-o1 input::placeholder,
#wpcf7-f6-o1 textarea::placeholder {
    color: #003366;
    opacity: 1;
}

#wpcf7-f6-o1 input::-webkit-input-placeholder,
#wpcf7-f6-o1 textarea::-webkit-input-placeholder {
    color: #003366;
}

#wpcf7-f6-o1 input::-moz-placeholder,
#wpcf7-f6-o1 textarea::-moz-placeholder {
    color: #003366;
}








#wpcf7-f6-o1.wpcf7 form.sent .wpcf7-response-output {

    color: #ffffff;
    border-color: #799dd6;


}



#wpcf7-f6-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    color: #003366;
    border-radius: 3px;
    width: 100%;

}


#wpcf7-f6-o1 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

#wpcf7-f6-o1 textarea {
    width: 100%;
    display: block;
}



/****Global submit btn****/

input.wpcf7-form-control.wpcf7-submit.has-spinner {


    background-color: #003366;
    color: #799dd6;
    font-family: 'Open Sans' !important;
    font-size: 18px;
    border: solid 2px;
    border-radius: 3px;
    padding: 10px 25px;


}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {

    background-color: #c7def1;
    color: #001b3c;
    transition: all 0.3s ease-in;



}



/****REQUEST A FREE CONSULTATION / CONTACT US FORM****/

#wpcf7-f453-o1 input.wpcf7-text,
#wpcf7-f453-o1 input.wpcf7-email,
#wpcf7-f453-o1 input.wpcf7-tel {
    font-family: 'Open Sans' !important;
    font-size: 18px;
    color: #003366;
    border-radius: 2px;
    border: solid 1px #003366;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}




#wpcf7-f453-o1 input::placeholder,
#wpcf7-f453-o1 textarea::placeholder {
    color: #003366;
    opacity: 1;
}

#wpcf7-f453-o1 input::-webkit-input-placeholder,
#wpcf7-f453-o1 textarea::-webkit-input-placeholder {
    color: #003366;
}

#wpcf7-f453-o1 input::-moz-placeholder,
#wpcf7-f453-o1 textarea::-moz-placeholder {
    color: #003366;
}






.form-label {

    margin-bottom: 5px;
    font-weight: 500;


}


#form-text {
	display: block;
}


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

    color: #003366 !important;



}



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

    color: #003366;
    border-radius: 2px;


}


#wpcf7-f453-o1.wpcf7 form.sent .wpcf7-response-output {

    color: #003366;
    border-color: #799dd6;


}



#wpcf7-f453-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    color: #003366;
    border-radius: 3px;
    width: 100%;

}


#wpcf7-f453-o1 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

#wpcf7-f453-o1 textarea {
    width: 100%;
    display: block;
}








/****SERVICE PAGE INQUIRY FORM****/

#wpcf7-f627-o1 input.wpcf7-text,
#wpcf7-f627-o1 input.wpcf7-email,
#wpcf7-f627-o1 input.wpcf7-tel {
    font-family: 'Open Sans' !important;
    font-size: 18px;
    color: #003366;
    border-radius: 2px;
    border: solid 1px #003366;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}


 

#wpcf7-f627-o1 input::placeholder,
#wpcf7-f627-o1 textarea::placeholder {
    color: #003366;
    opacity: 1;
}

#wpcf7-f627-o1 input::-webkit-input-placeholder,
#wpcf7-f627-o1 textarea::-webkit-input-placeholder {
    color: #003366;
}

#wpcf7-f627-o1 input::-moz-placeholder,
#wpcf7-f627-o1 textarea::-moz-placeholder {
    color: #003366;
}





#wpcf7-f627-o1 select.wpcf7-form-control.wpcf7-select {
  font-family: "Open Sans", sans-serif !important; 
  font-size: 18px; /* Match the font size of the other inputs */
  color: #003366; /* Ensure the text color is consistent */
  padding: 5.5px; /* Match padding with other inputs */
  border: 1px solid rgba(0, 0, 0, 0.3); /* Match border style */
  border-radius: 2px;
  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-f453-o1 select.wpcf7-form-control.wpcf7-select option,
#wpcf7-f6-o1 select.wpcf7-form-control.wpcf7-select option {
  font-family: "Open Sans", sans-serif !important; 
  font-size: 18px; /* Match the font size */
  color: #003366; /* Consistent text color */
}







.form-label {

    margin-bottom: 5px;
    font-weight: 500;


}


#form-text {
	display: block;
    font-weight: 500;
}


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

    color: #003366 !important;



}



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

    color: #003366;
    border-radius: 2px;


}


#wpcf7-f627-o1.wpcf7 form.sent .wpcf7-response-output {
    color: #003366;
    border-color: #003366;
    font-weight: 600;
    font-size: 16px;
}


#wpcf7-f627-o1 textarea.wpcf7-form-control.wpcf7-textarea {
    color: #003366;
    border-radius: 3px;
    width: 100%;

}


#wpcf7-f627-o1 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
}

#wpcf7-f627-o1 textarea {
    width: 100%;
    display: block;
}


/**WAIVER OF APPERANCE FORM CSS**/





#wpcf7-f958-o1  input.wpcf7-text,
#wpcf7-f958-o1  input.wpcf7-email,
#wpcf7-f958-o1 input.wpcf7-tel {
    font-family: 'Open Sans' !important;
    font-size: 18px;
    color: #003366;
    border-radius: 2px;
    border: solid 1px #003366;
    padding: 5px 10px;
    width: 100%;
    box-sizing: border-box;
}


 

#wpcf7-f958-o1 input::placeholder,
#wpcf7-f958-o1 textarea::placeholder {
    color: #003366;
    opacity: 1;
}

#wpcf7-f958-o1 input::-webkit-input-placeholder,
#wpcf7-f958-o1 textarea::-webkit-input-placeholder {
    color: #003366;
}

#wpcf7-f958-o1 input::-moz-placeholder,
#wpcf7-f958-o1 textarea::-moz-placeholder {
    color: #003366;
}






#wpcf7-f958-o1.wpcf7 form.sent .wpcf7-response-output {
    color:#001b3c;
    border-color: #799dd6;
}



/*FOOTER CSS*/


.site-footer {


    background-color: #003366;
    color: #ffffff;
    font-family: 'Open Sans' Sans-serif;


}




/***************************MOBILE CSS***************************/

/* Mobile stacking */
@media (max-width: 575px) {
    .header-btn-group {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        width: 100%;
    }

    .call-Ryanwatson,
    .btn-Freeconsult {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}






/*REQUEST A QUOTE STICKY BOX CSS*/
/* Optional: Disable on mobile if it takes up too much space */
@media (max-width: 767px) {
    .sticky-quote-box {
        position: relative !important;
        top: 0 !important;
    }
}