﻿/* ------------------------------ */
/* Imports */
/* ------------------------------ */
/*
    Open Sans
    - 300 = Thin
    - 400 = Medium
    - 500 = Thick
*/

@media {
    /* ------------------------------ */
    /* STANDARD HTML STYLES */
    /* ------------------------------ */
    /* calculator logic: */
    /* at with of 320 font size of 12 */
    /* at with of 1600 font size of 20 */

    :root {
        /* fonts */
        --font-0: 'Open Sans', sans-serif;
        --font-1: 'Montserrat', serif;

        --font-weight-light: 200;                   /* Montserrat */
        --font-weight-normal: 400;                  /* Montserrat, Open Sans */
        --font-weight-bold: 600;                    /* Montserrat, Open Sans */
        --font-weight-bolder: 700;                  /* Open Sans */
        --font-weight-boldest: 800;                 /* Montserrat, Open Sans */

        --font-size-5S: clamp(0.30rem, calc(0.27rem + 0.14vw), 0.41rem);
        --font-size-4S: clamp(0.36rem, calc(0.32rem + 0.19vw), 0.51rem);
        --font-size-3S: clamp(0.43rem, calc(0.38rem + 0.26vw), 0.64rem);
        --font-size-2S: clamp(0.52rem, calc(0.45rem + 0.35vw), 0.80rem);
        --font-size-1S: clamp(0.63rem, calc(0.53rem + 0.47vw), 1.00rem);
        --font-size-0: clamp(0.75rem, calc(0.63rem + 0.63vw), 1.25rem);
        --font-size-1L: clamp(0.90rem, calc(0.73rem + 0.83vw), 1.56rem);
        --font-size-2L: clamp(1.08rem, calc(0.86rem + 1.09vw), 1.95rem);
        --font-size-3L: clamp(1.30rem, calc(1.01rem + 1.43vw), 2.44rem);
        --font-size-4L: clamp(1.56rem, calc(1.18rem + 1.87vw), 3.05rem);
        --font-size-5L: clamp(1.87rem, calc(1.38rem + 2.44vw), 3.82rem);

        /* padding and margins */
        --spacing-5S: clamp(0.06rem, calc(0.02rem + 0.23vw), 0.25rem);
        --spacing-4S: clamp(0.13rem, calc(0.08rem + 0.23vw), 0.31rem);
        --spacing-3S: clamp(0.19rem, calc(0.16rem + 0.16vw), 0.31rem);
        --spacing-2S: clamp(0.38rem, calc(0.31rem + 0.31vw), 0.63rem);
        --spacing-1S: clamp(0.56rem, calc(0.47rem + 0.47vw), 0.94rem);
        --spacing-0: clamp(0.75rem, calc(0.63rem + 0.63vw), 1.25rem);
        --spacing-1L: clamp(1.13rem, calc(0.94rem + 0.94vw), 1.88rem);
        --spacing-2L: clamp(1.50rem, calc(1.25rem + 1.25vw), 2.50rem);
        --spacing-3L: clamp(2.25rem, calc(1.88rem + 1.88vw), 3.75rem);
        --spacing-4L: clamp(3.00rem, calc(2.50rem + 2.50vw), 5.00rem);
        --spacing-5L: clamp(4.50rem, calc(3.75rem + 3.75vw), 7.50rem);

        /* colors - brand */
        --color-blue: #003055;
        --color-dark-blue: #01243f;
        --color-light-blue: #335977;
  
        --color-cyan:#00b6c4;
        --color-dark-cyan:#2b8b99;

        --color-green: #7ed600;
        --color-light-green: #c1e76f;
        --color-dark-green: #6ca820;

        --color-yellow: #f0b300;
        --color-dark-yellow: #d09c02;

        --color-orange: #ef473a;
        --color-light-orange: #f37c73;
        --color-dark-orange: #f93425;

        /* supporting colors */
        --color-baby-blue: #0888ca;
        --color-light-baby-blue: #eaf4f4;
        --color-dark-baby-blue:#0a6fa3;

        --color-white: #FFFFFF;
        --color-soft-white: #f7f9fb;

        --color-black: #111111;

        --color-gray: #dcdcdc;
        --color-light-gray: #efefef;
        --color-lighter-gray: #f8f8f8;
        --color-dark-gray: #989898;

        --color-curbside-blue: #012650;
        --color-curbside-green: #cfde44;

        --color-red:#CC0000;

        /* wcag */
        --wcag-font-size-100:20px;      /*same as base size*/
        --wcag-font-size-125:25px;      /* 125% */
        --wcag-font-size-150:30px;      /* 150% */
        --wcag-font-size-175:35px;      /* 175% */
    }

    #server_is { margin-top:var(--spacing-1S); font-size: var(--font-size-2S); color: var(--color-dark-gray); letter-spacing: 1px; text-transform: uppercase; }

    * { box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

    html, body { width:100%; height:100%; margin:0px; padding:0px; font-size:20px; font-family: var(--font-0); font-weight:300; color:var(--color-black); }

    body { position:relative; background-color:var(--color-white); line-height:1.4; }
    body.block_scroll { height:100vh; overflow:hidden; }

    ul { list-style-type:square }
    li { margin:0px; padding:0px; }
    li:not(:last-of-type) { margin-bottom:var(--spacing-3S); }

    hr { background-color:var(--color-gray); height:1px; border:0px; }

    form { margin:0px; }

    a { color:var(--color-orange); text-decoration:none; transition: all .5s ease 0s; }
    a:hover,
    a:focus { color:var(--color-blue); text-decoration:underline; }

    a[href^="tel:"] { color:var(--color-blue); text-decoration:underline; font-weight:600; letter-spacing:2px;  }

    h1 { color:var(--color-blue); font-family: var(--font-1); font-size:var(--font-size-3L); line-height:1; font-weight:var(--font-weight-boldest); letter-spacing:2px; }
    h2 { color:var(--color-blue); font-family: var(--font-1); font-size:var(--font-size-2L); line-height:1.4; font-weight:var(--font-weight-bold); letter-spacing:1px; }
    h3 { color:var(--color-blue); font-family: var(--font-1); font-size:var(--font-size-1L); line-height:1.4; font-weight:var(--font-weight-bold); }
    h4 { color:var(--color-blue); font-family: var(--font-1); font-size:var(--font-size-0); line-height:1.2; font-weight:var(--font-weight-bold); }
    h5 { color:var(--color-blue); font-family: var(--font-1); font-size:var(--font-size-0); line-height:1; font-weight:var(--font-weight-bold); }

    div p:first-of-type { margin-top:0px; padding-top:0px; }

    strong { font-weight:var(--font-weight-bold); }

    img	{ border:0px; display:inline-block; margin:0px; padding:0px; }

    /* start inputs */
    input, textarea { background-color:var(--color-white); font-size:var(--font-size-2S); line-height:1; border-radius:50px; }

    input:not([type='checkbox'], [type='radiobutton']),
    input[type="submit"],
    select,
    textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; }

    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible { outline:none; }

    input:not([type='checkbox'], [type='radiobutton'], [type='submit']),
    select,
    textarea { border:1px var(--color-gray) solid; padding:var(--spacing-1S) var(--spacing-1L); vertical-align:middle;}

    input:not([type='checkbox'], [type='radiobutton'], [type='submit'], .search_control),
    select,
    textarea { width:calc(100% - calc(var(--spacing-1L) * 2)); }

    input[type="email"] { padding-left:var(--spacing-2L); background-position:left var(--spacing-2S) center; vertical-align:middle; background-repeat:no-repeat; background-size:var(--font-size-1L); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3e%3cpath d='M7 40q-1.2 0-2.1-.9Q4 38.2 4 37V11q0-1.2.9-2.1Q5.8 8 7 8h34q1.2 0 2.1.9.9.9.9 2.1v26q0 1.2-.9 2.1-.9.9-2.1.9Zm17-15.1L7 13.75V37h34V13.75Zm0-3L40.8 11H7.25ZM7 13.75V11v26Z'/%3e%3c/svg%3e"); }

    input[disabled='disabled'],
    input[disabled],
    textarea[disabled='disabled'],
    textarea[disabled],
    textarea.aspNetDisabled,
    select.aspNetDisabled,
    input[type=text]:read-only { color:var(--color-black); background-color:var(--color-light-gray); border:0px; }

    select { border-radius:0px; background-image:linear-gradient(-135deg, transparent 50%, black 50%), linear-gradient(135deg, black 50%, transparent 50%), linear-gradient(to right, #FFF, #FFF); background-position:calc(100% - 10px) calc(1em + 0px), calc(100% - 10px) calc(1em + 5px), calc(100% - -140px) 0.5rem; background-size:5px 5px,5px 5px,1px 2rem; background-repeat:no-repeat; }
    select::-ms-expand { display:none; }

    fieldset { border:0px; padding:0px; }

    /* end inputs */

    /* start controls */
    .control_small_width { width:10% !important; min-width:100px; }
    .control_quarter_width { width:25%  !important; }
    .control_half_width { width:50% !important; }
    .control_three_quarters_width { width:75%  !important; }
    /* end controls */

    /* start buttons */
    .input_button,
    .link_as_button { display:inline-block; margin:0px; padding:var(--spacing-1S) var(--spacing-1L); font-size:var(--font-size-2S); font-weight:var(--font-weight-bold); line-height:1; letter-spacing:1px; cursor:pointer; color:var(--color-white); text-transform:uppercase; background-color:var(--color-blue); border:0px; border-radius:50px; }

    .ctct-form-button:hover,
    .ctct-form-button:focus,
    .input_button:hover,
    .input_button:focus,
    .link_as_button:hover,
    .link_as_button:focus { background:none; background-color:var(--color-orange); text-decoration:underline; color:var(--color-white);  transition:none; }

    .input_button:disabled,
    .link_as_button:disabled { background-color:var(--color-gray_dark); color:var(--color-gray); cursor:default; }

    .orange_button { background-color:var(--color-orange); }
    .orange_button:hover,
    .orange_button:focus { color:var(--color-white); background-color:var(--color-blue); }

    .cyan_button { background-color:var(--color-cyan); }
    .cyan_button:hover,
    .cyan_button:focus { color:var(--color-white); background-color:var(--color-orange); }

    .transparent_button { color:var(--color-white); background-color:transparent; border:1px var(--color-white) solid; }
    .transparent_button:hover,
    .transparent_button:focus { color:#006298; background-color:var(--color-white); }
    /* end buttons */

    ul.no_bullets,
    ol.no_bullets { margin:0px; padding:0px; list-style:none; }

    ul.no_bullets > li,
    ol.no_bullets > li { margin:0px; padding:0px; }

    /* start message */
    .message .material-icons { font-size:var(--font-size-1S); margin-right:10px; color:#FFFFFF; vertical-align:middle; }

    .message .ok,
    .message .warning,
    .message .error,
    .message .nothing_defined { padding:var(--spacing-1S); color:var(--color-white); }

    .message .error { background:#cb2d3e; background:-webkit-linear-gradient(to left, #ef473a, #cb2d3e); background:linear-gradient(to left, #ef473a, #cb2d3e); }
    .message .warning { background:#FFB75E; background:-webkit-linear-gradient(to left, #FFB75E, #ED8F03); background:linear-gradient(to left, #FFB75E, #ED8F03); }
    .message .ok { background:#56ab2f; background:-webkit-linear-gradient(to left, #a8e063, #56ab2f); background:linear-gradient(to left, #a8e063, #56ab2f); }

    .message .nothing_defined { background:#8e9eab; background:-webkit-linear-gradient(to right, #eef2f3, #8e9eab); background:linear-gradient(to right, #eef2f3, #8e9eab); }
    /* end message */

    /* flex row start */
    .is_flex { display:flex; align-items:center; gap:var(--spacing-2S); }
    .is_flex li.divider { position:relative;}
    .is_flex li.divider:before { content: "|"; position:absolute; right:-3px; left:initial; top:50%; transform:translateY(-50%); font-size:var(--font-size-2S); color:var(--color-blue); line-height:0; }
    .is_flex li.divider.divider_left:before { right:initial; left:-3px; }
    .is_flex li.divider.icon_follows { margin-right:var(--spacing-2S); }

    .is_grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--spacing-0); }
    /* flex box end */

    /* alignments */
    left { text-align:left; }
    .right { text-align:right; }
    .center { text-align:center; }
    /* end alignments */

    /*required*/
    .required { padding:var(--spacing-3S) var(--spacing-2S); color:var(--color-orange); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold);} 
    /*end required*/

    /* overlays */
    .overlay_black_10:before,
    .overlay_black_20:before,
    .overlay_black_30:before,
    .overlay_black_40:before,
    .overlay_black_50:before,
    .overlay_black_60:before,
    .overlay_black_70:before,
    .overlay_black_80:before,
    .overlay_black_90:before { content:''; position:absolute; top:0; right:0; bottom:0; left:0; background-image:linear-gradient(to bottom right,#002f4b,#010101); }

    .overlay_black_10:before { opacity:.1; }
    .overlay_black_20:before { opacity:.2; }
    .overlay_black_30:before { opacity:.3; }
    .overlay_black_40:before { opacity:.4; }
    .overlay_black_50:before { opacity:.5; }
    .overlay_black_60:before { opacity:.6; }
    .overlay_black_70:before { opacity:.7; }
    .overlay_black_80:before { opacity:.8; }
    .overlay_black_90:before { opacity:.9; }
    /* end overlays */

    /* scrollbars */
    ::-webkit-scrollbar { width: 5px; height: 7px; border-radius:6px; }
    ::-webkit-scrollbar-track {  background: #f1f1f1; }
    ::-webkit-scrollbar-thumb {  background: #6BCABA; border-radius:6px; }
    ::-webkit-scrollbar-thumb:hover { background: #6BCABA; }
    /* end scrollbars */

    /* back row */
    .back_row { margin-bottom:var(--spacing-2L); padding-bottom:var(--spacing-0); border-bottom:1px #e9e9e9 solid; }
    /* end back row */

    /* catcpha */
    .catcpha { font-size:1.1rem; letter-spacing:2px; }
    /* end catcpha */

    /* form */
    ul.form_box { margin:var(--spacing-1L) 0px 0px 0px; padding:0px; list-style:none; display:grid; grid-template-columns:repeat(2, 1fr); column-gap:var(--spacing-1L); row-gap:var(--spacing-2S); }
    ul.form_box li.full_row { margin:0px; padding:0px;grid-column: 1 / -1 }
    ul.form_box li label { display:block; margin-bottom:var(--spacing-3S); font-size:.9rem; font-weight:600; letter-spacing:1px; line-height:1; }
    /* end form */

    /*-----------------------------*/
    /* MAIN BODY ROWS */
    /*-----------------------------*/
    main { min-height:70vh; }

    .wrapper_row { clear:both; position:relative; background-color:var(--color-white); }
    .no_hero { padding-top:100px; }

    .container_row { clear:both; width:100%; max-width:1400px; margin:0px auto; position:relative; }
    .container_row_content { padding:var(--spacing-5L) 0px; }
    .container_row_content h1,
    .container_row_content h2 { margin-top:0px; padding-top:0px; }

    .center_content { height:100vh; }
    .center_content > div { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

    .width_400 { max-width:400px; }
    .width_500 { max-width:500px; }
    .width_600 { max-width:600px; }
    .width_800 { max-width:800px; }
    .width_1000 { max-width:1000px; }
    .width_1200 { max-width:1200px; }
    .width_1400 { max-width:1400px; }
    .width_1600 { max-width:1600px; }
    .width_full { max-width:initial; }

    /*-----------------------------*/
    /* HEADER */
    /*-----------------------------*/
    header { background-color:var(--color-white); }
    header .container_row_content { padding:0px; }

    header #logo { width:35%; position:relative; }
    header #logo img { width:90%; margin:0px; max-width:240px; }
    header #logo a { display:inline-block; color:var(--color-blue); font-size:var(--font-size-1L); font-weight:var(--font-weight-bolder); text-transform:uppercase; letter-spacing:1px; line-height:1; }

    header #menu { width:65%; }
    header #menu ul { justify-content:flex-end; align-items:center; padding:var(--spacing-1S) 0px; gap:0px; list-style:none;}

    header #menu ul li a { display:inline-block; font-size:var(--font-size-2S); color:var(--color-blue); text-transform:uppercase; font-weight:var(--font-weight-bold); letter-spacing:1px; }
    header #menu ul li a.selected,
    header #menu ul li:not(.icon) a:hover,
    header #menu ul li:not(.icon) a:focus { border-bottom:4px var(--color-orange) solid; text-decoration:none; transition: all .5s ease .2s;  }
    
    header #menu ul li:not(:first-of-type):not(.icon) { padding-right:var(--spacing-2S); padding-left:var(--spacing-2S); }
    header #menu ul li:first-of-type { padding-right:var(--spacing-1S); }

    header #menu ul li a.language_selected,
    header #menu ul li a.language_selected:hover,
    header #menu ul li a.language_selected:focus { color:var(--color-orange); text-decoration:none; transition: all .5s ease .2s;  }

    header #menu ul li.icon { padding-right:var(--spacing-3S); padding-left:var(--spacing-3S); }

    header #menu ul li.icon a img { height:var(--font-size-0); vertical-align:middle; display:inline-block; margin:0px auto; }

    header #menu ul li.social_media a img:hover,
    header #menu ul li.social_media a img:focus { transform:rotateY(360deg); transition: all 1s ease 0s;  }

    header #menu ul li.accessibility a img:hover,
    header #menu ul li.accessibility a img:focus { animation: pulsate 1s infinite;  }

    /* on scroll class */
    header.header_scroll { position:fixed; top:0px; right:0px; left:0px; color:var(--color-blue); background:none; background-color:var(--color-white); z-index:1000; transition: all .5s ease 0s; }  /* applied in default.css too */

    header.header_scroll #logo a.logo_scroll img { display:block; transition: all .5s ease 0s; }
    header.header_scroll #logo a { color:var(--color-blue); }

    header.header_no_scroll { position:relative; }

    /* other */
    .no_background { background-color:transparent; }

    /* language options */
    ul.languages { position:fixed; right:0px; bottom:0px; font-size:var(--font-size-2S); background-color:var(--color-white); z-index:10; }
    ul.languages a { display:inline-block; padding:var(--spacing-3S) var(--spacing-1S); color:var(--color-black); }
    ul.languages a.selected,
    ul.languages a.selected:focus,
    ul.languages a.selected:hover { color:var(--color-white); text-decoration:none; background-color:var(--color-blue); }

    /*-----------------------------*/
    /* HERO */
    /*-----------------------------*/


    /*-----------------------------*/
    /* FOOTER */
    /*-----------------------------*/
    footer { background-color:var(--color-blue); color:var(--color-white); font-size:var(--font-size-2S); }
    footer .container_row_content { padding:var(--spacing-3L) 0px var(--spacing-2L) 0px; }

    footer .footer_row { grid-template-columns:7fr 3fr; align-items:flex-end; }

    footer #info ul.contact_list { margin-bottom:var(--spacing-2L); align-items:flex-start; gap:var(--spacing-2L); }
    footer #info ul.contact_list > li:nth-child(1) { flex-basis:40%;}

    footer #info ul.contact_list h2 { margin:0px 0px var(--spacing-0) 0px; padding:0px; font-size:var(--font-size-2S); font-weight:var(--font-weight-normal); color:var(--color-white); line-height:1; text-transform:uppercase; }
    footer #info ul.contact_list a { color:var(--color-white); text-decoration:underline; }
    footer #info ul.contact_list a:hover,
    footer #info ul.contact_list a:focus { color:var(--color-cyan); text-decoration:none; }

    footer #info ul.contact_list ol > li { margin-bottom:var(--spacing-2S); }
    
    footer #other { text-align:right; }
    footer #other a img { width:100%; max-width:200px; }

    footer ul.legal_list a { color:var(--color-white); text-decoration:underline; }
    footer ul.legal_list a:hover,
    footer ul.legal_list a:focus { color:var(--color-cyan); text-decoration:none; }

    .color_bar_1 { height:2px; background: linear-gradient(to left, var(--color-green) 5%, var(--color-orange) 5%, var(--color-orange) 10%, var(--color-yellow) 10%, var(--color-yellow) 15%, var(--color-cyan) 15%); }
    .color_bar_2 { height:20px; background: linear-gradient(to right, var(--color-cyan) 5%, var(--color-orange) 5%, var(--color-orange) 10%, var(--color-yellow) 10%, var(--color-yellow) 15%, var(--color-green) 15%); }

    /*-----------------------------*/
    /* CUSTOM STYLES FOR SITE */
    /*-----------------------------*/
    /* for all announcements */
    ul.announcement_list { margin-bottom:var(--spacing-1L); font-weight:600; flex-wrap:wrap; }
    ul.announcement_list li  { flex-basis:100%; }
    ul.announcement_list li .material-symbols-outlined { font-size:var(--font-size-1S); margin-right:var(--spacing-2S); vertical-align:middle; }

    .accessibility img {  height:var(--font-size-1L); vertical-align:middle; }

    hr.divider {  }
    hr.divider.divider_blue { background-color:var(--color-cyan); }

    .search_control { width:30vw; max-width:400px; min-width:100px; padding-right:40px; background-image:url(https://eu2allwebext.blob.core.windows.net/kimcorealty/www/resources/images/common/icons/i_icon_search.png); background-position:right 20px center; background-size:var(--font-size-0); background-repeat:no-repeat; }

    hr.brand_divider { margin:var(--spacing-0) auto; padding:0px; width:20%; max-width:200px; height:var(--spacing-2S); background-color:var(--color-cyan); }
    span.brand_arrow_icon { display: inline-flex; width:30px; height:30px; justify-content: center; align-items: center; font-size:var(--font-size-2S); color:var(--color-white); border:1px var(--color-white) solid; border-radius:50px; }

    /* hero row */
    .brand_hero { position:relative; background-size:contain; background-color:var(--color-blue); background-position:top var(--spacing-3L) center; background-repeat:no-repeat; background-size:75vw; }
    .brand_hero:after { content:''; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 48, 85, .9); z-index:1; }

    .brand_spacer { position:relative; background-position:center center; background-size: auto 30vw, cover; background-repeat:repeat-y; background-image: url(https://eu2allwebext.blob.core.windows.net/shopkimco/www/resources/images/common/background/i_background_shapes_4.png), linear-gradient(to top, var(--color-cyan) 40vh, var(--color-white) 40vh, var(--color-white)); }
    .brand_spacer:after { content:''; position:absolute; bottom:0px; right:0px; left:0px; height:40vh; background-color:rgba(0, 48, 85, .9); z-index:1; }

    .brand_hero.cyan_background,
    .brand_spacer.cyan_background { background-color:var(--color-cyan); }
    
    .brand_hero.cyan_background:after,
    .brand_spacer.cyan_background:after { background-color:rgba(0, 182, 196, .9) }

    .brand_hero.green_background,
    .brand_spacer.green_background  { background-color:var(--color-green); }

    .brand_hero.green_background:after,
    .brand_spacer.green_background:after { background-color:rgba(126, 214, 0, .8); }

    .brand_hero .container_row_content { position:relative; color:var(--color-white); font-family:var(--font-1); font-size:var(--font-size-5L); font-weight:var(--font-weight-bolder); text-align:center; text-transform:uppercase; line-height:1.2; letter-spacing:1px; z-index:2; }
    .brand_hero .container_row_content p { margin:0px; padding:0px; }

    .brand_row_below_hero .container_row_content { padding-top:var(--spacing-4L); padding-bottom:var(--spacing-3L); }

    .brand_title_row { margin-bottom:var(--spacing-3L); text-align:center; }
    .brand_title_row hr,
    .brand_hr { width:10%; max-width:100px; min-width:50px; height:8px;background-color:var(--color-cyan); }

    .brand_hr { margin:var(--spacing-2L) 0px; width:20%; height:2px; }

    /* brand 2-columns */
    .brand_2_columns { gap:var(--spacing-3L); align-items:flex-start; }
    .brand_2_columns > div { flex:1; }
    .brand_2_columns div.photo { min-height:50vh; }
    .brand_2_columns div.photo img { display:block; width:100%; border-top-left-radius:30px; border-top-right-radius:30px; }
    
    .brand_2_columns div.map { height:50vh; max-height:500px; }

    .brand_2_columns div.body a.link_as_button { margin-top:var(--spacing-0); }

    /* brand special row */
    .brand_special_row { background-color:var(--color-lighter-gray); text-align:center; }
    .brand_special_row .container_row_content { padding:var(--spacing-4L) 0px; }
    .brand_special_row .container_row_content img { margin-bottom:var(--spacing-0); width:10%; max-width:100px;}
    
    .brand_special_row h2 { font-weight:var(--font-weight-normal); }

    .brand_special_row .sign_up_box { position:relative; margin:0px auto; }
    .brand_special_row .sign_up_box input[type=text] { width: 100%; }
    .brand_special_row .sign_up_box input[type=submit] { position:absolute; top:50%; right:2px; transform:translateY(-50%); }

    /* upcoming events */
    /* events */
    .announcement_group ul.item_list { grid-template-columns:100%; row-gap:var(--spacing-4L); }

    .announcement_group h3 { color:var(--color-orange); }

    .announcement_group .item_row { grid-template-columns:35% 65%; align-items:stretch; gap:var(--spacing-2L); }
    .announcement_group .item_row h2 { margin:0px 0px var(--spacing-2S) 0px; padding:0px; color:var(--color-orange); line-height:1; }
    .announcement_group .item_row h3 { color:var(--color-black); font-size:var(--font-size-0); font-weight:var(--font-weight-bold); }
    .announcement_group .item_row .box.photo a { display:block; }
    .announcement_group .item_row .box.photo img { width:100%; border-top-left-radius:20px; border-top-right-radius:20px;  }
    .announcement_group .item_row .box.body img { display:none; }

    /* gdpr */
    #gdpr_row { position:fixed; bottom:0px; right:0px; left:0px; font-size:var(--font-size-1S); color:var(--color-white); background-color:var(--color-blue); border-top:1px var(--color-white) solid; z-index:10000; }
    
    #gdpr_row .container_row_content { padding:var(--spacing-0); text-align:center; }
    
    #gdpr_row .container_row_content a:not(.link_as_button) { color:var(--color-cyan); text-decoration:underline; }
    #gdpr_row .container_row_content a:not(.link_as_button):hover,
    #gdpr_row .container_row_content a:not(.link_as_button):focus { color:var(--color-orange); text-decoration:none; }
    #gdpr_row .container_row_content p:last-of-type { margin-bottom:0px; padding-bottom:0px; }

    #gdpr_row .link_as_button { background-color:var(--color-orange); }
    #gdpr_row .link_as_button:hover,
    #gdpr_row .link_as_button:focus { background-color:var(--color-cyan); }

    /*-----------------------------*/
    /* Animations */
    /*-----------------------------*/
    .animate_image_rotate:hover img,
    .animate_image_rotate:focus img {
        transform: rotate(360deg);
        transition: all 0.5s ease 0s;
    }

    /* pulsate */
    @-webkit-keyframes pulsate {
        0% { -webkit-transform: scale(1.5); transform: scale(1.5); }
        100% { -webkit-transform: scale(1); transform: scale(1); }
    }

    /* alerts */
    .alert_row ul.alert_list { grid-template-columns:1fr; gap:1px; }
    .alert_row ul.alert_list li .body { padding:var(--spacing-2S) 50px; color:var(--color-white); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); text-align:center; line-height:1.2; background-color:var(--color-red); border-top-right-radius:5px; border-bottom-right-radius:5px; background-image: linear-gradient(-45deg, #f12e2e, #CC0000, #690303); background-size: 200% 200%; animation: alert_gradient 10s ease infinite; }
    .alert_row ul.alert_list li a { color:var(--color-yellow); }

    @keyframes alert_gradient {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
    }
}

@media (max-width:1500px) {
    header .container_row_content { padding:0px var(--spacing-1L); }

    footer .container_row_content { padding:var(--spacing-4L) var(--spacing-2L) var(--spacing-3L) var(--spacing-2L); }
}

@media (max-width:1500px) {
    header .container_row_content { padding:0px var(--spacing-2L); }
    header #logo img { max-width:200px; }

    .container_row_content { padding:var(--spacing-5L) var(--spacing-2L); }
    .brand_hero .container_row_content { padding:var(--spacing-4L) var(--spacing-2L); }
}

@media (max-width:1400px) {
    html, body { font-size:18px; }

    .brand_special_row .container_row_content img { width:8%; }
}

@media (max-width:1200px) {
    header #logo img { max-width:160px; }
    .brand_special_row .container_row_content img { width:5%; }

    .alert_row ul.alert_list li .body { font-size:var(--font-size-0); }
}

@media (max-width:1100px) {
    input, textarea { font-size:var(--font-size-0); }

    #gdpr_row { font-size:var(--font-size-0); }
    #gdpr_row .container_row_content { padding:var(--spacing-2L); }

    /*rd button*/
    header #rd_menu_button  { position:absolute; top:50%; transform:translateY(-50%); right:var(--spacing-1S); z-index:50;}
    header #rd_menu_button a { display:block; background-color:var(--color-white); padding:4px; height:30px; width:30px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3e%3cpath d='M6 36v-3h36v3Zm0-10.5v-3h36v3ZM6 15v-3h36v3Z'/%3e%3c/svg%3e"); background-size:cover; cursor:pointer; }
    header #rd_menu_button a.rd_menu_close { background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' height='48' width='48'%3e%3cpath d='m12.45 37.65-2.1-2.1L21.9 24 10.35 12.45l2.1-2.1L24 21.9l11.55-11.55 2.1 2.1L26.1 24l11.55 11.55-2.1 2.1L24 26.1Z'/%3e%3c/svg%3e") !important;  }
     
    header #rd_menu_button a:hover,
    header #rd_menu_button a:focus {  transition: cubic-bezier(0.550, 0.085, 0.680, 0.530); text-decoration:none; }

    header .is_flex { height:60px; }
    header #logo { width:80%; }
    

    header .logo_scroll img { width:initial !important; }

    header #menu { position:fixed; display:none; width:100%; top:50px; right:0px; bottom:0px; left:0px; border-top:1px var(--color-white) solid; background-color:var(--color-blue); background-repeat: no-repeat; background-size: 100%; background-position: right -50vw top -50px; background-image: url(https://eu2allwebext.blob.core.windows.net/shopkimco/www/resources/images/common/background/i_background_shapes_3.png); z-index:200; }
    header #menu:after { content:''; position:absolute; top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0, 48, 85, .9); z-index:1; }

    header #menu ul { position:relative; display:flex; padding:100px 40px; gap:var(--spacing-2L); justify-content:flex-start; flex-wrap:wrap; z-index:2; }
    header #menu ul li:not(.icon) { width:100%; }

    header #menu ul li a { color:var(--color-white); font-size:var(--font-size-4L); font-weight:var(--font-weight-normal); text-transform:none; }
    header #menu ul li.icon { margin-left: var(--spacing-1L); grid-column: span 1;}
    header #menu ul li.icon a img { height:var(--font-size-5L); }
    header #menu ul li.icon:not(.accessibility) a img { -webkit-filter:brightness(0) invert(1) !important; filter:brightness(0) invert(1) !important; }

    header #menu ul li.accessibility a { position:fixed; bottom:var(--spacing-2L); right:var(--spacing-2L);}
    header #menu ul li.accessibility a img { height:calc(var(--font-size-5L) * 2); }

    footer .container_row_content { padding:var(--spacing-3L) var(--spacing-2L); }
    
    footer .footer_row { flex-wrap:wrap;}
    footer .footer_row > .box { flex-basis:100%; }
    
    footer #info ul.contact_list > li:nth-child(1) { flex-basis:20%; }
    footer #other a img { max-width:180px;}

    .brand_special_row .sign_up_box { width:50%; }
}

@media (max-width:900px) {
    header #menu { background-position: left -50vw bottom -50px; }

    footer #other a img { max-width:140px;}

    .brand_special_row .sign_up_box { width:70%; }

    ul.announcement_list { flex-wrap:wrap; }
    ul.announcement_list li { flex-basis:100%; }

    .alert_row ul.alert_list li .body { font-size:var(--font-size-1L); }
}

@media (max-width:700px) {
    html, body { font-size:16px; line-height:1.6; }

    header .is_flex { height:50px; }
    header #logo img { max-width:140px; }
    
    header #rd_menu_button a {padding:4px; height:24px; width:24px; }
    header #menu { background-size: 120%; background-position: left -250px bottom -50px;  }
    header #menu ul {  padding:80px 40px; }

    .brand_special_row .sign_up_box { width:80%; }

    footer { font-size:var(--font-size-1S); }
    footer .footer_row { gap:var(--spacing-2L); }

    footer ul.legal_list { flex-wrap:wrap; column-gap:var(--spacing-3L);  }
    footer ul.legal_list li:nth-child(1) {flex-basis:100%; }

    footer #info ul.contact_list > li:nth-child(1) { flex-basis:40%; }

    .brand_hero .container_row_content { padding:var(--spacing-3L) var(--spacing-2L); font-size:var(--font-size-4L); }

    .announcement_group .brand_2_columns { flex-wrap:wrap; }
    .announcement_group .brand_2_columns > div { flex-basis:100%; }
    .announcement_group .brand_2_columns div.photo { min-height:initial; }

    .brand_special_row .container_row_content { padding:var(--spacing-4L) var(--spacing-2L); }

    .announcement_group .item_row { grid-template-columns:100%; }
    .announcement_group .item_row .box.photo a { text-align:center; }
    .announcement_group .item_row .box.photo img { margin:0px auto; width:80%; }
    .announcement_group .item_row h2 { margin:0px 0px var(--spacing-1L) 0px; text-align:center; }
}

@media (max-width:500px) {
    
}