/* ------------------------------ */
/* BRAND SPECIFIC */
/* brand styles go here */
/* ------------------------------ */
@media all {
    /* hero slide controls */
    .brand_slider_controls { position:absolute; bottom:var(--spacing-1L); left:50%; transform:translateX(-50%); gap:var(--spacing-3S); z-index:10; }
    .brand_slider_controls button { margin:0px var(--spacing-4S); padding:var(--spacing-2S); color:var(--color-white); border:1px var(--color-white) solid; border-radius:var(--spacing-2S); }

    /* used for row with website logo + link on service detail pages */
    .brand_service_website { background-color:var(--color-gray); }
    .brand_service_website .container_row_content { padding-top:var(--spacing-3L); padding-bottom:var(--spacing-3L); }

    .brand_service_website .option_group { padding-bottom:var(--spacing-1L); align-items:center; border-bottom:1px var(--color-black) solid; }
    .brand_service_website .option_group > div:nth-child(1) img { width:calc(var(--spacing-5L) * 2.4); }
    .brand_service_website .option_group > div:nth-child(2) { text-align:right; }

    .brand_service_website .option_group > div:nth-child(2) a.link_as_button { padding:var(--spacing-0) var(--spacing-2L) var(--spacing-1S) var(--spacing-2L); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); }
        
    .brand_service_website .disclaimer { margin-top:var(--spacing-3L); }
    .brand_service_website .disclaimer h2 { font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); }
    .brand_service_website .disclaimer p { font-size:var(--font-size-1S); }
    .brand_service_website .disclaimer p:last-of-type { margin-bottom:0px; }

    /* see home page for examples of use */
    .brand_angled_overlay_1 { position:absolute; top:-1px; right:0px; left:0px; height:20%; background-color:var(--color-white); clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 0%); z-index:500;}
    .brand_angled_overlay_2 { position:absolute; bottom:-1px; right:0px; left:0px; height:20%; background-color:var(--color-white); clip-path: polygon(100% 100%, 0% 100%, 0% 0%, 0% 50%); z-index:500;}
    .brand_angled_overlay_3 { position:absolute; bottom:-1px; right:0px; left:0px; height:20%; background-color:var(--color-white); clip-path: polygon(100% 100%, 100% 0%, 100% 50%, 0% 100%); z-index:500;}

    /* see home page for examples of use */
    .brand_style_1 { padding: var(--spacing-4L) 0px; background-color: var(--color-gray); }
    .brand_style_1 .container_row { padding-top: 10%; background-repeat:no-repeat; background-size:70%; }
    .brand_style_1 .container_row_content { margin-left:60%; padding:var(--spacing-3L); background-color:var(--color-white); }

    .brand_style_1 h2 { font-size:var(--font-size-2L); }
    .brand_style_1 a.link_as_button { margin-top:var(--spacing-1L); }

    .brand_style_1.left_side .container_row { background-position:right center; }
    .brand_style_1.left_side .container_row_content { margin-right:60%; margin-left:initial; }

    /* see ebss for examples of use */
    .brand_style_2 { background-color:var(--color-gray); }
    .brand_style_2 .container_row_content { padding-top:calc(var(--spacing-5L) * 1.4); }
    .brand_style_2 .intro { margin-bottom:var(--spacing-2L); text-align:center; }

    /* see group therapy page for examples of use */
    .brand_info_circle { position:absolute; height:calc(var(--font-size-5L) * 3); top:calc(var(--font-size-3L) * -1); right:0px; width:calc(var(--font-size-5L) * 3); color:var(--color-white); font-weight:var(--font-weight-bold); text-align:center; background-color:var(--color-red); border-radius:50%; z-index:501; }
    .brand_info_circle p { position:absolute; margin:0px; width:80%; top:50%; left:50%; transform:translate(-50%, -50%); }

    /* see group therapy page for examples of use */
    .brand_split_group { display:grid; grid-template-columns:1fr 1fr; }
    
    .brand_split_group > div:nth-child(1) img { width:100%; height:100%; object-fit:cover; }

    .brand_split_group > div:nth-child(2) .body { padding:var(--spacing-1S) var(--spacing-3L); }
    .brand_split_group > div:nth-child(2) .body h1 { font-size:var(--font-size-1L); text-transform:uppercase; }
    .brand_split_group > div:nth-child(2) .body p:last-of-type { margin-bottom:0px; }

    /* see ebss page for examples of use */
    .brand_profile_box img { margin:0px auto var(--spacing-2L) auto; width:calc(var(--spacing-5L) * 2); height:calc(var(--spacing-5L) * 2); object-fit:cover; border-radius:50%; background-color:var(--color-blue); }
    .brand_profile_box h3 { margin-top:0px; margin-bottom:var(--spacing-0); color:var(--color-blue); }
    .brand_profile_box p { margin:0px; }
    .brand_profile_box p.name { font-weight:var(--font-weight-bold); }
    .brand_profile_box p.label { font-weight:var(--font-weight-bold); }
    .brand_profile_box p.title { font-size:var(--font-size-1S); }

    /* shapes used through the site (circle, triangle, etc) */
    .brand_shape { display:inline-block; margin:0px; height:var(--spacing-1L); }

    /* see home page for examples*/
    /* blue */
    .brand_bg_blue { color:var(--color-white); background-color:var(--color-blue); }
    .brand_bg_blue h1,
    .brand_bg_blue h2,
    .brand_bg_blue h3,
    .brand_bg_blue h4 { color:var(--color-white); }

    .brand_bg_blue a { color:var(--color-yellow); text-decoration:underline; }
    .brand_bg_blue a:hover,
    .brand_bg_blue a:focus { color:var(--color-white); text-decoration:none; }

    /* navy blue */
    .brand_bg_navy_blue { color:var(--color-white); background-color:var(--color-navy-blue); }
    .brand_bg_navy_blue h1,
    .brand_bg_navy_blue h2,
    .brand_bg_navy_blue h3,
    .brand_bg_navy_blue h4 { color:var(--color-white); }

    .brand_bg_navy_blue a { color:var(--color-white); text-decoration:underline; }
    .brand_bg_navy_blue a:hover,
    .brand_bg_navy_blue a:focus { color:var(--color-yellow); text-decoration:none; }

    .brand_bg_navy_blue .brand_fancy_link:after { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%23ffc003' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"); }

    /* yellow */
    .brand_bg_yellow { background-color:var(--color-yellow); }

    /* gray */
    .brand_bg_gray { background-color:var(--color-gray); }

    /* red */
    .brand_bg_red { color:var(--color-white); background-color:var(--color-red); }
    .brand_bg_red h1,
    .brand_bg_red h2,
    .brand_bg_red h3,
    .brand_bg_red h4 { color:var(--color-white); }

    .brand_bg_red a:not(.link_as_button) { color:var(--color-white); text-decoration:underline; }
    .brand_bg_red a:hover,
    .brand_bg_red a:focus { color:var(--color-yellow); text-decoration:none; }

    /* fancy link */
    .brand_fancy_link { position:relative; padding-right:var(--font-size-2L); }
    .brand_fancy_link:after { content:''; position: absolute; width:var(--font-size-0); height:var(--font-size-0); top:0px; right:0px; background-position: center; background-size: contain; background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='%239984ff' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/></svg>"); }
    .brand_fancy_link.rotate_45:after { transform: rotate(-45deg);}

    /* directions link */
    .brand_directions_link { position:relative; padding-left:var(--font-size-0); background-position: left center; background-size:var(--font-size-3S); background-repeat: no-repeat; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'><path fill='%23ffc003' d='M384 192c0 87.4-117 243-168.3 307.2c-12.3 15.3-35.1 15.3-47.4 0C117 435 0 279.4 0 192C0 86 86 0 192 0S384 86 384 192z'/></svg>"); }
}

@media (max-width:1600px) {

}

@media (max-width:1400px) {
    
}

@media (max-width:1200px) {
    .brand_style_1 .container_row_content { margin-left:50%; }
    .brand_style_1.left_side .container_row_content { margin-right:50%; }
}

@media (max-width:1000px) {
    .brand_style_1 .container_row { background-size:80%; }
    .brand_style_1 .container_row_content { margin-left:40%; }
    .brand_style_1.left_side .container_row_content { margin-right:40%; }
}

@media (max-width:800px) {
    .brand_style_1 .container_row_content { margin-left:30%; }
    .brand_style_1.left_side .container_row_content { margin-right:30%; }

    .brand_service_website .option_group { grid-template-columns:4fr 6fr; }
}

@media (max-width:600px) {
    .brand_style_1 .container_row { padding-top:300px; background-size:contain;}
    .brand_style_1 .container_row_content { margin-left:0px; }
    .brand_style_1.left_side .container_row { background-position:right top; }
    .brand_style_1.left_side .container_row_content { margin-right:0%; }

    .brand_service_website .disclaimer h2,
    .brand_service_website .disclaimer p { font-size:var(--font-size-0); }
}

@media (max-width:500px) {
    .brand_style_1 .container_row { padding-top:240px; }
}