/*  Small screens */
@media only screen {

/************* Global *************/
.xtra-pad-row {padding: 35px 0;}
.overlay, .header-slideshow-image {position: relative;}
.overlay:after, .header-slideshow-image:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .4;
    z-index: 1;
}
.overlay > * {z-index: 2;}
.rounded-img img {
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    border: 3px solid #CFA96A;
    border-radius: 500px 500px 0px 0px;
}

.contentblock h2 {margin-bottom: 1.5rem;}
.borderh2 h2 {
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: .5rem;
}

.borderh2 h2:before {
    border-bottom: 3px solid #CFA96A;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 332px;
}


.text-center.borderh2 h2:before, .borderh2 .text-center h2:before {margin: auto;}
p.t2 {margin-bottom: 0;}
.grey-bg, #global-content-1 {background: #F7F7F7; padding: 1.5rem;}
.fab {color: #CFA96A;}
/************* Header *************/
#slider-row {position: relative;}
#title-row { z-index: 1; text-align: center; width: 100%;}
.header-slideshow-image {position: relative; z-index: -1;}
.tagline h1, .entry-title {color: #fff; font-weight: bold; font-size: 4.5rem; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4);}
.tagline h2, .subheader {color: #fff; font-size: 1.25rem; font-weight: bold; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4); font-family: "arimo", sans-serif; margin-bottom: 1.5rem;}
.tagline .t2 {color: #fff; text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.4); margin-bottom: 2rem;}
/************* Content *************/
#global-content-2 {background: #000; padding: 40px 32px;text-align: center;}
#global-content-2 h2 {color: #fff; margin-bottom: 1.5rem;}
#global-content-2 .drill-down-menu ul {background: transparent;}
#global-content-2 .drilldown li:first-of-type {border-top: 1px solid #CFA96A;}
#global-content-2 .drilldown li {border-bottom: 1px solid #CFA96A;}
#global-content-2 .drilldown a { background: transparent;padding: 1rem 0;}
.black-bg, .black-blocks .block-single-inner, .classesblock:has(.accordion) {background: rgba(0, 0, 0, 0.5); padding: 1rem;}
.black-bg.before-accordion {padding-bottom: 1px;}
.accordion {background-color: transparent;}
.accordion-title {
    color: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    border: none;
    border-bottom: 3px solid #CFA96A;
    line-height: 1.2;
    font-family: stilson-display, serif;
}

.accordion-content {
    border: none;
    background-color: transparent;
    color: #fff;
}

.accordion-title:focus, .accordion-title:hover {
    background-color: transparent;
    color: #F7F7F7;
}

:last-child:not(.is-active)>.accordion-title {border-bottom: 3px solid #CFA96A;}
:last-child>.accordion-content:last-child {border-bottom: none;}

.client-row .bx-wrapper {margin: auto;}

.cta-single-inner * {-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transition: all 0.45s ease;transition: all 0.45s ease;}
.cta-image-container {width: auto;overflow: hidden;position: relative;border-radius: 50%;background-color: #000;}
.cta-image {border-radius: 50%; background-color: #000;}
.cta-single-inner {position: relative; border-radius: 50%;border: 3px solid #cfa96a; padding: 15px; margin: 0 30px;}
.cta-heading {font-family: stilson-display, serif; font-weight: bold; font-size: 1.25rem;}
.cta-single-inner:hover .cta-heading {top: 50%;transform: translate3d(-50%, -50%, 0);}
.cta-row .column-block {margin: 28px 0;}
.cta-single-inner:hover img {opacity: .5; transform: scale(1.2);}
.cta-heading {position: absolute;top: calc(100% + 20px);left: 50%;width: 100%;max-width: 85%;transform: translate3d(-50%, 0, 0);transition-duration: .3s;transition-property: transform, top;transition-timing-function: ease;z-index: 1;}

.thumbnail {border-color: #cfa96a; padding: .5rem;}
.home5 h2 {margin-top: 30px;}

/************* Footer *************/
.site-footer {background-color: #000;}
.footer .widget-title{color: #fff;font-weight: bold; font-size: 18px; margin-bottom: 12px;}
.footer a, .footer p{color: #fff;}
.footer {background-image: url(/wp-content/uploads/2025/07/Tuffskin-art-images-2.webp); background-repeat: no-repeat;background-size: cover;background-position: left top; border-bottom: 2px solid #CFA96A;}
.footer .logo img {filter: brightness(0) invert(1);}
.footer .social-media li:first-of-type {margin-left: 0;}
/************* Contact *************/
.contact-form {background: #F7F7F7;padding: 2rem;}

#contact-page-phone-block a, #contact-page-email-block a, #contact-page-location-block a,  #contact-page-location-block address li  {color: #000; font-style: normal;}
#contact-page-location-block .fas, #contact-page-email-block .fa, #contact-page-phone-block .fa {color: #000;}




} /* 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;	}
.tagline {padding: 1rem .75rem; background-color: #000;}
.cta-single-inner {margin: 0;}
.tagline h1 {font-size: 3.5rem;}
.entry-title {font-size: 2.75rem;}
.tagline h2, .subheader {margin-bottom: 1rem;}
.tagline .t2 {margin-bottom: 1rem;}
#global-content-2 .is-drilldown {max-width: none !important;}
.footer .social-media {display: inline-block;}
.footer .phone_number {display: block;}
#title-row {background: #000;}
	#global-content-1 {padding: 1rem;}
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/*  Medium screens */
@media only screen and (min-width: 40.063em) { 
.footer ul.social-media {margin-left: 0;}
.tagline{position: absolute; }
.black-bg, .black-blocks .block-single-inner, .classesblock:has(.accordion) { padding: 2rem;}
#title-row {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;}
.tagline h1 {font-size: 3.5rem;}
.entry-title {font-size: 2.75rem;}
.tagline h2, .subheader {margin-bottom: 1rem;}
.tagline .t2 {margin-bottom: 1rem;}
.grey-bg, #global-content-1 {padding: 2rem;}

} /* 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;}
.grey-bg, #global-content-1 { padding: 3rem;}
} /* 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;}
.cta-single-inner {margin: 0 20px;}
} /* 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;}
.cta-row {width: 80%;}
} /* 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;}
.cta-row {width: 70%;}
} /* 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 */