/* Scaling Variables 768-1100 */

:root {
    --Black: #333;
    --White: #fff;
    --Green: #357E02;
}

body {
    --wp--style--global--content-size: 1280px;
    --wp--style--global--wide-size: 1440px;
}

.alignwide {
    max-width: 1440px;
    margin: auto;
    padding-left: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 12.0482)), 80px);
    padding-right: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 12.0482)), 80px);
}

.alignfull {
    max-width: none;
}

.alignfull .wp-block-columns {
    max-width: 1440px;
    margin: auto;
    padding-left: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 12.0482)), 80px);
    padding-right: clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 12.0482)), 80px);
}
.gap-md.wp-block-columns{
    column-gap:clamp(40px, calc(2.5rem + ((1vw - 7.68px) * 12.0482)), 80px);
    row-gap:32px;
}

.container:has(main) {
    max-width: none !important;
    padding: 0px;
}

.wp-block-group:not(.alignfull):not(.alignwide) {
    max-width: 1280px;
    margin: auto;
}

.wp-block-columns {
    width: 100%;
}

/* Font Sizes */
body, p, li, a{
    font-family: Lato, sans-serif;
}
body, p {
    font-size: 20px !important;
    line-height: 160% !important;
    color: var(--Black);
    font-weight:400!important;
}

.smalltext {
    font-size: 18px !important; 
    line-height: 130%;
}

h1 {
    font-size: clamp(36px, calc(2.25rem + ((1vw - 7.68px) * 3.6145)), 48px) !important;
    font-weight: 700 !important;
    line-height: 130%;
}

h2 {
    font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 2.4096)), 40px) !important;
    font-weight: 700 !important;
    line-height: 130% !important;
    color: var(--Black);
}
p a{
    color: #333;
}
p.link a, li.link a{
    font-weight:700;
    color: #357E02;
    text-decoration: underline !important;
}
/* Spacing */
.p-v-md {
    padding-top: 80px;
    padding-bottom: 80px;
}

/* Elements */
.border-16 img{
    border-radius:16px;
}
p.phone a{
font-size: 20px;
font-weight: 700;
line-height: 160%;
color:#333;
}
p.phone a:before {
    content: url(https://freshheadsliceremoval.com/wp-content/uploads/2025/08/Phone-Icon.svg);
    margin-right:10px;
}
ul.custom-check{
    margin-left:0px;
}
ul.custom-check li {
    padding-left:40px;
    position: relative;
}
ul.custom-check li:not(:last-of-type){
    padding-bottom:16px;
}
ul.custom-check li:before{
        content: "";
    position: absolute;
    left: 0;
    top: 0.2em; /* adjust vertically */
    width: 24px;
    height: 24px;
    background: url(https://freshheadsliceremoval.com/wp-content/uploads/2026/06/Icon-CircleCheck.svg) no-repeat center;
    background-size: contain;
}
.wp-block-buttons .wp-block-button {
    background: linear-gradient(90deg, #78BC1F 0%, #458F11 100%);
    border-radius: 8px;
    padding: 3px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.40);
}

.wp-element-button {
    color: var(--White, #FFF);
    text-shadow: 0 2px 2px #2A6203;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 160%;
    padding: 9px 21px!important;
    border-radius: 5px;
    border: none !important;
    background: var(--Green, #357E02);
    display: block;
    transition: all 0.2s ease-in-out;
}

.is-style-outline .wp-element-button {
    background: white;
    color: var(--Green, #357E02);
    text-shadow: none;
}
.wp-block-buttons .wp-block-button:hover, .wp-element-button:hover{
    background:#2A6203!important;
    color:white!important;
    text-decoration:none;
}
.wp-block-buttons .wp-block-button:active{
    transform:scale(0.95);
}
.video-wrapper iframe {
    aspect-ratio: 16 / 9;
    border-radius: 16px;
    border: 1px solid rgba(51, 51, 51, 0.20);
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.15);
}

/* Special Classes */
.icon-row {
    background: var(--Linear-Gradient, linear-gradient(90deg, #D5F8B2 0%, #F1F7EB 50%, #D5F8B2 100%));
    padding-top: 40px;
    padding-bottom: 40px;
}

.icon-row .wp-block-media-text {
    flex-direction: column;
    display: flex;
    gap: 16px;
    text-align: center;
}

.icon-row .wp-block-media-text p {
    font-weight: 700 !important;
    line-height: 140% !important;
    margin: 0px;
}

.icon-row .wp-block-media-text__content {
    padding: 0px;
}

div.icon-row .wp-block-columns {
    padding-left: clamp(24px, calc(1.5rem + ((1vw - 11px) * 13.3333)), 64px);
    padding-right: clamp(24px, calc(1.5rem + ((1vw - 11px) * 13.3333)), 64px);
    gap: clamp(24px, calc(1.5rem + ((1vw - 11px) * 13.3333)), 64px);
}


/*Responsive*/
@media (max-width:1100px){
  div#locations{
    padding-left:40px;
    padding-right: 40px;
  }
  #locations .wp-block-columns {
    flex-wrap: wrap!important;
    gap: 24px 48px;
}
#locations .wp-block-column {
    padding: 0px;
    flex-basis: calc(50% - 24px);
}
div#locations {
    padding-left: 40px;
    padding-right: 40px;
}

}
@media (max-width:980px){
    div.icon-row .wp-block-columns {
        padding-left:40px;
        padding-right:40px;
        text-align:left;
        flex-wrap:wrap!important;
        row-gap:32px;
        column-gap:24px;
        flex-direction:row!important;
    }
    div.icon-row .wp-block-columns div.wp-block-column {
    flex-basis: 224px !important;
}
.icon-row .wp-block-column  .wp-block-media-text{
    flex-direction:column;
}
    .icon-row .wp-block-media-text{
        flex-direction: row;
        gap:24px;
    }
    .tablet-stack .wp-block-column {
    flex-basis: 100% !important;
}
.tablet-stack {
    flex-wrap: wrap !important;
}
.alignwide, .alignfull .wp-block-columns {
    padding-left:0px;
    padding-right:0px;
}
.icon-row{
    padding-top:56px;
    padding-bottom:56px;
}
.border-16 img{
    border-radius:0px;
}

.icon-row .wp-block-media-text__media img{
    width:80px;
    height:80px;
}
    .reverse{
        order:-1;
    }
        .p-v-md {
    padding-top: 56px;
    padding-bottom: 56px;
}
.p-v-t-none{
    padding-top:0px;
}
}
@media (max-width:781px){
div#locations {
    padding-left:24px;
    padding-right: 24px;
}
  #locations .wp-block-columns {
    gap: 0px
}

    div.icon-row .wp-block-columns {
        padding-left:40px;
        padding-right:40px;
    }
.wp-block-buttons .wp-block-button {
    width:100%;
}

.wp-block-column:not(.p-mb-none){
    padding-left:24px;
    padding-right:24px;
}

#locations figure{
    display:none;
}
}
@media (max-width:600px){
  div.icon-row .wp-block-columns{
    flex-direction:column!important;
  }
      .icon-row .wp-block-column .wp-block-media-text{
        flex-direction: row;
        gap:24px;
    }
    .icon-row .wp-block-media-text p{
    text-align:left;
}

    div.icon-row .wp-block-columns {
        text-align:left;
    }
  div.icon-row .wp-block-columns div.wp-block-column{
    flex-basis:100%!important;
  }
}