/*
Theme Name: Windy Ridge Reface 2026
Description: Updated brand colors for Windy Ridge Insurance.
*/

:root {
    --primary-navy: #0d305c;
    --accent-orange: #f0833f;
    --secondary-blue: #0f5a91;
    --white: #ffffff;
    --text-dark: #333333;
}

/* --- ESTILOS GENERALES --- */
body {
    background-color: var(--white);
}

body a, p, h1, h2, h3, h4, h5, span { 
    font-family: "museo", serif; 
    color: var(--primary-navy); 
}

body h1 {
    font-size: 72px;
    margin-bottom: 40px; 
    font-weight: 300;
}

body span, body p, body a { 
    font-family: "museo", serif;
}

.white { color: var(--white) !important; }
.bold { font-weight: 600 !important; }

#area-azul {
    background: var(--primary-navy); 
    height: 350px;
}

.orange-btn {
	background: var(--accent-orange);
}

ul {
	padding: 0;
	list-style: none;
}

/* --- COMPONENTES Y SLIDERS --- */
.populate-posts .gfield_checkbox li label {
    margin: 0px 10px !important;
    position: relative;
    top: -2px;
}

.bx-wrapper .bx-controls-direction a {
	z-index: 99 !important;
}

.team-five img {
    width: 195px !important;
    height: auto !important;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666666 !important;
    text-indent: -9999px;
    display: block;
    width: 15px !important;
    height: 15px !important;
    margin: 20px 5px !important;
    outline: 0;
    border-radius: 50% !important;
}

.bx-pager {
    margin-top: -30px !important;
    position: relative !important;
}

.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: var(--accent-orange) !important; /* Nuevo color de acento */
    text-indent: -9999px;
    display: block;
    width: 15px !important;
    height: 15px !important;
    margin: 20px 5px !important;
    outline: 0;
    border-radius: 50% !important;
}

.bx-controls-direction {
	position: absolute;
	width: 90px;
	bottom: -50px;
	display: block;
	overflow: hidden;
	left: -60px;
    height: 31px;
}

/* --- SIDEBAR Y EQUIPO --- */
h5.titleSidebar {
    font-size: 25px;
    position: relative;
    font-weight: 400;
    border-left: 2px solid var(--secondary-blue);
    padding: 0px 8px;
}

.team-five {
    border: 1px solid rgba(204, 204, 204, 0.52) !important;
    padding: 20px !important;
    min-height: 250px !important;
    box-shadow: none !important;
}

.team-five img {
    float: left;
    margin-right: 30px;
}

.team-five .team-social a {
    padding: 4px 6px;
    background-color: var(--white);
    border: 1px solid #ddd;
    width: 30px;
    border-radius: 2px;
}

/* --- FORMULARIOS --- */
.text-md-left.comuBT button, 
button.button.text-uppercase.hi,
.acf-form-submit input,
input.wpcf7-form-control.wpcf7-submit {
    background: var(--accent-orange) !important;
    border: 1px solid var(--accent-orange) !important;
    color: var(--white) !important;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 600;
    transition: background 0.3s ease;
}

.text-md-left.comuBT button:hover, 
input.wpcf7-form-control.wpcf7-submit:hover {
    background: var(--secondary-blue) !important;
}

form#post input, 
form.wpcf7-form input, 
form.wpcf7-form textarea {
    width: 100%;
    border: 1px solid var(--secondary-blue);
    color: var(--primary-navy);
    border-radius: 0;
    margin-top: 10px;
    padding: 11px;
}

::placeholder { color: var(--secondary-blue); opacity: 0.7; }

ul.acf-checkbox-list.acf-bl li label span {
    color: var(--secondary-blue);
    font-size: 12px;
    text-transform: uppercase;
}

.gform_button.button {
    background: var(--primary-navy) !important;
    margin: 15px !important;
    color: white !important;
}

/* --- SOCIAL FEED --- */
i.fa.fa-facebook {
    position: absolute;
    background: var(--accent-orange);
    width: 75px;
    height: 70px;
    display: block;
    text-align: center;
    left: 15px;
    top: -10px;
    padding: 23px;
    font-size: 31px;
    color: var(--white);
}

/* --- REFACE OVERRIDES (MOCKUP ALIGNMENT) --- */

/* Sección About Us */
#team {
    background-color: var(--primary-navy) !important;
    padding: 80px 0;
}
#team h3, #team p, #team strong {
    color: var(--white) !important;
}

/* Sección Testimonial */
#testimonial strong {
    color: var(--accent-orange) !important;
}

/* Call to Action Blocks */
.concierge {
    background-color: var(--primary-navy) !important;
    padding: 40px !important;
}
.rewards {
    background-color: var(--secondary-blue) !important;
    padding: 40px !important;
}
.btn-concierge, .btn-rewards {
    background-color: var(--accent-orange) !important;
    border: none !important;
}

/* Services */
#services h1 { color: var(--primary-navy); }
#services h5 { color: var(--accent-orange) !important; font-weight: bold; }
#services a.white { color: var(--secondary-blue) !important; }

/* Hometown Section */
#hometown {
    background-color: var(--primary-navy) !important;
}
#hometown h2, #hometown h4 { color: var(--white) !important; }
#hometown h2 span { color: var(--accent-orange) !important; }

/* Utilities */
.mb30 { margin-bottom: 60px; }
.mt30 { margin-top: 30px; }

.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }