@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&display=swap');

/**** MAIN CONTENT AREA ****/
iframe {border:none}
@media screen and (min-width: 60em) {
	body:not(.lodestar-front-page) #primary {max-width:900px; width:80%;}

}
.lodestar-front-page .panel-image {display:none}

.entry-content a img, .widget a img {background-color:transparent; box-shadow:none;}

/**** Fixes link underline issue ****/

.entry-content a, .entry-content a:visited, .entry-summary a, .entry-summary a:visited, .edit-link a, .edit-link a:visited, .widget a, .widget a:visited, .entry-meta a, .entry-meta a:visited, .entry-footer a, .entry-footer a:visited, .site-footer a, .site-footer a:visited, .entry-title a, .entry-title a:visited, .post-navigation a, .post-navigation a:visited, .posts-navigation a, .posts-navigation a:visited, .comment-navigation a, .comment-navigation a:visited, .widget_authors a strong, .widget_authors a:visited strong, .project-terms a, .project-terms a:visited, .author-bio a, .author-bio a:visited {border-bottom:none;}
.entry-content a:hover, .entry-content a:focus {text-decoration:underline}
.wp-block-button a:hover {text-decoration:none}

/**** HERO IMAGE ****/

.custom-header-image {
		height: auto;
	}
/* Reduces hero height on homepage/interior */
@media screen and (min-width: 30em) {
.custom-header-image {
		height: auto;
	  padding:4% 0;
}
.lodestar-front-page .custom-header-image {
		height: auto;
	  padding:10% 0;
	}
}

/* Removes screen on hero image */
body:not(.no-header-image) .custom-header-image::before, .lodestar-front-page .custom-header-image::before {background:rgba(0,0,0,0.0)}

.custom-header-image {background-size:100%; background-repeat:no-repeat; background-position:top}

@media only screen and (max-width: 768px) {
	.custom-header-image {background-size:cover; background-repeat:no-repeat; background-position:top}
}

/**** LOGO ****/

.site-logo-link {display:none}
.lodestar-front-page .site-logo-link {display:block}
.lodestar-front-page .site-logo-link img {max-height:150px}


/* Site title + description */
p.site-title {
	font-family:'Roboto Slab';
	font-weight:600;
	text-transform:capitalize;
	letter-spacing:-1.3px;
	font-size:3.1em;
	text-shadow:0 0 10px rgb(0,0,0,0.3);
}
p.site-description {
	font-family:'Roboto Slab';
	font-size:1.2em;
	color:#ffffff;
	padding:8px 36px;
	background-color:#315f81;
	border-radius:50px;
	box-shadow:0 0 10px rgb(0,0,0,0.3);
	display:inline-block;
	margin:0 auto;
}

@media only screen and (max-width: 768px) {
	.site-logo-link img {max-height:100px}
p.site-title {
	font-size:2.1em;
	text-shadow:0 0 10px rgb(0,0,0,0.3);
}
p.site-description {
font-size:1em;
	padding:6px 24px;
}
}

/* Page Title */
.entry-header .entry-title {
	text-align:center;
	letter-spacing:3px;
	font-size:2.8em;
	margin:0 0 30px;
	display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
	line-height:1.1
}
.entry-header .entry-title:after, .entry-header .entry-title:before {content:''; width:30px; display:block; border-top:2px solid #15323B; margin: 0 20px 0 0;
    flex: 1 0 20px;}
.entry-header .entry-title:after {margin: 0 0 0 20px;}

@media only screen and (max-width: 768px) {
	.entry-header .entry-title {font-size:2.1em; line-height:1em}
}


/* Services list section */
.services-list {max-width:800px; margin:0 auto}
.services-list-item {
    width:100%; 
    display:flex; 
    flex-direction:row; 
    margin-bottom:30px;
    border-bottom:2px solid #dddddd;
    padding-bottom:30px
}
.services-list-item:nth-child(4) {border-bottom:none}
.services-list-item .col-1 {
    display:flex;
    align-items:center;
    width:180px;
    justify-content: flex-start;
}
.services-list-item .col-1 img {
    align-self:center;
    max-height:150px; 
    max-width:150px; 
}
.services-list-item .col-2 {
    display:flex;
    flex-direction:column;
    justify-content: center;
}
.services-list-item .col-2 a {
    margin:10px 0;
    font-size:24px;
    text-decoration:none;
    font-weight:700;
    display:inline;
    border-bottom:none;
}
.services-list-item .col-2 a:hover {text-decoration:underline}

@media only screen and (max-width: 768px) {
.services-list-item {
    display:block;
    text-align:center;
    padding-bottom:20px
}
.services-list-item .col-1 {
    display:block;
    width:100%;
}
.services-list-item .col-1 img {
    max-height:100px; 
    max-width:100px; 
}
.services-list-item .col-2 {
    display:block;
    text-align:center;
}
.services-list-item .col-2 a {
    display:block;
    font-size:20px;
}
	}

/**** TESTIMONIAL SLIDER ****/
.testimonial_rotator.template-longform hr.longform_hr {display:none}

