@charset 'UTF-8';

@media screen and (max-width: 991px) {
	
    :root {
        --h1-font-size: 39px;
        --h1-line-height: 38px;
        --h2-line-height: 30px;
    }

    /*****************
    *
    *   General / Overall
    *
    ******************/
    .container{ flex-wrap: wrap; gap: 0.5rem; }
    .cc-builder-container.stretch, .cc-builder-container.stretch-section{ width: 100%; margin: 0; left: auto; margin-top: var(--container-gap); margin-bottom: var(--container-gap); padding-left: var(--container-padding-left); padding-right: var(--container-padding-right); }
    .standard-btn, .btn{padding: 0.5rem 1.5rem;text-align: center;}

    #accessibility{ display: none; }

    .visible-on-mobile{ display: block; }


    /*****************
    *
    *   Rules
    *
    ******************/
    
    header{ position: relative; }

    #topbar{flex-wrap: wrap;padding: 6rem 0 0 0;}
    #topbar > .container{padding: 0;margin: 0;position: relative;}
    #topbar #social a:not(.btn){ display: none; }
    #topbar #social a.btn{width: 100%;font-size: 14px;display: block;border-radius: 0;background-color: var(--secondary-color);position: absolute;bottom: 0;left: 0;}
    #topbar #topnav{order: 2;width: 100%;}
    #topbar #topnav ul{width: 100%;justify-content: space-between;position: absolute;flex-direction: column;background: #EDF7F7;width: 100%;top: -96px;left: 0;z-index: 99999999999;padding: 2rem;justify-content: flex-start;align-items: flex-start;gap: 0.75rem;display: none;}
    #topbar #topnav ul ul{ padding-top: 1rem; }
    #topbar #social{order: 1;flex: 1;}
    #topbar .home-link{position: absolute;top: 10px;left: 10px;width: 50px;height: 50px;}


    #logobar{padding-bottom: 1rem;}
    #logobar .container{ }
    #logobar #logo a img{max-width: 170px;}
    #logobar #logosearch{text-align: right;width: 100%;margin-top: -5rem;}
    #logobar #logosearch .logonhs{position: absolute;top: 1rem;}
    #logobar #logosearch .logonhs img{width: 140px;}
    #logobar #logosearch form{margin-top: 5rem;}

    #logobar .burger{ position: relative; z-index: 999; }
    #logobar .burger svg{ width: 50px;height: 50px; }
    #logobar .burger-close{position: absolute;z-index: 9999999999;display: none;top: 15px;right: 15px;}
    #logobar .burger-close svg{ width: 50px;height: 50px; }
    

    #navigation{/* display: none; */top: 155px;left: 0;position: absolute;z-index: 999999999;padding-top: 0;display: none;}
    #navigation #navband1{/* display: none; */}
    #navigation #navband1 .container ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem; }
    #navigation #navband1 .container ul li{ padding: 0; border: none; }
    #navigation #navband1 ul li a{font-weight: 500;}
    #navigation #navband1 .container ul li img{height: 35px;width: 35px;background: white;padding: 0.4rem;border-radius: 5px;}
    #navigation #navband2{margin-top: -1px;}
    #navigation #navband2 ul{display: block;padding: 0;margin: 0;list-style: none;width: 100%;}
    #navigation #navband2 ul li{margin-top: 0.5rem;border: white;/* background: white; */width: 100%;padding: 0.5rem 1.5rem !important;border-radius: 0;border-left: 1px solid white !important;}
    #navigation #navband2 ul li a{font-weight: bold;width: 100%;display: block;}
    #navigation #navband2 ul::-webkit-scrollbar { display: none; }
    #navigation #navband2 a.btn{width: 100%;justify-content: center;order: 1;margin-bottom: 0.5rem;margin-top: 1rem;}
    #navigation #navband2 a.btn img{display: none;}

    
    #homehero{align-items: flex-start;padding: 2rem 0;min-height: 330px;background-size: 100%;background-position: center bottom;height: 100%;padding-bottom: 2rem;padding-top: 2rem;background: #EDF7F7;}
    #homehero .herocontent{max-width: 100%;text-align: left;}
    #homehero .herocontent h1{ font-size: var(--h1-font-size); line-height: var(--h1-line-height); }
    

    #quicklinks{ }
    #quicklinks .btn{ margin-top: 1rem; }
    #quicklinks .qlinks{ display: flex; flex-wrap: wrap; }
    #quicklinks .qlinks li{padding: 1rem;width: 47%;}
    #quicklinks .qlinks li a{font-size: 15px;}
    #quicklinks .qlinks li a img{ }
    #quicklinks p{ max-width: 100%; }

    
    footer{padding: 2rem 0 2rem 0;}
    footer .container:nth-child(1){gap: 0.5rem 3rem;flex-wrap: wrap;}
    footer .container:nth-child(1) > div:nth-child(1){ width: 100%; flex: none; }
    footer .container:nth-child(1) > div{ flex: none; }
    footer .container:nth-child(1) div p, footer .container:nth-child(1) div ul{ margin-bottom: 0.5rem; }
    footer .container:nth-child(1) > div:nth-child(4){width: 100%;display: flex;gap: 1rem;justify-content: space-between;align-items: center;margin-top: 1rem;}
    footer .container:nth-child(1) .logo-white{margin-bottom: 1rem;max-width: 130px;}
    footer .container:nth-child(1) #social-footer{  }
    footer .container:nth-child(1) #social-footer a:not(.btn) img{ width: 35px; height: 35px; }
    footer .container:nth-child(2){ }
    footer .container:nth-child(2) .copyright{margin-top: 0;flex-direction: column;gap: 0;font-size: 14px;}
    footer .container:nth-child(2) .copyright .digitalogy-link{margin: 0;}


    #breadcrumb{ margin-bottom: 1rem; }

    body.default #main-content{ padding-bottom: 2rem; }
    body.default #main-content .container:nth-child(2){ gap: 2rem; }
    body.default #main-content #sidebar{ order: 2; }
    body.default #main-content #sidebar .sidebar-graphic{ display: none; }
    body.default #main-content #sidebar .sidebar-graphic img{ width: 80%; }
    body.default #main-content #sidebar .sidebar-box{margin-top: 0;}
    body.default #main-content #sidebar .sidebar-box ul li{ margin: 5px 0; }
    body.default #main-content #sidebar .sidebar-box ul li a{ font-size: 16px; }
    body.default #main-content #content{ order: 1; }


    #whatsnewslider{ margin-top: 2rem; margin-bottom: 2rem; }

    #newsletter-band{padding: 2rem 0;}
    #newsletter-band p > span.material-icons-outlined{  }
    #newsletter-band h2{  }
    #newsletter-band p{  }
    #newsletter-band p.output{  }
    #newsletter-band p.output.error{  }
    #newsletter-band form{max-width: unset;min-width: unset;}
    #newsletter-band form input[type="email"]{min-width: unset;}
    #newsletter-band form input[type="submit"]{padding-left: 1rem;padding-right: 1rem;}

    .pagedrivers{ grid-template-columns: repeat(2, 1fr) }

}

@media screen and (min-width: 39.9375em) {
	
}