/* Inverness Dermatology: site-wide styles that the Elementor kit used to provide, plus fixes for the [team_slider]
   shortcode inside UiCore Blocks. Page and treatment layout lives in each block's UiCore settings. Loaded by mu-plugins/inv-layout.php */

/* accent italics (Lora), as in the Elementor kit */
span.type-accent,em,i:not([class]){font-family:Lora,serif;font-style:italic;font-weight:600;font-size:1.1em}

/* bold inside headings is semi-bold, as the Elementor kit had it */
:is(h1,h2,h3,h4,h5,h6).wp-block-uicore-heading :is(strong,b){font-weight:600}

/* [team_slider] on mobile (Swiper core CSS isn't loaded without Elementor) */
.team-swiper .swiper-wrapper{box-sizing:content-box;transition-property:transform}
.team-swiper .swiper-pagination{text-align:center}
.team-swiper .swiper-pagination-bullet{display:inline-block;width:8px;height:8px;margin:0 4px;border-radius:50%;background:#000;opacity:.2;cursor:pointer}
.team-swiper .swiper-pagination-bullet-active{opacity:1;background:#1F3A4D}
/* [team_slider] inside a UiCore Container: UiCore's carousel rules ([class*="wp-block-uicore-"] .swiper-pagination, .swiper) must not restyle it */
[class*="wp-block-uicore-"] .team-swiper .swiper-pagination{display:block;inset:auto;transform:none;height:auto}
@media (min-width:768px){[class*="wp-block-uicore-"] .team-swiper .swiper-pagination{display:none}}
.team-swiper.swiper{display:block}