/**** VIDEO ****/
#arve .arve-wrapper, #tinymce .arve-wrapper {margin-bottom:1em !important;}

/**** FOOTER ****/
.site-info .wrap a::after {content:"Copyright 2021 - Presley Swann, M.D." }
.site-footer .widget-area {background-color:#315f81 !important; color:#ffffff !important; text-align:center; padding-top:30px; padding-bottom:0px}
.site-footer .widget-area .widget-column .widget {padding-bottom:0}
.site-footer .widget-area .widget-column {width:100%}
.menu-item {
    font-size: 14px;
}

.widget-column {
	display: flex;
	flex-wrap: wrap;
}

.widget-column #custom_html-4,
.widget-column #nav_menu-2{
	flex: 0 0 50%;
}

.widget-column #nav_menu-2 h2 {
	font-size: 1.875rem;
}

.widget-column #nav_menu-2 #menu-footer-menu li {
	border: 0 !important;
	display: inline-block;
	vertical-align: middle;
}

.widget-column #nav_menu-2 #menu-footer-menu li:not(:last-child) {
	margin-right: 15px;
}

.widget-column #nav_menu-2 #menu-footer-menu li a {
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 600;
}

@media (max-width: 650px) {
	.widget-column #custom_html-4,
	.widget-column #nav_menu-2{
		flex: 0 0 100%;
	}
	.widget-column #custom_html-4 {
		margin-bottom: 30px;
	}
}

/* Fix: fit 6 top-level nav items in one row after menu consolidation */
.main-navigation a { padding: 14px 9px; }


/* Fix: paneles del home desde 'Choose Your Area of Pain' en adelante (About, Testimonials) quedaban mas angostos (1000px) que la seccion de arriba (1184px). Unificado al ancho base del theme. */
.one-column .panel-content .wrap {
  max-width: calc(-1em + 1200px);
}


/* Iconos del dropdown "Choose Your Area of Pain" mas grandes y dropdown mas ancho (pedido del arquitecto, 20-ago-2026) */
#menu-item-75 .sub-menu {
  width: 420px;
}
#menu-item-75 .sub-menu img.menu-image {
  width: 64px;
  height: auto;
}

/* 20-ago-2026: igualar iconos home al dropdown + margen (pedido arquitecto) */
.pain-card-body .li-icon {
	  width: 64px !important;
	  height: 64px !important;
	  flex: 0 0 64px !important;
}
.pain-card-body li {
	  margin-bottom: 20px !important;
	  gap: 16px !important;
}
#menu-item-75 .sub-menu li {
	  margin-bottom: 6px;
}
#menu-item-75 .sub-menu li a {
	  line-height: 1.3;
}
#menu-item-75 .sub-menu li a {
  width: 100% !important;
  box-sizing: border-box !important;
}

.one-column .panel-content .entry-content {
  padding-left: 0 !important;
  padding-right: 0 !important;
}


/* 24-ago-2026: centrar boton Read More en Testimonials (pedido arquitecto) */
.wp-block-button.aligncenter {
	display: table !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

/* 24-ago-2026: Patient Education, titulos de categoria en negrita y mas grandes (pedido arquitecto) */
.edu-label {
	font-weight: bold !important;
	font-size: 1.15em !important;
}

/* 24-ago-2026: video de bio en Patient Education, ocupar el ancho del contenido (pedido arquitecto) */
.page-id-243 .arve.aligncenter {
	max-width: 100% !important;
	width: 100% !important;
}

/* 24-ago-2026: contraste WCAG AA de telefonos en widget Our Location (pedido arquitecto) */
#custom_html-5 a {
	color: #ffffff !important;
}

/* 25-ago-2026: ocultar Back to Home en el front page, se filtra desde el contenido de Services (pedido arquitecto) */
.lodestar-front-page .back-to-home {
	display: none !important;
}

/* 09-sep-2026: menu "Choose Your Area of Pain" en dos columnas - knee a la izquierda, hip a la derecha (pedido arquitecto) */
@media screen and (min-width: 60em) {
  #menu-item-75 .sub-menu {
    width: 640px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 32px;
  }
  /* columna izquierda: Knee Care y relacionados */
  #menu-item-129 { grid-column: 1; grid-row: 1; }
  #menu-item-132 { grid-column: 1; grid-row: 2; }
  #menu-item-133 { grid-column: 1; grid-row: 3; }
  #menu-item-3414 { grid-column: 1; grid-row: 4; }
  #menu-item-134 { grid-column: 1; grid-row: 5; }
  /* columna derecha: Hip Care y relacionados */
  #menu-item-111 { grid-column: 2; grid-row: 1; }
  #menu-item-130 { grid-column: 2; grid-row: 2; }
  #menu-item-3413 { grid-column: 2; grid-row: 3; }
  #menu-item-3413 > a { padding-right: 10px; }
  #menu-item-3413 img.menu-image { height: 58.9062px !important; }
  #menu-item-131 { grid-column: 2; grid-row: 4; }
  #menu-item-229 { grid-column: 2; grid-row: 5; }
}