/*
Theme Name: Evanson MediCenter Adaptation
Template: medicenter
Version: migration-20261025-14
Text Domain: lga-evanson-medicenter
*/
/* Targeted custom surfaces only; the vendor parent CSS stays unchanged. */
.phone_no.lga-phone-sidebar { display:block; text-align:right; }
.new-mobile-header.lga-mobile-header { display:none; }
#full_slider img { display:block; margin:auto; max-width:100%; height:auto; }
#mobile_slider { display:none; }
#mobile_slider img { display:block; width:100%; height:auto; }
.copyright-area { display:flex; flex-wrap:wrap; justify-content:space-between; gap:1rem; }
.lga-footer-right { margin-left:auto; }
@media only screen and (max-width:989px) {
  #full_slider { display:none; }
  #mobile_slider { display:block !important; }
  .phone_no.lga-phone-sidebar { display:none; }
  .new-mobile-header.lga-mobile-header { display:block; width:100%; }
  .lga-mobile-header .row { display:flex; width:100%; }
  .lga-mobile-header .column { flex:1; min-width:0; text-align:center; }
  .lga-mobile-header .column > a { display:block; width:auto; margin:0; }
  .lga-mobile-header .mobile-menu-switch { display:inline-block; width:auto; height:auto; margin:0; }
  .slider-content-box, .caroufredsel_wrapper_slider { display:none !important; }
  .lga-footer-right { margin-left:0; }
}

/* Retain the original Arial typography and fit legacy footer widgets. */
.site-container, .site-container h1, .site-container h2, .site-container h3,
.site-container h4, .site-container h5, .site-container h6 {
  font-family: Arial, sans-serif;
}
@media only screen and (max-width:989px) {
  .header .header-left { display:block; float:none; width:100%; text-align:center; }
  .site-container .header .header-left > a { display:inline-block; width:auto; margin:0 auto; }
  .site-container .header .header-left > a img { display:block; float:none; margin:0 auto; }
  .footer-box-container .footer_box { box-sizing:border-box; width:100%; max-width:100%; }
  .footer_box .textwidget, .footer_box .textwidget div,
  .footer_box .textwidget ul, .footer_box iframe { max-width:100%; box-sizing:border-box; }
}

/* Original boxed desktop composition, measured on the existing public site. */
body { background-color:#404040; }
.footer_box .textwidget, .footer_box .textwidget div,
.footer_box .textwidget ul, .footer_box iframe { max-width:100%; box-sizing:border-box; }
@media only screen and (min-width:990px) {
  .site-container.boxed { width:1090px; max-width:100%; margin:0 auto; }
  .site-container.boxed .header {
    display:block; position:relative; width:calc(100% - 100px); max-width:990px;
    height:135px; padding:15px 0; box-sizing:border-box;
  }
  .site-container .header.layout-1 .header-left { display:block; float:left; width:205px; }
  .site-container .header.layout-1 .header-left > a { display:block; width:auto; }
  .site-container .header .lga-phone-sidebar {
    position:absolute; right:0; top:15px; width:auto; margin:0; background:#232323;
  }
  .site-container .header .lga-phone-sidebar h2 { margin:0; padding:9px 20px; font-size:29px; font-weight:600; line-height:29px; color:#fff; }
  .site-container .header .header-right { float:right; width:auto; margin:60px 0 0; }
  .site-container .header .sf-menu > li > a { padding:15px; line-height:25.8px; }
  .site-container .theme-page, .site-container .footer, .site-container .copyright-area {
    width:calc(100% - 100px); max-width:990px; margin-left:auto; margin-right:auto;
  }
  .site-container .theme-page .home-box-container-list { width:100%; max-width:100%; }
  .page-template-template-home .home-box-container-list { margin-top:-115px; }
  .home-box-container-list > li { flex:1 1 0; min-width:0; }
  .home-box-container-list .home-box { width:auto; max-width:100%; }
  .footer-box-container .footer_box { width:33.333333%; box-sizing:border-box; }
}
@media only screen and (max-width:989px) {
  .site-container .header { width:100%; box-sizing:border-box; padding:15px 0; }
  .site-container .header .header-left { margin:0 auto !important; }
}

/* The new parent's wide grid must fit the retained 1090px boxed site. */
.site-container.boxed .vc_row { width:100%; max-width:100%; }
.site-container.boxed .footer-box-container.vc_row { margin-left:0; margin-right:0; }

/* Override the original small-screen right margin so the logo stays centered. */
@media only screen and (max-width:989px) {
  .site-container .header .header-left > a img { margin-left:auto !important; margin-right:auto !important; }
}

@media only screen and (max-width:989px) {
  .home .wp-image-5431 { margin-right:0; }
}

/* Full-width clinical photos must fit without the parent alignment margin. */
@media only screen and (max-width:989px) {
  .site-container .theme-page img.alignnone { margin-right:0; }
}

/* The legacy footer widget uses underscore classes removed by the new parent. */
.footer #text-5 .social_icons {
  display:flex; flex-wrap:wrap; gap:8px; list-style:none;
  margin:0 0 15px; padding:0 0 0 43px;
}
.footer #text-5 .social_icons li {
  display:block; float:none; list-style:none; margin:0; padding:0;
}
.footer #text-5 .social_icons .social_icon {
  display:flex; align-items:center; justify-content:center;
  width:36px; height:36px; box-sizing:border-box; border:1px solid #73777b;
  background:none !important; color:#fff; font-size:0; text-decoration:none;
}
.footer #text-5 .social_icons .social_icon::before {
  display:block; font-family:'social' !important; font-size:18px;
  font-weight:normal; line-height:1; color:inherit;
}
.footer #text-5 .social_icons .social_icon:hover,
.footer #text-5 .social_icons .social_icon:focus-visible {
  background:#e73926 !important; border-color:#e73926; color:#fff;
}
.footer #text-5 .social_icons .social_icon:focus-visible {
  outline:2px solid #fff; outline-offset:3px;
}

