a                                   { color: #777677; }
a:hover                             { color: #000; }

p { color: #5b5b5b; }

/* Colors for the section */
.bg-default  {}
.bg-custom-1 { background-color: #777677; color: #fff; }
.bg-custom-2 { background-color: #4f4f4f; color: #fff; }
.bg-custom-3 { background-color: #575556; color: #fff; }

.btn.bg-custom-1,
.btn.bg-custom-2,
.btn.bg-custom-3 { }

.btn.bg-custom-1:hover,
.btn.bg-custom-2:hover,
.btn.bg-custom-3:hover {  }

.btn.bg-custom-1 { background-color: #ee2624; color: #fff;  }
.btn.bg-custom-2 { background-color: #e8e740; color: #000;  }
.btn.bg-custom-3 { background-color: #ee2624; color: #fff;  }

.bg-custom-1 p { color: #fff; }
.bg-custom-2 p { color: #fff; }
.bg-custom-3 p { color: #fff; }

.btn.bg-custom-1,
.btn.bg-custom-2,
.btn.bg-custom-3 {
  transition: all 0.3s ease;
  transform: translateY(0);
}

.btn.bg-custom-1:hover,
.btn.bg-custom-2:hover,
.btn.bg-custom-3:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.btn.bg-custom-1 { background-color: #ee2624; color: #fff; }
.btn.bg-custom-1:hover { background-color: #d41e1c; }

.btn.bg-custom-2 { background-color: #e8e740; color: #000; }
.btn.bg-custom-2:hover { background-color: #d4d136; }

.btn.bg-custom-3 { background-color: #ee2624; color: #fff; }
.btn.bg-custom-3:hover { background-color: #d41e1c; }

.bg-custom-1 strong,
.bg-custom-2 strong,
.bg-custom-3 strong,
.bg-custom-1 b,
.bg-custom-2 b,
.bg-custom-3 b { color: #fff; }


/* Header - affects the logo size */
.navbar-brand                       { height: 86px !important;}
.header-dark                        { background: #575556 !important; }
.header-dark a                      { color: #fff !important; }
.header-dark .active > a            { text-decoration: underline; }
.header-dark a:hover                { color: #ddd !important; }
.header-dark .dropdown-menu a       { color: #555 !important; }
.header-dark .dropdown-menu a:hover { color: #111 !important; }

/* Header - Menu */
.navbar-nav .nav-link               { font-size: 1.1rem; font-weight: 200; }

.bg-dark                            { background-color: #575556 !important; }
.text-primary                       { color: #404040 !important; }

.dropdown-item.active, 
.dropdown-item:active               { background-color: #ddd; }

.btn-primary,
.breadcrumb-custom .breadcrumb-item a:hover,
.owl-carousel-single .owl-nav button.owl-prev, 
.owl-carousel-single .owl-nav button.owl-next {background-color: #575556; color: #fff; }

.btn-primary { border-color: #575556 !important; }

.btn-primary:active,
.btn-primary:hover,
.owl-carousel-single .owl-nav button.owl-prev:hover, 
.owl-carousel-single .owl-nav button.owl-next:hover {background-color: #333 !important; }


footer > .footer-box              {background-color: #4f4f4f; color: #fff; border-color: #4f4f4f; }

/* Home page  ----------------------------------- */
.sun-wrap                                                  { -moz-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; -o-transition: all 2s ease-out; -ms-transition: all 2s ease-out; transition: all 2s ease-out; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0; position: absolute; height: 100%; left: 0; right: 3%; top: 40%; z-index: 1; pointer-events: none; }
.sun-wrap.active                                           { top: 0%; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
.sun-logo                                                  { background: transparent url('/logo/logo.svg') no-repeat 100% 100%; background-size: contain; position:absolute; width: 640px; height: 400px; right: 0; bottom: 10%; z-index: 2; }

body.doc-1 .areabrick-section-slider-typed { margin-top: 115px; }
body.doc-1 .areabrick-section-slider-typed .swiper-footer { bottom: 40px; }
body.doc-1 .areabrick-section-slider-typed .typed-text { margin-top: 20px; }
body.doc-1 .areabrick-section-slider-typed .mod-content { margin: -110px 0 0; }
body.doc-1 .areabrick-section-slider-typed .vh-100 { height: 500px !important; min-height: 500px !important; }
body.doc-1.mode-view .areabrick-section-slider-typed.no-0 h1 { text-align: center; max-width: 700px; margin: 0 auto 0; }
body.doc-1.mode-view .areabrick-section-slider-typed.no-0 .areabrick-basepack-mod-button { text-align: left; margin: 50px 0 0; }
body.doc-1.mode-view .areabrick-section-slider-typed.no-0 .areabrick-basepack-mod-button a { text-align: center; text-transform: uppercase; font-size: 1.5em; }

/* Normal ----------------------------------- */
/* body.doc-1 .areabrick-section-slider-typed .image-overlay { background-position: 50% 20%; } */
/* body.doc-1 .areabrick-section-slider-typed h1 { font-size: 56px; line-height: 1.3em; text-transform: uppercase; font-weight: 600; text-shadow: #333 2px 2px 5px; } */

/* Christmas ----------------------------------- */
body.doc-1 .areabrick-section-slider-typed .image-overlay { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; background-color: #2d3134; }
body.doc-1 .areabrick-section-slider-typed h1 { font-size: 56px; line-height: 1.3em; max-width: 800px !important; text-transform: uppercase; font-weight: 600; text-shadow: #333 2px 2px 5px; margin-bottom: 80px !important; color: #F0EF1F !important; }
@media screen and (max-width: 1340px) { 
    body.doc-1 .areabrick-section-slider-typed .image-overlay { background-size: cover; }
}


/* -- References teaser --------------------- */
.reference-gallery-featured                                { position: relative; top: -30px;  }
.reference-gallery-featured h2                             { max-width: 600px; }
.reference-gallery-featured .gallery-container             { height: 700px; overflow: hidden; }
.reference-gallery-featured .reference-link                { display: block; padding: 20px 40px;}
.reference-gallery-featured .reference-link > .row         { margin-top: 70px; }
body.doc-58 .reference-card                                { height: 280px; }
.reference-card .eyebrow                                   { pointer-events: none; display: block; }
.reference-card .start-label                               { display: block; }
.reference-card .start-label > .text                       { font-size: 0.8em; margin: 0 0 5px; }
.reference-card .start-label > .date                       { font-size: 1.2em; font-weight: bold; }

#references-filter .filter-text { display: inline-block; margin-right: 15px; font-weight: bold; }
#references-filter .btn        { background-color: #777; color: #fff; }
#references-filter .btn:hover  { background-color: #555; cursor: pointer; }
#references-filter .btn.active { background-color: #222; pointer-events: none; }

/* -- References full --------------------- */
.reference-full .eyebrow                                   { display: block; }

/* Ongoing references */
body.doc-58 .tile .tile-content::before { background: rgba(0, 0, 0, 0.4); }

/* -- Partners ------------- */
#partners-full-list .logo { position: absolute; top: 15px; left: 15px; background-repeat: no-repeat; background-color: #fff; background-size: 120px; background-position: 50% 50%; width: 140px; height: 90px; z-index: 10; }
#partners-short-list .logo { position: absolute; top: 15px; left: 15px; background-repeat: no-repeat; background-color: #fff; background-size: 60px; background-position: 50% 50%; width: 70px; height: 40px; z-index: 10; }
#partners-short-list .card-link { font-size: 13px; }
#partners-short-list .card-title { margin-bottom: 4px; }
#partners-short-list .card-body { color: #555; }

/* -- Members - about us ------------- */
#team-members                    { margin: 40px 0 0; }
#team-members .member-block      { margin: 0px 0 20px; padding: 0; }
#team-members .member-block:last-child  { margin-bottom: 0px !important; }
#team-members .member            { display: inline-block; width: 200px; margin: 0 10px 25px; vertical-align: top; padding: 0; }
#team-members .member .img       { height: 140px; width: 132px; margin: 0 auto; }
#team-members .member .img > img { display: block; margin: 0 auto; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#team-members .member .title     { text-align: center; font-size: 20px; line-height: 32px; padding: 0; margin: 0 0 1px; white-space: nowrap; }
#team-members .member .subtitle  { text-align: center; font-size: 13px; white-space: nowrap; }

body.doc-28 .areabrick-section-snippet.no-1 .member .img       { display: none; }


/* -- ------------- */

body.doc-60 .areabrick-section-call-to-action h2 span,
body.doc-60 .areabrick-section-call-to-action h2 { font-size: 26px !important; line-height: 36px !important; }

/* Print templates ----------------------------------- */
body.path-de-print-templates .tile-image { position: absolute; top: 0; bottom: 0; left: 0; right: 0; }


/* Mobile ---------------------------- */
@media screen and (max-width: 655px) { 
    .sun, .sun-logo { display: none !important; }
    body.doc-1 h1 {font-size: 32px !important; line-height: 30px !important;}
    body.doc-1 .areabrick-section-slider-typed { margin-top: 0px; }
    body.doc-1 .areabrick-section-slider-typed .long-text { font-size: 16px; line-height: 22px; }

    body.doc-1 .areabrick-section-slider-typed .typed-text { margin-top: -20px; }
    body.doc-1 .areabrick-section-slider-typed .swiper-footer { bottom: 10px; }
    body.doc-1 .areabrick-section-slider-typed .vh-100 { height: 500px !important; min-height: 500px !important; }
    body.doc-1 .areabrick-section-slider-typed .mod-content { margin: -15px 0 0; }
    body.doc-1.mode-view .areabrick-section-slider-typed.no-0 .areabrick-basepack-mod-button a { text-align: center; text-transform: uppercase; font-size: 1.1em; }
    body.doc-1 .areabrick-section-call-to-action.no-0 .box-icon { display: none; }
}

/* Hamburger menu switch ------------- */
@media screen and (max-width: 1200px) { 

}