.cp-wrap { margin:10px 0 45px; padding: 15px 15px 25px; background:#FBFBFB; border-top: 1px solid #DDD; border-bottom:1px solid #DDD; }
.cp-300w { text-align: center !important; margin: 0 auto !important; width:300px !important; } .awide { margin: 0 auto 45px !important; }
.atall { } div.zTopMobile .zTop {
margin-bottom: 10px !important;
}
.zTop iframe { max-width:1200px!important; 
max-height:258px !important; 
}
div.zTopMobile .zTop iframe { 
height: 20vh !important;
}
div.zTopMobile { 
margin-left: -20px !important; 
background: #FFF !important;
width: 100vw;
} .z1 {
width: 100%;
text-align: center !important;
margin: 0 0 20px;
}
.z1 img, .z1 img, .z1 img {  display: inline !important;
}
.bmp-events {
text-align: center;
margin-top: 25px;
margin-bottom: 25px;
}
.va-side img, .va-side-tall img {
width: 100%;
height: 100%;
margin:0 auto;
}
.va-side, .va-side-tall {
margin: 0 auto;
position: relative;
}
.va-side + *, .va-side-tall + * {
margin-top: 25px;
}
.va-side {
max-width: 300px;
max-height: 250px;
}
.va-side-tall {
max-width: 300px;
max-height: 525px;
}
.post-type-archive-tribe_events .z1:first-child {
margin-top: 0px !important;
}
.post-box-small-thumbnail img {
width: 65px;
height: 65px;
}
.takeover {
text-align: center;
width: 100%;
padding-top: 20px;
}
.takeover > br {
display: none;
}
.takeover div a {
display: block;
width: 100%;
text-align: center;
}
.takeover-bkg {
width: 100%;
height:100%;
position: fixed;
top: 0px;
left: 0px;
z-index: -1;
background-size: cover;
background-position: center top;
background-repeat: no-repeat; } .parallax { background-image: url(https://ras.vistaradio.ca/images/e3e936643f4c6dd997e9e277c6c1ddf0.jpg); height: 100%; background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width:100%;
}
.z4-parallax {
max-width: 100vw;
margin-left: calc((var(--viewport) - 100%) / 2 * -1);
margin-right: calc((var(--viewport) - 100%) / 2 * -1);
}
.z4-scroller {
position: relative;
z-index: 2000;
height: 100vh;
width: 100%;
width: var(--viewport);
}
.z4-parallax .z4-lead-in {
font-style: italic;
font-size: 0.75rem;
color: var(--text-secondary);
margin-bottom: 60px;
}
.main { height: 100vh; perspective: 2px; overflow-x: hidden;
} .section {
position: relative;
display: flex;
align-items: center;
justify-content: center;
height: 80vh;
font-size: 40px;
text-transform: uppercase;
font-weight: bold;
} .static-one {
background-color: #feceab;
}
.static-two {
background-color: #aacfcf;
}
.static-three {
background-color: #c06c84;
}
.parallax::after { content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; background-size: cover; transform: translateZ(-1px) scale(1.7); z-index: -1;
}