/* Fit the retained homepage's content/form pair inside its 990px row. */
@media only screen and (min-width:990px) {
  .home #wpb-content-root > .vc_row > .vc_col-sm-8 {
    width:calc((100% - 30px) * 2 / 3);
    margin-left:0;
  }
  .home #wpb-content-root > .vc_row > .vc_col-sm-4 {
    width:calc((100% - 30px) / 3);
    margin-left:30px;
  }
}
@media only screen and (max-width:989px) {
  .home #wpb-content-root > .vc_row > .vc_col-sm-8,
  .home #wpb-content-root > .vc_row > .vc_col-sm-4 {
    float:none;
    width:100%;
    margin-left:0;
  }
  .home #wpb-content-root > .vc_row > .vc_col-sm-4 { margin-top:30px; }
}

/* Keep the appointment widget's existing fields aligned and readable. */
#text-10 { box-sizing:border-box; max-width:100%; }
#text-10 .inner_aside { box-sizing:border-box; }
#text-10 .appointment h2 {
  float:none; padding:18px 12px; background:none; text-align:center;
}
#text-10 .appointment p { margin:0; padding:0; }
#text-10 #gform_wrapper_1 { box-sizing:border-box; padding:12px 8px 4px; }
#text-10 .gform_required_legend,
#text-10 .gform_required_legend .gfield_required { color:#f2f2f2; }
#text-10 #gform_fields_1 { row-gap:12px; }
#text-10 #input_1_9 { margin-bottom:0; }
#text-10 #gform_fields_1 input:not([type="hidden"]),
#text-10 #gform_fields_1 select,
#text-10 #gform_fields_1 textarea {
  box-sizing:border-box; float:none; width:100%; max-width:100%;
  margin:0; padding:10px; border:1px solid #ddd;
  background:#fff; color:#333; font-size:16px;
}
#text-10 #gform_fields_1 textarea { width:100% !important; height:120px; }
#text-10 #gform_fields_1 input::placeholder,
#text-10 #gform_fields_1 textarea::placeholder { color:#686868; opacity:1; }
#text-10 #gform_submit_button_1 {
  box-sizing:border-box; float:none; display:block; width:100%;
  margin:0; padding:12px; background:#e73926; color:#fff;
  border:0; text-align:center;
}

/* Keep the two existing award/logo images balanced rather than stretched. */
.site-container .logos_div {
  display:flex; align-items:center; justify-content:space-between;
  gap:30px; box-sizing:border-box; padding:25px 30px;
}
.site-container .logos_div .logo_left_div { flex:1; min-width:0; }
.site-container .logos_div .logo_left_div picture { display:block; margin:0; }
.site-container .logos_div .logo_left_div img {
  display:block; width:100%; max-width:600px; height:auto; margin:0 auto;
}
.site-container .logos_div .logo_right_div {
  flex:0 1 270px; width:28%; min-width:0; float:none; padding:0; margin:0;
}
.site-container .logos_div .logo_right_div img {
  display:block; float:none; width:100%; max-width:270px; height:auto; margin:0 auto;
}
@media only screen and (max-width:767px) {
  .site-container .logos_div { flex-direction:column; padding:24px 20px; gap:24px; }
  .site-container .logos_div .logo_left_div { flex:none; width:100%; }
  .site-container .logos_div .logo_right_div { flex:none; width:100%; max-width:270px; }
}

/* Legacy label widths must not override Gravity Forms' accessible hidden labels. */
#gform_wrapper_1 .screen-reader-text {
  position:absolute !important; float:none !important;
  width:1px !important; height:1px !important;
  margin:-1px !important; padding:0 !important; border:0 !important;
  overflow:hidden; clip:rect(0,0,0,0); clip-path:inset(50%); white-space:nowrap;
}

/* Keep review controls inside the stacked content column at tablet widths. */
@media only screen and (max-width:989px) {
  .home #wpb-content-root .wprs_unslider-arrow.next { left:auto; right:0; }
  .home #wpb-content-root .wprs_unslider-arrow.prev { right:auto; left:0; }
}