/*****************************************
 * Maps
 ****************************************/
.twc-maps {--tm-spacing-bottom:140px;}

/* Content */
.twc-maps__content {
    margin-bottom:calc(-1 * var(--tm-spacing-bottom)); padding-left:20px;
    position:relative; z-index:1;
}
.twc-maps__content:before {
    content:""; display:block;
    width:calc(100% - 20px); max-width:1065px; height:calc(100% - var(--twc-spacing-60)); background:var(--twc-color-primary);
    position:absolute; bottom:0; right:0; z-index:1;
}
.twc-maps__content-inner {
    width:100%; max-width:1065px; min-height:380px;
    z-index:3; overflow:hidden; position:relative;
    padding:calc(40px + var(--twc-spacing-60)) var(--twc-gap-container) 40px 100px;
}
.twc-maps__content a {font-weight:300; text-decoration:none;}

/* Maps */
#twc-map {
    width:100%; height:44vw !important;
    min-height:300px; max-height:650px;
}

/* trapezoid shape */
.twc-maps__trapezoid-shape {
    position:absolute; z-index:-1;
    bottom:0; left:35%; width:100%; height:100%;
}
.twc-maps__trapezoid-shape .trapezoid-shape__wrapper {height:100%;}
.twc-maps__trapezoid-shape .trapezoid-shape {
    background:linear-gradient(270deg, rgb(42, 170, 212) 0%, rgb(42, 170, 212) 12%, rgb(46, 171, 212) 31%, rgba(141, 202, 233, .05) 71%, rgba(184, 214, 233, .01) 85%, rgba(188, 216, 234, .01) 91%, rgba(188, 216, 234, .01) 4%);
    opacity:.2;
}

/*****************************************
 * Maps - Responsive
 ****************************************/
@media only screen and (max-width:1180px) {
    .twc-maps {--tm-spacing-bottom:40px;}
    .twc-maps__content-inner {padding-left:var(--twc-gap-container)}
}
@media only screen and (max-width:480px) {
    .twc-maps {--tm-spacing-bottom:0px;}
    .twc-maps__content {padding-left:0;}
    .twc-maps__content:before {width:100%;}

    /* trapezoid shape */
    .twc-maps__trapezoid-shape {left:0;}
}