/* ----------------- General & Resets ----------------- */ /* red: B82427*/ html { scroll-behavior:smooth; font: 16px/1.4 'proxima-nova', sans-serif; } body { margin:0; padding:0; background-color:#fff; color:#1D2C4C; overflow-x:hidden; } img { max-width:100%; height:auto !important; border: 0 none; } iframe { max-width:100%; border: 0 none; } table, button { font:inherit; } a { text-decoration:none; color:#2455A3; } .editorContent a:hover { text-decoration:underline;} a[href=''], a[href='#'] { cursor:default; } h1, .h1 { font-size:48px; } h2, .h2 { font-size:44px; } h3, .h3 { font-size:32px; } h4, .h4 { font-size:28px; } h1:first-child, h2:first-child, h3:first-child, h4:first-child { margin-top:0; } input:not([type=submit]), textarea, select { box-sizing:border-box; border-radius:2px; border: 2px solid #ccc; padding: 0.5em 1em; background-color:#eee; caret-color:inherit; font:inherit; font-weight:600; } textarea { max-width:100%; } input[type=checkbox] { position:relative; -webkit-appearance:none; appearance:none; border: 0 none; background-color:#eee; padding:0; width:1.5em; height:1.5em; vertical-align:middle; } input[type=checkbox]:checked { } input[type=checkbox]:checked::after { content:'\f00c'; position:absolute; top:2px; left:3px; font: bold 18px 'Font Awesome 5 Free'; color:#1D2C4C; } input[type=radio] { position:relative; -webkit-appearance:none; appearance:none; border-radius:50%; border: 0 none; background-color:#eee; padding:0; width:1em; height:1em; vertical-align:top; outline:none; } input[type=radio]:checked { background-color:#1D2C4C; } input[type=radio]:checked::after { content:''; position:absolute; top:-3px; left:-3px; right:-3px; bottom:-3px; border: 1px solid #1D2C4C; border-radius:50%; } button, a.button, .button a, a .button, input[type=submit], form .formButtons a { border-radius: 4px; display:inline-block;text-decoration:none;margin: 1em 0 1em 1em; box-sizing:border-box; border: 2px solid #2455A3; padding: 1em 2em; vertical-align:middle; background-color: #2455A3; color:#FFF; font-family: 'proxima-nova', sans-serif; font-size:1rem; font-weight:600; cursor:pointer; } button:first-child, a.button:first-child, .button a:first-child, a .button:first-child, input[type=submit]:first-child, form .sButtons a:first-child { margin-left:0; } a.button:hover { text-decoration:none;} button.blue, a.button.blue, .button.blue a, a .button.blue { background-color:#2455A3; border-color:#2455A3; } button.blue.outline, a.button.blue.outline, .button.blue.outline a, a .button.blue.outline { background-color:transparent; border-color:#2455A3; color:#2455A3; } #donateButton { margin: 1em 0; padding: 10px; border: 3px solid #fff; max-width: 230px; color: #fff; text-align: center; font-weight: bold; border-radius: 10px;} #donateButton:hover {cursor: pointer; background-color: #2a6bd3; transition: .2s ease;} button.red, a.button.red, .button.red a, a .button.red { background-color:#B82427; border-color:#B82427; } button.red.outline, a.button.red.outline, .button.red.outline a, a .button.red.outline { background-color:transparent; border-color:#B82427; color:#B82427; } button.green.outline, a.button.green.outline, .button.green.outline a, a .button.green.outline { background-color:transparent; border-color:#46815A; color:#46815A; } .button, .button.primary {background: var(--primary); border: var(--primary); border-radius: 4px;} .button.secondary {background: var(--secondary); border: 2px solid var(--secondary);} /* -------------------------------------------------- :: COLOR THEME WITH VARIABLES -------------------------------------------------- */ /* Backgrounds */ .primary-bg {background-color:var(--primary);} .primary-bg-75 {background-color:var(--primary-75);} .primary-bg-50 {background-color:var(--primary-50);} .primary-bg-25 {background-color:var(--primary-25);} .primary-bg.light-bg {background-color:var(--primary-light);} .primary-bg.dark-bg {background-color:var(--primary-dark);} .primary-bg-99.dark-bg {background-color:var(--primary-dark-99);} .primary-bg-75.dark-bg {background-color:var(--primary-dark-75);} .primary-bg-60.dark-bg {background-color:var(--primary-dark-60);} .primary-bg-50.dark-bg {background-color:var(--primary-dark-50);} .primary-bg-40.dark-bg {background-color:var(--primary-dark-40);} .primary-bg-25.dark-bg {background-color:var(--primary-dark-25);} .primary-bg-15.dark-bg {background-color:var(--primary-dark-15);} .secondary-bg {background-color:var(--secondary);} .secondary-bg-75 {background-color:var(--secondary-75);} .secondary-bg-50 {background-color:var(--secondary-50);} .secondary-bg-25 {background-color:var(--secondary-25);} .secondary-bg.light-bg {background-color:var(--secondary-light);} .secondary-bg.dark-bg {background-color:var(--secondary-dark);} .secondary-bg-99.dark-bg {background-color:var(--secondary-dark-99);} .secondary-bg-75.dark-bg {background-color:var(--secondary-dark-75);} .secondary-bg-60.dark-bg {background-color:var(--secondary-dark-60);} .secondary-bg-50.dark-bg {background-color:var(--secondary-dark-50);} .secondary-bg-40.dark-bg {background-color:var(--secondary-dark-40);} .secondary-bg-25.dark-bg {background-color:var(--secondary-dark-25);} .secondary-bg-15.dark-bg {background-color:var(--secondary-dark-15);} .white-bg {background:#ffffff;} .white-bg-99 {background:#fffffffc;} .white-bg-75 {background:#ffffffbf;} .white-bg-60 {background:#ffffff99;} .white-bg-50 {background:#ffffff80;} .white-bg-40 {background:#ffffff66;} .white-bg-25 {background:#ffffff40;} .white-bg-15 {background:#ffffff26;} .black-bg {background:#000000;} .black-bg-99 {background:#000000fc;} .black-bg-75 {background:#000000bf;} .black-bg-60 {background:#00000099;} .black-bg-50 {background:#00000080;} .black-bg-40 {background:#00000066;} .black-bg-25 {background:#00000040;} .black-bg-15 {background:#00000026;} .grey-bg {background:#999999;} .grey-bg.light-bg {background:#f0f0f0;} .grey-bg.dark-bg {background:#1e1e1e;} /* Colors */ .primary-color {color:var(--primary);} .primary-color.light-color {color:var(--primary-light);} .primary-color.dark-color {color:var(--primary-dark);} .secondary-color {color:var(--secondary);} .secondary-color.light-color {color:var(--secondary-light);} .secondary-color.dark-color {color:var(--secondary-dark);} .white {color:#ffffff;} .black {color:#000000;} .grey {color:#999999;} .grey.light {color:#f0f0f0;} .grey.dark {color:#1e1e1e;} .socialMenu a { display:inline-block; vertical-align:middle; text-align:center; width:32px; height:32px; color:#FFF; font-size:0;} .socialMenu a::before { font-size:24px; } .wrapper { position:relative; max-width:1200px; margin-left:auto; margin-right:auto; padding: 0 1em; } .clear { clear:both; display:block; font-size:0; line-height:0; visibility:hidden; } .alignLeft { float:left; margin: 0 1em 0.5em 0; } .alignRight { float:right; margin: 0 0 0.5em 1em; } .leftClear { float:left; clear:left; margin: 0 1em 0.5em 0; } .rightClear { float:right; clear:right; margin: 0 0 0.5em 1em; } .flexBox { display:flex; margin:-2%; flex-wrap:wrap; } .flexRow { display:flex; margin:-2%; } .flexItem { flex: 1 1 96%; margin:2%; box-sizing:border-box; } .flexItem.oneHalf { flex-basis:46%; } .flexItem.oneThird { flex-basis:29.33%; } .flexItem.twoThirds { flex-basis:62.66%; } .flexItem.oneFourth { flex-basis:21%; } .flexItem.threeFourths { flex-basis:71%; } .forceGrid .flexItem { flex-grow:0; } .flexItem input[type=text], .flexItem input[type=email], .flexItem select, .flexItem textarea { width:100%; } /* Header tags with inline filters */ .flexBox.headingWithFilter {flex-wrap:wrap;justify-content:space-between;align-items:center;padding-bottom:8px;position:relative;margin: 0;} .flexBox.headingWithFilter::after {content:'';height:0;left: 0;right: 0;bottom:-1px;display:block;position:absolute;overflow:hidden;border-bottom: 1px solid #ddd;} .flexBox.headingWithFilter h1, .flexBox.headingWithFilter h2, .flexRow.headingWithFilter h3, .flexRow.headingWithFilter h4, .flexRow.headingWithFilter h5, .flexRow.headingWithFilter h6 { margin:0; padding-top:0; padding-bottom:0; flex: 0 1 auto; } .flexBox.headingWithFilter div, .flexBox.headingWithFilter button, .flexRow.headingWithFilter .button, .flexRow.headingWithFilter select, .flexRow.headingWithFilter input, .flexRow.headingWithFilter .filter { flex: 0 0 auto;margin:0 } .filter { } .filter select { display:inline-block; width:220px; margin-left:8px; } @media screen and (max-width:749px) { .flexRow.headingWithFilter > * { text-align:center; padding:0 0 15px !important; } .flexRow.headingWithFilter::after { display:none; } } .collapsibleSectionHeader { position:relative; margin-bottom:0; padding: 0.5em 0.5em 0.5em 2em; cursor:pointer; } .collapsibleSectionHeader::before { content:'\f055'; position:absolute; top:0.5em; left:0.5em; font-family: 'Font Awesome 5 Free'; } .collapsibleSectionHeader.active::before { content:'\f056'; } .collapsibleSectionContent { padding-left:1em; padding-right:1em; overflow:hidden; display:none; } .pagination { clear:both; display:block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination a.prevnextLink, .pagination .prevnextWindowArrow { display:inline-block; border: solid 1px #ccc; padding: 4px 6px; font-size:11px; margin: 0 2px; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border-color:#000; color:#000; } .pagination .prevnextCurrent { background-color:#ccc; color:#000; font-weight:bold; padding: 4px 6px; } /* Accordion menus */ ul.accordion { list-style:none; margin:0; padding-left:0; text-align:left; } ul.accordion li { position:relative; margin:0 !important; padding: 0 2.5em 0 0 !important; height:auto; } ul.accordion a { height:auto; } ul.accordion li.menuItemHighlight>a , ul.accordion li.alsoCurrent>a { background-color:transparent; } ul.accordion .submenuToggle { position:absolute; top:0; right:0; padding: 0.6em 1em; font-weight:bold; color:#b4b4b9;} ul.accordion .submenuToggle::before { content:'\f078'; display:block; font-family: 'Font Awesome 5 Free'; font-weight:900; } ul.accordion .expanded>.submenuToggle::before { content:'\f077'; } /* Top level */ ul.accordion>li { } ul.accordion>li>a { } /* Sublevels */ ul.accordion ul { display:none; list-style:none; margin:0; padding-left:1em; } @media screen and (min-width:1025px) { .mobileOnly { display:none !important; } } @media screen and (min-width:750px) and (max-width:1024px) { .desktopOnly { display:none !important; } .mobileOnly { display:none !important; } } @media screen and (max-width:749px) { .desktopOnly { display:none !important; } .hideOnMobile { display:none !important; } .alignLeft, .alignRight { float:none !important; width:auto !important; margin-left:0 !important; margin-right:0 !important; } .flexRow, .flexBox { margin:0; display:block; } .flexItem { padding:0; margin: 1em 0; } table.responsive , table.responsive tbody , table.responsive tr , table.responsive td { display:block; } table.responsive thead , table.responsive th { display:none; } table.responsive tr { border-bottom: 2px solid rgba(0, 0, 0, 0.1); } .pagination .paginationLinks { height:4em; } .pagination .pageLinkPrevChunk, .pagination .pageLinkNextChunk { bottom:0; } .pagination .pageLinkPrev { position:absolute; bottom:0; left:5em; } .pagination .pageLinkNext { position:absolute; bottom:0; right:5em; } } /* -------------------------------- -------------------------------- */ /* ------------------------- Header Styles ------------------------- */ /* -------------------------------- -------------------------------- */ #header { position:relative; z-index:100; margin-bottom:.5em; } #header .topBar { background-color:#89b3df; } #header .topBar .wrapper { display:flex; justify-content:flex-end; padding-top:0.5em; padding-bottom:0.5em; } #header .topBar a { margin-left:1em; font-weight:500; color:#fff; text-decoration: underline; } #header .mainBar .wrapper { display:flex; align-items:center; justify-content:space-between; padding-top:0.5em; /*padding-bottom:1em;*/ } #header .utilities { flex-shrink:0; display:flex; align-items:center; } #siteSearch { position:relative; } #siteSearch .searchInput { position:absolute; top:100%; right:0; width:200px; z-index:95; outline:none; transform-origin: top right; transform: scale(0); transition: all 0.3s; } #siteSearch.expanded .searchInput { transform: scale(1); } #siteSearch .submitButton { border: 0 none; outline:none; margin: 0 0.66em 0 1em; background-color:transparent; padding:0px; color:#fff; font: 600 18px 'Font Awesome 5 Free'; cursor:pointer; } #mainMenu { position:relative; z-index:1; } .tagline { text-align: center; padding: 0;margin-top: -20px;font-weight: 800;color: #3B67AD; } @media screen and (max-width: 1024px) { .tagline {display: none;} } /** Main Menu **/ /* general */ .mainMenu { display:flex; margin:0; padding:0; list-style:none; text-transform:uppercase; font-weight:600; } .mainMenu li { position:relative; } /*.mainMenu li.hasSubmenu { padding-right:1.5em; }*/ .mainMenu li:hover>a , .mainMenu a.current { color:#2455A3; } .mainMenu a { display:block; color:inherit; } .mainMenu .submenuToggle { position:absolute; top:1em; right:1em; font-family: 'Font Awesome 5 Free'; font-weight:900; color:#b4b4b9; } /* top level */ .mainMenu>li { z-index:1; } .mainMenu>li>a { display:flex; align-items:center; padding:0.5em 1em; font-size:18px; text-transform:none;} .mainMenu>li:hover { z-index:2; } /*.mainMenu>li>.submenuToggle::before { content:'\f078'; display:block; margin-top:0.3em; }*/ /* all sublevels */ .mainMenu ul { position:absolute; display:none; background-color:#F5F5F8; width:15em; margin:0; padding: 0.5em 0; list-style:none; text-transform:none; font-weight:normal; border-top:4px solid #2555a3} .mainMenu li:hover>ul { display:block; } .mainMenu ul li:hover {background-color:#cfcfd7;} .mainMenu ul a { padding: 0.5em 1em; } .mainMenu ul .submenuToggle::before { content:'\f054'; display:block; } /* dropdowns */ .mainMenu>li>ul { left:0; top:100%; z-index:3; } .mainMenu>li.leftDropdown>ul { right:0; left:auto; } /* flyouts */ .mainMenu ul ul { top:-0.5em; left:100%; z-index:4; } .mainMenu li.leftFlyout ul { left:-100%; } .mainMenu li.rightFlyout ul { left:100%; } .mainMenu ul ul ul { z-index:5; } .mainMenu ul ul ul ul { z-index:6; } .mainMenu ul ul ul ul ul { z-index:7; } .mainMenu li.leftFlyout .submenuToggle { left:0; right:auto; } .mainMenu li.leftFlyout .submenuToggle::before { content:'\f053'; } #mobileMenuToggle { display:none; margin: 0 0 0 1em; outline:none; } #mobileMenu { display:none; margin: -2em 0 3em; } @media screen and (max-width:749px) { #header .topBar, #header .buttons, #mainMenu { display:none; } #header .mainBar .wrapper { flex-wrap:wrap; justify-content:center; padding-top:1em; padding-bottom:1em; } #header .logo { position:static; flex-basis:100%; font-size:24px; margin-bottom:1em; } #siteSearch { order:3; } #siteSearch .searchInput { position:static; margin-right:5px; vertical-align:middle; width:110px; transform:none; } #mobileMenuToggle { display:block; } #mobileMenu .mobileMenu a , #mobileMenu .topMenu a { display:block; padding: 0.6em 0 0.6em 1em; font-size:20px; } #mobileMenu .mobileMenu a:active , #mobileMenu .topMenu a:active { background-color:#2455A3; color:#FFF; } #mobileMenu .buttons { text-align:center; } } /* -------------------------------------------------- :: FLICKITY -------------------------------------------------- */ /*! Flickity v2.2.2 https://flickity.metafizzy.co ---------------------------------------------- */ /* Custom Styles */ .flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0; opacity: 0 !important; transition: opacity 1s ease !important;} .flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1; opacity: 1 !important;} .flickity-prev-next-button {height:22px; width:22px; border-radius:6px; -webkit-transition:transform .25s ease,-webkit-transform .25s ease; transition:transform .25s ease,-webkit-transform .25s ease;} .dark-theme .flickity-button {background:hsla(0, 0%, 22.7%, 0.0);} .dark-theme .flickity-button:hover {background:hsla(0, 0%, 22.7%, .1);} .flickity-prev-next-button .flickity-button-icon {width:65%; height:65%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;} .no-arrows .flickity-prev-next-button {display:none;} .flickity-viewport {width:100%;} .hero {display:block;position:relative;margin:0;padding:0} .hero .slideshow {display:block;position:relative; background:#000; overflow:hidden;} .hero .slideshow .slide {width:100%; background:#000;} .hero .slideshow .slide .slideDesktop {position:relative; overflow:hidden;} .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideDesktop, .hero .slideshow .slide .slideInner .grid-y {aspect-ratio: 16 / 9;} .hero .slideshow.widescreen .slide, .hero .slideshow.widescreen .slide .slideInner, .hero .slideshow.widescreen .slide .slideDesktop, .hero .slideshow.widescreen .slide .slideInner .grid-y {aspect-ratio: 16 / 7;} .hero .slideshow.ultra-wide .slide, .hero .slideshow.ultra-wide .slide .slideInner, .hero .slideshow.ultra-wide .slide .slideDesktop, .hero .slideshow.ultra-wide .slide .slideInner .grid-y {aspect-ratio: 16 / 5;} .hero .slideshow .slide .slideDesktop .overlay {position:absolute; left:0; top:0; height:100%; width:100%; opacity:.15;} .hero .slideshow .slide .slideDesktop .overlay.gradient-left.black-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #000000 0%,#00000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .hero .slideshow .slide .slideDesktop .overlay.gradient-left.white-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #ffffff 0%,#ffffff00 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .hero .slideshow .slide .slideDesktop .overlay.gradient-left.primary-bg.dark-bg { background: linear-gradient(to right, var(--primary-dark) 0%,var(--primary-dark-0) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-left.secondary-bg.dark-bg { background: linear-gradient(to right, var(--secondary-dark) 0%,var(--secondary-dark-0) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.black-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #00000000 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.white-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100 */ background: linear-gradient(to right, #ffffff00 0%, #ffffff 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.primary-bg.dark-bg { background: linear-gradient(to right, var(--primary-dark-0) 0%,var(--primary-dark) 100%); } .hero .slideshow .slide .slideDesktop .overlay.gradient-right.secondary-bg.dark-bg { background: linear-gradient(to right, var(--secondary-dark-0) 0%,var(--secondary-dark) 100%); } .hero .slideshow .slide .slideDesktop .overlay.stop-15 {opacity:.15;} .hero .slideshow .slide .slideDesktop .overlay.stop-25 {opacity:.25;} .hero .slideshow .slide .slideDesktop .overlay.stop-40 {opacity:.4;} .hero .slideshow .slide .slideDesktop .overlay.stop-60 {opacity:.6;} .hero .slideshow .slide .slideDesktop .overlay.stop-75 {opacity:.75;} .hero .slideshow.flickity-enabled .slide {opacity:0;} .hero .slideshow:not(.static) .slide, .hero .slideshow:not(.static) .slide .slideInner, .hero .slideshow:not(.static) .slide .grid-y {height:100%;} /* no js fallback */ .no-js .hero .slideshow.static .slide {display:none; opacity:1;} .no-js .hero .slideshow.static .slide:first-child {display:block;} .bee-popup-container div.carousel-wrapper {margin:0 1rem;} .bee-popup-container div.carousel-wrapper.page-dots {margin-bottom:2rem;} .bee-popup-container div.carousel-wrapper.arrows {padding:0 37px;} .carousel .flickity-slider {display:flex;} .carousel .flickity-prev-next-button.previous {transform:translate(-100%,-50%); left:-1px;} .carousel .flickity-prev-next-button.next {transform:translate(100%,-50%); right:-1px;} /* -------------------------------- -------------------------------- */ /* ---------------------------- Sections --------------------------- */ /* -------------------------------- -------------------------------- */ /*** Slider ***/ .sliderContainer { position:relative; padding-bottom:2em; } .sliderViewport { position:relative; display:block; overflow:hidden; padding: 5px; } .slider { position:relative; left:0px; display:flex; transition: left 0.5s; } .slider .item { width: 17%; flex-grow:0; flex-shrink:0; padding:20px; } /* use padding to space these elements out */ .slider .item>div , .slider .item>a { height:100%; } .sliderContainer .prev, .sliderContainer .next { position:absolute; bottom:0; width:40px; display:flex; align-items:center; justify-content:center; cursor:pointer; } .sliderContainer .prev.disabled, .sliderContainer .next.disabled { opacity:0.2; cursor:default; pointer-events:none; } .sliderContainer .prev { right:51%; } .sliderContainer .next { left:51%; } .sliderContainer .prev::before { content: url('graphics/design/right_arrow_blue.png'); transform: rotate(180deg); } .sliderContainer .next::before { content: url('graphics/design/right_arrow_blue.png'); } .sliderContainer .prev.fastforward::before { } .sliderContainer .next.rewind::before { } /*** Flexisel ***/ .nbs-flexisel-container { position:relative; max-width:100%; } .nbs-flexisel-inner { position:relative; overflow:hidden; width:100%; padding:0 70px; box-sizing:border-box; } .nbs-flexisel-ul { position:relative; display:flex; align-items:center; width:99999px; margin:0; padding:0; list-style-type:none; text-align:center; } .nbs-flexisel-item { margin:0; padding:0; } .nbs-flexisel-item a { display:block; margin: 0 1em; } .nbs-flexisel-item img { } .nbs-flexisel-nav-left,.nbs-flexisel-nav-right { position:absolute; display:flex; align-items:center; justify-content:center; padding: 0 0.5em; cursor:pointer; z-index:4; top:0; bottom:0; background-color:#FFF; font-size:42px; font-family:'Font Awesome 5 Free'; font-weight:900; } .nbs-flexisel-nav-left { left:0; } .nbs-flexisel-nav-left:before { content:'\f053'; } .nbs-flexisel-nav-left.disabled { opacity:0.4; } .nbs-flexisel-nav-right { right:0; } .nbs-flexisel-nav-right:before { content:'\f054'; } .nbs-flexisel-nav-right.disabled { opacity:0.4; } @media screen and (min-width:750px) and (max-width:1024px) { .slider { position:relative; left:0; display:flex; transition: left 0.5s; } } /* Slideshow #homepageSlideshow { position:relative; height:450px; color:#fff; } #homepageSlideshow .wrapper { height:100%; } #slidesCycle { position:relative; width:100% !important; height:100% !important; } .slide { position:absolute; left:0; top:0; width:100% !important; height:100% !important; border-radius:10px; background-repeat:no-repeat; background-position:center; background-size:cover; } .slide .slideOverlay { position:absolute; top:0; left:0; right:0; bottom:0; background-color:transparent; display:flex; flex-direction:column; justify-content:center; padding: 0 10%; } .slide h1, .slide h2 { margin:0; text-shadow: 3px 3px 6px rgba(0,0,0,0.6); } #slidePrev, #slideNext { display:none; cursor:pointer; position:absolute; top:50%; transform: translateY(-50%); z-index:20; padding:5px; font-size:42px; color:inherit; text-shadow: 3px 3px 6px rgba(0,0,0,0.6); } #homepageSlideshow:hover #slidePrev, #homepageSlideshow:hover #slideNext { display:block; } #slidePrev { left:1em; } #slideNext { right:1em; } @media screen and (min-width:750px) and (max-width:1024px) { #homepageSlideshow { height:380px; } } @media screen and (max-width:749px) { #homepageSlideshow { height:240px; } #homepageSlideshow .wrapper { padding:0; } } */ .topMenu .mainMenu { text-transform: capitalize; } .topMenu .mainMenu>li>a { font-size: 16px; padding: 0; } .topMenu .mainMenu .submenuToggle { top: -5px; right: -1px; } .pageHeader { display:flex; flex-direction:column; justify-content:center; min-height:250px; max-height:550px; box-sizing:border-box; border-radius:0px; background-color: #2454a3;background-repeat:no-repeat; background-position:center; background-size:cover; color:#FFF; text-shadow: 3px 3px 6px rgba(0,0,0,0.6); } .pageHeader .wrapper { width: 100%; } .pageHeaderContent { padding: calc(20px + 8vw) 0; text-align: center; } .pageHeaderContent.leftAlign { text-align: left; } .pageHeaderContent.rightAlign { text-align: right; } .pageHeader.tall {height:550px;} .pageHeader.short .pageHeaderContent { padding: calc(20px + 4vw) 0; } .pageHeader h1, .pageHeader h2 { margin:0; color:white; } .pageHeader a.button, .pageHeader .button a, .pageHeader a .button { text-shadow:none; box-shadow: 3px 3px 6px rgba(0,0,0,0.6); } .welcomeText {background-color: #F5F5F8;} .welcomeText .text {max-width: 1200px;position: relative;margin: 0 auto;padding-bottom: 5%; padding-top:3%;} .welcomeText .header {margin-bottom: 0;text-align: left;} .welcomeText .header span {font-family: proxima-nova, sans-serif;font-size: 34px;color: #2455A3;} .welcomeText .bodyText span {font-family: proxima-nova, sans-serif;font-size: 18px;} .welcomeText .text p {margin: 0;padding-bottom: 50px;} .featureBoxes { position:relative; display:flex; flex-wrap:wrap; justify-content:center; margin: -5% 0 5%; padding: 0 5%; max-width: 1200px; } .featureBoxes::before { content:''; position:absolute; z-index:-1; top:0; left:0; height:100%; width:100%; } .featureBox { flex-basis:26.33%; padding: 7% 3%; position:relative; z-index:0; text-align:center;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2) } .featureBox .title { display: block; margin: 0; padding: 0 0 10px 0; } .featureBox~.featureBox { margin-left:1.5%; } .featureBox * { transition: all 0.3s; } .featureBox h3 { font-size: 35px; display: block; } .featureBox p { font-size: 20px; display: block; } .featureBox h3::before { content:''; display:block; margin: 0 auto 0.5em; width:100px; height:2px; background-color:#CF6B6E; transition: all 0.3s; } .featureBox::before { content:''; position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; border-radius:10px; background-color:#FFF; transition: all 0.3s; } .featureBox:hover::before { background-color:#2455A3; transform: scale(1.1); } .featureBox:hover { color:#FFF; z-index:1; } .featureBox:hover h3::before { background-color:#0A2D65; } .featureBox:hover .button.blue.outline { background-color:#fff; color:#2455A3; } .featureBoxes .text { flex-basis:100%; margin-top:2em; } #regions { position:relative; padding: 3em 0; text-align:center; } #regions .flexRow { align-items:center; } #interactiveMapHeader { text-align:center;} #interactiveMap { display: block; position: relative; margin: 8em 0; padding: 0 0 1em 0; } #interactiveMap:before { display: block; content: ''; position: absolute; z-index: 0; width: 100%; height: 100%; top: 0; left: 0; background-color: #21488B; margin: 0 auto; } #interactiveMap .map { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; height: 450px; } #interactiveMap .mapBox { display: block; position: relative; width:750px; height: 605px; background-image: url(graphics/design/state-ny.svg); background-size: contain; background-repeat: no-repeat; background-position: left center; color: #fff; font-weight: 900; } #interactiveMap .mapregion { display: inline-block; position: absolute; font-size: 1.5em; opacity: 25%; -webkit-transition: all 0.3s cubic-bezier(.36,.53,.33,1.01); -moz-transition: all 0.3s cubic-bezier(.36,.53,.33,1.01); } #interactiveMap .mapBox a { color: #fff; cursor: pointer; } #interactiveMap .mapregion:after { display: block; content: ''; width: 0; margin: 3px auto 0 auto; height: 2px; background-color: #C14144; transition: all 0.3s; -webkit-transition: all 0.3s cubic-bezier(.36,.53,.33,1.01); -moz-transition: all 0.3s cubic-bezier(.36,.53,.33,1.01); } #interactiveMap .mapregion.active, #interactiveMap .mapregion:hover { opacity: 1; } #interactiveMap .mapregion.active:after, #interactiveMap .mapregion:hover:after { opacity: 1; width: 100%; } /*#interactiveMap .region1 { right: 360px; top: 135px; }*/ /*#interactiveMap .region2 { left: 340px; top: 275px; }*/ /*#interactiveMap .region3 { right: 335px; top: 385px; }*/ /*#interactiveMap .region4 { left: 120px; top: 335px; }*/ /*#interactiveMap .region5 { right: 235px; bottom: 50px; }*/ #interactiveMap .region-CAPSA { right: 175px; top: 225px; } #interactiveMap .region-CNYSAA { right: 300px; top: 280px; } #interactiveMap .region-WNYAA { left: 120px; top: 280px; } #interactiveMap .region-CAS { right: 135px; bottom: 54px; } #interactiveMap .region-RASA { right: 209px; top: 385px; } #interactiveMap .mapNav { display: block; width: 24%; background: #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 15px; box-sizing: border-box; box-shadow: 0 3px 20px rgba(0,0,0, 0.2); -webkit-box-shadow: 0 3px 20px rgba(0,0,0, 0.2); } #interactiveMap .mapNav a { cursor: pointer; } #interactiveMap .mapNav ul { display: flex; flex-flow: column nowrap; justify-content: space-around; align-items: center; list-style-type: none; margin: 0; padding: 0; transition: border-left 0.3s cubic-bezier(.36,.53,.33,1.01); -webkit-transition: border-left 0.3s cubic-bezier(.36,.53,.33,1.01); -moz-transition: border-left 0.3s cubic-bezier(.36,.53,.33,1.01); position: relative; z-index: 10; } #interactiveMap .mapNav ul > li { display: flex; flex-flow: column nowrap; justify-content: space-between; align-items: flex-start; border-left: 2px solid transparent; margin: 10px 0; padding-left: 15px; box-sizing: border-box; color: #1D2C4C; font-size: 1em; } #interactiveMap .mapNav ul > li:first-child { margin-top: 0; } #interactiveMap .mapNav ul > li:last-child { margin-bottom: 0; } #interactiveMap .mapNav ul > li:hover, #interactiveMap .mapNav ul > li.active { border-left: 2px solid #C14144; } #interactiveMap .linkBox { top: 8em; } .testimonials {padding: 3em 0;} .testimonials h2 {margin-bottom: 0;} .testimonials .text {flex-grow: 1;padding: 1em 2em } .testimonials h3 {font-size:24px;margin: .5em 0;} .testimonials .testimonial {display: flex;flex-direction: column;border-radius: 10px;box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;position: relative;z-index: 1;height: 352px !important;} .testimonials .overlay {text-align: center;margin: auto 0;color: #fefefe;} .testimonials .overlay .text {font-size: 14px;} .colorOverlay::after {position: absolute;z-index: -1;top: 0;left: 0;width: 100%;height: 100%;content: "";opacity: .85;} .item:nth-child(4n+1) .colorOverlay::after {background-color: #5573A6;} .item:nth-child(4n+2) .colorOverlay::after {background-color: #525E76;} .item:nth-child(4n+3) .colorOverlay::after {background-color: #C36469;} .item:nth-child(4n+4) .colorOverlay::after {background-color: #E3A948;} /* .testimonials { padding: 4em 0; } .testimonials .wrapper { display:flex; flex-flow: column wrap; height:440px; max-height:500px; } .testimonials .heading { order:1; width:46%; margin: 0 4% 4% 0; } .testimonials h2 { margin-bottom:0.3em; } .testimonialDetail { order:2; width:46%; margin: 0 4% 0 0; display:none; } .testimonialDetail.active { display:block; } .testimonial.box { order:3; display:block; width:23%; border-radius:10px; margin-left:2%; background-repeat:no-repeat; background-position:center; background-size:cover; color:#FFF; cursor:pointer; transition: all 0.2s; } .testimonial .quote { font-size:30px; } .testimonial .quote::before { content:'\f10d'; font-family: 'Font Awesome 5 Free'; font-weight:900; } .testimonialDetail .testimony { margin-top:0.5em; margin-bottom:1em; } .testimonial.box1 { margin-bottom:2%; } .testimonial.box3 { margin-bottom:2%; } .testimonial .overlay { position:relative; border-radius:10px; transition: all 0.2s; } .testimonial.box1 .overlay, .testimonial.box4 .overlay { height:250px; background-color: rgba(36,85,163,0.75); } .testimonial.box2 .overlay { height:150px; background-color: rgba(70,129,90,0.75); } .testimonial.box3 .overlay { height:150px; background-color: rgba(232,150,19,0.75); } .testimonial.box1:hover .overlay, .testimonial.box4:hover .overlay { background-color: rgba(36,85,163,0.9); } .testimonial.box2:hover .overlay { background-color: rgba(70,129,90,0.9); } .testimonial.box3:hover .overlay { background-color: rgba(232,150,19,0.9); } .testimonial.box1.active, .testimonial.box4.active { box-shadow: 0 0 10px #1D2C4C; } .testimonial.box2.active { box-shadow: 0 0 10px #46815A; } .testimonial.box3.active { box-shadow: 0 0 10px #E89613; } .testimonial.box .testimony { display:none; } .testimonial .attribution { display:flex; align-items:center; } .testimonial.box .attribution { position:absolute; left:1em; bottom:1em; } .testimonial .attribution .image { width:60px; height:60px; border: 2px solid #FFF; border-radius:50%; margin-right:1em; background-repeat:no-repeat; background-position:center; background-size:cover; } .testimonial .attribution .name { font-weight:bold; font-size:18px; } */ /* .testimonials { padding: 4em 0; } .testimonials>.wrapper>.flexRow { align-items:center; } .testimonials h2 { margin-bottom:0.3em; } .testimonial.box { position:relative; display:block; border-radius:10px; margin: 15px 0; background-repeat:no-repeat; background-position:center; background-size:cover; color:#FFF; } .testimonial .quote { margin-top:1em; font-size:30px; } .testimonial .quote::before { content:'\f10d'; font-family: 'Font Awesome 5 Free'; font-weight:900; } .testimony { margin-top:0.5em; margin-bottom:1em; } .testimonial.box2, .testimonial.box5 { height:250px; } .testimonial.box3, .testimonial.box4 { height:150px; } .testimonial .overlay { position:absolute; top:0; left:0; right:0; bottom:0; border-radius:10px; transition: all 0.3s; } .testimonial.box2 .overlay, .testimonial.box5 .overlay { background-color: rgba(36,85,163,0.75); } .testimonial.box3 .overlay { background-color: rgba(70,129,90,0.75); } .testimonial.box4 .overlay { background-color: rgba(232,150,19,0.75); } .testimonial.box2:hover .overlay, .testimonial.box5:hover .overlay { background-color: rgba(36,85,163,0.9); } .testimonial.box3:hover .overlay { background-color: rgba(70,129,90,0.9); } .testimonial.box4:hover .overlay { background-color: rgba(232,150,19,0.9); } .testimonial .attribution { display:flex; align-items:center; } .testimonial.box .attribution { position:absolute; left:1em; bottom:1em; } .testimonial .attribution .image { width:60px; height:60px; border: 2px solid #FFF; border-radius:50%; margin-right:1em; background-repeat:no-repeat; background-position:center; background-size:cover; } .testimonial .attribution .name { font-weight:bold; font-size:18px; } */ .questionOfTheWeek { position:relative; padding: 3em 1em 0; text-align:center; } .questionOfTheWeek::before { content:''; position:absolute; z-index:-1; top:0; left:0; height:100%; width:100%; transform: scaleX(1.2); border-radius:10px; background-color:#F5F5F8; } .questionOfTheWeek h2 { margin:0; } .questionOfTheWeek .question { font-size:32px; } .linkBox { position:relative; top:3em; border-radius:10px; background-color:#1C2A4B; padding:2em; display:flex; max-width: 1000px; margin: 0 auto 3em; } .linkBoxLink { flex: 1 1 33.33%; display:flex; align-items:center; justify-content:center; max-width:300px; padding: 1em 1.6em; border-left: 1px solid rgba(255,255,255,0.3); text-align:left; } .linkBoxLink:first-child { border-left:0; } .linkBoxLink a { display:flex; align-items:center; justify-content:center; } .linkBoxLink .icon { flex-shrink:0; margin-right:30px; font-size:40px; color:#E89613;} .linkBoxLink .text { font-size:20px; font-weight:600; color:#FFF; text-transform:uppercase; } .recentNews { padding: 3em 0; } .recentNews h2 { margin-bottom:0; } .recentNews .newsArticle { display:flex; flex-direction:column; border-radius:10px; box-shadow: 0 3px 20px rgba(0,0,0,0.1); overflow:hidden; } .recentNews .image { position:relative; padding-bottom:52.63%; background-color:#F5F5F8; background-repeat:no-repeat; background-position:center; background-size:cover; } .recentNews .date { position:absolute; top:25px; left:0; background-color: rgba(36,85,163,0.75); padding: 0.5em 1em; font-size:14px; color:#FFF; } .recentNews .text { flex-grow:1; padding: 1em 2em; } .recentNews .category { display:inline-block; background-color:#21488B; padding: 1em 2em; font-size:14px; color:#FFF; } .recentNews h3 { font-size:24px; margin: 0.5em 0; } #partners { text-align:center; padding: 3em 0; } @media screen and (min-width:750px) and (max-width:1024px) { .linkBoxLink a { flex-wrap:wrap; text-align:center; } .testimonials .wrapper { display:block; max-height:none; } .testimonials .heading { width:auto; margin-right:0; } .testimonialDetail { display:block; width:auto; margin: 3em 0 0 0; } .testimonial.box { display:none; } } @media screen and (max-width:749px) { .pageHeader .background { min-height:0; } .featureBoxes { display:block; margin: 3em 0; } .featureBox { margin: 1em 0 !important; } .testimonial.box2, .testimonial.box5, .testimonial.box3, .testimonial.box4 { height:200px; } .testimonials .wrapper { display:block; height: auto; max-height:none; } .testimonials .heading { width:auto; margin-right:0; } .testimonialDetail { display:block; width:auto; margin: 3em 0 0 0; } .testimonial.box { display:none; } .linkBox { display:block; } .linkBoxLink { border-left:0; margin-top:1.5em; max-width:none; padding:0; text-align:center; } .linkBoxLink:first-child { margin-top:0; } .linkBoxLink a { display:block; } .linkBoxLink .icon { margin: 0 auto 0.5em; } #interactiveMap .mapBox { display: none; } #interactiveMap .mapNav ul {align-items: center;} #interactiveMap .mapNav { width: 100%; } #interactiveMap .mapNav ul > li { border-left: none; } #interactiveMap .mapNav ul > li:hover { border-left: none; } .pageHeader .wrapper { width: auto; } } @media screen and (max-width: 1024px) and (min-width:750px){ #interactiveMap .map { flex-flow: column; height: auto; } #interactiveMap .mapNav { width: auto; } #interactiveMap .mapNav ul { display: flex; flex-flow: row; align-items: flex-start; } #interactiveMap .mapNav ul > li { width: 20%; flex: 0 0 auto; } #interactiveMap .mapNav ul > li:first-child {margin-top: 10px;} #interactiveMap .mapNav ul > li:hover, #interactiveMap .mapNav ul > li.active { border-left:none; border-bottom:2px solid #C14144; } } /* Interior Content */ #interiorContent { display:flex; justify-content:space-between; padding: 3em 0; } #content { flex: 1 1 auto; } #sidebar { flex: 0 0 275px; margin-left:3em; } .interiorHeaderBannerJS, #interiorHeaderBannerOverride { display: none; } /** Side Menu **/ /* general */ #subMenu { margin-bottom:30px; color:#fff; } #subMenuTitle { padding: 0.5em 1em; background-color:#1D2C4C; font-size:20px; font-weight:600; font-size:18px; } #subMenuTitle:empty { display:none; } .subMenu { margin:0; padding: 0.3em 0; list-style:none; background-color:#f5f5f8; border-top:4px solid #2555a3; } .subMenu li {} .subMenu a { display:block; padding: 0.3em 1em; color:inherit; } .subMenu a:hover { background-color:#cfcfd7; } .subMenu li:hover>a {} .subMenu li.menuItemHighlight {} .subMenu li.menuItemHighlight>a {} /* top level */ .subMenu>li {color:#1D2C4C;} .subMenu>li>a { font-size:16px; } .subMenu>li:hover {} .subMenu>li:hover>a {} .subMenu>li.alsoCurrent {} .subMenu>li.alsoCurrent>a {} /* subsequent levels */ .subMenu ul { margin:0; padding:0; list-style:none; } #sideBanners { } #sideBanners span { display:block; margin:0 0 30px; } #sideBanners span a { display:block; } #sideBanners span img { display:block; width:100% !important; height:auto !important; } #content .tagCloud { display:none; } @media screen and (min-width:750px) and (max-width:959px) { } @media screen and (max-width:749px) { #interiorContent { display:block; } #sidebar { margin-left:0; } } #unitLister {border-collapse:collapse;width:100%} #unitLister td, #unitLister th{border:1px solid #ddd;padding:8px} #unitLister tr:nth-child(even){background-color:#f2f2f2} #unitLister tr:hover{background-color:#ddd} #unitLister tr:nth-child(1){padding-top:12px;padding-bottom:12px;text-align:left;background-color:#2455a3;color:#fff} /* -------------------------------- -------------------------------- */ /* ----------------------------- Footer ---------------------------- */ /* -------------------------------- -------------------------------- */ #\Button { margin: 1em 0; padding: 10px; border: 3px solid #fff; max-width: 220px; color: #fff; text-align: center; font-weight: bold; border-radius: 10px;} #\Button:hover {cursor: pointer; background-color: #2a6bd3; transition: .2s ease;} #footer { background-color:#1D2C4C; color:#fff; padding: 3em 0; } #footer a { color:inherit; } #footer h6, #footer h5, #footer h4, #footer h3, #footer h2, #footer h1, #footer label {color: #fff;} #footer .logo { display:flex; align-items:center; font-size:24px; } #footer .logo img { width:140px; margin-right:1em; } #footer address { margin: 1em 0; font-style:normal; } #footer .fas { width:1em; margin-right:10px; color:#E89613; text-align:center; } #footer .socialMenu a { border-radius:50%; height:48px; width:48px; line-height:48px; text-align:center; background-color:#31456E; } #footer h4::after { content:''; display:block; height:4px; width:40px; background-color:#E89613; margin-top:1em; } #mobileBottom { display:none; text-align:center; position:fixed; bottom:0; left:0; width:100%; height:0; z-index:9999; } #backToTop { background:#121212; position:absolute; bottom:-30px; width:100%; color:#fff; cursor:pointer; line-height:30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } #backToTop.scrolled { bottom:0; } @media screen and (max-width:959px) { } @media screen and (max-width:749px) { #mobileBottom { display:block; } } #nospamResponse { display:none; } .simpleAntiSpam>div { margin:6px auto !important; } .simpleAntiSpamp>span { display:block; float:none !important; margin: 5px auto !important; padding:0 !important; } #form .formtextRequired, #form .formtext { line-height:28px; } #form table { width:100%; } /* --------------- Freedom elements --------------- */ #editAnywhere, #pal_iframe { display:none; } .faq ul p { margin:0; display:inline; } .shaketext { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; transform: translate3d(0, 0, 0); backface-visibility: hidden; perspective: 1000px; } @keyframes shake { 10%, 90% {transform: translate3d(-1px, 0, 0); } 20%, 80% {transform: translate3d(2px, 0, 0); } 30%, 50%, 70% {transform: translate3d(-4px, 0, 0); } 40%, 60% {transform: translate3d(4px, 0, 0); } } ul.no-bullet, ol.no-bullet { margin-left: 0; list-style: none; } ul.lockedList { margin-left: 0; padding-left:0; list-style: none; } .lockedList li { margin-bottom:0.5rem; } .loginWarning { } .loginWarning.shaketext { color:#B82427; } /* Old date fields */ #freedom_calendar { position:absolute; background-color:#fff; border: 1px solid #000; z-index:9999; visibility:hidden; } #freedom_calendar table table { padding:.2em; } #freedom_calendar table table:first-child { background-color:#000; color:#fff; } #freedom_calendar td.cal, #freedom_calendar td.calWeekend, #freedom_calendar td.calDaysColor { width:40px; height:25px; } /* Date picker fields */ #ui-datepicker-div { background: #fff; border: 2px solid #333; z-index:100 !important; } .ui-datepicker { width: 20em; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;} .ui-datepicker .ui-datepicker-header a { color: #fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; } .ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;} .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { cursor: pointer; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th {padding: .7em .3em; text-align: center; font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;} .ui-datepicker td span, .ui-datepicker td a {display: block; padding: .2em; text-align: center; text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} /*body.mceContentBody, body.mce-content-body { padding-top:0; }*/ /* ---------------General Module Styles--------------- */ .moduleDetail { } .moduleLister { } div.listerItem { clear:both; margin: 1em 0 1.5em; padding-bottom:1.5em; border-bottom: 2px solid rgba(0, 0, 0, 0.1); } div.listerItem::after { content:''; display:block; height:0; clear:both; visibility:hidden; } a.viewAll { font-size:18px; font-weight:600; } a.viewAll::after { content: url('graphics/design/right_arrow_blue.png'); display:inline-block; vertical-align:middle; margin-left:0.5em; } a.viewMore { font-weight:bold; } a.viewMore::after { content:'\f35a'; margin-left:0.5em; color:#E89613; font-family: 'Font Awesome 5 Free'; font-weight:900; } /* common elements across modules */ .label { font-weight:bold; margin-right:10px; } .title { font-size:65px;} .description { } .blurb { padding-top:10px; } .thumbnail { } .info { } .author { } .date { } .time { } .imageLink { float:left; } .tags { } .tags a { background:#f2f2f2; border-radius:4px; font-size:.8rem; color:#676767; display:inline-block; padding:3px 6px; margin:0 1px; } .utilityLinks { margin-top:25px; } .comments { margin-top:12px; } .comment { padding:10px; background:#f4f4f4; margin-bottom:15px; border: 1px solid #ccc; } .comment .info { color:#333; font-weight:600; margin-bottom:10px; } .listerItem .flexRow { align-items:flex-start; } .listerItem .flexItem.thumbnail { flex:0 0 230px; } .listerItem .thumbnail img { width:100%; height:auto; } .listerItem .listerContent.flexItem { flex: 1 1 20px; } .errorMessage { font-weight:bold; color:#f00; } .tagCloud { margin-bottom:30px; } .tagCloudBox { border: 2px solid #ddd; border-radius:4px; padding:12px; } .tagCloud a { background:#f2f2f2; border-radius:4px; font-size:0.8rem; color:#676767; display:inline-block; padding: 3px 6px; margin: 2px 1px; } .archive { margin-bottom:30px; color:#fff; font-size:20px; } .archive .year { background-color:#1D2C4C; } .archive a { display:block; padding: 0.3em 1em; color:inherit; } .archive .monthContainer { background-color:#2455A3; padding: 0.3em 0; } .archive .month:hover { background-color:#1D2C4C; } /* Pagination */ /* the page numbers .paginationText {display:none;}*/ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; color:#434343;} .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination .prevnextLink {background-color: #e8e8e8;border: solid 1px #fff;margin:0;padding: 0.4em 0.7em;font-size: 1em;margin-right:2px;display:inline-block;border-radius: 5px;} .pagination .prevnextWindow:hover, .pagination .prevnextLink:hover, .pagination .prevnextWindowArrow:hover {border: solid 1px #253746;/*site color*/ color:#434343;} .pagination .prevnextCurrent {background: #253746;/*site color*/color:#ffffff;border:1px solid #253746;/*site color*/font-weight:bold;} .pagination .prevnextLink, .pagination .prevnextWindowArrow {} /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* Comments */ #addCommentSection textarea { height:200px; } #addCommentSection .g-recaptcha { margin-top:10px; } /* ModuleBegin::photo */ /* Photo Lister */ .photoModule.moduleLister { } .albumBox { border: 1px solid #ddd; border-radius:8px; padding:12px; box-sizing:border-box; position:relative; height:100%; } .albumBox .albumImage { display:block; width:100%; height:0; padding-bottom:86%; background-color:#ccc; background-position:center; background-repeat:no-repeat; background-size:cover; } .albumBox h5 { margin-bottom:8px; } /* Thumbnails */ .photoModule.thumbLister .flexItem { margin-bottom:30px; } .thumbnailItem { display:block; height:0; padding-bottom:86%; background-color:#ccc; background-position:center; background-repeat:no-repeat; background-size:cover; border-radius:4px; border: 4px solid #fff; box-shadow: 0 0 5px -2px rgba(0,0,0,0.54); } .thumbnailItem:hover { border-color:#9cb111; transition: border-color 0.1s ease; } /* Slideshow */ .photoModuleSlideshow { } .photoModuleSlideshow img { display:block; width:auto; height:auto; max-width:100%; } /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail { } .newsModule.moduleLister { } .newsModule .copyright { padding:1em 0em; text-align:center; font-size:0.9rem; } .newsModule .blurb { } .newsModule .thumbnail { } /* ModuleEnd::news */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display:block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ .blogModule { } .blogModule .info { } .blogModule .author { } .blogModule .date { } .blogModule .tags { } /* ---- Blog Lister ----- */ .blogModule.moduleLister { } .blogModule.moduleLister h2 { } .blogModule .listerItem { } .blogModule .blurb { padding: 8px 0; } /* ---- Blog Detail ------- */ .blogModule.moduleDetail { } .blogModule.moduleDetail h1 { margin-bottom:5px; } .blogModule.moduleDetail .fullText { padding: 32px 0 16px; } .blogModule.moduleDetail .fullText>img:first-child+p { margin-top:0; } /* ---- Blog Archives ------ */ /* ModuleEnd::blog */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister { } /* ---- Events Detail ---- */ .eventsModule.moduleDetail { } .eventsModule .date { } .eventsModule .label { } .eventsModule .time { } .eventsModule .location { margin:1em 0; } .eventsModule .map { } .eventsModule .address { } .eventsModule .directions { } .eventsModule .contactInfo { } .eventsModule .name { } .eventsModule .phone { } .eventsModule .email { } .eventsModule .rsvp { } .eventsModule .ticketsWrapper { } .eventsModule .ticket { } .eventsModule .description { } .eventsModule .utilityLinks { } .eventsModule.moduleDetail .thumbnail { width:300px; float:right; margin-left:20px; } /* ---- Events Small Calendar ---- */ .cal { text-align:center; position:relative; background:transparent; } .calTop { border-top:1px solid #2455A3; height:38px; line-height:38px; background:rgb(29, 44, 76); } .calTop a { color:blue; } a.calPrev, a.calNext { display:block; position:absolute; top:0; width:42px; font-size:1.7rem; text-align:center; line-height:41px; height:38px; } .calPrev:hover, .calNext:hover { background:rgba(255,255,255,0.3); } .calPrev { left:0; border-right: 1px solid #1D2C4C; } .calNext { right:0; border-left: 1px solid #1D2C4C; } .calMonth { position:absolute; top:0; left:43px; right:43px; text-align:center; font-size:1.125rem; text-transform:uppercase; font-weight:bold; } .calGrid { background:#fff; clear:both; width:100%; text-align:center; margin-left:auto; margin-right:auto; border-collapse:collapse; } .calGrid td { position:relative; color:#2e2e2e; font-weight:bold; width:14.2857%; font-size:1rem; height:41px; padding:0; vertical-align:middle; text-align:center; } .calGrid tr.calWeek { text-align:center; } .calGrid tr.calWeek td { font-weight:normal; color:#fff; font-size:1rem; height:33px; border-left:0; border-top:0; background:rgb(36, 85, 163); } /* Small Calendar Only */ .cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad; } .cal.smallCalendar .calGrid tr.calWeek td { border-left:0; border-top:0; } .cal.smallCalendar .calGrid td:first-child { border-left:0; } .cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0; } .cal.smallCalendar .calGrid td .glanceInner { display:none; position:absolute; transition: all 0.3s; opacity:0; position:absolute; bottom:20px; left:50%; margin-left:-60px; width:106px; background:#4cc05c; color:#fff; padding:5px 7px; font-size:1.1rem; line-height:17px; text-transform:uppercase; } .cal.smallCalendar .calGrid td.hovered .glanceInner, .calGrid td.active .glanceInner { opacity:1; bottom:38px; z-index:25; } .cal.smallCalendar .calGrid td .glanceInner a { color:#fff; } .cal.smallCalendar .calGrid td .glanceInner a:hover { text-decoration:underline; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle { position:absolute; top:100%; border-bottom: 6px solid transparent; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.right { left:50%; border-left: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td .glanceInner .bottomTriangle.left { right:50%; border-right: 6px solid #4cc05c; } .cal.smallCalendar .calGrid td.today { color:#177a38; } .cal.smallCalendar .calGrid td.activeday { cursor:pointer; } .cal.smallCalendar .calGrid td span.indicator { display:block; position:absolute; right:0; bottom:0; width:0; height:0; border-right: 12px solid #ccc; border-top: 12px solid transparent; } /* Large Calendar Only */ .cal.largeCalendar .calGrid td { padding:7px; vertical-align:top; text-align:left; height:100px; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad; } .cal.largeCalendar .calGrid tr.calWeek td { border-right:0; border-bottom:0; text-align:center; height:auto; } .cal.largeCalendar .calGrid td .glanceInner { display:block; padding-top:7px; font-size:1rem; } .cal.largeCalendar .calGrid td:first-child { border-left: 1px solid #adadad; } .glanceInner a { margin-bottom:10px; display:block; } .calBottom { text-align:left; } .calMonthGlance { padding:5px 0 3px 0; } .calBottom a { } .show-for-largeCalendar,.show-for-smallCalendar{display:none} .largeCalendar .show-for-largeCalendar{display:table-row} .smallCalendar .show-for-smallCalendar{display:table-row} /* ---- Events Month at a Glance ---- */ #calendarDetail { margin-top:7px; padding-bottom:30px; width:100%; } #calendarDetail table { width:100%; table-layout:fixed; text-align:center; } #calendarDetail .calendarMonths { vertical-align:middle; padding-top:3px; padding-left:12px; width:100%; } #calendarDetail a { text-decoration:none; } #calendarDetail a:hover { text-decoration:underline; } #calendarDetail .calendarMonths a { display:block; font-weight:bold; font-size:1.2rem; padding:5px 0 5px 0; } #calendarDetail .calendarMonths a:hover { color:#000; } #calendarDetail .calendarDays { table-layout:fixed; background:#fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom: 1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-weight:bold; color:#fff; padding: 10px 0 10px 0; background:#333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background:#333; color:#fff; } #calendarDetail .title a { font-size:1.2rem; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a { font-size:1.2rem; color:#fff; } #calendarDetail .calendarDays td { font-size:1.2rem; line-height:1.1em; } #calendarDetail .calendarDays .weekdays { height:30px; line-height:30px; background-color:#E8E8E8; } #calendarDetail .calendarDays .emptyDay { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,0,0,0.02); } #calendarDetail .calendarDays .eventToday { height:100px; text-align:left; vertical-align:top; background-color:#eee; background-color:rgba(0,0,0,0.05); padding-left:5px; padding:5px; } #calendarDetail .calendarDays .eventOff { height:100px; text-align:left; vertical-align:top; padding-left:5px; padding:5px; } #calendarDetail .calendarDays .eventOn { height:100px; text-align:left; vertical-align:top; padding-left:5px; padding:5px; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom:10px; } .eventsModule.moduleLister.box .date { color:#777; } /* ---- Events Registration ----- */ form[name="eventTicketSelect"] { width:100%; display:block; margin-bottom:20px; } form[name="eventTicketSelect"] table { border: 1px solid #1D2C4C; border-collapse:collapse; border-spacing:0; margin-bottom:20px; } form[name="eventTicketSelect"] table td { border: 1px solid #1D2C4C; padding:4px 6px; } form[name="eventTicketSelect"] table thead td { background:#1D2C4C; color:#fff; font-weight:bold; padding:10px 6px; } .eventTicketTypeTitle { margin:20px auto; white-space:nowrap; border-top:1px solid #ccc; border-bottom: 1px solid #ccc; width:100%; text-align:center; padding:10px 0; } .ticketTypeSummary td { padding:5px 10px; } .ticketTypeSummary .ticketPriceTotal { text-align:right; font-size:1.25rem; font-weight:bold; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; } .ticketQuantity, td.ticketTotal { text-align:center; } .repeatSection { } .eventTicketTypeTitle { counter-reset:attendee; } .attendeeLabel::after { counter-increment:attendee; content: ' ' counter(attendee); } .odd.repeatSection { } .odd.repeatSection.last { } #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #e5e5e5; background:#f8f8f8; padding:20px; width:275px; border-radius:4px; } #formLogin h2 { padding-top:0; margin-top:0; } .memberLoginBox { margin:0 auto; } .memberLoginBox td { padding:0; } .memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background:#fff; } .memberLoginBox td input[type="checkbox"] { height:24px; } .membershipModule .search { } .membershipModule .companyInfo { margin:1em 0; } .membershipModule .companyInfo .name { } .membershipModule .companyInfo .jobTitle { } .membershipModule .address { margin:1em 0; } .membershipModule .contactInfo { margin:1em 0; } .membershipModule .contactInfo .phone { } .membershipModule .contactInfo .email { } .membershipModule .contactInfo .website { } .membershipModule .thumbnail { float:left; margin-right:20px; } /* ----- Membership Lister ----- */ .membershipModule.moduleLister { } /* ---- Membership Detail ----- */ .membershipModule.moduleDetail { } /* ----- My Account ---- */ .membershipModule.myAccount { } .membershipModule.myAccount::after { content: ''; display:block; height:0; clear:both; visibility:hidden; } .membershipModule.myAccount { } .myAccountLinks { margin-top:35px; align-items:stretch; } .myAccountLinks .myAccountBox { border: 1px solid #ddd; border-radius:4px; padding: 12px 15px; height:100%; } .myAccountLinks h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; font-size:25px;} .myAccountLinks .linkSection { } .myAccountLinks .linkSection a { display:block; padding:5px 0; } .myAccountLinks .button { text-align:center; padding-top:25px; } .myAccountLinks .button a { margin:0 0 10px; } .myaccountSidebar { margin-bottom:30px; } .myaccountSidebar .block { background:#253746; } .myaccountSidebar .block h4.title { background:#394a59; color:#fff; padding: 12px 15px 12px 40px; margin:0; position:relative; cursor:pointer; } .myaccountSidebar .block h4.title::after { display:block; position:absolute; font-family:'FontAwesome'; font-weight:normal; font-size:1.9rem; content:'\f196'; top:50%; left:12px; margin-top:-11px; height:24px; line-height:24px; } .myaccountSidebar .block.active h4.title::after { content:'\f147'; } .myaccountSidebar .block ul { margin:0; list-style:none; padding:0; color:#fff; height:auto; max-height:0; overflow:hidden; } .myaccountSidebar .block.active ul { max-height:2000px; padding:5px 0; transition:max-height 2s linear, padding 0.2s linear; } .myaccountSidebar .block ul li { display:block; margin:0; padding:6px 15px; } /* ----- My Account - Dispatch ( System Forms ) ---- */ .sigPad { text-align:center; width:100% !important;} .sigWrapper { margin: 0 auto;} #myaccount_form>div { text-align:left; width:100%; } .myaccountForm>table, .freedomAdminForm>table { width:100%; } .myaccountForm>table td, .freedomAdminForm>table td { vertical-align:top; } .myaccountForm>table td:first-child, .freedomAdminForm>table td:first-child { padding-top:14px; padding-right:12px; } .myaccountForm>table table, table.freedomTable { width:100%; border: 1px solid #ccc; background:#f8f8f8; margin:0; border-spacing:0; border-collapse:collapse; } .myaccountForm>table table td, table.freedomTable td, table.freedomTable th { vertical-align:middle; padding:8px 12px; } .myaccountForm>table table thead td, table.freedomTable thead th { background:#ccc; color:#000; } .myaccountForm>table table thead td *, table.freedomTable thead th * { color:#000; } .myaccountForm>table table thead td:first-child, table.freedomTable thead th:first-child { text-align:left; } table.freedomTable thead th.sort img { display:none; } table.freedomTable thead th.sort::after { position:relative; padding-left:3px; display:inline-block; font-family:'FontAwesome'; content:'\f0d7'} .editorLabel { display:inline-block; padding-bottom:15px; } .myaccountDetail table { color:#444; } .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding:5px 0; } .myaccountDetail .formtextRequired label , .myaccountForm .formtextRequired label { font-weight:bold; } tr.myaccountFormRow .formlabel { white-space: nowrap;} .myaccountFormRow input[type="text"] { width: 100%;} .myaccountFormRow input.invalid {border-color:#B82427;} .formButtons { padding-top:15px; } select.filterCombo { width:200px; } .imageBoxContainer { width:100%; background:#eee; padding:3px; line-height:38px; } .imageBoxContainer * { vertical-align:middle !important; text-align:center; } .imageBoxContainer .imageBox { border: 4px solid #fff; background:#f8f8f8; display:inline-block; width:auto; margin:8px; padding:12px; } .myaccountMessage { display:block; padding:18px; border: 2px dashed #777; background:#ddd; color:#000; font-size:1.6rem; line-height:22px; text-align:center; margin-bottom:18px; } .myaccountMessage.defaultSuccess { background:#ECF6A6; border-color:#9cb111; } .myaccountMessage.negative { background:#EFADAD; border-color:#BF2525; } .myaccountMessage.alert { background:#FFD702; border-color:#000; } .myaccountLister { } .myaccountListerBack { } .myaccountForm input[type="text"] { width: 100%} .freedomAdminForm input[name$="_city"], .freedomAdminForm input[name$="_state"], .freedomAdminForm input[name$="_zip"], .myaccountForm input[name$="_city"], .myaccountForm input[name$="_state"], .myaccountForm input[name$="_zip"], .myaccountForm select[name$="card_month"], .myaccountForm select[name$="card_year"], .freedomAdminForm input[name$="_time"], .freedomAdminForm select[name$="_time_ampm"] { display: inline; width: auto; box-sizing:border-box; } .freedomAdminForm input[name$="_city"], .myaccountForm input[name$="_city"] { width: 54%; } .freedomAdminForm input[name$="_state"], .myaccountForm input[name$="_state"]{ width:15% } .freedomAdminForm input[name$="_zip"], .myaccountForm input[name$="_zip"]{ width: 25%; } .freedomAdminForm input[name$="_zip"], .myaccountForm input[name$="_zip"]{ width: 25%; } .selectize-control.single .selectize-input.has-options:after { position: absolute; top: 50%; right: 15px; display: block; width: 0; height: 0; margin-top: -3px; border-color: #808080 transparent transparent transparent; border-style: solid; border-width: 5px 5px 0 5px; content: ' '; } .selectize-control.single .selectize-input.dropdown-active:after { margin-top: -4px; border-color: transparent transparent #808080 transparent; border-width: 0 5px 5px 5px; } .selectize-control.plugin-remove_button [data-value] { position: relative; padding-right: 24px !important; } .selectize-control.plugin-remove_button [data-value] .remove { z-index: 1; /* fixes ie bug (see #392) */ position: absolute; top: 0; right: 0; bottom: 0; width: 17px; text-align: center; font-weight: bold; font-size: 12px; color: inherit; text-decoration: none; vertical-align: middle; display: inline-block; padding: 2px 0 0 0; border-left: 1px solid #d0d0d0; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .selectize-control.plugin-remove_button [data-value] .remove:hover { background: rgba(0, 0, 0, 0.05); } .selectize-control.plugin-remove_button [data-value].active .remove { border-left-color: #cacaca; } .selectize-control.plugin-remove_button .disabled [data-value] .remove:hover { background: none; } .selectize-control.plugin-remove_button .disabled [data-value] .remove { border-left-color: #ffffff; } .selectize-control { position: relative; } .selectize-dropdown, .selectize-input, .selectize-input input { color: #303030; font-family: inherit; font-size: 13px; line-height: 18px; -webkit-font-smoothing: inherit; } .selectize-input, .selectize-control.single .selectize-input.input-active { background: #ffffff; cursor: text; display: inline-block; } .selectize-input { display: inline-block; width: 100%; overflow: hidden; position: relative; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 2px; border: 2px solid #ccc; padding: 0.5em 1em; background-color: #eee; caret-color: inherit; font: inherit; font-weight: 600; } .large-selectize .selectize-input{ width: 500px; } .medium-selectize .selectize-input{ width: 318px; } .small-selectize .selectize-input{ width: 150px; } .freedomAdminForm .selectize-input{ margin: 3px 3px 0 ; line-height: initial; } .freedomAdminForm .selectize-dropdown{ margin-left: 3px; } .selectize-input span.invoice { font-size: 1.2em; display:block; } .selectize-input span.details, .selectize-dropdown span.details { font-size: 0.8em; display:block; font-weight: normal; font-color: rgba(0,0,0,50%); } .selectize-dropdown span.invoice { font-size: 1em; display:block; } .selectize-control .selectize-dropdown .meta { list-style: none; margin: 0; padding: 0; font-size: 10px; } .selectize-control .selectize-dropdown .meta li { margin: 0; padding: 0; display: inline; margin-right: 10px; } .selectize-control.multi .selectize-input.has-items { padding: 3px 5px 0px; } .selectize-input.full { background-color: #ffffff; } .selectize-input.disabled, .selectize-input.disabled * { cursor: default !important; } .selectize-input.focus { box-shadow: 0px 0px 7px rgba(56, 117, 215, 0.75); /*-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/ /*box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);*/ } .selectize-input.dropdown-active { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .selectize-input > * { vertical-align: baseline; display: -moz-inline-stack; display: inline-block; zoom: 1; *display: inline; } .selectize-control.multi .selectize-input > div { cursor: pointer; margin: 0 3px 3px 0; padding: 2px 6px; background: #f2f2f2; color: #303030; border: 0 solid #d0d0d0; } .selectize-control.multi .selectize-input > div.active { background: #e8e8e8; color: #303030; border: 0 solid #cacaca; } .selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active { color: #7d7d7d; background: #ffffff; border: 0 solid #ffffff; } .selectize-input > input { display: inline-block !important; padding: 0 !important; min-height: 0 !important; max-height: none !important; max-width: 100% !important; margin: 0 2px 0 0 !important; text-indent: 0 !important; border: 0 none !important; background: none !important; line-height: inherit !important; -webkit-user-select: auto !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .selectize-input > input::-ms-clear { display: none; } .selectize-input > input:focus { outline: none !important; } .selectize-input::after { content: ' '; display: block; clear: left; } .selectize-input.dropdown-active::before { content: ' '; display: block; position: absolute; background: #f0f0f0; height: 1px; bottom: 0; left: 0; right: 0; } .selectize-dropdown { position: absolute; z-index: 10; border: 1px solid #d0d0d0; background: #ffffff; margin: -1px 0 0 0; border-top: 0 none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } .selectize-dropdown [data-selectable] { cursor: pointer; overflow: hidden; } .selectize-dropdown [data-selectable] .highlight { background: rgba(125, 168, 208, 0.2); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header { padding: 5px 8px; } .selectize-dropdown .active { background-color: #f5fafd; color: #495c68; } .selectize-dropdown .active.create { color: #495c68; } .selectize-dropdown .create { color: rgba(48, 48, 48, 0.5); } .selectize-dropdown-content { overflow-y: auto; overflow-x: hidden; max-height: 200px; } .selectize-control .selectize-input.disabled { opacity: 0.5; background-color: #fafafa; } /* ModuleEnd::membership */ /* ModuleBegin::forms */ .formFieldWrapper { margin-bottom:15px; } .formFieldWrapper label.formLabel { display:block; font-weight:500; font-size:1rem; } label.formLabel.primaryLabel.formAlign_split { margin-bottom:12px; } .formFieldWrapper .flexItem label.formLabel { font-size:1rem; font-weight:normal; } .formFieldWrapper .formField { } .formLabel.formAlign_align { } .formField.formAlign_align { } .formLabel.formAlign_split,.formField.formAlign_split { } label.formLabel.formAlign_none, .formField.formAlign_none { display:inline-block; vertical-align:middle; } .formLabel.formAlign_none:not(.checkRadioLabel) { margin-right:30px; } .formLabel.formAlign_none.checkRadioLabel { margin-left:10px; } .formField.formAlign_none input:not([type='radio']):not([type='checkbox']), .formField.formAlign_none textarea, .formField.formAlign_none select { vertical-align:middle; width:250px; max-width:100%; } .formButtonWrapper { text-align:center; } .formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width:auto; } /* basic calendar popup css */ #ui-datepicker-div { background:#fff; border: 2px solid #333; } .ui-datepicker { width:20em; display:none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background:#333; color:#fff; } .ui-datepicker .ui-datepicker-header a { color:#fff; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top:0; width:70px; height:1.8em; } .ui-datepicker .ui-datepicker-prev { left:2px; text-align:left; } .ui-datepicker .ui-datepicker-next { right:2px; text-align:right; } .ui-datepicker .ui-datepicker-prev span { cursor:pointer; display:block; position:absolute; left:10px; top:50%; margin-top:-8px; } .ui-datepicker .ui-datepicker-next span { cursor:pointer; display:block; position:absolute; right:10px; top:50%; margin-top:-8px; } .ui-datepicker .ui-datepicker-title { margin:0 2.3em; line-height:1.8em; text-align:center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width:45%; } .ui-datepicker table { width:100%; font-size:.9em; border-collapse:collapse; margin: 0 0 0.4em; } .ui-datepicker th { padding: 0.7em 0.3em; text-align:center; font-weight:bold; border:0; } .ui-datepicker td { border:0; padding:1px; } .ui-datepicker td span, .ui-datepicker td a { display:block; padding:0.2em; text-align:center; text-decoration:none; } .ui-datepicker .ui-datepicker-buttonpane { background-image:none; margin: 0.7em 0 0 0; padding: 0 0.2em; border-left:0; border-right:0; border-bottom:0; } .ui-datepicker .ui-datepicker-buttonpane button { float:right; margin: 0.5em 0.2em 0.4em; cursor:pointer; padding: 0.2em 0.6em 0.3em 0.6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* ModuleEnd::forms */ /* Vue Manager FRONT-END vue layouts, see vue_manager.css for back-end vue manager styles*/ /* simpleBoxes */ .simpleBoxes { } .simpleBoxes .simpleBox { text-align:center; border: 1px solid #ccc; padding:15px; margin-bottom:15px; border-radius:10px; } /* old code to revisit / delete */ #vueManager { } #vueManager .managerItem { border: 1px solid #ddd; border-radius:6px; padding: 12px 18px; margin-bottom:15px; } #vueManager .managerItem h4 { padding-top:5px; } #vueManager .managerItem ul { padding:0; margin:0; } #vueManager .managerItem ul li { position:relative; list-style-type:none; padding:2px 12px; background:#f2f2f2; margin: 0 0 2px; border: 1px solid transparent; } #vueManager .managerItem ul li.active { border-color:#9cb111; } #vueManager .managerItem ul li .editToggle { position:absolute; right:12px; top:50%; height:30px; line-height:30px; padding:0 6px; margin-top:-15px; border-radius:4px; cursor:pointer; } #vueManager .managerItem ul li .editToggle span.fa { position:relative; left:1px; top:1px; } #vueManager .managerItem ul li .liverow { display:block; } #vueManager .managerItem ul li.editing .liverow { display:none; } #vueManager .managerItem ul li .liverow span.price { font-weight:bold; padding-left:12px; } #vueManager .managerItem ul li .editrow { display:none; } #vueManager .managerItem ul li.editing .editrow { display:block; } #vueManager .managerItem ul li .editrow input { width:140px; } #vueManager textarea.debug { opacity:0.7; pointer-events:none; resize:none; height:400px; } /* ModuleBegin::documents */ .documentsModule.moduleLister { } .documentsModule.moduleLister table { border: 1px solid #ccc; padding: 3px; } .documentsModule .rowOdd { } .documentsModule .rowEven { background: #eee; } .documentsModule td, .documentsModule th { padding: 3px 10px; } .documentsModule th { border-bottom: 2px solid #ddd;} /* ModuleEnd::documents */ /* ModuleBegin::landing */ .landingPage {} .landingPage .row { max-width:62.5rem; margin-right:auto; margin-left:auto; display:-ms-flexbox; display:flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .landingPage .textCenter { text-align:center; } .landingPage .textRight { text-align:right; } .landingPage .textLeft { text-align:left; } .landingPage .positionCenter { -ms-flex-pack:center; justify-content:center; } .landingPage .positionMiddle { -ms-flex-align:center; align-items:center; } .landingPage .positionBottom { -ms-flex-align:end; align-items:flex-end; } .landingPage .column, .landingSectionContainer .columns { -ms-flex: 1 1 0%; flex: 1 1 0%; padding-right:0.9375rem; padding-left:0.9375rem; min-width:initial; } .landingPage .fullContent { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; } .landingPage .smallFullContent { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width:100%; } .landingPage .landingForm { width:100%; } .landingHeaderContainer .landingHeader { background:#f0f0f0; border-bottom: 1px solid #ccc; } .landingHeaderContainer .landingHeader .landingNav { padding: 15px 0; border-top: 1px solid #e1e1e1; } .landingHeaderContainer.stuck .landingHeader .landingNav { border-bottom: 1px solid #e1e1e1; } .landingHeaderContainer.stickContainer.stuck { position:fixed; width:100%; z-index:1003; } .landingHeaderContainer.stickyContainer { transition: all 0.4s ease; } .landingSectionContainer .headerBg { padding: 80px 0; } .landingSectionContainer .staticImg.staticImgFlushBot { padding-bottom:0; margin-bottom:-80px; } .landingSectionContainer .staticImg.negativeMarginImg { margin-bottom:-150px; } @media print, screen and (min-width:64em) { .landingPage .slimContent { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width:75%; } .landingPage .splitContent { -ms-flex:1; flex:1; max-width:50%; } .landingPage .row.fullWidth { max-width:95%; } } /* ModuleEnd::landing */ /* ModuleBegin::commerce */ .shoppingCartTableHeader, .shoppingCartTableHeader td { background: #333; color: #fff;} .shoppingCartTable{ border: 1px solid #dcdcdc; margin-bottom: 13px;} .shoppingCartTableFooter { background: #cccccc; color:#333;} input.shoppingFormQuantity {width: auto; background: none;} .shoppingCartTable .product.even {background:#f7f8f9;} .shoppingCartTable .quantity {text-align:center;} .shoppingCartTable .price, .shoppingCartTable .total { text-align:right;padding-right:30px;} .shoppingCartTable .description {padding: 7px;} .shoppingOutOfStock { color: #7e030e} .shoppingLowStock { color: #e79700} .shoppingCartButtons { display: flex; justify-content: space-between;} /*Checkout page*/ #cart_charges_summary td { border-bottom: 1px solid #ddd; padding: 0.5em; } .shoppingCartCheckout .price { padding: 7px; } /* ModuleEnd::commerce */ /* ModuleBegin:: Staff Directory */ .staffDirectory { display: flex; flex-wrap: wrap; } .staffDirectory .item { display: flex; /*flex-wrap: wrap;*/ flex-basis: calc(50% - 20px); padding: 10px; } .staffDirectory .item.featured { flex: 100%; border: 2px solid #2454a3; border-radius: 2px; margin-bottom: 10px; } .staffDirectory .item.featured .img { flex: 30%; height: 350px; background-position: center; background-size: cover; } .staffDirectory .item.featured .about { height: 200px; max-height: 800px; overflow-y: hidden; transition: all .3s ease; } .staffDirectory .item.featured .information { } .staffDirectory .item.featured .name { font-size: 2rem; margin-top: 0em; } .staffDirectory .item .img { height: 150px; background-size: cover; background-repeat: no-repeat; background-position: center; flex: 30%; } .staffDirectory .item .information { padding-left: 15px; flex: 70%; } .attorneyDirectory .name, .staffDirectory .name { font-size: 1.2rem; font-weight: 800; margin-top:1em; } .staffDirectory .position { font-style: italic; } .staffDirectory.detail .name { font-size: 2rem; margin-top:auto; } .staffDirectory.detail .img {flex: 20%; height: 248px; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);} .staffDirectory.detail .information { flex: 70%; padding-left: 15px; } .staffDirectory.detail .information .item {padding: 5px 0;} .staffDirectory.detail .information .about {flex-direction: column;} .attorneyDirectory { display: flex; flex-basis: calc(25%) } .attorneyDirectory .item { padding: 10px; } .attorneyDirectory .img { width: 200px; height: 250px; box-shadow:0 2px 6px 0 rgba(0, 0, 0, 0.2);} @media screen and (max-width: 1024px) { .attorneyDirectory {flex-wrap: wrap} .staffDirectory .item.featured .about {display: none;} .staffDirectory #readMore {display:none;} .staffDirectory .item.featured .img {height: auto;} .staffDirectory .item.featured .contact {display:block;} .staffDirectory .item .email {line-break: anywhere;} .staffDirectory .item {flex-basis: 100%; height: 150px;} } @media screen and (min-width: 750px) and (max-width: 959px) { } /* ModuleEnd:: Staff Directory */ #popup_module_content { position: fixed; bottom: 0; right: 0px; width: 100%; height:0px; overflow: hidden; opacity: 0.01; z-index: -1; } #popup_module_content .popup_overlay { transition: opacity 0.4s ease; transition-delay: 0.01s; cursor: pointer; background: rgba(0, 124, 169, 0.8); position: absolute; left:0px; top:0px; height:100%; width: 100%; opacity: 0.01;} #popup_module_content .popup_overlay > .popup_close { display: none; position: absolute; top: 12px; right: 20px; font-size: 30px; color: #fff;} #popup_module_content .popup_outer { pointer-events: none; display: table; margin:0px; padding:0px; border-spacing:0px; position: relative; height:100%; width: 100%;} #popup_module_content .popup_inner { pointer-events: none; display: table-cell; margin:0px; padding:0px; position: relative; height:100%; width: 100%; text-align:center; vertical-align:middle;} #popup_module_content .popup_box { pointer-events: auto; background: #fff; position: relative; display:inline-block; box-sizing: border-box; border-radius: 6px; -webkit-border-radius: 6px; width: 90%; max-width: 750px; min-height: 100px;} #popup_module_content .popup_box .popup_close { z-index: 999; display: flex; flex-direction: row; justify-content: space-between; align-items: center; position: absolute; top: 6px; right:6px; cursor: pointer; color: #000; font-size: 20px; } #popup_module_content .popup_box .popup_close .fa-times-circle { transition: all 0.2s; } #popup_module_content .popup_box .popup_close:hover > .fa-times-circle { transform: rotate(360deg); } #popup_module_content .popup_box .popup_close .close_button_text__js { display: block; width: 0; opacity: 0; margin-left: 0; } #popup_module_content .popup_box h1, #popup_module_content .popup_box h2, #popup_module_content .popup_box h3, #popup_module_content .popup_box h4, #popup_module_content .popup_box h5, #popup_module_content .popup_box h6 { margin-top:0px; padding-top: 15px;} #popup_module_content .popup_box h1 {font-size: 36px;} #popup_module_content .popup_box h2 {font-size: 30px;} #popup_module_content .popup_box h3 {font-size: 24px;} #popup_module_content.transparent .popup_overlay > .popup_close { display: flex; flex-direction: row; justify-content: space-between; align-items: center; transition: all 0.2s; } #popup_module_content.transparent .popup_overlay > .popup_close .fa-times { transition: all 0.2s; } #popup_module_content.transparent .popup_overlay > .popup_close:hover > .fa-times { transform: rotate(360deg); } #popup_module_content.transparent .popup_overlay > .popup_close .close_button_text__js { display: block; width: 0; opacity: 0; margin-left: 10px; } #popup_module_content.transparent .popup_box { background: none; } #popup_module_content.transparent .popup_box .popup_close { display:none; } #popup_module_content.transparent .popup_box img { width: 100%; } #popup_module_content .pop_image { background-size: cover; background-position: 50% 50%; height:inherit;padding: 0 0; margin: 16px; border-radius: 6px 0 0 6px;} #popup_module_content .pop_text { text-align:center; padding: 20px;} #popup_module_content .h2 { font-weight:bold; color:#2455A3; padding: 0.5em 0; } #popup_module_content.active { height: 100%; z-index: 9995; opacity: 1; } #popup_module_content.active .popup_overlay { opacity: 1; z-index: 9996; } #popup_module_content.active .popup_outer { z-index: 9997; } #cta_button_popup { opacity: 0; position: fixed; bottom: 50px; right: -9999px; color: #fff; z-index: 9999; font-family: 'Open Sans Condensed', sans-serif; } #cta_button_popup a { display: block; height: 50px; line-height: 50px; color: #fff; font-size: 22px; font-weight: 600; padding: 0 30px; background: #5D99CA; border-color: #5D99CA; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; border-radius: 6px 0 0 6px; } #cta_button_popup a:hover { background: #fff; color: #5D99CA; } .flickity-enabled.is-fade .flickity-slider>*{pointer-events:none;z-index:0; opacity: 0 !important; transition: opacity 1s ease !important;} .flickity-enabled.is-fade .flickity-slider>.is-selected{pointer-events:auto;z-index:1; opacity: 1 !important;} .flickity-prev-next-button {height:22px; width:22px; border-radius:6px; -webkit-transition:transform .25s ease,-webkit-transform .25s ease; transition:transform .25s ease,-webkit-transform .25s ease;} .dark-theme .flickity-button {background:hsla(0, 0%, 22.7%, 0.0);} .dark-theme .flickity-button:hover {background:hsla(0, 0%, 22.7%, .1);} .flickity-prev-next-button .flickity-button-icon {width:65%; height:65%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); top:50%; left:50%;} .no-arrows .flickity-prev-next-button {display:none;} .flickity-viewport {width:100%;} @media screen and (min-width:40em){ .hover-arrows:hover .flickity-prev-next-button.previous, .hover-arrows:hover .flickity-prev-next-button.next {transform:translatex(0); -webkit-transform:translatex(0);} .hover-arrows .flickity-prev-next-button.previous {transform:translatex(-150%); -webkit-transform:translatex(-150%);} .hover-arrows .flickity-prev-next-button.next {transform:translatex(150%); -webkit-transform:translatex(150%);} .flickity-prev-next-button {width:33px; height:33px; border-radius:8px; } .hero .slideshow:not(.ultra-wide):not(.widescreen) .flickity-viewport {height: 0 !important; padding-bottom: 56.25%;} .testimonials.testimonials-stacked .item .stars {display:flex; justify-content:center;} } @media screen and (min-width:64em){ .hero .slideshow.widescreen .flickity-viewport {height: 0 !important; padding-bottom: 43.25%;} .hero .slideshow.ultra-wide .flickity-viewport {height: 0 !important; padding-bottom: 31.25%;} } .hero .slideshow .slide .slideBackground { -o-object-fit:cover; object-fit:cover; min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); aspect-ratio: 16 / 9; object-position: center; } .hero .slideshow .slide .slideMobileBackground{display:none;} @media screen and (max-width:40em){ .hero .slideshow .slide .slideBackground:not(.flickity-lazyloaded){display:none;} .hero .slideshow .slide .slideMobileBackground{display:block;} } .hero .slideshow .slide .slideContent {max-width:850px; width:100%; position:relative; padding:50px;} .hero .slideshow.ultra-wide .slide .slideContent {padding:25px;} @media screen and (max-width:75.3125em){ .hero .slideshow.ultra-wide .slide .slideContent {padding:10px; max-width:700px;} } .hero .slideshow .slide .slideMobile .slideContent {padding:30px 30px 20px;} .hero .slideshow .slide .slideContent .text-shadow {text-shadow: 1px 1px 8px rgba(0,0,0,0.7);} .hero .slideshow .slide .slideContent.black .text-shadow {text-shadow: 1px 1px 8px rgba(255,255,255,0.7);} .hero .slideshow .slide .slideMobile .slideContent .text-shadow {text-shadow:none;} .hero .slideshow .slide .slideContent .button-group a {margin:0 7px 7px 0;} .hero .slideshow .slide .slideContent .button-group a.clear {padding-left:0; padding-right:1em; transition:padding .35s ease;} .hero .slideshow .slide .slideMobile .slideContent .button-group a.clear {padding-left:1em;} .hero .slideshow .slide .slideContent .button-group a.clear:hover {box-shadow:none; padding-right:calc(1em - 4px);} .hero .slideshow .slide .slideContent .button-group a.clear:focus {box-shadow:none; } .hero .slideshow .slide .slideContent .button-group a.clear:after {content:'\25B6'; margin-left:8px; font-size:.8rem; transition:all .35s ease;} .hero .slideshow .slide .slideContent .button-group a.clear:hover:after {margin-left:12px;} .hero .slideshow .slide .slideTitle { margin:0; padding:0; word-wrap: break-word; -webkit-transform:translateY(4rem); transform:translateY(4rem); opacity:0; font-size:1.5em; -webkit-transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease; transition:opacity .5s ease,transform .5s ease,-webkit-transform .5s ease; } .hero .slideshow .slide.is-selected .slideTitle, .no-js .hero .slideshow .slide .slideTitle { opacity:1; -webkit-transform:translateY(0); transform:translateY(0); } .fade-in.mui-enter { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 0; -webkit-transition-property: opacity; transition-property: opacity; } .fade-in.mui-enter.mui-enter-active { opacity: 1; } .fade-out.mui-leave { -webkit-transition-duration: 500ms; transition-duration: 500ms; -webkit-transition-timing-function: linear; transition-timing-function: linear; opacity: 1; -webkit-transition-property: opacity; transition-property: opacity; } .fade-out.mui-leave.mui-leave-active { opacity: 0; } @media screen and (max-width: 64em){ .slideshow.ultra-wide .show-for-medium, .slideshow.widescreen .show-for-medium {display:none;} .slideshow.ultra-wide .hide-for-medium, .slideshow.widescreen .hide-for-medium {display:block !important;} .slideshow .slideContent.black {color:#fff;} .content-box .slideContent.black {color:#000;} } @media print, screen and (min-width: 64em) { .slideshow.ultra-wide .hide-for-medium, .slideshow.widescreen .hide-for-medium {display:none;} .slideshow.ultra-wide .show-for-medium, .slideshow.widescreen .show-for-medium {display:block;} } @media print, screen and (min-width: 39.9988em) and (max-width: 64em){ .slideshow.full_frame .slideContent.black {color: #000;} .hero .slideshow.full_frame .slide .slideContent {max-width: 660px;} } /*! ----- Responsive Carousels ------ */ .carousel-wrapper{margin-bottom:2rem} .carousel-wrapper.flickity-enabled{display:block} .carousel-wrapper.small-up-2 .flickity-slider>.cell{width:50%} .carousel-wrapper.small-up-3 .flickity-slider>.cell{width:33.3333333333%} .carousel-wrapper.small-up-4 .flickity-slider>.cell{width:25%} .carousel-wrapper.small-up-5 .flickity-slider>.cell{width:20%} .carousel-wrapper.flickity-enabled .cell{width:100%;padding-left:.625rem;padding-right:.625rem} @media print,screen and (min-width:40em){ .carousel-wrapper.medium-up-2 .flickity-slider>.cell{width:50%} .carousel-wrapper.medium-up-3 .flickity-slider>.cell{width:33.3333333333%} .carousel-wrapper.medium-up-4 .flickity-slider>.cell{width:25%} .carousel-wrapper.medium-up-5 .flickity-slider>.cell{width:20%} .carousel-wrapper.flickity-enabled .cell{width:100%;padding-left:.9375rem;padding-right:.9375rem} } @media print,screen and (min-width:64em){ .carousel-wrapper.large-up-2 .flickity-slider>.cell{width:50%} .carousel-wrapper.large-up-3 .flickity-slider>.cell{width:33.3333333333%} .carousel-wrapper.large-up-4 .flickity-slider>.cell{width:25%} .carousel-wrapper.large-up-5 .flickity-slider>.cell{width:20%} } @media screen and (min-width:83.75em){ .carousel-wrapper.cards-slider .flickity-prev-next-button.previous{left:-70px} .carousel-wrapper.cards-slider .flickity-prev-next-button.next{right:-70px} } /*! ----- Cards ----- */ .card-image{overflow:hidden;height:0;position:relative;padding-bottom:60%;background-color:var(--card-image-bg,var(--clr-primary));background-position:center center;background-size:cover} .card-image.tall{padding-bottom:110%} .card-image img{position:absolute;bottom:0;width:100%} .cards-slider a,.cards-slider a:hover{color:inherit} @media print,screen and (max-width:63.99875em){ .cards-slider .carousel-cell{max-width:270px} } .card-section{transition:all .4s ease-out} .card--no-shadow{box-shadow:none} .card--elevated{box-shadow:0 3px 6px rgba(0,0,0,.3)} .card--show-more:hover .card-section{transform:translateY(-8px)} .card p.card-action-text{opacity:0;font-weight:700;transition:all .4s ease-out;margin-top:auto;position:relative;height:0} .card--show-more:hover p.card-action-text{opacity:1;transform:translateY(-8px)} /* Special BEE overrides */ .applied-settings .bee-popup-html-block {text-align:inherit;} .applied-settings .bee-popup-container {font-family:inherit;} .applied-settings .bee-popup-row .bee-popup-row-content .bee-popup-list ul {list-style-position:inherit;} .applied-settings .bee-popup-row .bee-popup-col .bee-popup-block.bee-popup-list ol li ul {list-style-type:lower-alpha;} .applied-settings .bee-popup-row .bee-popup-col .bee-popup-block.bee-popup-list ol li ul li ul {list-style-type:lower-roman;} .applied-settings .bee-popup-container a.button {color: var(--btn-text-color,#fefefe); background-color: var(--btn-color, #1779ba);} .applied-settings .bee-popup-container a.button.secondary {background-color: var(--btn-accent-color, #767676);color: var(--btn-accent-text-color, #fefefe);} .applied-settings .bee-popup-menu .bee-popup-hamburger-controls {display:none;} .applied-settings .bee-popup-container a.button.clear {background:transparent;} .applied-settings .bee-popup-container p {font-family: inherit;font-size: inherit;line-height: inherit;text-rendering: inherit;} .applied-settings .bee-popup-row-content .lister-item.white-bg {color: #000;} .applied-settings tbody, .applied-settings tfoot, .applied-settings thead, .applied-settings tbody tr{background: unset; border: unset;} @media screen and (max-width: 768px){ .applied-settings .bee-popup-menu .bee-popup-hamburger-controls {display:inline-block;} } .carousel-wrapper .flickity-viewport {min-height:390px;}