/* ------------------------------ */
/* 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); }

    /* 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;}
    
    /* large text */
    .brand_large_text { font-size:calc(var(--font-size-5L) * 1.2); }
    .brand_larger_text { font-size:calc(var(--font-size-5L) * 1.5); }

    /* to add a yellow underline under a title */
    .brand_underline { position:relative; display:inline-block; }
    .brand_underline:after { content:''; position:absolute; width:40%; min-width:100px; height:var(--font-size-2L); bottom:calc(var(--font-size-3L) * -1); left:var(--spacing-1L); background-repeat:no-repeat; background-size:contain; background-image:url(/resources/images/common/other/i_underline_titles.png); z-index:1; }

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

    /* brand_style_1 (see evaluations page for sample of use) */
    .brand_style_1 { overflow-x:hidden; }
    .brand_style_1 .container_row_content { padding-top:var(--spacing-1L); }

    .brand_style_1 .content_group { display:grid; grid-template-columns:3fr 7fr; gap:var(--spacing-0); }

    .brand_style_1 .content_group > div:nth-child(1) { background-color:var(--color-gray); }
    .brand_style_1 .content_group > div:nth-child(1) p.title { margin-top:0px; margin-bottom:var(--spacing-1S); font-size:var(--font-size-0); font-weight:var(--font-weight-bold); line-height:1; }
    .brand_style_1 .content_group > div:nth-child(1) p.title:not(:first-of-type) { margin-top:var(--spacing-2L); font-size:var(--font-size-0);}

    .brand_style_1 .content_group > div:nth-child(1) a { color:var(--color-red); }
    .brand_style_1 .content_group > div:nth-child(1) a.selected,
    .brand_style_1 .content_group > div:nth-child(1) a:hover,
    .brand_style_1 .content_group > div:nth-child(1) a:focus { color:var(--color-black); text-decoration:underline; }

    .brand_style_1 .content_group > div:nth-child(1) ul { display:grid; padding:0px; margin:0px; gap:var(--spacing-3S); list-style:none;}
    .brand_style_1 .content_group > div:nth-child(1) ul li { padding:0px; margin:0px; }

    .brand_style_1 .content_group > div:nth-child(1) .service_group { display: grid; margin-top:var(--spacing-0); grid-template-columns:1fr; gap:var(--spacing-2L); }

    .brand_style_1 .content_group > div:nth-child(2) h1 { margin-top:0px; margin-bottom:var(--spacing-2L); font-size:var(--font-size-2L); }
    .brand_style_1 .content_group > div:nth-child(2) h2 { font-size:var(--font-size-1L); }
    .brand_style_1 .content_group > div:nth-child(2) h3 { margin-top:0px; font-size:var(--font-size-2L); }

    .brand_style_1 .content_group > div > .body { padding:var(--spacing-2L); }

    .brand_style_1 .circle_red_100 { position:absolute; top:2%; right:-8%; height:var(--font-size-1L); z-index:1; }
    .brand_style_1 .squiggle_yellow_101 { position:absolute; top:3%; right:-10%; height:calc(var(--font-size-5L) * 2); z-index:1; }
    .brand_style_1 .circle_blue_102 { position:absolute; top:10%; right:-5%; height:var(--font-size-0); z-index:1; }
    .brand_style_1 .ring_blue_103 { position:absolute; top:15%; right:-8%; height:var(--font-size-2L); z-index:1; }

    .brand_style_1 .circle_blue_200 { position:absolute; bottom:12%; left:-5%; height:var(--font-size-0); z-index:1; }
    .brand_style_1 .zigzag_yellow_201 { position:absolute; bottom:5%; left:-5%; height:calc(var(--font-size-5L) * 1.7); z-index:1; }

    .brand_style_1 .loops_green_300 { position:absolute; bottom:12%; right:-5%; height:calc(var(--font-size-5L) * 2); transform:rotate(35deg); z-index:1; }
    .brand_style_1 .swirl_red_301 { position:absolute; bottom:5%; right:-9%; height:calc(var(--font-size-5L) * 1.7); z-index:1; }

    /* 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) {

}

@media (max-width:1000px) {
    .brand_style_1 .content_group { grid-template-columns:1fr; }
    .brand_style_1 .content_group > div:nth-child(1) .service_group { gap:var(--spacing-0); grid-template-columns:1fr 1fr; }
}

@media (max-width:600px) {

}

@media (max-width:500px) {

}