* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/*body,
html,
nav,
section { height: 100%; }
*/


/*modal*/

#drupal-modal { background-color: #F6F6F8; padding: 2rem 3rem 3rem 3rem;}
.ui-dialog { z-index: 9999;position: fixed; height: 100%; width: 90%; top: 49.9988px; left: 499px; }
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front { padding: 1rem; background: #fff; border-radius: 25px; border-radius: 25px;
    background: #F6F6F8;
    box-shadow: -10px -10px 20px -20px rgb(19 1 1 / 80%), 0px 0px 50px 0px rgba(217, 217, 217, 0.20) inset, 20px 20px 25px 0px #1b2029;}
.ui-widget-header { border: 0; background: transparent; color: #333333; font-weight: bold; }
.ui-dialog .ui-dialog-title { display: none; }
.ajax-progress.ajax-progress-throbber { display: none; }
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front .ui-dialog-titlebar { background-color: #fff; }
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.webform-confirmation-modal { max-width: 500px; }
body .ui-widget-overlay { opacity: .6; background: #000; }
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {background-color: #000;}

.ui-dialog-titlebar.ui-corner-all.ui-widget-header.ui-helper-clearfix { padding: 1rem 1rem 0 1rem; }



.comp-side-image-longtext blockquote {max-width: 100%;}

/*
.contacts-webform label {white-space: nowrap;}
.contacts-webform textarea,
.contacts-webform textarea:focus,
.contacts-webform input:focus,
.contacts-webform input {margin-bottom: 0; border: 0; box-shadow: unset; color: var(--primary);}
.contacts-webform textarea {border-bottom: 1px solid #000;}
.contacts-webform .webform-element--title-inline { display: flex; flex-direction: unset; margin-bottom: 0.5rem;align-items: center; column-width: 50%; border-bottom: 1px solid; }
*/




.branding_and_menu-out .logo .block.block-branding { width: 200px; margin: 1rem;}
.branding_and_menu-out { position: relative; top: 0; width: 100%; z-index: 9; }
.path-frontpage .branding_and_menu-out { position: relative; top: 0; width: 100%; z-index: 9;}

.path-frontpage .site-branding__logo-img {/*filter: brightness(0) invert(1);*/}
.path-frontpage .is-sticky .site-branding__logo-img {filter: unset}
.site-branding__logo-img { width: 400px; }
.site-branding__text {font-family: 'Albert Sans', sans-serif; font-size: 3rem;}

.path-frontpage .site-branding__text a {font-family: 'Albert Sans', sans-serif; font-size: 3rem; color: #fff;}
.responsive-menu a { width: 100%; color: #666; }
.path-frontpage .responsive-menu { margin-bottom: 0rem; }

.path-frontpage .branding_and_menu_mid { z-index: 10; text-align: center; width: 100%; margin: auto; position: absolute; top: 0; left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,0%); background: linear-gradient(0deg, #1b202e00 00%, #000000 100%);
    -webkit-transition: background 500ms linear;
    -ms-transition: background 500ms linear;
    transition: background 500ms ease-in-out;
}
.is-sticky .branding_and_menu_mid  {margin-top: 0rem; background: #ffffff;
box-shadow: 0px 9px 30px -10px rgba(0, 0, 0, 0.75);
    -webkit-box-shadow: 0px 9px 30px -10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 9px 30px -10px rgba(0,0,0,0.75);
}
.path-frontpage .is-sticky .branding_and_menu_mid  {margin-top: 0rem; background-color: #ffffff;}

/*.branding_and_menu_mid {padding: 2rem 0 7rem; margin-bottom: 2rem;}*/
.is-sticky .branding_and_menu_cont {margin-bottom: 0rem;}

.hide-page-title h1.node__title {display: none;}

/*RESPONSIVE MENU*/




/*SINGLE TEXT BLOCK*/
.h2.text-blocks-main-title,
.h3.single-tex-block-main-subtitle {text-align: center; margin: auto; display: block;}

.h2.single-text-block-title,
.h3.single-text-block-subtitle {text-align: center; margin: auto;}
.h3.text-single-block-title{margin-top: 2rem;}
.h4 text-single-block-subtitle{margin-top: 1rem;}
.text-single-block-body {margin-top: 1rem;}
.text-single-icon img {margin: auto;  display: block;}
.text-single-block-button.button {margin-top: 2rem; background-color: var(--button-dark);}
.text-single-block-button.button a {color: var(--button-light);}
.h2.text-blocks-main-title { margin-bottom: 3rem; color: #fff;}

/*.text-blocks-group,
.text-blocks-group p {background-color: var(--primary); color: #fff;}*/
.text-blocks-group .button {background-color: #fff; }
.text-blocks-group .button a { color: var(--primary);}




/*PARAGRAPH TEXT*/
/*SIDE BY SIDE*/


.wrapper { display: flex; flex-direction: column; width: 100%; height: 100%; position: relative; }

#block-equation-cs-mainnavigation {display: none;}

footer { padding: 2rem 0 0; }
nav.footer-privacy-policy div.block__content ul { margin: auto; display: table; }
.footer-sitemap nav { margin-bottom: 0.3rem; text-align: center; display: block;}
.footer-sitemap nav ul { margin: auto; }
.footer-sitemap nav ul li { display: block; }
.footer-sitemap nav ul li a { color: #fff; }
.copyright { padding: 1rem; color: var(--primary); text-align: center; background: #ddd;}
.made-by a,
.made-by { color: #d4d4d4; margin: auto; font-size: 0.7rem; text-align: center; padding-bottom: 0.5rem; text-shadow: 0.05rem 0.05rem #999; letter-spacing: 1px; }
.deigned-by { margin-top: 0.5rem; }
.footer-container ul.footermap-header.footermap-header--main { margin: auto; }
.footer-contact p { font-size: 0.8rem; color: #fff; text-align: center; margin-bottom: 1rem; }
.footer-columns-out { background: #ffffff;}
div#block-equation-cs-copyrightfooter { text-align: center; font-size: 0.9rem; }
.nested-component-cont { margin: unset; }





/* Small only */
@media screen and (max-width:39.9375em) {
    .branding_and_menu_cont { margin-bottom: 0; }
    .site-branding__logo-img { max-width: 75% }
    .main_menu .social { display: table; width: auto; margin: auto; margin-bottom: 1rem; }
    .block-cheeseburgermenu__trigger-element { position: absolute; right: 10px; top: 10px; }
    blockquote { max-width: 100%; padding-right: 0; }
    .comp-banner-content h2 { font-size: 2rem; color: #fff; line-height: 100%; }
    .page-node-24 .logo { display: none; }
    .responsive-menu { /*margin-bottom: 3rem;*/ }
    .article-container-row:nth-child(even) .artcl-img-cont { order: unset; }
    .news-article h1 { margin-bottom: 2rem; }
    .comp-banner-content h2 { font-weight: 600; font-size: 1.5rem; }
    .article-container-row:nth-child(even) .artcl-img-cont { order: unset; }
    .slick--optionset--uds-projects { width: auto; }
    .slick--optionset--uds-projects-thumbs { display: none; }
    .hero-image h2,
    .hp-hero-banner h2 { font-size: 3rem; font-weight: 300; }
    .single-project-media { overflow: hidden; }
    .footer-logo .site-branding { margin: auto; text-align: center; margin-bottom: 1rem; }

    .hero-image h1 { font-size: 4rem; }

}

/* Medium and up */
@media screen and (min-width:40em) {
}

/* Medium only */
@media screen and (min-width:40em) and (max-width:63.9375em) {

}


/* Large and up */
@media screen and (min-width:64em) {


} 

/* Large only */
@media screen and (min-width:64em) and (max-width:74.9375em) { }



/*PARAGRAPHS SIDE BAR IMAGE*/