/*  Small screens */
@media only screen {

/************* Global *************/
.largeh2 h2 {font-size: 2.5rem;}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {font-weight: normal;}

.pad-row {padding-top: 35px; padding-bottom: 35px;}
.xtra-pad-row {padding-top: 65px; padding-bottom: 65px;}
.xtra-marg-row {margin-top: 112px; margin-bottom: 112px;}
.pad-row-top {padding-top: 35px;}
.callout {border: 3px solid #870064; background-color: transparent; margin-bottom: 0; padding: 3rem 2.5rem;}
.white-text .callout {border-color: #fff;}
.contentblock-content h2 {margin-bottom: 1.5rem;}
.contentblock-block-grid .column {
    padding: .5rem;
}
.no-padding-bottom-column.columns {padding-bottom: 0;}
.no-padding-top-column.columns {padding-top: 0;}
/************* Header *************/
.logo img {width: 266px; height: auto;}
#nav-row {background: #393939; padding: 10px; position: relative; z-index: 5;}
#middle-row {background: #fff; position: relative; z-index: 1;}
#middle-row .button {margin-bottom: 0;}

#slider-row .responsive-embed {margin-bottom: 0;}
.tagline {background: rgba(247, 247, 247, 0.9); padding: 2rem 1.875rem; max-width: 459px;}
.tagline .button {margin-bottom: 0;}
.tagline{ left: 60px;  bottom: 60px;}
.tagline h1{ font-weight: bold; font-size: 2rem;text-transform: capitalize; margin-bottom: 20px;}
.tagline h1 span {font-size: 1.5rem; font-weight: normal;  text-transform: capitalize; display: block;}
#tagline-1 {font-size: 14px;}
.entry-title {color: #fff; font-size: 2.5rem; text-align: center;}
.off-canvas .fab {color: #fff;}	
/************* Content *************/
.contentblock-header h2 {position: relative; margin-bottom: 1.5rem; overflow: hidden;}
.white-text .contentblock-header h2:after {background-color: #fff;}

.grey-bg {background-color: #393939;}
.gradient-row, #title-row {background: transparent linear-gradient(90deg, #870A64 0%, #800C68 39%, #1226AA 100%) 0% 0% no-repeat padding-box;}


.img-blocks .block-single-inner:has(img) p {
    display: flex;
    width: 100%;
    height: 100%;
}

.img-blocks img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.text-block .block-single-inner {border: 3px solid #870064; padding: 2rem;}
.text-block .button {margin-bottom: 0;}
.block-single-inner p:last-of-type {margin-bottom: 0;}

.img-blocks img.aligncenter {margin-bottom: 0;}
.img-blocks .block-single-inner p:last-of-type {margin-bottom: 0;}
.full-img  img.aligncenter {margin-bottom: 0;}

.cta-single-inner * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.45s ease;
  transition: all 0.45s ease;
}

.cta-single-inner {position: relative; }

.cta-single-inner .cta-heading {
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;   
    align-items: center;
    display: flex;
    justify-content: center;
    background: rgba(57, 57, 57, 0.5);
border: 3px solid #fff;
padding: 2rem;
opacity: 1;
}

.cta-heading h3 { margin-bottom: 0;}
.cta-row .column {padding: .5rem;}

.cta-single-inner:hover .cta-heading {opacity: 0;}
.gradient-row .callout h2 span {display: block;}

.text-col {padding: 2.5rem !important;}
.two-col ul {list-style-type: none; margin-left: 0;}
.two-col li {margin-bottom: 8px;}
.thumbnail {border: none; box-shadow: none;}
.gallery-grid .column {padding: .5rem;}

.card {border: 3px solid #870064; background-color: transparent;}
.card-image {padding: 1rem;}
.card-divider {background: transparent; padding: 0 1rem;}
th[style*="color: #333333"] strong  {color: #fff !important;} 
.block-row .column {padding: .5rem;}

#contact-page-phone-block a, #contact-page-email-block a, #contact-page-location-block a,  #contact-page-location-block address li  {color: #393939; font-style: normal;}
#contact-page-location-block .fas, #contact-page-email-block .fa, #contact-page-phone-block .fa, #contact-page-phone-block i {color: #870064;}
#contact-page-email-block .email-name {margin-left: 10px;}

/************* Blog *************/

.blogging a {color: #000659;}
article {border-bottom: 3px solid #870064; margin-bottom: 3rem;}
.blog .row .menu .active>a {background: #870064; color: #fff;}
.blog .row .menu a {color: #870064;}
#tertiary {
    background-size: cover;
    background-color: #393939;
    background-image: url(/wp-content/uploads/2025/11/Mask-Group-10.webp);
    padding: 1rem;
}

#tertiary a, #tertiary .widget-title {color: #fff;}
#tertiary a:hover{color: #fff;}

.blog-title a {font-size: 1.65rem;}
a[style*="background-color: white"] {color: #393939 !important;}


/************* Footer *************/
#global-footer-area {background-image: url(/wp-content/uploads/2025/11/Mask-Group-11.webp); background-size: cover;}
.footer, .site-footer {background: #393939;}
.footer a, .footer p {color: #fff;}
.footer .widget-title{color: #fff;font-weight: bold; text-transform: uppercase; margin-bottom: 12px;}
#global-content-4 {max-width: 278px;}
.site-footer {border-top:  1px solid #fff;}

} /* Define mobile styles */

@media only screen and (max-width: 40em) {
.small-only-float-left {float: left !important;}	
.small-only-float-right {float: right !important;}
.small-only-float-center {display: block; margin-right: auto; margin-left: auto;}
.text-center-small {text-align: center;}
.small-align-center {-ms-flex-pack: center; justify-content: center;}
.widget-container, #top-row, .tagline, .text-right{text-align: center;}
img.alignright, img.alignleft{float: none !important;display: block;margin: 0 auto;	}
#top-row {background: #f7f7f7;}
.tagline {background: #f7f7f7;}
.callout.text-right {text-align: center;}
.text-block .block-single-inner {
    padding: 1rem;
}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { 

.two-col ul {column-count: 2;}
.tagline {position: absolute;}


} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
.medium-float-left {float: left !important;}	
.medium-float-right {float: right !important;}
.text-center-medium {text-align: center;}
.medium-align-center {-ms-flex-pack: center; justify-content: center;}
#slider-row  .responsive-embed.widescreen {padding-bottom: 52%;}
.tagline {bottom: 30px; left: 30px; padding: 1rem 1.5rem;}
#top-row {background: #f7f7f7;}
.callout.text-right {text-align: center;}
.card h3 {font-size: 1.25rem;}

} /* min-width 641px and max-width 1023px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.000em) {
.wrapper {padding: 1.875em 0;}
.align-middle-large{-webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}
.text-right-large {text-align: right;}
.home .custom-header {margin-top: -100px;}
.contentblock-header h2 {position: relative; margin-bottom: 3rem; overflow: hidden;}
.contentblock-header h2:after {
    background-color: #393939;
        content: "";
        display: inline-block;
        height: 3px;
        position: relative;
        vertical-align: middle;
        width: 100%;
        left: 0.5em;
        margin-right: -50%;
}


} /* min-width 1024px, large screens */

@media only screen and (min-width: 64.000em) and (max-width: 90em) {
.large-float-left {float: left !important;}	
.large-float-right {float: right !important;}
.text-center-large {text-align: center;}
.large-align-right {-ms-flex-pack: end; justify-content: flex-end;}
} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/*  XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
.xlarge-float-left {float: left !important;}	
.xlarge-float-right {float: right !important;}
.text-center-xlarge {text-align: center;}
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/*  XXLarge screens */
@media only screen and (min-width: 120.063em) {
.xxlarge-float-left {float: left !important;}	
.xxlarge-float-right {float: right !important;}
.text-center-xxlarge {text-align: center;}
} /* min-width 1921px, xxlarge screens */

/*  Tablet Portrait screens */
@media only screen and (min-width: 37.500em) and (max-width: 56.250em) and (orientation: portrait) {
.hide-tablet-portrait {display: none !important;}
.show-tablet-portrait {display: inherit !important;}
 } /* tablet-only issues min-600px max-900px */
 @media only screen and (min-width: 49.900em) and (max-width: 85.250em) and (orientation: portrait) {
 } /* tablet-only issues min-800px max-1200px */