/* ======================================================================== */
/* Source: /v2/public/css/apps/agency/screen.css */
/* ======================================================================== */

/* Global
------------------------------------------------ */
.app-agency .layout-page{background: #fff;}
.app-agency .layout-content{padding: 70px 0 100px;}

/* Module: Header Showroom
------------------------------------------------ */
.module-header-showroom {position: relative; z-index: 2; padding-top: 56px;}
.module-header-showroom .showroom-title {margin-bottom: 15px;}
.module-header-showroom .showroom-title a {text-decoration: none;}

@media (max-width: 576px) {
    .module-header-showroom {padding-top: 16px;}
    .module-header-showroom .showroom-title {padding: 16px;}
}

/* Module: Navigation showroom
------------------------------------------------ */
.module-nav-showroom .nav-showroom-overlay {position: absolute; display: none; top: 100%; background: #fff; width: calc(100% + 80px); margin-left: -40px; padding: 40px; color: black; border: 1px solid #eee; border-top: none; min-height: 200px; z-index: 100;}
.module-nav-showroom .nav-showroom-overlay {width: auto; min-width: 200px;}

.nav-showroom-overlay .ui-nav-vertical > li > a {margin-bottom: 4px;}
.nav-showroom-overlay .ui-nav-vertical + .ui-nav-vertical {padding-top: 1em;}

.nav-showroom-overlay .overlay-collection-image {padding-top: 28px;}
.nav-showroom-overlay .overlay-collection-image .collection-image {object-fit: contain; width: 100%; max-height: 250px; aspect-ratio: 1/1; object-position: top;}

.nav-showroom-overlay .ui-nav-vertical > li > a:hover, .ui-nav-vertical li a:focus {color: var(--color-blue);}
.nav-showroom-overlay .ui-nav-vertical > li > a.view-all-cta:hover, .ui-nav-vertical li a.view-all-cta:focus {color: var(--color-grey-darker);}

/* Module: Agency brands
------------------------------------------------ */
.module-agency-brands .brands-row{clear:both;margin-bottom:10px;}
.module-agency-brands .brands-row .brand{float:left;position:relative;margin-right:10px;}
.module-agency-brands .brands-row .brand:last-child{margin-right:0;}
.module-agency-brands .brands-row .brand a{text-decoration:none;}
.module-agency-brands .brands-row .brand .brand-image{display:block;max-width:100%;}
.module-agency-brands .brands-row .brand .brand-image-missing{background:var(--color-grey-lighter); object-fit: contain; aspect-ratio: 3/4;}
.module-agency-brands .brands-row .brand .brand-title{width:100%;padding:0.5em;}
.module-agency-brands .brands-row .brand .brand-title .brand-name{display:block;text-transform:uppercase;}
.module-agency-brands .brands-row .brand .brand-title .brand-location{display:block;font-weight:normal; color: var(--color-grey-darker);}

/* Module: Template Homepage
------------------------------------------------ */
.module-homepage-about {padding-top: 40px;}
.module-homepage-about .ui-h2 {padding-bottom: 16px;}
.module-homepage-about .homepage-presentation img {margin-bottom: 16px;}

@media (max-width: 576px) {
    .module-homepage-about .homepage-brands {padding-top: 64px;}

    .module-agency-brands .brands-row {gap: 8px; grid-template-columns: repeat(2, 1fr);}
    .module-agency-brands .brands-row .brand {float: none; margin: 0;}
    .module-agency-brands .brands-row .brand .brand-image {aspect-ratio: 3/2; object-fit: cover;}

    .module-homepage-about {padding: 20px 16px 0;}
}

/* Module: Template Info
------------------------------------------------ */
.module-info-header {padding: 40px 0 16px;}
.module-info-body {font: normal 1.2em/1.3em "Times New Roman", Times, serif; margin-bottom: 32px;}
.module-info-body p{margin-bottom: 16px;}
.module-info-body ol, .module-info-body ul{padding-left: 48px;}

@media (max-width: 576px) {
    .module-info-header {padding: 20px 16px;}
    .module-info-body {padding: 0 16px;}
}

/* Template: Virtual tour
------------------------------------------------ */
.module-virtual-tour {padding: 40px 0 16px;}
.module-virtual-tour .virtual-tour-header{position: relative; padding-bottom: 16px;}

.module-virtual-tour.module-virtual-tour--fullscreen {position: absolute; top: 0; left: 0; width: 100%; padding: 60px; background: #fff; z-index: 100;}

.module-virtual-tour .virtual-tour-header .fullscreen-cta{
    position: absolute; top: 0; right: 0; padding: 5px 8px 2px; font-size: 26px; line-height: 26px;
    background: #fff; border: 1px solid #eee;
}
.module-virtual-tour .virtual-tour-header .fullscreen-close-cta{display:none;}
.module-virtual-tour .virtual-tour-container .virtual-tour-playlist {padding-top:40px;}

@media (max-width: 576px) {
    .module-virtual-tour {padding: 20px 16px;}
    .module-virtual-tour.module-virtual-tour--fullscreen {padding: 20px 16px;}
    .module-virtual-tour .virtual-tour-header .fullscreen-cta{font-size: 18px;}
}

/* Template: Preview invitation
------------------------------------------------ */
.AgencyInvitationView .module-header-showroom {display: none;}

.module-invitation{position:relative;height:500px;margin-bottom:30px;overflow:hidden;}
.module-invitation .invitation-title{display:block;position:absolute;top:0;left:0;width:100%;padding:30px 0;text-align:center;z-index:1;background:linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0));}
.module-invitation .invitation-title .title{line-height:inherit;font-size:inherit;color:#fff;}
.module-invitation .invitation-title .title .title-intro{display:block;font-size:2em;}
.module-invitation .invitation-title .title .title-main{display:block;font-size:3em;text-transform:uppercase;}

.module-invitation .invitation-image{position:absolute;width:100%;height:100%;overflow:hidden;}
.module-invitation .invitation-image img{position:absolute;top:0;right:-100%;left:-100%;width:100%;height:auto;margin:auto;z-index:0;}

.module-invitation .invitation-register{position:relative;z-index:1;}
.module-invitation .invitation-register .module-invitation-form {width:385px;margin:0 auto;padding:30px;overflow:hidden;background:rgba(250,250,250,0.95);box-shadow:0 0 5px #999;}
.module-invitation .invitation-register .module-invitation-form .ui-h4 {text-align: center; text-transform: uppercase; padding-bottom: 12px;}
.module-invitation .invitation-register .module-invitation-form .register-form label.error{display:none !important;}
.module-invitation .invitation-register .module-invitation-form .register-form .fieldset-submit{margin-bottom:2.5em;}
.module-invitation .invitation-register .module-invitation-form .register-form .fieldset-login .label{width: 110px;}
.module-invitation .invitation-register .module-invitation-form .register-form .fieldset-login .input{width: 180px;}

.module-invitation .invitation-register-sign-in{top:170px;}
.module-invitation .invitation-register-sign-in .module-invitation-form{height:340px;}
.module-invitation .invitation-register-sign-in .module-invitation-form .lostpassword-cta{color:#666;}
.module-invitation .invitation-register-sign-in .module-invitation-form .lostpassword-cta:hover{color:#000;}

.module-invitation .invitation-register-sign-up{top:140px;}
.module-invitation .invitation-register-sign-up .module-invitation-form{height:360px;}

.module-invitation .invitation-register-signed-in{top:180px;}
.module-invitation .invitation-register-signed-in .module-invitation-form{height:320px;}
.module-invitation .invitation-register-signed-in .module-invitation-form .register-logged-in{margin-bottom:3em;text-align:center;}
.module-invitation .invitation-register-signed-in .module-invitation-form .register-notice p{margin-bottom:0;}

.module-invitation-description .invitation-notice{padding: 0 0 60px 16px;}
.module-invitation-description .ui-h4{margin-bottom: 1em; text-transform: uppercase;}
.module-invitation-description .invitation-notice p{margin-bottom: 12px;}
.module-invitation-description .invitation-notice ul{list-style-position: inside;}

.module-invitation-description .agency-presentation{padding: 0 0 30px 16px;}
.module-invitation-description .agency-presentation .read-more-cta{display: block;font-style: italic;}

@media (max-width: 576px) {
    .module-invitation-description {padding: 0 16px;}
    .module-invitation-description .invitation-notice {padding: 0 0 40px;}
    .module-invitation-description .agency-presentation{padding: 0 0 30px;}

    .module-invitation .invitation-title {padding: 15px 0;}
}