/* Theme Name: My Theme 2 */
*, :after, :before { word-wrap: break-word; box-sizing: border-box; }
html { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; font-size: 15px; line-height: 1.5; font-weight: 300; color: #000000; }
body { margin: 0; padding: 0; background-color: #ffffff; }
header, section, article, footer {min-width:300px;padding: 0 20px;}

#logo { text-align: center; padding: 40px 0 5px; } 
#logoname { font-weight: 400; font-size: 2rem; letter-spacing: 2px; text-transform: uppercase; display: inline-block; text-decoration: none !important; color : #000}

h1 { font-size: 2rem; font-weight: 400; text-align: center; margin: 20px 0 40px; }
.tagline { margin: 0 auto 10px !important; text-align: center !important; }
.adn { color: #7b8487; text-align: center !important; margin: 0 auto 35px !important}

a { text-decoration: none !important; color: #1a73e8}
a:hover { text-decoration: underline !important; }

.page-container { max-width: 850px !important; margin: 0 auto !important; padding: 1rem 0; }
.page-container h2 { font-size: 1.3rem; font-weight: 300; margin: 2em 0 1em; }
.page-container h3 { font-weight: 300 !important; font-size: 1.1rem; }

.site-grid { display: grid !important; grid-template-columns: 300px 300px 300px !important; gap: 25px !important; max-width: 1000px !important; margin: 60px auto 30px; justify-content: center !important; }
.card { position: relative; width: 300px; height: 169px; border-radius: 5px; overflow: hidden; display: flex !important; align-items: center; justify-content: center; background-size: cover !important; background-position: center !important; transition: all 0.4s ease; box-shadow: 0 4px 15px rgba(0,0,0,0.1); text-decoration: none !important; }
.card::before { content: ""; position: absolute; inset: 0; background: rgba(0,0,0,0.3); z-index: 1; transition: background 0.3s; }
.card:hover::before { background: rgba(0,0,0,0.15); }
.card:hover { text-decoration: none !important; color: white !important; }

.info { position: relative; z-index: 2; text-align: center !important; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.info h3 { margin: 0 !important; letter-spacing: 1px !important; text-transform: uppercase !important; color: #ffffff !important; text-shadow: 0 2px 4px rgba(0,0,0,0.5) !important; text-align: center !important; }
.info p { margin: 6px 0 0 !important; color: #ffffff !important}
.site-grid > p, .site-grid > br { display: none !important; }

footer { padding: 20px 0; margin-top: 20px; color: #7b8487; }
#footer-container { margin: 0 auto !important; max-width: 850px !important; padding: 0.5rem 0; text-align:center}
footer p { font-size: 0.9rem; margin: 4px 0; }
footer a { color: #7b8487 !important; transition: color 0.3s; text-decoration: none !important; }
footer a:hover { color: #1a73e8 !important; text-decoration: underline !important; }

fieldset {border: 0;margin:0;padding: 0}
.frm_forms, .light {max-width: 500px !important; margin: 0 auto !important}
.frm_fields_container, .frm_section_heading {display:grid;gap:0.8em}
.frm_none_container .frm_primary_label, .frm_inside_container .frm_primary_label, .frm_verify, .hide, input[name="frm_prev_page"] {display: none;}
input:not([type='submit']):not([type='radio']):not([type='checkbox']), select, textarea, .city-list {border: 1px solid #BFC3C8;border-radius: 4px;padding: 6px 8px 6px 9px;font:inherit;display: block;width:100%}
input[type='submit'] {margin-bottom: 1em;}
select {height: 42px}
input:not([type='submit']):focus, select:focus, textarea:focus {outline: none !important;border:1px solid #66afe9;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102,175,233, 0.6);}
.frm_error_style {display: none;padding: 15px;background-color:#F2DEDE;border:1px solid #EBCCD1;border-radius:4px;color:#B94A48;margin-bottom:10px;}
.frm_blank_field label, .frm_error, .frm_required {color:#B94A48;}
.frm_message { margin-bottom: 20px;}
.frm_blank_field input, .frm_blank_field select, .frm_blank_field textarea {border-color:#B94A48 !important;}
.mt20 {margin-top: 20px}
.no_margin {margin: 0}
.frm_screen_reader {position: absolute;opacity: 0;width: 1px}

a.cta, button.cta, input[type='submit']:not([name="frm_prev_page"]) {padding:10px 20px;border-radius:6px;display: inline-block;font:inherit;cursor:pointer;}
a.cta, input[type='submit'] {background-color:#33383c;color:#FFF;border:1px solid transparent;} /* #27AAE1, #1a73e8, #e23f54  ou #D61F2C */
a.cta:hover, input[type='submit']:hover {text-decoration:none;background-color:#FFF; color:#33383c;border:1px solid #33383c;}
article a.cta {margin: 2.5rem 0 5rem;}

.fade a,.fade a:hover {text-decoration: none; color: inherit}

.light {color:#7b8487}

/* Mobile */
@media (max-width: 960px) { 
  .site-grid { grid-template-columns: repeat(auto-fit, 300px) !important; } 
  #footer-container { flex-direction: column; text-align: center; }
}