ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input {
margin: 0;
padding: 0;
}
@media screen and (max-width: 700px) {
.cs-min-section-width {
max-width: initial !important;
}
}
/*-- fonts ... these can be modified by the user ... these are just defaults --*/
.wb-content h1{
font-size: 62px;
font-weight: normal;
font-family: 'Cormorant Garamond';
-webkit-font-smoothing: antialiased;
}
.wb-content h2{
font-size: 42px;
font-weight: normal;
font-family: 'Cormorant Garamond';
-webkit-font-smoothing: antialiased;
}
.wb-content h3{
font-size: 28px;
font-weight: normal;
font-family: 'Cormorant Garamond';
-webkit-font-smoothing: antialiased;
}
.wb-content select{
font-size: 28px;
font-weight: normal;
font-family: 'Cormorant Garamond';
-webkit-font-smoothing: antialiased;
}
.wb-content p,
.wb-content div{
font-size: 16px;
font-weight: normal;
font-family: 'Lato';
-webkit-font-smoothing: antialiased;
}
.hosted-page .cs-placeholder-image-wrap{
display: none;
}
.copyright_text{
margin-left: 15px;
margin-right: 15px;
font-size: 12px !important;
margin-top: -20px;
opacity: 0.8;
}
/*-- other styles ---*/
.cs-italic{
font-style: italic;
}
.cs-bold{
font-weight: bold;
}
.cs-underline{
text-decoration: underline;
}
.cs-bulleted-list{
display: list-item;
list-style: inside;
}
.cs-numbered-list{
display: list-item;
list-style: inside none decimal;
}
.cs-inline-image{
width: 100%;
}
.cs-font-size-8
{
font-size: 8px !important;
}
.cs-font-size-9{
font-size: 9px !important;
}
.cs-font-size-10,
.cs-header.cs-font-size-10 .button_link_p
{
font-size: 10px !important;
}
.cs-font-size-11,
.cs-header.cs-font-size-11 .button_link_p
{
font-size: 11px !important;
}
.cs-font-size-12,
.cs-header.cs-font-size-12 .button_link_p
{
font-size: 12px !important;
}
.cs-font-size-13,
.cs-header.cs-font-size-13 .button_link_p
{
font-size: 13px !important;
}
.cs-font-size-14,
.cs-header.cs-font-size-14 .button_link_p
{
font-size: 14px !important;
}
.cs-font-size-15,
.cs-header.cs-font-size-15 .button_link_p
{
font-size: 15px !important;
}
.cs-font-size-16,
.cs-header.cs-font-size-16 .button_link_p
{
font-size: 16px !important;
}
.cs-font-size-17,
.cs-header.cs-font-size-17 .button_link_p
{
font-size: 17px !important;
}
.cs-font-size-18,
.cs-header.cs-font-size-18 .button_link_p
{
font-size: 18px !important;
}
.cs-font-size-19,
.cs-header.cs-font-size-19 .button_link_p
{
font-size: 19px !important;
}
.cs-font-size-20,
.cs-header.cs-font-size-20 .button_link_p
{
font-size: 20px !important;
}
.cs-font-size-21,
.cs-header.cs-font-size-21 .button_link_p
{
font-size: 21px !important;
}
.cs-font-size-22,
.cs-header.cs-font-size-22 .button_link_p
{
font-size: 22px !important;
}
.cs-font-size-23,
.cs-header.cs-font-size-23 .button_link_p
{
font-size: 23px !important;
}
.cs-font-size-24,
.cs-header.cs-font-size-24 .button_link_p
{
font-size: 24px !important;
}
.cs-font-size-25,
.cs-header.cs-font-size-25 .button_link_p
{
font-size: 25px !important;
}
.cs-font-size-26,
.cs-header.cs-font-size-26 .button_link_p
{
font-size: 26px !important;
}
.cs-font-size-27,
.cs-header.cs-font-size-27 .button_link_p
{
font-size: 27px !important;
}
.cs-font-size-28,
.cs-header.cs-font-size-28 .button_link_p
{
font-size: 28px !important;
}
.cs-font-size-29,
.cs-header.cs-font-size-29 .button_link_p
{
font-size: 29px !important;
}
.cs-font-size-30,
.cs-header.cs-font-size-30 .button_link_p
{
font-size: 30px !important;
}
.cs-font-size-34{
font-size: 34px !important;
}
.cs-font-size-38{
font-size: 38px !important;
}
.cs-font-size-42{
font-size: 42px !important;
}
.cs-font-size-46{
font-size: 46px !important;
}
.cs-font-size-50{
font-size: 50px !important;
}
.cs-font-size-56{
font-size: 56px !important;
}
.cs-font-size-62{
font-size: 62px !important;
}
.cs-font-size-68{
font-size: 68px !important;
}
.cs-font-size-74{
font-size: 74px !important;
}
.cs-font-size-80{
font-size: 80px !important;
}
.cs-font-size-90{
font-size: 90px !important;
}
.cs-font-size-100{
font-size: 100px !important;
}
/* -- weights -- */
.wb-content .header-800 .button_link_p{
font-weight: 800 !important;
}
.wb-content .header-700 .button_link_p{
font-weight: 700 !important;
}
.wb-content .header-400 .button_link_p{
font-weight: 400 !important;
}
/*-- links ... these can be modified by the user ... these are just defaults --*/
.wb-content a {
font-family: inherit;
cursor: pointer;
text-decoration: none !important;
border-bottom: 1px solid #181b3e !important;
color: #181b3e;
-webkit-font-smoothing: antialiased;
}
.wb-content .color_scheme_accent_light.background a,
.wb-content .color_scheme_accent_light .background a{
color: #236651;
border-bottom: 1px solid #236651;
}
.wb-content .color_scheme_accent_dark .background a,
.wb-content .color_scheme_accent_dark.background a,
.wb-content .color_scheme_dark .background a,
.wb-content .color_scheme_dark.background a,
.wb-content .color_scheme_black .background a,
.wb-content .color_scheme_black.background a
{
color: #fff !important;
border-bottom: 1px solid #fff !important;
}
.wb-content .cs-footer.color_scheme_accent_dark .background p,
.wb-content .cs-footer.color_scheme_accent_dark.background p,
.wb-content .cs-footer.color_scheme_dark .background p,
.wb-content .cs-footer.color_scheme_dark.background p,
.wb-content .cs-footer.color_scheme_black .background p,
.wb-content .cs-footer.color_scheme_black.background p
{
color: #fff !important;
border-bottom: none !important;
}
.wb-content button a,
.wb-content .color_scheme_dark.background button a,
.wb-content .color_scheme_dark .background button a,
.wb-content .color_scheme_black.background button a,
.wb-content .color_scheme_black .background button a,
.wb-content .color_scheme_accent_dark.background button a,
.wb-content .color_scheme_accent_dark .background button a {
color: inherit !important;
border-bottom: none !important;
font-weight: normal;
}
.wb-content a:hover{
opacity: 0.8;
}
/*--- bullets -----*/
/*-- color schemes ... these can be modified by the user ... these are just defaults --*/
.color_scheme_white .background, .color_scheme_white.background{
background-color: #fff;
color: #181b3e;
/*
border-color: #181b3e;
*/
}
.color_scheme_larchmont_secondary{
background: #002D62 !important;
}
/* .color_scheme_white .burger-menu-text {
color: grey
}
.color_scheme_white .hamburger #headerLineTop {
background-color: grey
}
.color_scheme_white .hamburger #headerLineMiddle {
background-color: grey
}
.color_scheme_white .hamburger #headerLineBottom {
background-color: grey
} */
.mix-blend-mode-dif {
mix-blend-mode: difference;
color: white;
}
/* .hosted-backdrop-filter {
backdrop-filter: invert(1) grayscale(1) contrast(1) opacity(0.01);
filter: invert(1);
background-color: transparent;
} */
/* .invert-transparent {
filter: invert(1);
background-color: transparent;
} */
.color_scheme_light .background, .color_scheme_light.background{
background-color: #eaefef;
color: #181b3e;
border-color: #181b3e;
}
.color_scheme_dark .background, .color_scheme_dark.background{
background-color: #181b3e;
color: #fff;
border-color: #fff;
}
.color_scheme_black .background, .color_scheme_black.background{
background-color: #000;
color: #fff;
border-color: #fff;
}
.color_scheme_accent_light .background, .color_scheme_accent_light.background{
background-color: #fff;
color: #236651;
border-color: #236651;
}
.color_scheme_accent_dark .background, .color_scheme_accent_dark.background{
background-color: #236651;
color: #fff;
border-color: #fff;
}
.cs-header{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
-webkit-box-shadow: 0px 1px 4px rgba(167, 167, 191, 0.1), 0px 2px 5px rgba(0,0,0,.07);
box-shadow: 0px 1px 4px rgba(167, 167, 191, 0.1), 0px 2px 5px rgba(0,0,0,.07);
-moz-box-shadow: 0px 1px 4px rgba(167, 167, 191, 0.1), 0px 2px 5px rgba(0,0,0,.07);
}
/* -- color schemes for header --*/
.wb-content .cs-header-background{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
opacity: 0;
}
.color_scheme_white .cs-header-background{
background-color: #fff;
}
.color_scheme_white .cs-header-link-wrap > p,
.color_scheme_white .cs-burgee-wrap > p{
color: #181b3e !important;
}
.color_scheme_white .cs-header-link-wrap::after{
background: #181b3e;
}
.color_scheme_light .cs-header-background{
background-color: #eaefef;
}
.color_scheme_light .cs-header-link-wrap > p,
.color_scheme_light .cs-burgee-wrap > p{
color: #181b3e !important;
}
.color_scheme_light .cs-header-link-wrap::after{
background: #181b3e;
}
.color_scheme_dark .cs-header-background{
background-color: #181b3e;
}
.color_scheme_dark .cs-header-link-wrap > p,
.color_scheme_dark .cs-burgee-wrap > p{
color: #fff;
}
.color_scheme_dark .hamburger > div{
background-color: #fff !important;
}
.color_scheme_dark .burger-menu-text{
color: #fff;
}
.color_scheme_dark .cs-header-link-wrap::after{
background: #fff;
}
.color_scheme_black .cs-header-background{
background-color: #000;
}
.color_scheme_black .cs-header-link-wrap > p,
.color_scheme_black .cs-burgee-wrap > p{
color: #fff;
}
.color_scheme_black .hamburger > div{
background-color: #fff !important;
}
.color_scheme_black .burger-menu-text{
color: #fff;
}
.color_scheme_black .cs-header-link-wrap::after{
background: #fff;
}
.color_scheme_accent_light .cs-header-background{
background-color: #fff;
}
.color_scheme_accent_light .cs-header-link-wrap > p,
.color_scheme_accent_light .cs-burgee-wrap > p{
color: #236651;
}
.color_scheme_accent_light .cs-header-link-wrap::after{
background: #236651;
}
.color_scheme_accent_dark .cs-header-background{
background-color: #236651;
}
.color_scheme_accent_dark .cs-header-link-wrap > p,
.color_scheme_accent_dark .cs-burgee-wrap > p{
color: #fff;
}
.color_scheme_accent_dark .hamburger > div{
background-color: #fff !important;
}
.color_scheme_accent_dark .burger-menu-text{
color: #fff;
}
.color_scheme_accent_dark .cs-header-link-wrap::after{
background: #fff;
}
/* -- end color schemes for header --*/
.wb-content button{
position: relative;
text-align: center;
z-index: 2;
letter-spacing: 1px;
line-height: 24px;
padding-left: 16px;
padding-right: 16px;
cursor: pointer;
padding-top: 8px;
padding-bottom: 8px;
font-size: 14px;
border-radius: 2px;
font-weight: normal;
border: none;
display: block;
}
.wb-button-primary{
color: #fff;
background-color: #181b3e;
white-space: nowrap;
}
/*-- styles for different header versions --*/
.cs-header.header-style_stacked .cs-burgee-wrap{
position: relative;
left: initial;
right: initial;
margin-left: auto;
margin-right: auto;
float: none;
padding-top: 10px;
margin-bottom: -10px;
}
.cs-header.header-style_centered .cs-burgee-wrap{
position: relative;
left: initial;
right: initial;
margin: 0px;
float: none;
padding-top: 10px;
margin-bottom: -10px;
}
.cs-header.header-style_stacked .innerHeader{
display: block;
}
.cs-header.header-style_stacked .cs-desktop-menu-wrap{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.cs-header.header-style_centered .cs-desktop-menu-wrap{
display: flex;
flex-direction: row;
-webkit-flex-flow: row wrap;
justify-content: center;
flex-wrap: wrap;
text-align: center;
justify-content: center;
}
.link-style-button .button_link_p{
padding-top: 4px;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px;
border-radius: 2px;
margin-top: -4px;
}
.link-style-button.cs-header-link-wrap::after{
display: none !important;
}
.cs-header-link-wrap{
padding-top: 4px
}
.cs-header.header-position_relative{
position: relative !important;
}
.cs-header.header-position_fixed{
position: sticky !important;
top: 0;
z-index: 1000;
}
/*-- overlays --*/
.cs-image-overlay{
opacity: 0;
background-color: #141a21;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
}
.cs-image-overlay-v2{
opacity: 0;
background-color: #141a21;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
min-width: 75px;
min-height: 75px;
border-radius: 3px;
}
.cs-unlayer-component-wrap .u-row{
display: flex;
}
.standardOverlay{
position: fixed;
display: none;
opacity: 0;
z-index: 1000;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
background-color: rgba(8,8,19,0.64);
cursor: pointer;
}
.standardOverlayCard{
max-width: 600px;
background-color: #fff;
border-radius: 5px;
margin-top: 14vh;
cursor: initial;
}
.fullViewOverlayCard{
background-color: #fff;
cursor: initial;
width: auto;
border-radius: 0px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
max-width: initial;
margin: 0px;
}
.fullViewOverlayCard .sticky-wrap{
position: -webkit-sticky;
position: sticky;
background-color: #fff;
z-index: 10;
top: 0px;
}
.xButton{
height: 30px;
width: 30px;
border-radius: 100%;
position: absolute;
top: 5px;
right: 5px;
background-color: #fff;
background-image: url("https://d282wvk2qi4wzk.cloudfront.net/xButton.jpg");
background-position: center;
background-size: 14px;
background-repeat: no-repeat;
cursor: pointer;
z-index: 1;
}
/*-- image with text --*/
.cs-image-with-text_text-wrap, .cs-image-with-text_image-wrap{
min-width: 50%;
max-width: 50%;
}
.cs-image-with-text_image-wrap-inner{
top: 0px;
left: 0px;
bottom: 0px;
position: absolute;
right: 50%;
}
.orientation-right .cs-image-with-text_image-wrap-inner{
top: 0px;
right: 0px;
bottom: 0px;
position: absolute;
left: 50%;
}
.cs-image-with-text_image-slider-outer{
position: absolute;
top: 15%;
bottom: 15%;
right: 15%;
left: 15%;
}
.cs-image-with-text-image-mat{
position: absolute;
left: -40px;
right: 20%;
top: -40px;
bottom: 20%;
}
/*-- image slider --*/
.cs-image-slider-wrap{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
overflow: hidden;
}
.inset .cs-image-slider-wrap{
top: 30px;
left: 30px;
bottom: 30px;
right: 30px;
}
.cs-background-image.inset{
background-color: #fff !important;
}
.cs-image-slider{
height: 100%;
}
.cs-image-slider-card{
height: 100%;
position: absolute;
opacity: 0;
transition: 1s;
width: 100%;
}
/*
.cs-image-slider.position-0 .cs-image-slider-card-0, .cs-image-slider.position-1 .cs-image-slider-card-1, .cs-image-slider.position-2 .cs-image-slider-card-2, .cs-image-slider.position-3 .cs-image-slider-card-3, .cs-image-slider.position-4 .cs-image-slider-card-4{
opacity: 1;
}
*/
.cs-image-slider-card.active{
opacity: 1;
}
.cs-image-slider-card.prev,
.cs-image-slider-card.next {
z-index: 800;
}
.cs-image-slider-card.prev {
transform: translateX(-100%); /* Move 'prev' item to the left */
}
.cs-image-slider-card.next {
transform: translateX(100%); /* Move 'next' item to the right */
}
/*
.cs-image-slider-1{
width:100%;
}
.cs-image-slider-1 > div{
width: 100%;
}
.cs-image-slider-2{
width:200%;
}
.cs-image-slider-2 > div{
width: 50%;
}
.cs-image-slider-3{
width:300%;
}
.cs-image-slider-3 > div{
width: 33.333%;
}
.cs-image-slider-4{
width:400%;
}
.cs-image-slider-4 > div{
width: 25%;
}
.cs-image-slider-5{
width:500%;
}
.cs-image-slider-5 > div{
width: 20%;
}
*/
/*-- basics --*/
.relative{
position: relative;
}
.hidden {
display: none !important;
opacity: 0;
}
.capitalize{
text-transform: capitalize;
}
.uppercase{
text-transform: uppercase;
}
.scrollable {
overflow: auto !important;
-webkit-transition-property: top, bottom;
transition-property: top, bottom;
-webkit-transition-duration: .2s, .2s;
transition-duration: .2s, .2s;
-webkit-transition-timing-function: linear, linear;
transition-timing-function: linear, linear;
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}
.overflowHidden{
overflow: hidden !important;
}
.overflowVisible{
overflow: visible !important;
}
.absoluteA{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
opacity: 0 !important;
text-decoration: none !important;
}
.absoluteA:hover{
opacity: 0 !important;
text-decoration: none !important;
}
.absoluteInput{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
bottom: 0px;
z-index: 1;
opacity: 0;
cursor: pointer;
}
/* ---- tab bars ---*/
.cs-tab-bar-option{
cursor: pointer;
color: #6a7482;
background-color: #fff;
font-family: 'roboto';
font-weight: 300;
font-size: 16px;
padding-left: 11px;
padding-right: 11px;
padding-top: 3px;
padding-bottom: 3px;
border-radius: 25px;
background-color: #fff;
margin-right: 8px;
white-space: nowrap;
line-height: 30px;
}
.cs-tab-bar-option.active,
.cs-tab-bar-option:hover
{
color: #fff !important;
background-color: #4a56f8;
}
/*-- tables --*/
td{
padding-left: 30px;
padding-right: 30px;
padding-top: 8px;
padding-bottom: 8px;
vertical-align: top;
}
table{
border-collapse: collapse;
}
.tableHeaderRow{
background-color: #f1f5fa;
border-bottom: 1px solid #e2e8e8;
}
.tableRow{
text-align: left;
border-bottom: 1px solid #e8edf1;
font-size: 15px;
line-height: 22px;
}
th, .mock-table-header-item{
text-align: left;
padding-left: 30px;
padding-right: 30px;
line-height: 30px;
text-transform: uppercase;
font-size: 13px;
padding-top: 6px;
color: #575d6f;
font-weight: 500;
white-space: nowrap;
font-family: 'roboto';
}
th a, .mock-table-header-item a{
font-weight: 500 !important;
letter-spacing: 0px !important;
color: #5377de !important;
}
th.sortable:hover, .mock-table-header-item.sortable:hover{
color: #141927;
}
th.sortable, .mock-table-header-item.sortable{
position: relative;
cursor: pointer;
}
th.narrower{
max-width: 150px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
td.lessPadding, .mock-td.lessPadding{
padding-left: 10px;
padding-right: 10px;
}
td.extraPaddingTop{
padding-top: 25px;
}
td.extraPaddingBottom{
padding-bottom: 25px;
}
.campClassTableRow td{
white-space: nowrap;
}
.mock-table-header-row{
padding-left: 30px;
padding-right: 30px;
background-color: #f1f5fa;
border-top: 1px solid #e2e8e8;
}
.tableRow{
text-align: left;
border-bottom: 1px solid #e8edf1;
font-size: 15px;
line-height: 22px;
}
.tableRow.clubMemberRow.reciprocal, .tableRow.callout{
border-left: 10px solid #cacedc;
}
td.vertical-merge{
vertical-align: middle;
border-right: 1px solid #e8edf1;
background-color: #fff;
border-bottom: 1px solid #e8edf1;
}
td.vertical-merge.darker{
background-color: #f9fbfd;
}
td.sum{
border-top: 1px solid #646b7c;
}
td.sum p, td.sum p.bold{
font-size: 16px;
}
td.accounting, th.accounting{
/*
padding-right: 0px;
*/
text-align: right;
}
.accounting-header{
color: #5063b1;
text-transform: uppercase;
font-size: 14px !important;
padding-top: 6px;
padding-bottom: 2px;
}
.tableRow p.bold, tr p.bold{
font-family: 'roboto';
font-weight: 500;
font-size: 15px;
}
.tableRow td.vertical-merge p{
font-family: 'roboto';
font-weight: 500;
font-size: 14px;
white-space: initial;
}
.campClassTableCell.incompatible{
background-color: #eff2f5;
border-top: none;
border-right: none;
border-left: none;
border-bottom: 1px solid #eff2f5;
}
.tableTapCell{
border: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
/* color: #262d61; */
cursor: pointer;
color: #3d4752;
}
tr p, .table-view.tighter .table-view-row p{
border: none;
white-space: nowrap;
/*
color: #262d61;
overflow: hidden;
text-overflow: ellipsis;
*/
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
color: #3d4752;
font-size: 16px;
}
tr p a, .table-view.tighter .table-view-row p a{
font-size: 15px;
color: #4a56f8;
font-family: 'roboto';
font-weight: 300;
letter-spacing: 0px;
}
.contentBody{
background-color: #f1f5f9;
margin-left: -30px;
margin-right: -30px;
margin-bottom: -25px;
margin-top: 10px;
cursor: default;
padding-top: 8px;
padding-bottom: 15px;
padding-right: 0px;
padding-left: 0px;
cursor: initial;
}
.content-body-inner{
padding-top: 10px;
padding-bottom: 25px;
padding-left: 5px;
padding-right: 5px;
background: #fff;
margin-top: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #e8edf1;
}
td.first-cell{
width: 10px;
padding-right: 0px;
}
.table-view-row p{
text-align: left !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
.table-view-row p.centeredText{
text-align: center !important;
}
.tag-table-data{
display: flex;
width: 200px;
flex-wrap: wrap;
}
/*-- dropdown arrows ----*/
.tableRow .standardBackButton{
width: 18px;
min-width: 18px;
opacity: 0.5;
max-width: 18px;
height: 18px;
background-position: center;
background-size: 14px;
transform: rotate(-180deg);
margin-top: 5px;
margin-left: 0px;
padding: 0px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-transform: rotate(-180deg);
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
}
.tableRow.active .standardBackButton{
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-transform: rotate(-90deg);
}
.tableTapCell.sessionsInsert_entryList{
max-width: 250px;
}
.sessionsInsert_entryList p{
text-overflow: ellipsis;
overflow: hidden;
}
.tableNonTapCell{
border: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding-top: 4px;
padding-bottom: 4px;
font-weight: bold;
color: #333;
}
.tableTapCell.warning, .warningFont, .standardTapCell.warning, .tapCellCompanion.warning, .warning, .statusText.warning, .primaryButton.white.warning, .cardFooterButton.white.warning, tr .tableRowDropdownOption.warning p{
color: #c34e4e !important;
}
.tableTapCell.incomplete, .tableNonTapCell.incomplete, .subtext.incomplete, p.incomplete, .table-row.incomplete p, tr.incomplete p, h4.incomplete, i.incomplete, span.incomplete, .inline-value.incomplete{
color: #9ca4b7 !important;
}
.inline-value.incomplete.missingField{
color: #c34e4e !important;
}
.inline-value.dark{
color: #181b3e !important;
}
.inputWrap.inputWrapFull.show-invalid{
border: 1px solid #c34e4e !important;
}
.inputWrap.inputWrapFull.show-invalid .inputLabel{
color: #a04a4a !important;
}
/*------------------------ easing -------------------- */
.easeSlow {
-webkit-transition: all 0.70s ease-in-out;
-moz-transition: all 0.70s ease-in-out;
-ms-transition: all 0.70s ease-in-out;
-o-transition: all 0.70s ease-in-out;
}
.ease {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
.easeFast {
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-ms-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
}
.easeSuperFast {
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
}
.no-ease{
-webkit-transition: all none !important;
-moz-transition: all none !important;
-ms-transition: all none !important;
-o-transition: all none !important;
}
/* --- "freezing" table columns/rows --*/
/* --- "freezing" table columns/rows --*/
.sticky-column{
position: -webkit-sticky;
position: sticky;
left: 0px;
}
.sticky-column::after{
content: '';
position: absolute;
right: 0;
width: 1px;
bottom: 0;
top: 0;
background-color: #e2e8e8;
}
th.sticky-column{
background-color: #f1f5fa;
}
td.sticky-column{
background-color: #fff;
}
/*-- search and inputs --*/
.searchBarWrap::after {
content: "";
position: absolute;
left: 30px;
top: 22px;
width: 17px;
height: 17px;
min-width: 17px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/search-bar-icon-b.png);
background-repeat: no-repeat;
background-position: center;
background-size: 19px;
}
.standardCardBody .inputWrap, .standardCardBody .textareaWrap{
border: 1px solid #e2e8e8;
}
.standardCardFooter{
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
min-height: 40px;
}
.standardCard h3, .standardOverlayCard h3{
padding-left: 22px;
padding-top: 28px;
color: #2a375f;
font-size: 24px;
line-height: 34px;
padding-bottom: 12px;
font-family: 'roboto';
}
.inputWrap{
border-radius: 2px;
padding-top: 12px;
padding-bottom: 12px;
height: 35px;
min-width: 100px;
position: relative;
background-color: #fff;
}
.inputWrap.onWhite{
border: 1px solid #bdcad6;
}
/*--------- searchbar inputs ----- */
.inputWrap.searchBar{
height: 28px;
padding-top: 4px;
padding-bottom: 4px;
min-width: 240px;
}
.inputWrap.searchBar input {
font-size: 16px;
top: 0px;
left: 0px;
padding-left: 30px;
bottom: 0px;
right: 0px;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
/*
font-weight: bold;
*/
}
.inputWrap.searchBar input::-webkit-input-placeholder {
font-size: 16px;
/*
font-weight: bold;
*/
}
/*-- and taller version for easy tapping on kiosks like pos --*/
.inputWrap.searchBar.bigger{
height:44px;
}
.inputWrap.searchBar.bigger input, .inputWrap.searchBar.bigger input::-webkit-input-placeholder {
font-size: 20px;
}
/* ------- inline-search for slimmer searchars underneath the card header but above the table view ---------------*/
.searchBarWrap.inline-search::after{
left: 22px;
top: 17px !important;
}
.searchBarWrap.inline-search,
.searchBarWrap.inline-search{
padding-top: 5px;
padding-bottom: 5px;
border-bottom: none !important;
}
.searchBarWrap.inline-search input{
padding-left: 45px !important;
left: 0px !important;
font-size: 15px;
}
.searchBarWrap.inline-search input::-webkit-input-placeholder,
.searchBarWrap.inline-search input::-webkit-input-placeholder
{
font-size: 16px !important;
font-weight: normal;
}
.searchBarWrap.inline-search .inputWrap.searchBar{
height: 44px !important;
padding-top: 0px;
width: initial !important;
padding-bottom: 0px;
}
.searchBarWrap.inline-search .posScrollbarItem,
.posScrollbarItem.mobile-order.smaller {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 11px;
padding-right: 11px;
}
/*-------------------------- sort arrows -----------------------------*/
.sort-arrow{
opacity: 0.4;
position: absolute;
right: 10px;
top: 13px;
width: 14px;
min-width: 14px;
max-width: 14px;
height: 14px;
background-size: 14px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/backArrowBlack.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
cursor: pointer;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
th.sortable:hover .sort-arrow, .mock-table-header-item.sortable:hover .sort-arrow{
opacity: 1;
}
th.sortable.sorted, .mock-table-header-item.sorted{
color: #5377de;
}
th.sortable.sorted .sort-arrow, .mock-table-header-item.sortable.sorted .sort-arrow{
opacity: 1;
}
th.sortable.ascending .sort-arrow, .mock-table-header-item.sortable.ascending .sort-arrow{
opacity: 1;
-webkit-transform: rotate(-270deg);
-moz-transform: rotate(-270deg);
-ms-transform: rotate(-270deg);
-o-transform: rotate(-270deg);
}
/* -------------------- inputs ----------------------------- */
input:focus::-webkit-input-placeholder, .incompatible.editableTableCell input::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder, .incompatible.editableTableCell input:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder, .incompatible.editableTableCell input::-moz-placeholder { color:transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder, .incompatible.editableTableCell input:-ms-input-placeholder { color:transparent; } /* IE 10+ */
input:-webkit-autofill, textarea:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 100px white inset !important;
}
input::-webkit-input-placeholder {
color: #9ca4b7;
font-size: 16px;
font-weight: 300;
font-family: 'roboto';
}
input.contact-me-input::-webkit-input-placeholder, input.bigger-placeholder::-webkit-input-placeholder {
font-size: 20px !important;
}
input.contact-me-input::-moz-placeholder, input.bigger-placeholder::-webkit-input-placeholder {
font-size: 20px !important;
}
input.contact-me-input:-ms-input-placeholder, input.bigger-placeholder::-webkit-input-placeholder {
font-size: 20px !important;
}
input.medium-placeholder::-webkit-input-placeholder {
font-size: 18px !important;
}
input.medium-placeholder::-moz-placeholder {
font-size: 18px !important;
}
input.medium-placeholder:-ms-input-placeholder {
font-size: 18px !important;
}
input.medium-placeholder {
font-size: 18px !important;
}
.editableTableCell input, .editableTableCell input::-webkit-input-placeholder {
font-size: 16px;
padding-top: 0px;
padding-bottom: 0px;
position: absolute;
left: 0px;
width: 97%;
bottom: 0px;
top: 0px;
font-weight: bold;
background-color: rgba(255,255,255,0);
}
.editableTableCell input{
color: #2a375e;
padding-left: 10px;
}
.editableTableCell{
border-left: 1px solid #e8edf2;
position: relative;
overflow: hidden;
cursor: text;
}
input::-moz-placeholder { /* Firefox 19+ */
color: #9ca4b7;
font-size: 16px;
font-weight: 300;
font-family: 'roboto';
}
input:-ms-input-placeholder {
color: #9ca4b7;
font-size: 16px;
font-weight: 300;
font-family: 'roboto';
}
@-webkit-keyframes shake {
0% {-webkit-transform: translateX(10px);
-moz-transform: translateX(10px);
-ms-transform: translateX(10px);
-o-transform: translateX(10px);
transform: translateX(10px);}
20% {-webkit-transform: translateX(-12px);
-moz-transform: translateX(-12px);
-ms-transform: translateX(-12px);
-o-transform: translateX(-12px);
transform: translateX(-12px);}
40% {-webkit-transform: translateX(15px);
-moz-transform: translateX(15px);
-ms-transform: translateX(15px);
-o-transform: translateX(15px);
transform: translateX(15px);}
60% {-webkit-transform: translateX(-8px);
-moz-transform: translateX(-8px);
-ms-transform: translateX(-8px);
-o-transform: translateX(-8px);
transform: translateX(-8px);}
80% {-webkit-transform: translateX(3px);
-moz-transform: translateX(3px);
-ms-transform: translateX(3px);
-o-transform: translateX(3px);
transform: translateX(3px);}
100% {-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);}
}
p a{
overflow-wrap: break-word;
}
textarea{
border: none;
padding: 15px;
border-radius: 2px;
font-size: 16px;
line-height: 24px;
font-family: 'roboto';
outline: none;
resize: none;
}
.checkboxText{
display: inline-block;
padding-left: 8px;
line-height: 25px;
color: #52606e;
font-family: 'roboto';
font-size: 15px;
font-weight: 200;
}
.checkboxText a{
font-weight: normal !important;
}
.standardCheckbox{
margin-top: 5px;
}
.textareaWrap{
border-radius: 2px;
padding-top: 12px;
padding-bottom: 12px;
min-width: 100px;
position: relative;
background-color: #fff;
height: 100px;
}
.shake{
-webkit-animation: shake 0.5s linear;
}
.inputWrap.secondary{
height: 28px;
padding-top: 6px;
padding-bottom: 6px;
min-width: 75px;
}
.inputCurrencySymbol.secondary{
line-height: 40px;
font-weight: bold;
padding-left: 5px;
padding-right: 5px;
font-size: 20px;
}
.inputWrap.missingField{
-webkit-animation: shake 0.5s linear;
}
.inputWrap.checkoutInputWrap{
margin-left: auto;
margin-right: auto;
margin-top: 20px;
}
.inputWrap select{
position: absolute;
top: 0px;
bottom: 0px;
left: 0px;
padding-left: 15px;
width: 95%;
font-size: 22px;
padding-top: 0px;
padding-bottom: 0px;
color: #2a3135;
background-color: rgba(0,0,0,0.0);
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
}
.inputWrap select:hover{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.inputWrap select{
z-index: 5;
}
.inputWrap input, .textareaWrap textarea{
position: absolute;
top: 0px;
height: 100%;
left: 0px;
padding-top: 0px;
padding-bottom: 0px;
bottom: 0px;
padding-left: 20px;
width: 90%;
font-size: 22px;
font-family: 'roboto';
font-weight: normal;
color: #2a3135;
background-color: rgba(0,0,0,0.0);
}
.inputWrap input.searchBar{
padding-left: 55px;
}
.inputWrap.secondary input{
padding-top: 0px;
padding-bottom: 0px;
top: 0px;
font-size: 20px;
padding-left: 10px;
width: 85%;
}
.successfulFileUploadWrap{
position: absolute;
background-color: #fff;
top: 0px;
bottom: 0px;
left: 0px;
padding-top: 17px;
font-size: 22px;
line-height: 28px;
opacity: 0;
}
.inputWrapFull .successfulFileUploadWrap{
opacity: 1;
}
.textareaWrap textarea{
font-size: 18px !important;
line-height: 26px !important;
z-index: 1;
padding-top: 10px;
padding-bottom: 10px;
height: auto;
}
input{
outline: none;
padding: 5px;
border: none;
z-index: 2;
}
.inputLabel{
top: 16px;
color: #8493a0;
font-size: 16px;
text-transform: uppercase;
left: 10px;
background-color: #fff;
position: absolute;
letter-spacing: 1px;
padding-left: 5px;
padding-right: 8px;
padding-top: 2px;
padding-bottom: 2px;
font-weight: 500;
height: 20px;
line-height: 20px;
z-index: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 90%;
}
.inputWrapFull .inputLabel, .textareaWrapFull .inputLabel{
top: -10px;
font-size: 11px;
padding-left: 8px;
z-index: 10;
}
.inputLabel.fa{
background-color: #fafafa;
}
.recipient_email_search_input {
border: 1px solid #b0b7bf;
width: 300px;
font-size: 16px;
padding-top: 8px;
padding-bottom: 8px;
margin-left: 30px;
}
.recipient_email_search_input::placeholder {
font-size: 16px;
}
.recipient-search-hint {
margin-left: 30px;
font-size: 14px;
color:#636970;
margin-bottom: 25px;
}
.recipient_email_search_btn {
padding-left: 16px;
padding-right: 16px;
padding-top: 12px;
padding-bottom: 10px;
}
/*------------------------------ flex styles -------------------------- */
.flexcontainer {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
}
.flexWrap {
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.flexWrap.baseline, .flexWrapLeftAlign.baseline{
align-items: baseline;
}
.flexWrapLeftAlign, .camps .campsContent.flexWrapLeftAlign, .admin .campsContent.flexWrapLeftAlign{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.flexWrapRightAlign {
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
justify-content: flex-end;
-webkit-justify-content: flex-end;
-ms-justify-content: flex-end;
-moz-justify-content: flex-end;
}
.flexNoWrap, .camps .campsContent.flexNoWrap, .admin .adminContent.flexNoWrap, .admin .campsContent.flexNoWrap{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
.flexNoWrap-inline{
display: -ms-inline-flex;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: inline-flex;
}
.flexNoWrapCenter {
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
justify-content: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
text-align: center;
}
.flexNoWrapCenterAlign {
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-justify-content: center;
-ms-justify-content: center;
-moz-justify-content: center;
text-align: center;
}
.flexNoWrapRight {
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
justify-content: right;
-webkit-justify-content: right;
-ms-justify-content: right;
-moz-justify-content: right;
text-align: right;
}
.flexGrowOne {
-webkit-flex-grow: 1;
-moz-flex-grow: 1;
-ms-flex-grow: 1;
flex-grow: 1;
}
.flexGrowTwo {
-webkit-flex-grow: 2;
-moz-flex-grow: 2;
-ms-flex-grow: 2;
flex-grow: 2;
}
.flexGrowThree {
-webkit-flex-grow: 3;
-moz-flex-grow: 3;
-ms-flex-grow: 3;
flex-grow: 3;
}
.leftText, .textLeft{
text-align: left;
}
.centeredText{
text-align: center;
}
.rightText{
text-align: right;
}
/*-------------------- no objects msg ----------------------- */
.accordionBody p, .noObjectsMSG, .table-view p.noObjectsMSG{
font-size: 18px;
line-height: 26px;
font-weight: bold;
color: #626f7d;
}
.noObjectsMSG, .table-view p.noObjectsMSG{
color: #778798;
font-family: 'roboto';
font-weight: 400;
}
.noObjectsMSG a{
font-weight: 400;
letter-spacing: 0px;
}
.subtext{
font-size: 20px;
line-height: 28px;
font-weight: bold;
color: #525e6b;
}
.noObjectsMSG{
max-width: 600px;
}
.noObjectsMSG.withMargin{
margin-top: 40px;
margin-bottom: 40px;
margin-left: 20px;
margin-right: 20px;
}
.noObjectsMSG.withPadding, .subtext.withPadding{
padding-top: 22px;
padding-bottom: 22px;
padding-left: 22px;
padding-right: 22px;
}
/*------------------- positioning -------------------------- */
.smallMarginLeftRight{
margin-left: 12px;
margin-right: 12px;
}
.marginLeftRightFifteen{
margin-left: 15px;
margin-right: 15px;
}
.smallMarginLeft{
margin-left: 11px;
}
.smallMarginRight{
margin-right: 11px;
}
.marginTen{
margin: 10px;
}
.marginTwenty{
margin: 20px;
}
.maxFifty{
max-width: 50px;
}
.maxOneHundo{
max-width: 100px;
}
.maxOneFifty{
max-width: 150px;
}
.maxTwoHundo{
max-width: 200px;
}
.maxTwoFifty{
max-width: 200px;
}
.maxTwoFiftyTrue{
max-width: 250px;
}
.minTwoSeventyFive{
min-width: 275px;
}
.maxTwoSeventyFive{
max-width: 275px;
}
.maxThreeHundo{
max-width: 300px;
}
.noMaxWidth{
max-width: initial !important;
}
.noMinWidth{
min-width: initial !important;
}
.maxThreeFifty, .maxThreeFiftyThenFourFifty{
max-width: 350px;
}
.maxHeightThreeHundo{
max-height: 300px;
}
.maxFourHundo{
max-width: 400px;
}
.maxFourFifty{
max-width: 450px;
}
.maxFourEighty{
max-width: 480px;
}
.maxFiveHundo{
max-width: 500px;
}
.maxFiveTwenty{
max-width: 520px;
}
.maxFiveFifty{
max-width: 550px;
}
.maxSixHundo{
max-width: 600px;
}
.maxSixFifty{
max-width: 650px;
}
.maxSevenHundo{
max-width: 700px;
}
.maxSevenFifteen{
max-width: 715px;
}
.maxSevenFifty{
max-width: 750px;
}
.maxEightHundo{
max-width: 800px;
}
.maxEightFifty{
max-width: 850px;
}
.maxNineHundoTrue{
max-width: 900px;
}
.maxTenFifty{
max-width: 1050px;
}
.maxNineHundo{
/*-- inentionally switched to 1150px ---*/
max-width: 1100px;
}
.maxNineFifty{
max-width: 950px;
}
.maxOneK{
max-width: 1000px;
}
.noMaxWidth{
max-width: initial !important;
}
.noMinWidth{
min-width: initial !important;
}
.eightyPercent{
width: 80%;
}
.eightyPercentThenHundo{
width: 80%;
max-width: 850px;
}
.eightyThenNinety, .eightyThenNinetyTrue{
width: 80%;
}
.ninetyPercent{
width: 95%;
}
.realNinety{
width: 90%;
}
.hundop{
width: 100%;
}
.minWidthOneHundo{
min-width: 100%;
}
.minWidthForty{
min-width: 40px;
}
.minFifty{
min-width: 50px !important;
}
.minOneHundo{
min-width: 100px;
}
.minOneTwenty{
min-width: 120px;
}
.minOneFifty{
min-width: 150px;
}
.minTwoHundo{
min-width: 200px;
}
.minTwoFifty{
min-width: 250px;
}
.minTwoEighty{
min-width: 280px;
}
.minThreeHundo, .minThreeHundoThenNone{
min-width: 300px;
}
.minThreeFifty{
min-width: 350px;
}
.minFiveFifty{
min-width: 550px;
}
.borderBottom{
border-bottom: 2px solid #eef3f3;
}
.borderTop{
border-top: 2px solid #eef3f3;
}
.borderLeft{
border-left: 1px solid #d7dee4;
}
.lightBorderTop{
border-top: 1px solid #e4ebf1;
}
.lightBorderBottom{
border-bottom: 1px solid #e4ebf1;
}
.lightBorderAllAround{
border: 1px solid #e4ebf1;
}
.marginTop{
margin-top: 35px;
}
.marginTopBottom{
margin-top: 20px;
margin-bottom: 20px;
}
.marginLeft{
margin-left: 20px;
}
.marginLeft-25{
margin-left: 25px;
}
.marginRight{
margin-right: 20px;
}
.marginRightOneTen{
margin-right: 110px;
}
.noMargin{
margin: 0px !important;
}
.noMarginTop{
margin-top: 0px !important;
}
.noMarginLeft{
margin-left: 0px !important;
}
.noPaddingRight{
padding-right: 0px !important;
}
.noMaxWidth{
max-width: auto !important;
}
.noPadding{
padding: 0px !important;
}
.noPaddingTop{
padding-top: 0px !important;
}
.noPaddingBottom{
padding-bottom: 0px !important;
}
.noPaddingTopBottom{
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.noPaddingLeftRight{
padding-left: 0px !important;
padding-right: 0px !important;
}
.paddingLeftTwenty{
padding-left: 20px;
}
.noMarginLeftRight{
margin-left: 0px !important;
margin-right: 0px !important;
}
.noBorder{
border: 0px !important;
}
.noBorderBottom{
border-bottom: 0px !important;
}
.noBorderTop{
border-top: 0px !important;
}
.noBoxShadow{
-webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.noBackground{
background:rgba(255,255,255,0) !important;
}
.bigMarginTop{
margin-top: 45px;
}
.biggerMarginTop{
margin-top: 65px;
}
.marginTop15vh{
margin-top: 15vh;
}
.bigMarginBottom{
margin-bottom: 45px;
}
.smallMarginBottom{
margin-bottom: 20px;
}
.smallerMarginTop, .tooltipDot.smallerMarginTop{
margin-top: 10px;
}
.smallerMarginBottom{
margin-bottom: 10px;
}
.smallerMarginLeft{
margin-left: 10px;
}
.smallerMarginRight{
margin-right: 10px;
}
.smallMarginTop{
margin-top: 20px;
}
.marginTopFour{
margin-top: 4px;
}
.tinyMarginTop{
margin-top: 8px;
}
.tinyMarginRight{
margin-right: 8px;
}
.marginRightFive{
margin-right: 5px;
}
.tinyMarginBottom{
margin-bottom: 8px;
}
.marginBottom{
margin-bottom: 35px;
}
.tinyMarginLeft{
margin-left: 8px;
}
.tinyMarginLeftRight{
margin-left: 8px;
margin-right: 8px;
}
.tinyPaddingLeftRight{
padding-left: 8px;
padding-right: 8px;
}
.tinyPaddingLeft{
padding-left: 8px;
}
.tinierPaddingTop{
padding-top: 5px;
}
.tinyPaddingAllAround{
padding: 8px;
}
.padding-top-1-px{
padding-top: 1px;
}
.tinyPaddingTop{
padding-top: 8px;
}
.tiniestPaddingTop{
padding-top: 5px;
}
.tinyPaddingBottom{
padding-bottom: 8px;
}
.smallPaddingTop{
padding-top: 20px;
}
.smallerPaddingTop{
padding-top: 12px;
}
.smallerPaddingBottom{
padding-bottom: 12px;
}
.paddingTop{
padding-top: 35px;
}
.noPaddingLeft{
padding-left: 0px !important;
}
.pointer{
cursor: pointer;
}
.noPointer{
cursor: initial !important;
}
.borderRadiusThree{
border-radius: 3px !important;
}
.borderRadiusFive{
border-radius: 5px !important;
}
.paddingLeftRight{
padding-left: 8px;
padding-right: 8px;
}
.paddingLeftRightTen{
padding-left: 10px;
padding-right: 10px;
}
.paddingLeftFifteen{
padding-left: 15px !important;
}
.morePaddingLeftRight{
padding-left: 15px;
padding-right: 15px;
}
.paddingLeftRightTwenty{
padding-left: 20px;
padding-right: 20px;
}
.paddingLeftRightFifty{
padding-left: 50px;
padding-right: 50px;
}
.paddingTopBottomThirty{
padding-top: 30px;
padding-bottom: 30px;
}
.bigPaddingLeftRight{
padding-left: 30px;
padding-right: 30px;
}
.hugePaddingLeftRight{
padding-left: 60px;
padding-right: 60px;
}
.smallPaddingLeft{
padding-left: 15px;
}
.paddingFifteen{
padding: 15px;
}
.bigPaddingLeft{
padding-left: 30px;
}
.paddingAllAround{
padding: 30px;
}
.smallPaddingAllAround{
padding: 15px;
}
.bigPaddingTop{
padding-top: 45px;
}
.bigPaddingBottom{
padding-bottom: 45px;
}
.bigPaddingTopPlus{
padding-top: 60px;
}
.paddingBottom, .secondaryCard.paddingBottom{
padding-bottom: 35px;
}
.smallPaddingBottom{
padding-bottom: 18px;
}
.paddingTopBottomEighty{
padding-top: 80px;
padding-bottom: 80px;
}
.hugePaddingTop{
padding-top: 100px;
}
.hugeMarginBottom{
margin-bottom: 80px;
}
.hugeMarginTop{
margin-top: 80px;
}
.hugePaddingBottom{
padding-bottom: 100px;
}
.hugerPaddingBottom{
padding-bottom: 150px;
}
.bigPaddingTopBottom{
padding-top: 40px;
padding-bottom: 70px;
}
.centeredBlock{
margin-left: auto;
margin-right: auto;
display: block;
}
.marginBottom{
margin-bottom: 35px;
}
/*-------------------- buttons & spinners ----------------------- */
button{
outline: none;
}
@-webkit-keyframes wk-spinning {
0% {-webkit-transform: rotate(0deg);}
100%{-webkit-transform: rotate(360deg);}
}
@keyframes spinning {
0% {transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
.cardBodySpinnerWrap{
position: absolute;
left: 0px;
right: 0px;
top: 0px;
padding-top: 20px;
padding-bottom: 20px;
visibility: hidden;
opacity: 0;
z-index: 10;
}
.cardBodySpinnerWrap.relative{
position: relative !important;
display: none !important;
padding-top: 25px;
padding-bottom: 25px;
}
.cardBodySpinnerWrap.relative.active{
display: block !important;
}
.cardBodySpinnerWrap.active{
opacity: 1;
visibility: visible;
}
.cardBodySpinner{
height: 35px;
width: 35px;
max-width: 35px;
max-height: 35px;
min-width: 35px;
padding: 0px;
border-right: 3px solid rgba(255,255,255,0);
border-left: 3px solid #B9C5D6;
border-top: 3px solid #B9C5D6;
border-bottom: 3px solid #B9C5D6;
background-color: rgba(255,255,255,0);
border-radius: 100%;
-webkit-animation-delay: 0.3s;
cursor: initial;
}
.cardBodySpinnerWrap.active .cardBodySpinner{
animation: spinning 0.65s linear infinite;
-webkit-animation: wk-spinning 0.65s linear infinite;
}
.cardBodySpinnerWrap.centerY{
top: 45vh;
}
.standardCardBody:not(.calendar){
background-color: #fff;
border-top: 1px solid #e2e8e8;
border-bottom: 1px solid #e2e8e8;
padding-left: 22px;
padding-right: 22px;
padding-top: 22px;
padding-bottom: 22px;
position: relative;
min-height: 20px;
/*-- important so tooltips and other content don't push width of page on mobile --*/
overflow: hidden;
}
.cs-signups-name-wrap{
padding: 20px;
font-size: 1.1em !important;
min-width: 280px;
max-width: 280px;
}
.cs-signups-links-wrap-inner{
padding: 10px;
text-align: left;
padding-bottom: 12px;
}
.cs-signups-links-wrap{
display: flex;
align-items: center;
max-width: 180px;
text-align: left;
}
/*------------------------ other global --------------------- */
.fa-square-check{
color: #3bd988;
}
.fa-solid.fa-circle-exclamation{
color: #c34e4e;
}
.global-message-icon-good{
color: #77f18f !important;
padding-right: 5px;
}
.global-message-icon-loading{
display: none;
overflow: hidden;
min-width: 24px;
max-width: 24px;
}
.global-message-icon-spinner{
display: none;
height: 12px;
margin-right: 8px;
width: 12px;
max-width: 12px;
max-height: 12px;
min-width: 12px;
padding: 0px;
border-right: 2px solid rgba(255,255,255,0);
border-left: 2px solid #fff;
border-top: 2px solid #fff;
border-bottom: 2px solid #fff;
background-color: rgba(255,255,255,0);
border-radius: 100%;
animation: spinning 0.65s linear infinite;
animation-delay: 0.3s;
-webkit-animation: wk-spinning 0.65s linear infinite;
-webkit-animation-delay: 0.3s;
}
.global-message-icon-bad{
display: none;
color: #d12445;
padding-right: 5px;
}
.globalMessageInsert.error .global-message-icon-good,
.globalMessageInsert.loading .global-message-icon-good
{
display: none;
}
.globalMessageInsert.error .global-message-icon-bad{
display: inline-block;
}
.globalMessageInsert.loading .global-message-icon-loading{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
align-items: center;
}
.globalMessageInsert.loading .global-message-icon-spinner{
display: inline-block;
}
.globalMessageInsert{
text-align: center;
padding-left: 12px;
width: auto;
padding-right: 12px;
left: 50%;
min-width: 100px;
transform: translateX(-50%) !important;
padding-top: 12px;
padding-bottom: 12px;
line-height: 22px;
font-weight: 400;
background-color: #373b4b;
/*
transform: none !important;
width: 90%;
line-height: 24px;
right: 15%;
left: 15%;
padding: 15px;
margin-right: auto;
margin-left: auto;
background-color: #121834;
border-left: 5px #121834;
*/
position: fixed;
bottom: -80px;
z-index: 10000000;
max-width: 575px;
border-radius: 5px;
box-shadow: 1px 3px 4px 0px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-moz-box-shadow: 1px 3px 4px 0px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-webkit-box-shadow: 1px 3px 4px 0px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
font-size: 16px;
font-family: 'roboto';
font-weight: normal;
visibility: hidden;
opacity: 0;
color: #fff;
}
.globalMessageInsert.active{
bottom: 30px;
visibility: visible;
opacity: 1;
}
.globalMessageInsert.error{
background-color: #faf1f4;
color: #3b4550;
}
.globalMessageInsert.longer{
left: 10px;
right: 10px;
width: auto;
max-width: none;
}
/*----------------------------------------------- login page --------------------------------- */
.cs-login-image{
height: 100%;
min-height: 250px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.cs-login-burgee{
height: 90px;
background-repeat: no-repeat;
background-position-x: left;
background-size: contain;
}
.cs-login-burgee.centered{
background-position-x: center;
}
.cs-login-profile-picture{
min-width: 90px;
height: 90px;
min-height: 90px;
width: 90px;
max-width: 90px;
max-height: 90px;
border-radius: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
}
/*---------------------------------- components -----------------------------*/
.cs-background-image{
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
position: relative;
}
.cs-background-image-photo{
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 100%;
}
.cs-background-image.has-video{
overflow: hidden;
}
.cs-background-video{
position: absolute;
min-width: 100%;
height: 100%;
object-fit: cover;
}
.has-video .cs-background-video{
display: initial;
}
.wb-content .cs-burgee-wrap{
float: left;
left: 30px;
text-align: center;
width: 120px;
height: 70px;
max-width: 100%;
}
.wb-content .cs-burgee{
height: 100%;
width: 100%;
background-size: 90%;
background-position: center;
background-repeat: no-repeat;
}
.wb-content .cs-burgee-wrap p{
font-family: 'Montserrat';
color: #fff;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
font-size: 10px;
}
/* https://vue3datepicker.com/customization/theming/#css-variables */
:root {
--dp-cell-border-radius: 5px !important; /*Specific border radius for the calendar cell*/
--dp-border-radius: 5px !important; /*Configurable border-radius*/
}
.dp--menu-wrapper{
z-index: 101 !important;
}
.dp__theme_light {
--dp-hover-color: rgb(241 241 246) !important;
--dp-border-color: #e4ebf1 !important;
--dp-menu-border-color: #e4ebf1 !important;
--dp-primary-color: #4a56f8 !important;
--dp-hover-text-color: #081333 !important;
--dp-text-color: #081333 !important;
}
.dp__overlay_container.dp__container_block{
border-bottom: 1px solid #e4ebf1 !important;
}
.dp__main{
width: auto !important;
}
.dp__input_icon{
left: 18px !important;
font-size: 12px !important;
color: #646a7d !important;
}
.dp__calendar_header_item{
font-size: 11px !important;
font-weight: 400 !important;
color: #8b93a5 !important;
height: auto !important;
}
.dp__calendar_header_separator{
background-color: #e4ebf1 !important;
}
.cs-global-date-picker{
width: 186px !important;
padding-left: 26px !important;
font-size: 12px !important;
font-weight: 500;
font-family: 'roboto' !important;
color: #2f3a62 !important;
border: 1px solid #e2e8e8 !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
margin-right: 10px !important;
margin-left: 10px !important;
padding-right: 0px !important;
}
.cs-global-date-picker.single{
width: 105px !important;
}
@media all and (max-width: 900px) {
.cs-global-date-picker,
.cs-global-date-picker.single
{
width: 0px !important;
}
}
.cs-footer{
background-color: #f5f7f9;
border-top: 1px solid #eff3f4;;
}
.cs-footer .header-callout,
.event-date-wrap .header-callout,
.event-row .header-callout{
display: inline-block;
height: 12px;
line-height: 13px;
margin-top: 9px;
margin-left: 8px;
font-size: 10px;
font-family: 'Roboto';
text-transform: uppercase;
font-weight: 500;
background-color: #e1e7ea;
color: #46505d;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
padding-right: 6px;
border-radius: 3px;
}
.event-date-wrap .header-callout,
.event-row .header-callout{
position: absolute;
top: -1px;
left: -1px;
margin: 0px;
background-color: rgba(255,255,255,0.8);
text-align: center;
line-height: 12px;
height: 11px;
}
.header-callout.new{
background-color: #c6f1c6;
color: #105619;
}
.header-callout.dark, .table-row-tag.dark{
background-color: #191b3e;
color: #fff;
}
.powered_by_wrap .powered_by_text{
line-height: 70px;
padding-left: 5px;
font-size: 18px;
letter-spacing: 2px;
color: #2a3664;
text-transform: uppercase;
cursor: pointer;
font-family: 'roboto';
font-weight: normal !important;
display: inline-block;
}
.powered_by{
line-height: 72px;
margin-left: 15px;
color: #728394;
font-weight: 400;
font-size: 16px;
text-align: left;
font-family: 'Roboto' !important;
white-space: pre-wrap;
}
.cs-header-link-wrap{
color: #fff;
margin-left: 14px;
margin-right: 14px;
padding-left: 5px;
padding-right: 5px;
border-top: 2px solid rgba(255,255,255,0);
border-bottom: 2px solid rgba(255,255,255,0);
position: relative;
cursor: pointer;
padding-bottom: 50px;
line-height: 28px;
}
.cs-header-link-wrap.header-style_centered {
padding-bottom: 0px;
}
.cs-header-link-wrap > p{
font-family: 'Lato';
letter-spacing: 0px;
text-transform: none;
color: #fff;
}
.cs-header-link-wrap::after{
content: "";
position: absolute;
height: 1px;
width: 0px;
left: 50%;
top: 30px;
transition: all 0.28s ease 0s;
transform: translateX(-50%);
background: #fff;
}
.cs-header-link-wrap:hover::after{
width: 100%;
}
.cs-header{
background-color: rgba(255,255,255,0);
z-index: 10;
min-height: 68px;
}
.cs-header.absolute-header{
position: absolute;
left: 0px;
right: 0px;
}
.cs-desktop-menu-wrap{
padding-top: 30px;
padding-bottom: 20px;
line-height: 30px;
height: 50px;
}
.cs-desktop-menu-wrap.header-style_centered{
padding-top: 25px;
padding-bottom: 25px;
height: auto;
align-items: center;
justify-content: center;
}
.force-mobile-menu .cs-desktop-menu-wrap,
.force-mobile-menu .innerHeader .cs-burgee-wrap{
visibility: hidden !important;
height: 0px !important;
}
.force-mobile-menu .cs-header{
/*background-image: initial !important;*/
/*position: absolute !important;*/
}
.force-mobile-menu .hamburger,
.force-mobile-menu .burger-menu-text,
.force-mobile-menu .mobileMenu,
.force-mobile-menu .cs-burgee-wrap-mobile
{
display: initial !important;
visibility: visible !important;
}
.cs-burgee-wrap-mobile{
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 8px;
height: 54px;
width: 210px;
display: none;
visibility: hidden;
}
.burger-menu-text{
padding-left: 40px;
line-height: 40px;
color: #3b4550;
font-size: 18px !important;
}
.force-mobile-menu .mobileMenuOverlay.active{
display: block !important;
}
.innerHeader #desktopMenuWrap{
right: 22px;
}
.innerHeader .hamburgerWrap{
left: 22px;
}
.innerHeader .mobileDashboardLinkWrap{
right: 22px;
}
.wb-content .innerHeader{
margin-left: auto;
margin-right: auto;
position: relative;
max-width: initial;
padding-left: 22px;
padding-right: 22px;
/*
width: 95%;
max-width: 95%;
margin-left: auto;
margin-right: auto;
position: relative;
*/
/*
max-width: 1150px;
margin-left: auto;
margin-right: auto;
width: 97%;
position: relative;
*/
}
.align-items-center{
align-items: center;
}
.align-items-middle{
align-items: center;
}
.cs-footer-flex-wrap-row{
display: flex;
flex-direction: row;
}
.cs-footer-flex-wrap-column{
display: flex;
flex-direction: column;
}
.cs-footer-logo-wrap{
display: flex;
align-items: center;
justify-content: center;
background-color: #181b3e;
min-width: 35%;
min-height: 150px;
}
.cs-footer-logo-wrap .cs-burgee-wrap{
left: initial;
}
.cs-footer-link-wrap{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: left;
/*
display: flex;
align-items: flex-start;
justify-content: center;
text-align: center;
flex-wrap: wrap;
*/
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 40px;
max-width: 100%;
}
.footer-link-section{
flex-basis: 0;
min-width: 280px;
overflow: hidden;
padding-bottom: 15px;
}
/*------------------------ header sublinks -------------- */
.cs-header-sublink-outer{
opacity: 0;
visibility: hidden;
z-index: 30;
position: absolute;
text-align: left;
line-height: 40px;
background-color: #fff;
border-radius: 3px;
top: 60px;
left: 50%;
white-space: nowrap;
box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-moz-box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-webkit-box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
padding-right: 8px;
padding-left: 8px;
min-width: 150px;
transform: translateX(-50%);
}
.cs-nth-sublink-wrap{
border-top: 1px solid #f0f3f7;
}
.cs-header-link-wrap:hover .cs-header-sublink-outer, .cs-header-sublink-outer:hover{
visibility: visible;
opacity: 1;
top: 55px;
padding-top: 5px;
padding-bottom: 5px;
}
.cs-header-sublink-outer::after, .startOpaque.opaque .cs-header-sublink-outer::after{
content: "";
position: absolute;
bottom: 100%;
top: auto;
transform: translateX(5px);
left: 50%;
margin-left: -16px;
border-width: 11px;
border-style: solid;
border-color: transparent transparent #fff transparent;
}
.startOpaque .cs-header-sublink-outer::after{
border-color: transparent transparent #e9eef2 transparent;
}
.cs-header-sublink-wrap{
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
line-height: 24px;
}
.cs-footer-sublink-wrap{
cursor: pointer;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 15px;
padding-right: 15px;
line-height: 20px;
}
.nthSublinkWrap{
border-top: 1px solid #f0f3f7;
}
.cs-header-sublink-label, .cs-footer-sublink-label{
font-family: 'Lato';
letter-spacing: 0px;
text-transform: none;
color: #5b6779;
}
.cs-header-sublink-label:hover, .cs-footer-sublink-label:hover{
color: #111;
}
.cs-header-sublink-explain, .cs-footer-sublink-explain{
font-size: 14px;
text-transform: none;
font-family: 'Lato';
font-weight: normal;
line-height: 18px;
padding-bottom: 10px;
color: #6e7885;
}
/* --------------------- mobile menu --------------------------------*/
.wb-content .mobileMenuOverlay, .leftMenuOverlay, .cartOverlay, .mobile-order-summary-overlay{
position: fixed;
z-index: 9;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
background-color: rgba(0,0,0,0.2);
cursor: pointer;
visibility: hidden;
opacity: 0;
}
.wb-content .mobileMenuOverlay{
z-index: 99;
position: absolute !important;
}
.cartOverlay, .mobile-order-summary-overlay{
z-index: 101;
}
.wb-content .mobileMenuOverlay.active, .leftMenuOverlay.active, .cartOverlay.active, .mobile-order-summary-overlay.active{
visibility: visible !important;
opacity: 1;
}
.wb-content .mobileMenu{
position: fixed;
top: 0px;
left: -100%;
width: 90%;
bottom: 0px;
padding-top: 70px;
padding-bottom: 100px;
background-color: #fff;
color: #273766;
z-index: 100;
opacity: 0;
visibility: hidden;
min-width: 320px;
max-width: 500px;
}
.wb-content .mobileMenu.active{
left: 0px;
opacity: 1;
visibility: visible;
}
.wb-content .mobileMenu a, .mobile-link-wrap > p{
display: block;
line-height: 50px;
font-size: 24px;
color: #333;
text-transform: uppercase;
font-family: 'roboto';
font-weight: normal;
padding: 8px;
cursor: pointer;
letter-spacing: 1px;
}
.wb-content .mobileMenu a:hover, .mobile-link-wrap:hover > p{
color: #5a67a9;
}
.wb-content .mobileMenu .innerMenu{
width: 70%;
margin-left: auto;
margin-right: auto;
min-width: 280px;
}
.wb-content .mobileMenu .divider{
width: 100%;
height: 1px;
background-color: #fff;
margin-left: auto;
margin-right: auto;
}
.wb-content .hamburgerWrap{
position: absolute;
left: 20px;
top: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
height: 30px;
/*
width: 30px;
*/
cursor: pointer;
z-index: 1;
}
.wb-content .hamburger>div{
background-color: #3b4550;
position: absolute;
}
.wb-content .hamburger.active>div{
position: absolute;
}
.wb-content .hamburger #headerLineTop{
right: 0px;
left: 0px;
top: 12px;
height: 2px;
width: 22px;
}
.wb-content .hamburger #headerLineMiddle{
right: 0px;
left: 0px;
top: 20px;
height: 2px;
opacity: 1;
}
.wb-content .hamburger{
width: 30px;
height: 100%;
position: absolute;
}
.wb-content .hamburger #headerLineBottom{
right: 0px;
left: 0px;
top: 28px;
height: 2px;
width: 22px;
}
.wb-content .hamburger.active #headerLineTop{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
top: 20px;
}
.wb-content .hamburger.active #headerLineMiddle{
opacity: 0;
}
.wb-content .hamburger.active #headerLineBottom{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
top: 20px;
}
/*------------------------ header sublinks -------------- */
.wb-content .header-sublink-outer{
max-height: calc(100vh - 68px);
position: fixed;
left: 0px;
right: 0px;
opacity: 0;
visibility: hidden;
z-index: 30;
text-align: left;
line-height: 40px;
top: 60px;
right: 0px;
white-space: nowrap;
box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-moz-box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
-webkit-box-shadow: 1px 1px 5px 2px rgba(50,50,93,.1), 0 3px 6px 0 rgba(0,0,0,.07);
}
.wb-content .header-sublink-section-header{
border-bottom: 1px solid #e2e7e8;
padding-bottom: 10px;
color: #2a3664;
font-family: 'Montserrat';
font-size: 14px;
text-transform: uppercase;
margin-bottom: 15px;
font-weight: bold;
position: relative;
}
.wb-content .footer-sublink-section-header{
border-bottom: 1px solid #e2e7e8;
word-wrap: break-word;
padding-bottom: 8px;
color: #2a3664;
font-family: 'Montserrat';
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
font-weight: bold;
margin: 15px;
position: relative;
}
.wb-content .cs-footer-sublink-outer{
max-width: 320px;
}
.wb-content .header-sublink-inner{
padding: 30px;
}
.wb-content .footer-sublink-inner{
padding: 30px;
}
.wb-content .header-sublink-left{
padding-left: 30px;
padding-right: 30px;
width: 60%;
min-width: 60%;
background-color: rgba(255,255,255,0.98);
}
.wb-content .header-sublink-right{
padding-left: 30px;
padding-right: 30px;
background-color: rgb(244, 248, 251, 0.98);
width: 40%;
min-width: 40%;
}
.wb-content .mobile-sublink-outer{
line-height: 40px;
}
.wb-content .headerLinkWrap:hover .wb-content .header-sublink-outer, .wb-content .header-sublink-outer:hover{
visibility: visible;
opacity: 1;
top: 68px;
}
.wb-content .force-hide-menu .headerLinkWrap:hover .wb-content .header-sublink-outer, .force-hide-menu .wb-content .header-sublink-outer:hover{
visibility: hidden;
opacity: 0;
top: 60px;
}
.wb-content .header-sublink-wrap{
cursor: pointer;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 30px;
max-width: 300px;
margin-left: -20px;
}
.wb-content .header-sublink-wrap.special-hover:hover{
background-color: #f3f3ff;
}
.wb-content .header-sublink-wrap.special-hover:hover .wb-content .header-sublink-label{
color: #6352ec;
}
.wb-content .nthSublinkWrap{
border-top: 1px solid #f0f3f7;
}
.wb-content .header-sublink-label{
font-family: 'roboto';
color: #2b3664;
font-weight: 500;
font-size: 17px;
}
.wb-content .header-sublink-label.blue{
color: #5a70ce;
}
.wb-content .header-sublink-explain{
font-size: 15px;
text-transform: none;
font-family: 'roboto';
font-weight: normal;
line-height: 22px;
padding-bottom: 5px;
white-space: initial;
color: #5b646f;
}
.wb-content .header-sublink-wrap .wb-content .header-callout{
display: inline-block;
height: 12px;
line-height: 13px;
margin-top: 9px;
}
/*-- we use this for all elements that users can add to their sections --*/
.element-wrapper{
max-width: 1050px;
margin-left: auto;
margin-right: auto;
width: 90%;
min-width: 300px;
padding: 20px;
position: relative;
text-align: left;
overflow: hidden;
}
/*-- scroll animations --*/
.scroll-fade{
opacity: 0;
transition: 0.9s;
}
.scroll-fade .element-wrapper{
opacity: 0;
transition: 1.1s;
}
.scroll-fade .element-wrapper{
transform: translateY( 70px );
opacity: 0;
}
.scroll-fade.scrolled{
opacity: 1;
}
.scroll-fade.scrolled .element-wrapper{
transform: translateY( 0px );
opacity: 1;
}
/*-- configurable columns (eg for membership directory) --*/
.smallIcon{
min-width: 34px;
height: 34px;
min-height: 34px;
width: 34px;
max-width: 34px;
max-height: 34px;
border-radius: 100%;
border: 1px solid #fff;
margin-left: 20px;
margin-right: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
overflow: hidden;
}
.tableRow .smallIcon,
.table-view-row .smallIcon{
border-radius: 3px;
}
.configurable_column{
display: none;
}
.show_member_number .column_member_number,
.show_end_date .column_end_date,
.show_start_date .column_start_date,
.show_plan .column_plan,
.show_category .column_category,
.show_renewed .column_renewed,
.show_mobile .column_mobile,
.show_phone_home .column_phone_home,
.show_email .column_email,
.show_address .column_address,
.show_address_secondary .column_address_secondary,
.show_member_tags .column_member_tags,
.show_photo .column_photo,
.show_ghin_number .column_ghin_number
{
display: revert;
}
.table-row-tag{
margin-right: 8px;
font-size: 10.5px !important;;
font-family: 'roboto' !important;
font-weight: normal !important;;
text-transform: uppercase;
background-color: #e1e7ea;
color: #46505d;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
border-radius: 3px;
white-space: nowrap;
margin-bottom: 3px;
margin-top: 3px;
line-height: 24px;
display: inline-block;
}
/*-- membership directory --*/
.membership-directory-wrap{
border-radius: 3px;
overflow: hidden;
text-align: left;
border: 1px solid #e5eaee;
min-width: 250px;
}
#overlay_membership-directory-popup .profile-background{
height: 100px;
background-color:#f2f2f3;
}
#overlay_membership-directory-popup .profile-background-inner{
height: 100%;
-webkit-filter: blur(70px);
-moz-filter: blur(70px);
-o-filter: blur(70px);
-ms-filter: blur(70px);
filter: blur(70px);
background-repeat: no-repeat;
background-size: 15%;
background-position: right;
}
#overlay_membership-directory-popup .profile-picture{
width: 100px;
height: 100px;
border-radius: 100%;
margin-top: -50px;
text-align: center;
margin-left: 20px;
line-height: 100px;
font-size: 50px;
font-family: 'roboto';
font-weight: 500;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
position: relative;
}
.product-card-label{
font-weight: bold;
font-size: 18px;
text-transform: uppercase;
padding-bottom: 15px;
}
.wb-content .inline-value{
color: #68737e;
}
.wb-content .smallBlockLetters {
font-size: 14px;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
font-family: 'Roboto';
color: #68737e;
}
/*-- iframe --*/
.cs-iframe-wrap{
display: flex;
position: relative;
margin-right: auto;
margin-left: auto;
}
.cs-iframe{
width: 100%;
height: 100%;
border: 0px;
position: absolute;
top: 0px;
left: 0px;
}
/*-- accordion --*/
.cs-accordion-header {
padding: 8px;
border-bottom: 1px solid;
cursor: pointer;
position: relative;
padding-right: 55px;
min-height: 20px;
}
.cs-accordion-body{
padding: 8px;
height: 0px;
visibility: hidden;
padding-top: 0px;
padding-bottom: 0px;
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.cs-accordion-body.active{
padding-top: 25px;
padding-bottom: 20px;
opacity: 1;
height: auto;
visibility: visible;
}
.cs-accordion-header-toggle-wrap{
position: absolute;
top: 0px;
width: 50px;
right: 0px;
align-items: center;
height: 100%;
z-index: 5;
}
.cs-accordion-header-toggle{
font-size: 20px !important;
width: 28px;
height: 28px;
text-align: center;
line-height: 28px;
line-height: auto;
font-family: 'roboto';
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
}
.cs-accordion-header.active .cs-accordion-header-toggle{
-webkit-transform: rotate(-225deg);
-moz-transform: rotate(-225deg);
-ms-transform: rotate(-225deg);
-o-transform: rotate(-225deg);
}
/*-- vue calendar --*/
.roboto, p.roboto, .roboto p{
font-family: 'roboto';
}
.wrapBorderBottom{
border-top: 0px important!;
border-right: 0px important!;
border-left: 0px important!;
border-bottom: 1px solid #e4ebf1;
}
.cs-cal-filter-option{
cursor: pointer;
color: #6a7482;
background-color: #fff;
font-family: 'roboto';
font-weight: 300;
font-size: 16px;
padding-left: 15px;
padding-right: 15px;
padding-top: 6px;
padding-bottom: 6px;
border-radius: 25px;
background-color: #fff;
margin-right: 10px;
white-space: nowrap;
line-height: 30px;
}
.cs-cal-filter-option.active,
.cs-cal-filter-option:hover
{
color: #fff !important;
background-color: #4a56f8;
}
.standardCardBody.calendar{
background-color: #fff;
padding-left: 22px;
padding-right: 22px;
padding-top: 22px;
padding-bottom: 22px;
position: relative;
min-height: 20px;
/*-- important so tooltips and other content don't push width of page on mobile --*/
overflow: visible;
margin-bottom: 30px; /* need for membership cal */
}
.cs-calendar-select-wrap{
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e4ebf1;
background-color: #fff;
border-radius: 5px;
height: 38px;
padding: 0 12px 0 12px;
cursor: pointer;
margin-right: 10px;
}
.calendar-view-dropdown{
display: flex;
align-items: center;
justify-content: center;
position: relative;
min-width: 70px;
max-width: 70px;
}
.select-view-options{
position: relative;
display: flex;
align-items: center;
justify-content: center;
background-color: inherit;
box-shadow: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
border-radius: inherit;
font-size: inherit;
padding-left: 0px;
padding-right: 0px;
appearance: inherit;
padding-bottom: 0px;
padding-top: 0px;
border: none;
outline: none;
cursor: pointer;
min-width: 90px;
max-width: 90px;
}
.view-options{
position: relative;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
line-height: 1.5rem;
font-size: inherit;
font-weight: 400;
font-family: inherit;
letter-spacing: .00625em;
background-color: inherit;
min-width: 180px;
max-width: 180px; /* Changed to max-width to limit the width */
overflow-x: hidden; /* Hide horizontal overflow */
left: -90px; /* Adjust the left property to move the dropdown to the left */
transition: background-color 0.3s; /* Add transition */
}
.view-options li{
display: flex;
height: 36px;
width: 100%; /* Adjusted to take full width of the parent */
padding-left: 16px;
padding-right: 16px;
padding: 10px;
cursor: pointer;
color: rgb(60,64,67);
font-size: 14px;
overflow: hidden;
font-size: inherit;
font-weight: 400;
font-family: inherit;
}
.view-options li:hover {
background-color: #f0f0f0;
}
.cs-calendar-wrap-v2{
border: 1px solid #e7ecf0;
width: 90%;
margin-left: auto;
margin-right: auto;
height: 100%;
}
.flexGrid{
display: flex;
flex-direction: column;
align-items: center;
justify-items: center;
text-align: center;
height: 100%;
border-width: 0 1px 0 1px; /* need this for membership cal */
border-style: solid;
border-color: #e4ebf1;
}
.grid-cell.timestamp{
border: none;
}
.daysOfWeek-grid{
display: grid;
grid-template-columns: repeat(7, minmax(10%, 1fr));
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: 26px;
}
.placeholder-daysOfWeek-grid{
display: grid;
grid-template-columns: 5% repeat(7, minmax(10%, 1fr));
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: fit-content;
border-width: 1px 0 0 0;
border-color: #e4ebf1;
border-style: solid;
}
.day-daysOfWeek-grid{
display: grid;
grid-template-columns: 5% repeat(1, minmax(95%, 1fr)); /*changed to 95% to fit allDay-cell-event*/
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: fit-content;
border-width: 1px 0 0 0;
border-color: #e4ebf1;
border-style: solid;
}
.calendar-grid{
display: grid;
grid-template-columns: repeat(7, minmax(10%, 1fr));
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: 150px;
}
.placeholder-calendar-grid{
display: grid;
grid-template-columns: 5% repeat(7, minmax(10%, 1fr));
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: 12px;
border-width: 1px 0 0 0;
border-color: #e4ebf1;
border-style: solid;
}
.day-calendar-grid{
display: grid;
grid-template-columns: 5% repeat(1, minmax(95%, 1fr)); /*changed to 95% to fit allDay-cell-event*/
align-items: center;
justify-items: center;
text-align: center;
width: 100%;
overflow: none;
grid-auto-rows: 12px;
border-width: 1px 0 0 0;
border-color: #e4ebf1;
border-style: solid;
}
.daysOfWeek-grid, .calendar-grid, .placeholder-daysOfWeek-grid, .placeholder-calendar-grid {
margin: 0; /* Remove default margin */
}
.grid-cell {
position: relative;
white-space: nowrap;
min-height: 100%;
max-height: 100%;
min-width: 100%;
max-width: 100%;
border-width: 1px 0 0 1px;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell-week {
position: relative;
white-space: nowrap;
min-height: 100%;
max-height: 100%;
min-width: 100%;
max-width: 100%;
}
.grid-cell.borderClose{
border-width: 1px 1px 0 1px;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell.borderTopRightBottomClose{
border-width: 1px 1px 1px 0;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell.borderTopBottomClose{
border-width: 1px 0 1px 0;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell-week.timestamp.borderBottomClose{
border-bottom: 1px solid #e4ebf1;
}
.grid-cell.showBorder, .grid-cell-week.showBorder {
position: relative;
white-space: nowrap;
min-height: 100%;
max-height: 100%;
min-width: 100%;
max-width: 100%;
border-width: 0 0 1px 1px;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell.hideBorder, .grid-cell-week.hideBorder {
position: relative;
white-space: nowrap;
min-height: 100%;
max-height: 100%;
min-width: 100%;
max-width: 100%;
border-width: 0 0 0 1px;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell.dayOfWeek, .grid-cell-week.dayOfWeek{
font-family: inherit;
font-size: 11px;
font-weight: 400;
color: #70757a;
min-width: 100%;
max-width: 100%;
line-height: 26px; /* Match line-height with grid-auto-rows */
}
.grid-cell.dayOfWeek.hide, .grid-cell-week.dayOfWeek.hide {
font-family: inherit;
font-size: 11px;
font-weight: 400;
color: #70757a;
min-width: 100%;
max-width: 100%;
min-height: 35.5px; /* Match line-height with grid-cell-week.dayOfWeek content */
max-height: 35.5px; /* Match line-height with grid-cell-week.dayOfWeek content */
border-width: 0 0 1px 0;
border-color: #e4ebf1;
border-style: solid;
}
.grid-cell-week.allDay{
border-width: 0.5px;
border-color: #e4ebf1;
border-style: solid;
/* background-color: brown; */
}
.grid-cell.allDay, .grid-cell-week.allDay{
display: block;
font-family: inherit;
font-size: 11px;
font-weight: 400;
color: #70757a;
line-height: 20px;
}
.grid-cell.day, .grid-cell-week.day{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
font-family: inherit;
font-size: 11px;
font-weight: 400;
color: #70757a;
min-width: 100%;
max-width: 100%;
line-height: 26px; /* Match line-height with grid-auto-rows */
}
.grid-cell.notCurrentMonth, .grid-cell-week.notCurrentMonth{
font-family: inherit;
font-size: 12.5px;
font-weight: 400;
color: rgba(51, 51, 51, 0.4);
}
.grid-cell.currentMonth, .grid-cell-week.currentMonth{
font-family: inherit;
font-size: 12.5px;
font-weight: 400;
color: rgba(60, 64, 67, 1);
}
.cell-content{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center; /* must align-items for month view */
}
.cell-content-week.allDay{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start; /* must align-items for month view */
}
.cell-content.calendarObj, .cell-content-week.calendarObj{
padding-top: 5px;
}
.week-cellDay-container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
border-width: 0 0 1px 0;
border-color: #e4ebf1;
border-style: solid;
}
.day-cellDay-container{
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding-left: 12px;
}
.grid-cell-week.day{
border-width: 0 0 1px 0;
border-color: #e4ebf1;
border-style: solid;
}
.cell-day.dayOfWeek{
display: flex;
align-items: center;
justify-content: center;
color: #70757a;
font-size: 12px;
font-weight: 500;
font-family: 'roboto';
}
.numberHeader{
padding-right: 3.5px;
display: flex;
}
.dayHeader{
margin-top: 9.5px;
display: flex;
}
.cell-day.calendarObj{
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin: 0 0 6px 0;
}
.cell-day.calendarObj:hover{
background-color: rgba(232, 237, 241, 0.7);
}
.cell-day.timestamp{
display: flex;
align-items: flex-end;
justify-content: flex-end;
padding: 0;
font-size: 10px;
font-weight: 300;
color: #70757a;
}
.timestampIsActive{
font-family: inherit;
font-weight: 400;
color: green;
}
.timestamp{
position: relative;
top: 0.25px;
padding-right: 1.5px;
}
.cell-events-month{
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0;
}
.cell-events-week{
display: flex;
width: 100%;
padding: 0;
}
.overflow-cell-events{
padding-left: 7.5px;
display: flex;
align-items: center;
justify-content: flex-start;
font-weight: 550;
font-family: inherit;
color: inherit;
font-size: 11.5px;
width: 95%;
margin: 5px 0 5px 0;
}
.cell-event-month{
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: inherit;
font-family: inherit;
font-size: inherit;
margin: 0; /* Reset margin to remove extra space */
flex: 1; /* Allow the title to take up remaining space */
overflow: hidden;
transition: background-color 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border-radius: 2px;
width: 100%;
margin: 2.75px 0 2.75px 0;
padding: 1.5px 0 1.5px 0;
}
.transparent-event{
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: inherit;
font-family: inherit;
font-size: inherit;
margin: 0; /* Reset margin to remove extra space */
flex: 1; /* Allow the title to take up remaining space */
overflow: hidden;
transition: background-color 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border-radius: 2px;
width: 100%;
margin: 2.75px 0 2.75px 0;
padding: 1.5px 0 1.5px 0;
}
.overlay-events-contain{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start
}
.overflow-date-contain{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.overflow-dateOfWeek{
font-family: inherit;
color: #70757a;
font-size: 11px;
letter-spacing: .8px;
line-height: 16px;
padding-bottom: 0;
text-transform: uppercase;
}
.overflow-day{
display: flex;
align-items: center;
justify-content: center;
font-family: inherit;
font-weight: 400;
cursor: pointer;
outline: none;
font-size: 25px;
line-height: 36px;
color: rgb(60,64,67);
width: 40px;
border-radius: 50%;
height: 36px;
}
.xButton-calendarOverlay{
height: 30px;
width: 30px;
border-radius: 100%;
position: absolute;
top: 5px;
right: 5px;
background-color: #fff;
background-image: url("https://d282wvk2qi4wzk.cloudfront.net/xButton.jpg");
background-position: center;
background-size: 20px;
background-repeat: no-repeat;
cursor: pointer;
z-index: 1;
}
.cell-event-overlay{
display: flex;
justify-content: flex-start;
align-items: center;
font-family: inherit;
font-size: 12.5px;
margin: 0;
overflow: hidden;
transition: background-color 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border-radius: 2px;
width: 100%;
height: 22px;
}
.v-overlay{
position: fixed;
opacity: 1;
z-index: 1000;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
background-color: rgba(8,8,19,0.64);
cursor: pointer;
display: none;
}
.flex-overlay{
position: fixed;
opacity: 1;
z-index: 1000;
left: 0px;
right: 0px;
bottom: 0px;
top: 0px;
background-color: rgba(8,8,19,0.64);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.calendar-overlay{
position: absolute;
z-index: 15;
min-width: 200px;
max-width: 200px;
height: 200px;
background-color: #fff;
cursor: pointer;
display: none;
box-shadow: 0 1px 3px 0 rgba(60,64,67,.3), 0 4px 8px 3px rgba(60,64,67,.15);
border-radius: 6.5px;
padding: 15px;
}
.calendarOverlayCard{
background-color: inherit;
height: 100%;
width: 100%;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
}
.v-overlay.active, .calendar-overlay.active{
display: initial;
}
.event-title{
background-color: transparent;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
padding: 2.5px 0 2.5px 0;
}
.cell-event-week{
display: flex;
justify-content: flex-start;
align-items: flex-start;
font-weight: inherit;
font-family: inherit;
font-size: inherit;
position: relative;
margin: 0;
flex: 1;
overflow: hidden;
transition: background-color 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border-radius: 2px;
width: 100%;
font-size: 12px;
top: 6.5px;
padding: 5px 0 0 5px;
}
.allDay-cell-event{
display: flex;
justify-content: flex-start;
align-items: center;
font-weight: inherit;
font-family: inherit;
font-size: inherit;
margin: 0; /* Reset margin to remove extra space */
flex: 1; /* Allow the title to take up remaining space */
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
transition: background-color 0.1s;
transition-timing-function: linear;
transition-delay: 0s;
border-radius: 2px;
cursor: pointer;
width: 95%;
padding: 0 0 0 5px;
margin: 1px;
}
.cell-event li::marker {
margin: 0; /* Reset margin to remove extra space */
}
.overflow-cell-events:hover, .cell-event-week:hover, .cell-event-month:hover, .cell-event-overlay:hover {
background-color: rgba(128, 128, 128, 0.1);
cursor: pointer;
}
select.vue-cs-calendar-view-select{
background-color: inherit;
box-shadow: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
border-radius: inherit;
font-size: inherit;
padding-left: 0px;
padding-right: 0px;
appearance: inherit;
padding-bottom: 0px;
padding-top: 0px;
border: none;
outline: none;
}
select.vue-cs-calendar-view-select:hover{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.cs-calendar-button, .vue-cs-calendar-select-wrap{
border: 1px solid #e4ebf1;
background-color: #fff;
border-radius: 5px;
height: 38px;
line-height: 38px;
padding-left: 12px;
padding-right: 12px;
cursor: pointer;
margin-right: 10px;
}
/*-- calendar --*/
.cs-calendar-wrap{
border: 1px solid #e7ecf0;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.cs-calendar{
height: 90vh;
}
.cs-calendar-menu-wrap{
padding: 10px;
}
.cs-calendar-date-range-title{
line-height: 38px;
font-size: 22px !important;
margin-left: 8px;
}
select.cs-calendar-view-select{
background-color: inherit;
box-shadow: inherit;
font-weight: inherit;
font-family: inherit;
color: inherit;
border-radius: inherit;
font-size: inherit;
padding-left: 0px;
padding-right: 0px;
appearance: inherit;
padding-bottom: 0px;
padding-top: 0px;
border: none;
outline: none;
}
select.cs-calendar-view-select:hover{
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
}
.cs-calendar-button, .cs-calendar-select-wrap{
border: 1px solid #e4ebf1;
background-color: #fff;
border-radius: 5px;
height: 38px;
line-height: 38px;
padding-left: 12px;
padding-right: 12px;
cursor: pointer;
margin-right: 10px;
}
.cs-calendar-button-previous{
background-size: 15px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/backArrowBlack.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
vertical-align: middle;
min-width: 34px;
width: 34px;
max-width: 34px;
height: 34px;
max-height: 34px;
padding: 0px;
}
.cs-calendar-button-next{
background-size: 15px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/backArrowBlack.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
vertical-align: middle;
min-width: 34px;
width: 34px;
max-width: 34px;
height: 34px;
max-height: 34px;
padding: 0px;
-webkit-transform: rotate(-180deg);
-moz-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
}
.cs-calendar-all-day,
.cs-calendar-time,
.cs-calendar-time-hours,
.cs-calendar-time-centered
{
font-weight: normal;
font-family: 'roboto';
font-size: 12px;
}
.cs-calendar-time-hours.left{
padding-right: 4px;
}
.cs-calendar-time-hours.right{
padding-left: 4px;
display: none;
}
.cs-calendar-time-bullet{
position: relative;
display: inline-block;
padding: 0;
width: 7px;
height: 7px;
margin-right: 4px;
border-radius: 100%;
background-color: #333;
margin-left: -3px;
}
.tui-full-calendar-weekday-schedule {
border: none !important;
line-height: 18px !important;
padding-left: 4px;
margin-left: 7px !important;
margin-right: 7px !important;
}
.tui-full-calendar-weekday-schedule-bullet{
display: none !important;
}
/*-- image grid --*/
.image-grid-wrap{
min-height: 200px;
}
.image-grid-image {
flex-basis: 33.3%;
position: relative;
}
.image-grid-image:before {
content:'';
float:left;
padding-top:100%;
}
.image-grid-image-inner{
position: absolute;
left: 5px;
right: 5px;
bottom: 5px;
top: 5px;
overflow: hidden;
background-size: cover;
background-repeat: no-repeat;
}
.images_per_row_10 .image-grid-image {
flex-basis: 10%;
}
.images_per_row_9 .image-grid-image {
flex-basis: 11.1111111%;
}
.images_per_row_8 .image-grid-image {
flex-basis: 12.5%;
}
.images_per_row_7 .image-grid-image {
flex-basis: 14.2857143%;
}
.images_per_row_6 .image-grid-image {
flex-basis: 16.6666667%;
}
.images_per_row_5 .image-grid-image {
flex-basis: 20%;
}
.images_per_row_4 .image-grid-image {
flex-basis: 25%;
}
.images_per_row_3 .image-grid-image {
flex-basis: 33.333%;
}
.images_per_row_2 .image-grid-image {
flex-basis: 50%;
}
.images_per_row_1 .image-grid-image {
flex-basis: 100%;
}
.image-grid-image-overlay{
position: absolute;
opacity: 0;
left: 5px;
right: 5px;
bottom: 5px;
top: 5px;
background-color: rgba(8,8,19,0.68);
cursor: pointer;
display: flex;
flex-direction: column;
overflow: hidden;
}
.top-align-image-caption .image-grid-image-overlay{
justify-content: flex-start !important;
}
.bottom-align-image-caption .image-grid-image-overlay{
justify-content: flex-end !important;
}
.image-text-wrapper {
display: flex;
flex-direction: column;
width: 100%;
height: fit-content;
padding: 10px 5px;
box-sizing: border-box;
}
/* .image-grid-wrap.bottom-align-image-caption .image-text-wrapper {
align-self: self-end !important;
}
.image-grid-wrap.top-align-image-caption .image-text-wrapper {
align-self: self-start !important;
} */
.image-grid-image-caption{
width: fit-content;
transition: 400ms;
color: #fff;
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
opacity: 0;
}
.image-grid-image-caption.visible{
color: #000;
opacity: 1;
}
.image-grid-image:hover .image-grid-image-overlay {
opacity: 1 !important;
}
.wb-content .caption_style-always_show .image-grid-image .image-grid-image-overlay{
opacity: 1;
background-color: rgba(8,8,19,0.40);
}
.wb-content .caption_style-always_show .image-grid-image:hover .image-grid-image-overlay{
background-color: rgba(8,8,19,0.60) !important;
}
.image-grid-image:hover .image-grid-image-caption {
opacity: 1;
margin-top: 0px;
}
.wb-content .caption_style-always_show .image-grid-image .image-grid-image-caption{
opacity: 1;
}
/* -- vue event list -- */
.posScrollbar{
padding-bottom: 20px;
padding-bottom: 20px;
top: 66px !important;
box-shadow: none !important;
background: rgba(255,255,255,0) !important;
height: auto !important;
}
.posScrollbar::-webkit-scrollbar,
.tippingScrollbar::-webkit-scrollbar,
.discountScrollbar::-webkit-scrollbar,
.hide-scrollbar::-webkit-scrollbar {
display: none;
}
.posScrollbar.table-tab-wrap{
padding-bottom: 15px;
}
.table-tab-inner{
border-bottom: 1px solid #e2e8e8;
}
.table-tab-option{
cursor: pointer;
color: #6a7482;
background-color: #fff;
font-family: 'roboto';
font-weight: normal;
font-weight: 300;
font-size: 16px;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 6px;
padding-right: 6px;
background-color: #fff;
margin-right: 10px;
white-space: nowrap;
line-height: 24px;
}
.table-tab-option:hover{
color: #081333;
border-bottom: 2px solid #081333;
}
.table-tab-option.active{
color: #4a56f8;
border-bottom: 2px solid #4a56f8;
}
.view-all-events-wrapper{
display: flex;
align-items: center;
justify-content: center;
padding: 0.5em;
border: 1px solid #e4ebf1;
background-color: #fff;
border-radius: 5px;
height: 16px;
line-height: 28px;
cursor: pointer;
}
.eventListOverlayCard{
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-width: 95%;
max-width: 95%;
min-height: 95%;
max-height: 95%;
background-color: #fff;
border-radius: 3px;
margin-top: 0;
cursor: initial;
}
.nav-outer-contain{
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
color: #000;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
}
.nav-inner-contain{
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
color: #000;
}
/*
.event-list-outer-contain{
margin-top: 1rem;
height: 85%;
width: 95%;
display: flex;
align-items: center;
justify-content: center;
}
.event-list-inner-contain{
height: 100%;
width: 100%;
}
.eventListContain{
min-width: 100%;
max-width: 100%;
height: 60vh;
overflow-y: auto;
}
.flexWrapEvent{
flex-wrap: wrap;
}
.flexEventOne{
flex: 1;
}
*/
.eventList.eventRow{
display: flex;
align-items: center;
padding: 0.8rem;
transition: box-shadow 0.3s ease;
margin: 2.5px;
width: 96.5%;
margin-bottom: 2.5px;
background-color: #f5f7f9;
}
@media (max-width: 768px) {
.eventList.eventRow {
width: 100vh; /* Mobile style */
}
}
/* .overlay-event-row:hover {
box-shadow: 0px 2px 8px rgba(30, 10, 60, 0.08), 0px 4px 12px rgba(30, 10, 60, 0.14);
} */
.event-row-outer-wrap{
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
padding: 0.2em;
margin: 1em 1em 1em 0.65em;
}
.event-info-wrap, .event-links-wrap-v2, .placeholder-wrap-v2{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
flex-basis: fit-content;
padding: 10px;
}
.event-info-wrap{
flex-basis: 175px;
}
.event-host-1-v2, .event-host-2-v2{
display: flex;
justify-content: flex-start;
font-size: 12px !important;
margin-bottom: 2px;
}
.event-host-1-v2{
text-transform: uppercase;
}
.wb-content .color_scheme_white .event-row button.background{
border: 1px solid #191b3e;
}
.event-name-wrap-v2{
font-size: 1em !important;
padding-bottom: 5px;
/*
font-size: 18px !important;
font-weight: bold;
margin-bottom: 1em;
*/
}
.event-date-wrap-v2,
.event-date-wrap-v2 p{
font-size: 13px !important;
color: #606d7c;
/*
font-size: 14px !important;
font-weight: bold;
color: grey;
margin-bottom: 1.5em;
*/
}
.event-date-month-v2{
font-size: 1em !important;
text-transform: uppercase;
font-weight: 500;
color: #e37925;
}
.event-date-day-v2{
font-size: 1.2em !important;
text-transform: uppercase;
padding-left: 2px;
padding-right: 2px;
font-weight: 500;
padding-top: 4px;
}
.event-list-date-image-wrap{
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 768px) {
.event-list-date-image-wrap {
display: block;
flex-wrap: wrap;
}
}
.event-list-image-wrap{
display: flex;
align-items: center;
justify-content: center;
}
.event-list-image{
background-repeat: no-repeat;
background-size: cover;
margin: 10px;
border-radius: 3px;
background-color: #77818f;
color: #fff;
font-weight: 500;
font-size: 35px;
text-align: center;
align-items: center;
background-position: center;
min-height: 80px;
max-height: 80px;
min-width: 80px;
max-width: 80px;
}
.cs-signups-row-image.background-contain,
.cs-notifications-row-image.background-contain{
background-size: contain;
background-color: #fff;
}
.event-date-wrap-v3{
text-align: center;
padding: 20px 30px 20px 20px;
display: flex;
align-items: center;
width: 30px;
position: relative;
}
@media screen and (max-width: 768px) {
.event-date-wrap-v3 {
padding: none;
}
}
.event-nav-1{
padding-bottom: 15px;
}
.drilldownHeaderBackButton{
width: 34px;
min-width: 34px;
max-width: 34px;
height: 40px;
background-size: 21px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/backArrowBlack.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: middle;
}
.drilldownHeaderBackButton:hover{
-webkit-transform: translateX(-5px);
-moz-transform: translateX(-5px);
-ms-transform: translateX(-5px);
-o-transform: translateX(-5px);
}
.smallDrilldownHeaderBackButton.flip{
width: 20px;
min-width: 20px;
max-width: 20px;
height: 23px;
background-size: 13.5px;
background-image: url(https://d282wvk2qi4wzk.cloudfront.net/backArrowBlack.png);
background-position: center;
background-repeat: no-repeat;
cursor: pointer;
display: inline-block;
vertical-align: middle;
transform: rotateY(180deg);
transform-origin: center;
transition: transform 0.2s;
}
.smallDrilldownHeaderBackButton.flip:hover{
transform: translateX(2px) rotateY(180deg);
}
/* -- thumbnails -- */
.default-image-icon{
background-color: #f2f4f7;
background-image: url('https://s3-us-west-2.amazonaws.com/myclubspot/upload-photo-icon.jpg');
background-size: auto 40% !important;
background-position: center;
}
/*-- text component --*/
.cs-text_text-wrap-column{
/*
padding-top: 30px;
padding-bottom: 30px;
*/
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
display: inline-block;
overflow: hidden;
}
.number_of_columns-1 .cs-text_text-wrap-column {
flex-basis: 100%;
}
.number_of_columns-2 .cs-text_text-wrap-column {
flex-basis: 50%;
}
.number_of_columns-3 .cs-text_text-wrap-column {
flex-basis: 33.3333333%;
}
/*-- event list --*/
.metric{
font-size: 34px;
line-height: 40px;
font-family: 'Roboto';
font-weight: 500;
color: #2a375f;
}
.metric-label{
font-size: 13px;
font-family: 'Roboto';
text-transform: uppercase;
color: #697684;
font-weight: 400;
}
.event-list-wrap{
text-align: left;
width: 100%;
}
.event-list-wrap .wb-content button{
min-width: 150px;
}
.event-list-wrap .searchBarWrap{
border: 1px solid #e8edf1;
margin-top: 10px;
}
.wb-content .tappedSeeMoreEvents{
border-radius: 25px;
box-shadow: 0 15px 28px rgb(55 55 95 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
-moz-box-shadow: 0 15px 28px rgba(55,55,95,.1), 0 5px 15px rgba(0,0,0,.07);
-webkit-box-shadow: 0 15px 28px rgb(55 55 95 / 10%), 0 5px 15px rgb(0 0 0 / 7%);
margin-bottom: 20px;
}
.event-row {
margin-bottom: 2px;
background-color: #fff;
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
border-bottom: 1px solid #e8edf1;
}
.event-border-bottom{
border-bottom: 1px solid #e2e8e8;
}
.event-row-inner{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
width: 100%;
}
.cs-signups-date-month,
.cs-notifications-date-month,
.cs-statement-card-date-month,
.cs-payment-card-status,
.cs-invoice-card-status{
font-size: 0.8em !important;
text-transform: uppercase;
font-weight: 500 !important;
color: #e37925;
font-family: 'roboto' !important;
}
.cs-signups-date-day,
.cs-notification-date-day,
.cs-statement-card-date-day{
font-size: 1em !important;
text-transform: uppercase;
padding-left: 2px;
padding-right: 2px;
font-weight: 500;
padding-top: 4px;
}
.cs-signups-row-image{
background-repeat: no-repeat;
background-size: cover;
margin: 10px;
min-width: 75px;
min-height: 100px;
max-width: 75px;
max-height: 100px;
border-radius: 3px;
background-color: #77818f;
color: #fff;
font-weight: 500;
font-size: 35px;
text-align: center;
align-items: center;
background-position: center;
position: relative;
}
.cs-notifications-row-image{
background-repeat: no-repeat;
background-size: cover;
margin: 10px;
min-width: 60px;
min-height: 60px;
max-width: 60px;
max-height: 60px;
border-radius: 100%;
border: 1px solid #e2e8e8;
color: #fff;
font-weight: 500;
font-size: 35px;
text-align: center;
align-items: center;
background-position: center;
position: relative;
}
.cs-signups-date-wrap,
.cs-notifications-date-wrap,
.cs-statement-card-date-wrap{
text-align: center;
padding: 20px;
padding-right: 10px;
display: flex;
align-items: center;
width: 30px;
position: relative;
}
.event-date-month{
font-size: 2.2em !important;
text-transform: uppercase;
font-weight: bold !important;
}
.event-date-day{
font-size: 1.2em !important;
text-transform: uppercase;
padding-left: 2px;
padding-right: 2px;
font-weight: bold !important;
}
.event-date-wrap{
text-align: center;
background-color: #77818f !important;
color: #fff !important;
padding: 15px;
padding-left: 10px;
padding-right: 10px;
display: flex;
align-items: center;
flex-basis: 10%;
min-width: 90px;
position: relative;
}
.event-name-wrap{
padding: 20px;
font-size: 1.1em !important;
font-weight: bold;
max-width: 25%;
width: 25%;
min-width: 25%;
display: flex;
align-items: center;
}
.event-links-wrap-inner{
max-width: 25%;
width: 25%;
min-width: 25%;
padding: 20px;
}
.event-host-wrap{
padding: 20px;
max-width: 20%;
min-width: 20%;
width: 20%;
display: flex;
align-items: center;
}
.event-links-wrap{
max-width: 50%;
width: 50%;
min-width: 50%;
display: flex;
align-items: center;
}
.wb-content .event-links-wrap a {
color: #236651;
border-bottom: 1px solid #236651;
font-family: inherit;
line-height: 24px;
font-size: 14px;
white-space: nowrap;
}
.event-button-wrap{
padding-left: 20px;
}
.event-button-wrap button{
min-width: 150px;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
.event-host-1{
font-size: 12px !important;
text-transform: uppercase;
}
.event-host-2{
font-size: 12px !important;
}
/*-- blog post 'list' template --*/
.blog-list-wrap{
text-align: left;
}
.blog-list-wrap .wb-content button{
min-width: 150px;
}
.blog-list-wrap .searchBarWrap{
border: 1px solid #e8edf1;
margin-top: 10px;
}
.blog-list-contain{
width: 100%;
min-height: 700px;
max-height: 700px;
overflow: auto;
}
.blog-row {
margin-bottom: 2px;
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
}
.blog-row-border{
border-bottom: 1px solid #e2e8e8;
}
.blog-row-inner{
display: -ms-flex;
display: -webkit-flex;
display: -moz-flex;
display: flex;
text-align: left;
flex-basis: 40%;
min-width: 300px;
}
.blog-post-thumbnail{
background-size: cover;
background-repeat: no-repeat;
background-position: center;
border-radius: 3px;
margin: 15px;
min-height: 100px;
max-height: 100px;
min-width: 100px;
max-width: 100px;
}
.blog-name-wrap-column{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center;
font-weight: bold;
padding: 20px;
}
.wb-content .blog-links-wrap a {
color: #236651;
border-bottom: 1px solid #236651;
font-family: inherit;
line-height: 24px;
font-size: 14px;
white-space: nowrap;
}
.blog-name-wrap{
padding: 20px;
font-weight: bold;
display: flex;
align-items: center;
}
.blog-title{
font-size: 18px !important;
text-transform: uppercase;
margin-bottom: 4.5px;
}
.blog-subtitle{
font-size: 16px !important;
margin-bottom: 10px;
}
.blog-date{
font-size: 10px;
margin-bottom: 3.5px;
color: #606d7c;
}
.thumbtack-icon{
position: absolute;
top: 10px;
right: 10px;
}
.tui-full-calendar-weekday-schedule-title{
padding-left: 3px !important;
}
/*-- blog post 'bulletin' template --*/
.blog-list-container {
max-width: 100%;
}
section.blog-list-cards {
margin: 0 auto;
display: grid;
grid-auto-flow: row dense;
grid-gap: 16px;
align-content: center;
justify-content: center;
padding: 2em;
background-color: #fff;
}
.card {
display: flex;
border: 1px solid rgba(0, 0, 0, 0.1);
transition: all 0.25s ease;
}
.card:hover {
transform: scale(1.05);
cursor: pointer;
}
.blog_post_card_v2 {
display: flex;
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 6px;
height: 100%;
transition: all 0.25s ease;
}
.blog_post_card_v2:hover {
transform: scale(1.03);
cursor: pointer;
}
.vertical {
flex-direction: column;
grid-row: span 2;
grid-column: span 1;
height: fit-content;
}
.horizontal {
flex-direction: row;
grid-row: span 1;
grid-column: span 2;
width: fit-content;
}
.reverse-horizontal {
flex-direction: row-reverse;
grid-row: span 1;
grid-column: span 2;
width: fit-content;
}
.blog_post_thumbnail {
width: 100px;
}
.card__content {
box-sizing: border-box;
padding: 16px 16px 10px 16px;
overflow: hidden;
height: fit-content;
width: 100%;
}
.card__type {
font-variant: small-caps;
letter-spacing: 2px;
opacity: 0.9;
color: palevioletred;
padding-bottom: 0.5em;
}
.card__title {
font-size: 18px;
opacity: 1;
font-weight: 600;
padding-bottom: 0.3em;
transition: all 0.25s ease;
}
.card__title_v2{
font-size: 20px !important;
opacity: 1;
font-weight: 600 !important;
padding-bottom: 0.3em;
transition: all 0.25s ease;
/*
text-align: center;
*/
text-align: left;
}
.card__date {
font-size: 14px;
padding-bottom: 0.5em;
opacity: 0.65;
}
.card__subtitle {
font-style: italic;
font-size: 12px;
opacity: 0.9;
padding-bottom: 0.5em;
}
.card__excerpt {
font-size: 16px;
padding-bottom: 0.75em;
}
.label {
font-size: .625rem;
font-weight: 400;
text-transform: uppercase;
letter-spacing: +1.3px;
margin-bottom: 1rem;
}
#searchBar_blog-list_v2 {
width: 100%;
height: 2.8rem;
background: #f8f8f8;
outline: none;
border: none;
border-radius: 1.625rem;
padding: 0 3.5rem 0 1.5rem;
font-size: 1rem;
}
#searchBar_blog-list_submit {
width: 3.5rem;
height: 2.8rem;
margin-left: -3.5rem;
background: none;
border: none;
outline: none;
}
/*-- media queries --*/
@media all and (max-width: 1250px) {
.event-row-inner{
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.event-links-wrap, .event-host-wrap{
max-width: 100%;
}
.event-name-wrap, .event-host-wrap{
padding-bottom: 0px;
}
.cs-calendar-wrap{
width: 100%;
}
.cs-calendar-date-range-title{
font-size: 18px !important;
}
.tui-full-calendar-weekday-schedule{
margin-left: 0px !important;
margin-right: 0px !important;
}
.cs-calendar-time-hours.left{
display: none;
}
.cs-calendar-time-hours.right{
display: initial;
}
}
@media all and (max-width: 820px) {
.tui-full-calendar-weekday-schedule-title{
text-overflow: initial !important;
}
/*-- image with text --*/
.cs-image-with-text_text-wrap, .cs-image-with-text_image-wrap{
min-width: 100%;
max-width: 100%;
}
.cs-image-with-text_image-wrap-inner{
position: relative !important;
right: auto !important;
height: 400px;
margin-top: 30px;
left: auto !important;
}
.cs-image-with-text_image-slider-outer {
top: 15%;
bottom: 5%;
right: 10%;
left: 10%;
}
/*-- end image with text --*/
}
@media all and (min-width: 721px) {
.hideOnDesktop{
display: none !important;
}
}
@media all and (max-width: 720px) {
.cs-calendar-all-day,
.cs-calendar-time,
.cs-calendar-time-centered,
.cs-calendar-time-hours{
font-size: 10px !important;
}
.tui-full-calendar-weekday-schedule{
line-height: 16px !important;
}
.wb-content .innerHeader #desktopMenuWrap{
right: 22px;
}
.wb-content .innerHeader .hamburgerWrap{
left: 22px;
}
.wb-content .innerHeader .mobileDashboardLinkWrap{
right: 22px;
}
.wb-content .innerHeader{
padding-left: 22px;
padding-right: 22px;
}
.hideOnMobile{
display: none !important;
}
.cs-text_text-wrap-column{
flex-basis: 100% !important;
}
.cs-footer-flex-wrap-row{
display: initial;
}
/*
.cs-footer-link-wrap{
display: flex;
align-items: flex-start;
justify-content: center;
text-align: left;
padding-left: 60px;
padding-right: 60px;
padding-top: 40px;
padding-bottom: 40px;
max-width: 100%;
flex-wrap: wrap;
}
*/
.cs-footer-link-wrap{
padding-left: 10px;
padding-right: 10px;
}
.flexNoWrap.flexWrapOnMobile{
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.cs-iframe-wrap{
min-width: 80% !important;
}
.cs-burgee-wrap-mobile{
display: initial !important;
visibility: visible !important;
}
}
@media all and (max-width: 600px) {
.cs-background-video{
height: 100%;
width: auto;
}
.image-grid-image{
flex-basis: 100% !important;
}
.cs-iframe-wrap{
min-width: 90% !important;
}
.cs-signups-name-wrap,
.cs-notifications-name-wrap{
padding-left: 10px;
min-width: initial;
max-width: initial;
padding-bottom: 0px;
}
.cs-signups-date-wrap,
.cs-notifications-date-wrap{
padding: 10px;
padding-right: 0px;
}
.cs-signups-links-wrap,
.cs-notifications-links-wrap{
max-width: initial;
flex-basis: 90%;
}
.element-wrapper{
min-width: auto;
width: auto;
max-width: 85% !important;
padding-left: 15px;
padding-right: 15px;
}
}
@media all and (max-width: 500px) {
.event-links-wrap{
-webkit-flex-direction: row;
flex-direction: row;
-webkit-flex-flow: row wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.event-host-wrap, .event-links-wrap-inner, .event-button-wrap{
min-width: 90%;
max-width: 90%;
width: 90%;
}
.event-button-wrap{
padding-bottom: 20px;
}
.cs-burgee-wrap-mobile{
width: 170px;
/*
display: none !important;
visibility: hidden !important;
*/
}
}
@media all and (max-width: 400px) {
.element-wrapper{
min-width: auto;
width: auto;
max-width: 100% !important;
padding-left: 5px;
padding-right: 5px;
}
}
/*-- Inline Tables --*/
table.cs-inline-table, .cs-inline-table td {
background-color: transparent;
max-width: 100%;
width: fit-content;
}
.cs-inline-table {
border-radius: 3px;
margin: auto;
border-collapse: collapse;
margin-bottom: 10px;
overflow-x: auto;
display: block;
border: #d1d1d1 1px solid;
}
.cs-inline-table td {
height: 25px;
line-height: 20px;
border: #d1d1d1 1px solid;
}
.cs-inline-table tr:first-child td {
border-top: none;
}
.cs-inline-table tr:last-child td {
border-bottom: none;
}
.editable-element-wrap_table table td:hover {
outline: #273766 1px solid !important;
}
.cs-inline-table td:first-child,
.cs-inline-table th:first-child {
border-left: none;
}
.cs-inline-table td:last-child,
.cs-inline-table th:last-child {
border-right: none;
}
/*-- custom for chelsea yc --*/
.summarytable,
.racetable{
margin: auto;
border-collapse: collapse;
overflow-x: auto;
display: block;
width: fit-content;
max-width: 100%;
}
/*-- end custom for chelsea yc --*/
/*-- reservation calendar links --*/
.fa-google:hover,
.fa-apple:hover,
.fa-windows:hover{
color: blue;
}
/*-- end reservation calendar links --*/