/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: BODY & MAIN FONT STYLES :: HEADER & MENU :: HOMEPAGE :: SUB PAGE :: FOOTER :: MISC CLASSES AND STYLES :: POPUP BOX :: ALERT BAR :: COUNTDOWN TIMER :: FORMS :: PRINT STYLES :: MEDIA QUERY GUIDE ----------------------------------------------------- :: -----------------------------------------------------*/ /* -------------------------------------------------- :: BODY & MAIN FONT STYLES -------------------------------------------------- */ body {font-family:var(--body-font-family);} /* EditAnywhere Bar */ #editAnywhere {display:none; position: fixed; z-index:99999; border: 1px solid rgba(255,255,255,.2); bottom: 10px; height: 60px; width: 250px !important; text-align: left !important; background: url(graphics/images/editanywhere/logo_thrive.png) right center rgba(0,0,0,.8) no-repeat !important; background-size: 100px auto !important; left: 50%; margin-left:-125px; border-radius: 10px; padding: 12px 0px !important;} #editAnywhere a {margin-left: 20px;} /* -------------------------------------------------- :: 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;} /* -------------------------------------------------- :: HEADER & MENU -------------------------------------------------- */ .sticky-header {transition: all 0.4s ease; width:100%; z-index: 1; position:relative;} .sticky-header.sticky {position:fixed; top:0;} .sticky-header.sticky.sticky-hide {transform: translateY(-100%);} .logo-wrapper img {width:auto; max-width:150px; transition: all 0.4s ease;} .logo-wrapper.xs img {max-width:70px;} .logo-wrapper.small img {max-width:110px;} .logo-wrapper.medium img {max-width:150px;} .logo-wrapper.large img {max-width:190px;} .logo-wrapper.xl img {max-width:230px;} #header {background:#fff;} #header .header-main {font-size:1rem;} #header .header-main .menu a.parent {pointer-events:none;} #header .header-main .menu a.parent:hover {cursor:pointer;} #header .header-main .button-cta {margin:0 0 0 1rem; /*display:none;*/} #header .header-main .cta-buttons-wrapper .button-cta:last-child {display:inline-block;} #header #mainNav > ul.menu > li {padding:0 1rem;} #header #mainNav ul a {color:#222;} #header #mainNav > ul.menu > li > a {border-bottom: 3px solid transparent; padding:.7rem .2rem;} #header #mainNav > ul.menu > li > a.parent {padding-right:1.5rem;} #header #mainNav > ul.menu > li > a:hover {border-bottom:3px solid var(--primary);} #header #mainNav .is-dropdown-submenu {border:1px solid #eaeaea; border-top:none; top:calc(100% - 3px); font-size:.9rem; min-width:225px; max-width:275px;} #header #mainNav .is-dropdown-submenu li:first-child {border-top:3px solid var(--primary);} #header .header-top {font-size:.85rem;} #header .header-top .header-phone {color:#fff;} #header .header-top .header-phone p {margin:0;line-height:1.1;} #header .header-top .header-phone .phone { font-size:1rem; font-weight:700;} #header .header-top ul li a {font-size:.85rem; margin-left:.85rem;} #header .header-top ul li:first-child a {margin-left:0;} #header .header-top ul li a:hover {background:transparent;} #header .headerSearchButton:hover {cursor:pointer;} #header .headerSearchDropdown {max-width:400px; width: calc(100% - 50px); padding:1.5rem; box-shadow:0 1px 5px rgba(0,0,0,.15);} #header .headerSearchDropdown .searchInputGroup, #header .headerSearchDropdown .input-group-field {margin:0;} #header .hours p {margin:0;} #header .header-bottom {padding:.3rem; font-size:.8rem; color:#fff; text-align:right;} #header .header-bottom p {margin:0;} #header a.social-icon svg {max-width:16px; fill:var(--primary);} #header .header-top ul li a.social-icon {margin:0;} #header .social_menu_topbar li {margin-left:.5rem;} #header.header-1 .header-main {background:#fff; padding:1.5rem 0; border-bottom:1px solid #fff; border-top:3px solid var(--primary-light);} #header.header-1 .header-top ul {padding:7px 0;} #header.header-1 .header-top ul li a {font-weight:700; text-decoration:underline; color:var(--primary-light);} #header.header-1 .header-top .header-search .button {margin:0; color:var(--primary-light);} #header.header-1 .header-top .header-phone {font-size:.8rem;} #header.header-1 .header-top .header-phone p {padding:5px 0;} #header.header-2 .header-top {padding:.45rem 0;} #header.header-2 .header-top ul li a {color:#222;} #header.header-2 .header-top .header-phone {text-transform:uppercase; text-align:center;} #header.header-2 .header-top .header-phone .phone {font-size:1.05rem;} #header.header-2 .header-main {padding:1.95rem 0 .95rem;} #header.header-2 .header-search button {padding:.2rem; cursor:pointer;} #header.header-2 .header-main .logo-wrapper {margin-right:1.5rem;} #header.header-2 .header-main .logo-wrapper.small {margin-right:1rem;} #header.header-2 .header-main #mainNav > ul.menu > li {padding:0 .5rem;} #header.header-2 .header-main #mainNav ul.menu {font-size:.9rem;} #header.header-2 .header-main .menu-nav-icon {margin-left:1.5rem; margin-bottom:.5rem;} #header.header-3 .headerSearchButton {margin:0; padding:.5rem} #header.header-3 .headerSearchButton:hover, #header.header-3 .headerSearchButton:focus {box-shadow:none;} #header.header-3 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-3 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:600; margin:0; color:var(--primary);} #header.header-3 .header-top .phone {font-weight:600;} #header.header-3 .header-top .hours {display:inline-block;} #header.header-3 .header-top .hours p {margin:0;} #header.header-3 #topNav {display:inline-block;} #header.header-3 .header-bottom {padding:0;} #header.header-3 .header-bottom .menu-nav-icon {margin:8px 0;} #header.header-3 .header-bottom .menu-nav-icon span {background:#fff;} #header.header-3 .header-main {padding:5px 0;} #header.header-3 #mainNav ul a {color:#fff; } #header.header-3 #mainNav > ul.menu > li > a {border-bottom:none; text-transform:uppercase; font-size:.9rem;} #header.header-3 #mainNav .is-dropdown-submenu {border:none; background:var(--primary-dark);} #header.header-3 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#fff transparent transparent;} #header.header-3 .cta-buttons-wrapper .button {border:2px solid;} #header.header-3 .cta-buttons-wrapper .button:last-child {border-color:var(--btn-accent-color); color:var(--btn-accent-color); background:#fff;} #header.header-3 .cta-buttons-wrapper .button:last-child:hover, #header.header-3 .cta-buttons-wrapper .button:last-child:focus {box-shadow:none;} #header.header-4 .header-top .social_menu_topbar {margin-left:.8rem; margin-top:4px;} #header.header-4 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-4 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#fff;} #header.header-4 .header-top .phone {font-weight:700; color:#fff;} #header.header-4 .header-top .hours {color:var(--primary-light);} #header.header-4 .header-top .hours p {margin:0;} #header.header-4 #topNav {display:inline-block;} #header.header-4 a.social-icon svg {fill:#fff;} #header.header-4 .header-main {padding:.8rem 0;} #header.header-4 .header-main .button-cta {display:inline-block; background:transparent; color:#fff; border-color:#fff; border-radius:2px; font-size:.8rem;} #header.header-4 .header-main .cta-buttons-wrapper .button-cta:last-child {background:#fff; color:var(--primary-dark);} #header.header-4 #mainNav a {color:#fff; font-weight:600;} #header.header-4 .dropdown.menu > li.is-dropdown-submenu-parent > a::after {border-color:#fff transparent transparent; border-width:5px; margin-top:-1px;} #header.header-4 .header-bottom {padding:0;} #header.header-4 .menu-nav-icon {margin-left:.8rem;} #header.header-4 .menu-nav-icon span {background:#fff;} #header.header-4 #mainNav > ul.menu > li {padding:0;} #header.header-4 #mainNav > ul.menu > li > a {border:none; padding:.7rem .7rem;} #header.header-4 #mainNav > ul.menu > li > a:hover, #header.header-4 #mainNav > ul.menu > li.is-active > a {background:var(--primary-dark);} #header.header-4 #mainNav > ul.menu > li > a.parent {padding-right:1.25rem;} #header.header-4 #mainNav .is-dropdown-submenu {background:var(--primary);top:100%;text-align:left;} #header.header-4 #mainNav .is-dropdown-submenu li:first-child {border:none;} #header.header-4 .headerSearchButton {padding:5px;} #header.header-4 .headerSearchButton svg {fill:#fff; width:1.2rem; height:1.2rem;} #header.header-4 .header-bottom .menu-nav-icon {margin:.5rem 0 .5rem 1rem; } #header.header-4 .header-bottom .menu-nav-icon span {background:#fff;} #header.header-5 a.social-icon svg {fill:#999;} #header.header-5 .hours {color:#fff;} #header.header-5 #topNav {display:inline-block;} #header.header-5 .header-top {padding:3px 0;} #header.header-5 .header-top ul li a {color:#fff;} #header.header-5 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-5 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#ffffff;} #header.header-5 .header-top .phone {color:#ffffff; font-weight:700;} #header.header-5 .headerSearchButton {padding:5px;} #header.header-5 .headerSearchButton svg {fill:#fff;} #header.header-5 #mainNav a {color:#fff;} #header.header-5 .header-main {padding:.8rem 0;} #header.header-5 #mainNav > ul.menu > li > a {text-transform:uppercase; font-size:.95rem;} #header.header-5 #mainNav > ul.menu > li {padding:0 .8;} #header.header-5 #mainNav .is-dropdown-submenu {border:none;} #header.header-5 .menu-nav-icon {margin:.5rem 0 .5rem 1rem; } #header.header-5 .menu-nav-icon span {background:#fff;} #header.header-6 a.social-icon svg {fill:#666;} #header.header-6 .hours {color:#666;} #header.header-6 #topNav {display:inline-block;} #header.header-6 .header-top {padding:3px 0;} #header.header-6 .header-top ul li a {color:#666;} #header.header-6 .header-top ul.menu_top_links li {margin:0 .5rem;} #header.header-6 .header-top ul.menu_top_links li a {text-decoration:underline; font-weight:700; margin:0; color:#666;} #header.header-6 .header-top .phone {color:#666; font-weight:700;} #header.header-6 .headerSearchButton {padding:5px;} #header.header-6 .headerSearchButton svg {fill:#000;} #header.header-6 .header-main {padding:.8rem 0;} #header.header-6 #mainNav > ul.menu > li > a {text-transform:uppercase; font-size:.95rem;} #header.header-6 #mainNav > ul.menu > li {padding:0 .8;} #header.header-6 #mainNav .is-dropdown-submenu {border:none;} #header.header-6 .menu-nav-icon {margin:.5rem 0 .5rem 1rem;} /* Menu Hamburger styles */ .menu-nav-icon { position: relative; height: 27px; width: 35px; cursor: pointer; transition: opacity .25s ease; } .menu-nav-icon.active .top {transform: translateY(11px) translateX(0) rotate(45deg);} .menu-nav-icon.active .middle {opacity: 0;} .menu-nav-icon.active .bottom {transform: translateY(-11px) translateX(0) rotate(-45deg);} .menu-nav-icon span { background: #000; border: none; height: 4px; width: 100%; position: absolute; top: 0; left: 0; transition: all .35s ease; cursor: pointer; border-radius:1px; } .menu-nav-icon span:nth-of-type(2) {top: 11px;} .menu-nav-icon span:nth-of-type(3) {top: 22px;} #mobileMenuContainer { width:calc(100% - 6rem); max-width:430px; background:#fff; -webkit-overflow-scrolling: touch; -webkit-transform: translateX(430px); -ms-transform: translateX(430px); transform: translateX(430px); } #mobileMenuContainer.is-open { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } #mobileMenuContainer .menu_mobile li {font-size:1.15rem;} #mobileMenuContainer .menu_mobile li a {color:#353332;} #mobileMenuContainer .drilldown .is-drilldown-submenu-parent > a::after {border-color: transparent transparent transparent #353332;} #mobileMenuContainer .drilldown .js-drilldown-back > a::before {border-color: transparent #353332 transparent transparent; margin-bottom:2px;} #mobileMenuContainer .drilldown a {padding:1rem;} #mobileMenuContainer .js-drilldown-back {border-bottom:1px solid #eee; margin-bottom:1rem;} #mobileMenuContainer .mobile-cta {text-align:center;} #mobileMenuContainer .mobile-cta .button {margin:0 auto; width:100%; max-width:300px;} #mobileMenuContainer .mobile-cta .button:nth-child(2) {margin-top:.8rem;} #mobileMenuContainer .menu_mobile_utility {border:1px solid #ddd; border-bottom:none; border-radius:3px;} #mobileMenuContainer .menu_mobile_utility li {border-bottom:1px solid #ddd;} #mobileMenuContainer .menu_mobile_utility li a {color:#575757; padding:0.8rem 1rem;} #mobileMenuContainer .menu_mobile_utility li .hours p {margin:0; display:inline-block; line-height:1rem;} #mobileMenuContainer .menu_mobile_utility svg {width:100%; max-width:20px; display:inline-block;max-width: 19px;margin: 0 15px 0 0;height: auto; fill:#575757} #mobileMenuContainer .social_menu_mobile a.social-icon svg {max-width:25px; width:100%; fill:var(--primary-dark);} #mobileMenuContainer .menu_mobile_quicklinks a {text-decoration:underline} .show-for-mobile {display:unset;} @media print, screen and (min-width: 768px) { .show-for-mobile {display:none;} .viewport-adjust-hide {display:none;} .viewport-adjust-show {display:unset;} #header.header-2 .header-top .header-phone {text-align:left;} } @media print, screen and (max-width: 767px) { .hide-for-mobile {display:none !important;} } /* -------------------------------------------------- :: SUB PAGE -------------------------------------------------- */ section {padding:50px 0;} #pageHeader {margin:0; padding:0;} #pageHeader .page-title {margin:4rem 0; color:#fff;} .bee-html-block {text-align:left !important;} .rounded-corners {border-radius:10px;} section.ribbon-lister {padding:0;} .ribbon-lister .wrapper {padding:20px;} .ribbon-lister .lister-item {font-size:.9rem; overflow:hidden;} .ribbon-lister .lister-item .image {aspect-ratio:1/.5; margin-bottom:1rem; overflow:hidden;} .ribbon-lister .lister-item .image img {object-fit:cover; width:100%; height:100%;} .ribbon-lister .lister-item .lister-title a {text-decoration:none; color:inherit;} .ribbon-lister .lister-item .lister-title a:hover {text-decoration:underline;} .ribbon-lister .lister-item .button {margin:1rem auto; width:calc(100% - 2rem); display:block;} .ribbon-lister.ribbon-lister-2 .lister-item .image { height:100%; width:100%;} .ribbon-lister-4 .grid-container {position: relative;overflow: visible} .ribbon-lister.ribbon-lister-4 .wrapper {padding:5px 20px;} .ribbon-lister.ribbon-lister-4 .wrapper .lister-item .button {margin:0;} .ribbon-lister-4 .lister-item {border-radius: 8px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);overflow: visible; margin-bottom:5.9375rem} .ribbon-lister-4 .lister-item:nth-child(odd) {background-color: var(--primary-dark); color:#fff;} .ribbon-lister-4 .lister-item:nth-child(even) {background-color: var(--secondary-dark); color:#fff;} .ribbon-lister-4 .lister-item:nth-child(even) .grid-x {flex-direction: row-reverse;} .ribbon-lister-4 .lister-item:nth-child(odd) .eyebrow{color: var(--primary-light);} .ribbon-lister-4 .lister-item:nth-child(even) .eyebrow{color: var(--secondary-light);} .ribbon-lister-4 .image-content {display: flex;justify-content: center;align-items: center; position: relative} .ribbon-lister-4 .image-wrapper {border-radius: 8px;box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);position: absolute;top: 30%;right: 10%;transform: translateY(-50%);} .ribbon-lister-4 .image-wrapper a img {display: block;width: 330px;height: auto;max-width: unset;border-radius: 8px; object-fit:cover; aspect-ratio:1/1;} .ribbon-lister-4 .lister-item:nth-child(even) .grid-x .image-wrapper {left: 10%;} .ribbon-lister-4 a.clear {padding-left:0; padding-right:1em; transition:padding .35s ease;} .ribbon-lister-4 a.clear:focus {box-shadow:none; } .ribbon-lister-4 a.clear:hover {box-shadow:none; padding-right:calc(1em - 4px);} .ribbon-lister-4 a.clear:after {content:'\25B6'; margin-left:8px; font-size:.8rem; transition:all .35s ease;} .ribbon-lister-4 a.clear:hover:after {margin-left:12px;} @media screen and (max-width: 1024px) { .ribbon-lister-4 .lister-item {margin-bottom:0.9375rem;} .ribbon-lister-4 .image-wrapper {position: static;margin: 0 auto;transform: none;} } .title-tiles .tile {padding:1rem; height:100%; display: flex; justify-content: center; align-items: center; min-height:160px; text-decoration:none;} .title-tiles .tile .tile__title {margin:0; text-transform:uppercase; line-height:1.1; color:#fff; text-align:center; transform:translateY(0); transition:transform .35s ease} .title-tiles .tile {position: relative;background-color: var(--primary);overflow: hidden;transition: background-color 0.3s ease-in-out;} .title-tiles .tile:not(.noClick)::before {content: '';position: absolute;top: 0;left: -100%;width: 200%;height: 100%; opacity:0;background: linear-gradient(to right,rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0.2) 50%,rgba(255, 255, 255, 0) 100%);transform: skewX(-20deg);transition: transform 0.5s ease-in-out;} .title-tiles .tile:not(.noClick):hover::before {animation: shimmer 1.5s infinite;opacity:1} @keyframes shimmer { 0% {transform: translateX(-100%);} 100% {transform: translateX(100%);} } .title-tiles .tile__title {transition: text-shadow 0.3s ease-in-out;} .title-tiles .tile:not(.noClick):hover .tile__title {text-shadow:2px 2px 4px #767676} .index-cards .index-card {font-size:.9rem;} .index-cards .index-card .image {aspect-ratio:1/.5;} .index-cards .index-card img {object-fit:cover; width:100%; height:100%;} .index-cards .index-card .index-card__title {margin:0;} .index-cards .index-card .index-card__title a {color:inherit; text-decoration:none;} .index-cards .index-card .index-card__title a:hover {text-decoration:underline;} .index-cards .index-card .index-card__description {color:#444; margin-top:.5rem;} .index-cards .index-card .button-wrapper {padding:1rem 1rem 0;} .index-cards .index-card .button-wrapper.show-for-medium {padding-top:2rem;} .bullet-lister .bullet-lister__title a {color:inherit; text-decoration:none;} .bullet-lister .bullet-lister__title a:hover {text-decoration:underline;} .bullet-lister .bullets {white-space: pre-wrap; margin-bottom:5px;} .bullet-lister .bullets ul {margin-bottom:0;} .bullet-lister .bullets a {color:#000;} .bullet-lister.bullet-lister-circle-photo .image {padding: 1rem;} .bullet-lister.bullet-lister-circle-photo .image img {object-fit:cover; width:70%; height:70%; border-radius:50%; aspect-ratio:1/1; display:inline-block;} .bullet-lister.bullet-lister-circle-photo .bullet-lister__title {margin-bottom:.8rem;} .bullet-lister.bullet-lister-photo .lister-item {overflow:hidden; position:relative;} .bullet-lister.bullet-lister-photo .image {aspect-ratio: 1/.75; margin-bottom: 0;} .bullet-lister.bullet-lister-photo .image img {object-fit:cover; width:100%; height:100%;} .bullet-lister.bullet-lister-photo .content {padding:1rem 1rem 3rem; font-size:.9rem;} .bullet-lister.bullet-lister-photo .bullet-lister__title {margin-bottom:.3rem;} .bullet-lister.bullet-lister-photo .button-wrapper {position:absolute; bottom:0; left:0; right:0; width:100%;} .bullet-lister.bullet-lister-photo .button-wrapper .button {margin:0; border-radius:0; width:100%;} .bullet-lister .cell.has-link{box-shadow: none;transition: box-shadow 0.3s ease-in-out;} .bullet-lister .cell.has-link:hover{box-shadow: 0 0 10px 5px var(--primary-50);} .bullet-lister .cell.has-link .learn-more {position: relative;display: inline-block;color: var(--primary);font-weight: bold;text-decoration: none;transition: color 0.3s ease-in-out;} .bullet-lister .cell.has-link .learn-more::after {content: 'ยป';display: inline-block;margin-left: 5px;transition: transform 0.3s ease-in-out;} .bullet-lister .cell.has-link:hover .learn-more::after {transform: translateX(5px);} .bullet-lister .cell a {text-decoration:none; color: inherit;} .photo-tiles .photo-tile {font-size:.9rem;} .photo-tiles .photo-tile a {text-decoration: none;} .photo-tiles .photo-tile.has-link {box-shadow: none;transition: box-shadow 0.3s ease-in-out;} .photo-tiles .photo-tile.has-link:hover {box-shadow: 0 0 10px 5px var(--primary-50);} .photo-tiles .photo-tile .image {aspect-ratio:1/.75;padding: 1rem;} .photo-tiles .photo-tile img {object-fit:cover; width:100%; height:100%;} .photo-tiles .photo-tile .lister-title {margin:0; padding:0 1rem 1rem 1rem; text-align:center;text-decoration:none; color: var(--primary);} .photo-tiles .photo-tile .lister-title a {color:inherit; text-decoration:none;} .photo-tiles .photo-tile .lister-title a:hover {text-decoration:underline;} .photo-tiles.small .photo-tile .image {aspect-ratio: 1/1;} .photo-tiles.small .photo-tile img {border-radius:50%;} .photo-tiles.small .photo-tile .lister-title {padding:1rem; text-align:left;} /* ModuleBegin::blog */ .blogModule .filter a {padding:.5rem; text-decoration:none; display:inline-block; border-radius:20px;} .blogModule.moduleLister .title {margin-bottom:1rem;} .blogModule .listerItem {font-size:.9rem; color:#444; border:1px solid #eee; overflow:hidden; background:#fff; box-shadow: 0px 10px 30px -10px rgba(0,0,0,0.14); position:relative; } .blogModule .listerItem:not(.featureItem) {padding-bottom:3.5rem;} .blogModule .listerItem .image {aspect-ratio:1/.65; border-bottom:1px solid #eee; background-color:#f0f0f0;} .blogModule .listerItem img.cover {object-fit:cover; width:100%; height:100%;} .blogModule .listerItem .content {padding:1rem;} .blogModule .listerItem .category {margin:0;} .blogModule .listerItem .category a {margin:0 0 .6rem; border-radius:20px; padding:.3rem .6rem;} .blogModule .listerItem .title {margin:0 0 .5rem;} .blogModule .listerItem .title a {color:inherit; text-decoration:none;} .blogModule .listerItem .title a:hover {text-decoration:underline;} .blogModule .listerItem .blurb p:last-child {margin:0;} .blogModule .listerItem .blurb {margin-bottom:10px;} .blogModule .listerItem .tags a {display:inline-block; margin-right:.35rem;} .blogModule .listerItem .read-more {position:absolute; bottom:0; left:0; width:100%; margin:0; padding:0 1rem 1rem;} .blogModule .listerItem .read-more .button {margin:0;} .blogModule aside {} .blogModule aside .filter-box {border:1px solid #eee; padding:1rem; margin:2rem 0;} .blogModule aside .filter-box .title {text-transform:uppercase; margin-bottom:.3rem;} .blogModule aside ul {list-style-type:none; margin-left:.3rem; margin-bottom:.3rem;} .blogModule .listerItem.featureItem {padding:1rem;} .blogModule .listerItem.featureItem .image {height:100%; max-width:100%;} .blogModule .listerItem.featureItem .content {padding:1rem 0 0;} .blogModule .listerItem.featureItem .button-group .button {margin-bottom:4px;} .blogModule.carousel-wrapper .carousel-cell {padding:1rem;} .blogModule.carousel-wrapper .carousel-cell .listerItem {box-shadow:none;} .blogModule.carousel-wrapper .carousel-cell .listerItem .image {margin:1rem 1rem 0 1rem;} .blogModule.carousel-wrapper .carousel-cell .listerItem.endItem {color:#fff; background:var(--primary-dark); border-color:var(--primary);} .blogModule.carousel-wrapper .carousel-cell .listerItem.endItem .image {background:var(--primary-dark); border-bottom:none;} .blogModule.carousel-wrapper.blog-set .carousel-cell .listerItem {padding-bottom:0;} .blogModule.carousel-wrapper.blog-set .carousel-cell .listerItem .image {margin:0;} .blogModule.carousel-wrapper.blog-set .listerItem .title {margin-bottom:0; text-align:center;} .blogModule.moduleDetail .title {margin:0 0 1rem;} .blogModule.moduleDetail .info {margin-bottom:.5rem; font-weight:400; color:#737373;} .blogModule.moduleDetail .tags {font-size:.9rem; color:#737373;} .feature-box {width:100%; margin: 1rem 0;} .feature-box .image {width:100%; background:#f9f9f9;} .feature-box .image img {margin:0 auto; display:block;} .feature-box .caption {padding:.5rem .8rem; border-left:4px solid var(--secondary);} .feature-box .caption p {margin:0; font-size:.9rem;} #accessibilityForm {padding:30px; margin:20px;} /* Special BEE overrides */ .applied-settings .bee-popup-html-block {text-align:inherit;} .applied-settings .bee-popup-container {font-family:var(--body-font-family);} .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;} @media screen and (max-width: 768px){ .applied-settings .bee-popup-menu .bee-popup-hamburger-controls {display:inline-block;} } @media print, screen and (min-width: 40rem) { .index-cards .index-card .image, .ribbon-lister .lister-item .image {aspect-ratio:1/1; margin-bottom:0;} .ribbon-lister .wrapper .lister-item .button {margin:1rem 0; width:auto; display:inline-block;} .blogModule .listerItem.featureItem {padding:2rem;} .blogModule .listerItem.featureItem .content {padding:1rem 1rem 1rem 2rem;} .blogModule .listerItem.featureItem .button-group .button {margin:4px 4px 0 0;} } /* -------------------------------------------------- :: FOOTER -------------------------------------------------- */ a.social-icon {display:block;} a.social-icon svg {max-width:30px; fill:#000; width:100%;} #footer {} #footer .logo {margin-bottom:.5rem; margin-top:.7rem; max-width:250px; width:100%;} #footer .footer-copyright {font-size:.9rem; background:#222222; padding:.8rem 0 3.8rem; color:#f9f9f9;} #footer .footer-copyright p {margin:0;line-height:1.4;} #footer .footer-copyright a {color:var(--primary-light);} #footer .footer-copyright a:hover {text-decoration:underline;} #footer .footer-main a:hover {text-decoration:underline;} #footer .footer-main #footerNav ul {margin:.5rem 0;} #footer .footer-main #footerNav ul li {list-style-type:none;} #footer .footer-main #footerNav ul.sub-menu li {display:block; width:100%;} #footer .footer-social h4 {font-weight:700;} #footer .footer-main {position:relative; padding:3.5rem 0 4rem;} #footer .footer-main .footer-contact .address {font-weight:700;} #footer .footer-main .footer-contact .address a {text-decoration:none;} #footer .footer-main .footer-contact .address a:hover {text-decoration:underline;} #footer .footer-main .footer-contact .contact p {margin:0;} #footer .footer-main .h5 {font-weight:700; pointer-events:none; margin:0; text-decoration:none;} #footer .footer-main #footerNav ul.sub-menu li {margin:.5rem 0;} @media screen and (max-width:1023px){ #footer .footer-main #footerNav ul:not(.menu_footer_style3) li {padding-left:0;} } /* Footer Color Schemes */ #footer.footer-gray {background:#f0f0f0; color:#000;} #footer.footer-white {background:#ffffff; color:#000; border-top:2px solid #f0f0f0;} #footer.footer-white .footer-main a, #footer.footer-gray .footer-main a, #footer.footer-3.footer-white .footer-main .h5, #footer.footer-3.footer-gray .footer-main .h5 {color:#000;} #footer.footer-white .footer-main .h5, #footer.footer-gray .footer-main .h5, #footer.footer-white .footer-social h4, #footer.footer-gray .footer-social h4, #footer.footer-white .footer-main .footer-contact .address a, #footer.footer-gray .footer-main .footer-contact .address a, #footer.footer-3.footer-white .footer-main a, #footer.footer-3.footer-gray .footer-main a {color:var(--primary-dark);} #footer.footer-white .footer-social a.social-icon svg, #footer.footer-gray .footer-social a.social-icon svg {fill:#999999;} #footer.footer-dark {background:var(--primary-dark); color:#fff;} #footer.footer-black {background:#000; color:#fff;} #footer.footer-dark .footer-main a, #footer.footer-black .footer-main a, #footer.footer-3.footer-dark .footer-main .h5, #footer.footer-3.footer-black .footer-main .h5 {color:#fff;} #footer.footer-dark .footer-main .h5, #footer.footer-black .footer-main .h5, #footer.footer-dark .footer-main .footer-contact .address a, #footer.footer-black .footer-main .footer-contact .address a, #footer.footer-dark.footer-2 #footerNav ul li a, #footer.footer-black.footer-2 #footerNav ul li a, #footer.footer-3.footer-dark .footer-main a, #footer.footer-3.footer-black .footer-main a {color:var(--primary-light);} #footer.footer-dark .footer-social a.social-icon svg, #footer.footer-black .footer-social a.social-icon svg {fill:#fff;} #GDPR {background:rgba(0,0,0,.9); position:fixed; bottom:0; left:0; width:100%; display:none; z-index: 10000000000;;} #GDPR h5 {margin:0; color:#fff;} #GDPR p {color:#fff; margin:0;} #GDPR a {color:#fff;} #GDPR .button { margin:0; min-width: 100px;} #footer.footer-1 .footer-social {margin:1.5rem 0;} #footer.footer-1 .social_menu_footer li {margin:0 1rem .8rem 0;} #footer.footer-2 .logo, #footer.footer-3 .logo {margin-left:auto; margin-right:auto; max-width:150px;} #footer.footer-2 #footerNav ul li {margin:1rem 1rem 0;} #footer.footer-2 #footerNav ul li a {font-weight:700;} #footer.footer-2 .footer-social h4 {margin-top:1rem;} #footer.footer-3 .footer-social {margin-top:1rem;} #footer.footer-3 .footer-main #footerNav ul.sub-menu li {font-weight:600;} @media print, screen and (min-width: 64em) { .large-align-center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } /* -------------------------------------------------- :: MISC CLASSES AND STYLES -------------------------------------------------- */ #googlemap img, object, embed, .GMapEZ img, #map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object {max-width: none !important;} /* Removes random added height from Google Remarketing Tags - if tags are on the site */ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left;} /* responsive video wrapper */ .responsive-embed,.flex-video{position:relative;height:0;margin-bottom:1rem;padding-bottom:75%;overflow:hidden} .responsive-embed iframe,.responsive-embed object,.responsive-embed embed,.responsive-embed video,.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video{position:absolute;top:0;left:0;width:100%;height:100%} .responsive-embed.widescreen,.flex-video.widescreen{padding-bottom:56.25%} /* Pagination Classes */ .pagination {text-align:center; margin-top:50px; font-size:0px; color:#666;} .pagination a, .pagination .pageLinkCurrent {padding:.3rem; display:inline-block; height:30px; width:30px; margin:2px; color:#666; text-decoration:none; border-radius:3px; font-size:14px;} .pagination a.prevnextLink {width:auto;} .pagination a:hover {background:var(--secondary-light);} .pagination .pageLinkCurrent {background:var(--secondary); color:#fff;} .pagination .itemCount {font-size:14px; margin-top:10px;} .errorMessage {background:#fdc0c0; text-align:center; font-style:italic; padding:5px; border-radius:3px; color:#970000;} .errorMessage a {color:#970000;} .noClick > a, a.noClick, .noClick, .noclick > a, a.noclick, .noclick, .no-click > a, a.no-click, .no-click {pointer-events: none;} .imageRight {float:right; margin-left:1rem; margin-bottom:1rem;} @font-face { font-family: 'flexslider-icon'; src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot'); src:url('graphics/extras/flexslider/fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'), url('graphics/extras/flexslider/fonts/flexslider-icon.woff') format('woff'), url('graphics/extras/flexslider/fonts/flexslider-icon.ttf') format('truetype'), url('graphics/extras/flexslider/fonts/flexslider-icon.svg#flexslider-icon') format('svg'); font-weight: normal; font-style: normal; } .cal {background:#f5f5f5; border:1px solid #e3e3e3; padding:10px; text-align:center;} .cal .calPrev, .cal .calMonth, .cal .calNext {display:inline-block; margin-bottom:13px;} .cal .calPrev a, .cal .calMonth a, .cal .calNext a {text-decoration:none; color:#000; padding:2px 5px; font-weight:800;} .cal .calPrev a, .cal .calNext a {color:transparent;} .cal .calPrev a:after {content: '\f001'; font-family: 'flexslider-icon'; color:#000;} .cal .calNext a:before {content: '\f002'; font-family: 'flexslider-icon'; color:#000;} .calGrid th {font-size:12px; font-weight:400; color:#555;} .calGrid td {font-size:14px; padding:3px 0;} .calMonthLink {margin-top:10px; display: inline-block;} /*skipnav*/ .skipnav {font-size: 1rem;line-height: 1.6;color: var(--anchor-color);text-decoration: underline;background: rgba(0,0,0,0);left: 0;padding: .5rem 1rem;position: absolute;top: -3.8rem;transition: .15s ease-in-out;z-index: 100} .skipnav:visited {color: var(--primary);} .skipnav:hover {color: var(--primary);} .skipnav:active {color: var(--anchor-color);} .skipnav:focus {outline: 2px solid var(--primary);outline-offset: 2px} .skipnav:focus,.usa-skipnav.usa-focus {background: #fff;left: 0;position: absolute;top: 0;transition: .15s ease-in-out} .confirm_email_field {position: absolute;left: -9998px;top: -9998px;} /* -------------------------------------------------- :: Popup Box -------------------------------------------------- */ .reveal:focus, .reveal:focus-visible {outline: none;box-shadow: 0 0 0 3px rgba(21, 156, 228, 0.4);} .reveal.border {border: solid 1rem;border-radius: 1.5rem;} .reveal.border.primary-color {border: var(--primary) solid 1rem;border-radius: 1.5rem;} .reveal.border.primary-color.dark-color {border: var(--primary-dark) solid 1rem;border-radius: 1.5rem;} .reveal.border.primary-color.light-color {border: var(--primary-light) solid 1rem;border-radius: 1.5rem;} .reveal.border.secondary-color {border: var(--secondary) solid 1rem;border-radius: 1.5rem;} .reveal.border.secondary-color.dark-color {border: var(--secondary-dark) solid 1rem;border-radius: 1.5rem;} .reveal.border.secondary-color.light-color {border: var(--secondary-light) solid 1rem;border-radius: 1.5rem;} .reveal p {color:#000;} .reveal.full-image {padding:0; overflow-y:visible;} .reveal .grid-x.right {flex-direction: row-reverse;} .reveal .grid-x.bottom {flex-direction: column-reverse;} .reveal.full-image .text-content {padding:2rem;} .reveal.full-image .right .text-content{padding-right:0;} .reveal.full-image .left .text-content{padding-left:0;} .reveal.contain-image .grid-x {align-items: center;} .reveal.contain-image .bottom img, .reveal.contain-image .top img {max-width:350px; height:auto;} .reveal img {margin-top:auto; margin-bottom:0;} .reveal.full-image img{object-fit:cover; width:100%; height:100%} .reveal.full-image .bottom img, .reveal.full-image .top img {max-height:275px;} .reveal.full-image .left img {border-radius: 10px 0 0 10px} .reveal.full-image .right img {border-radius: 0 10px 10px 0;} .reveal.full-image .top img {border-radius: 10px 10px 0 0} .reveal.full-image .bottom img {border-radius:0 0 10px 10px} .close-button .dark {color: #8a8a8a;} .close-button .light {color: #fff;} .reveal .button {margin-bottom: 0;} @media screen and (max-width: 39.99875em){ .reveal {height: fit-content;min-height: revert; padding: 1.5em 1em; width: 90%; margin-left: auto;} .reveal.full-image {padding: 1.5em 1em;} .reveal.full-image .text-content {padding:0;} .reveal .grid-x {text-align: center;} .reveal .image-cell {display: none;} .reveal.border .close-button {top: 0; right: 0.5rem;} .reveal .close-button span {font-size: 2.25rem;} .reveal .close-button .light {color: #8a8a8a;} .reveal .button {margin-bottom: 0;} } /* -------------------------------------------------- :: ALERT BAR -------------------------------------------------- */ #alertSlider {position:relative;} .alert-bar {width:100%; padding:10px;} .alert-bar .icon-wrap { background:rgba(0,0,0,.4); height: 24px; width: 24px; padding: 2px; border-radius: 3px; text-align:center; margin-right:.7rem;} .alert-bar .icon-wrap svg {height:15px; width:15px; fill:#fff;} .alert-bar p {color:#000; font-size:14px; margin-bottom:0;} .alert-bar a {color:#000; text-decoration:underline;} .alert-bar p.white {color:#fff;} .alert-bar p.white a {color:#fff;} .alert-bar .close-button {color:#000;} .alert-bar .close-button.white {color:#fff;} @media screen and (max-width: 640px) { .alert-bar p {font-size:12px;} } /* -------------------------------------------------- :: COUNTDOWN TIMER -------------------------------------------------- */ .countdown-bar {display: none; color: #fff; background: #000; background: rgba(0,0,0,.85); z-index: 100; position: fixed; bottom: 0; width: 100%;} .countdown-bar .wrapper {padding-bottom:20px;} .countdown-bar .info {font-size: 14px; line-height: 1.2; margin:0;} .countdown-bar .info h2 {line-height: 1; text-align: right; padding: 10px 15px 15px 0; margin:0; border-right: 1px solid #666; color: #fff;} .countdown-bar .info .link {margin:0;} .countdown-bar .info .link a {font-weight: 700; color:#ffffff; font-style:italic;} .countdown-bar .close {font-size:12px; text-align:right; margin:3px 15px 2px;} .countdown-bar .close a {color:#fff; text-decoration:none;} .countdown-bar .close a strong {font-size:14px; font-weight:800;} .countdown-bar .close a:hover {text-decoration:underline;} #countdown-wrapper {width: 440px; margin: auto; max-width: 100%;} .countdown-box {border-radius:3px; -webkit-border-radius:3px;background:#eaeaea; padding: 10px; text-align: center; max-width: 90px; color: #000; font-weight:700; line-height: 1; margin: 10px 5px; font-size: 12px;} .countdown-box span {display: block; color: #000; font-size: 38px; font-weight: bold; margin-bottom: 3px;} .countdown-expiry p {font-size: 18px;} .countdown-expiry .link {margin:0;} .countdown-expiry .link a:after{content: '\25B6';margin-left: 8px;font-size: .8rem;transition: all .35s ease;} @media only screen and (max-width: 1024px) { .countdown-bar .info .shrink.no-text {width:100%;} .countdown-bar .info .no-text h2 {border:none; text-align:center; padding:0;} } @media only screen and (max-width: 640px) { .countdown-bar .shrink {width:100%;} .countdown-bar .info h2 {border:none; text-align:center; padding:0 0 10px;} .countdown-bar .info {text-align:center;} .countdown-box {max-width: 65px;} .countdown-box span {font-size:28px;} #countdown-wrapper {padding-top:15px; width:350px;} } /* -------------------------------------------------- :: SILENT SALESMAN -------------------------------------------------- */ .cornerBox {position:fixed; bottom:10px; right:15px; opacity:0; display:none; z-index:1;} .cornerBox.box-left {right:auto; left:15px;} .cornerBox .cornerBox--container {border:2px solid #fff; border-radius:25px; -webkit-border-radius:25px; transition: all .3s ease;} .cornerBox .cornerBox--header {padding:10px 15px; transition: all .3s ease;} .cornerBox .cornerBox--header:hover {cursor:pointer;} .cornerBox .cornerBox--header svg {width:20px; margin: 0 5px -4px 0; fill:#000;} .cornerBox .cornerBox--header p {margin:0; color:#000; font-weight:700; display:inline-block;} .cornerBox .cornerBox--header.white p {color:#fff;} .cornerBox .cornerBox--header.white svg {fill:#fff} .cornerBox .cornerBox--content {display:none; width:355px; max-height:445px; overflow-y:auto; } .cornerBox .cornerBox--wrapper {font-size:14px; background:#fff; margin:0 10px 10px; padding:10px; border-radius:6px; -webkit-border-radius:6px} .cornerBox .cornerBox--wrapper p {font-size:14px; margin:0 auto 15px;} .cornerBox .cornerBox--wrapper .button {margin:0 auto; display:block;} .cornerBox .cornerBox--wrapper .formNavigation {margin-bottom:1rem;} .cornerBox.open .cornerBox--container {border-radius:15px; -webkit-border-radius:15px;} .cornerBox.open .cornerBox--header {border-radius:15px 15px 0 0; -webkit-border-radius:15px 15px 0 0; } .cornerBox.open .cornerBox--header:after {content:'\25bc'; position:absolute; right:10px; color:#000;} .cornerBox.open .cornerBox--header.white:after {color:#fff;} .cornerBox.open .cornerBox--content {border-radius:0 0 15px 15px; -webkit-border-radius:0 0 15px 15px;} @media only screen and (max-width: 370px) { .cornerBox .cornerBox--content {width:100%;} .cornerBox.open {right:15px; left:15px;} } @media only screen and (max-height: 660px) { .cornerBox .cornerBox--content {max-height:320px;} } @media only screen and (max-height: 530px) { .cornerBox .cornerBox--content {max-height:220px;} } @media only screen and (max-height: 430px) { .cornerBox .cornerBox--content {max-height:180px;} } @media only screen and (max-height: 360px) { .cornerBox .cornerBox--content {max-height:120px;} } /* -------------------------------------------------- :: LOCATIONS -------------------------------------------------- */ .locations-lister.locations-lister__buttonList, .locations-lister.locations-lister__linkList {padding:0 10px;} .locations-lister.locations-lister__buttonList .button {margin:0;} .locations-lister.locations-lister__buttonListInline .button {margin:.3rem;} .locations-lister.locations-lister__grid .cell {padding-top:.5rem; padding-bottom:.5rem;} .locations-lister.locations-lister__grid.locations-lister__linkList .cell {padding-top:.25rem; padding-bottom:.25rem;} .locations-lister h3.locations-category {margin-top:1rem; margin-bottom:0;} /* -------------------------------------------------- :: FORMS -------------------------------------------------- */ /* Recaptcha styling */ .simpleAntiSpam div{margin:6px auto!important} .g-recaptcha div{margin:20px auto 0!important} /* Date picker */ #ui-datepicker-div {display:none;} .ui-datepicker{background:#fff;border:1px solid #cacaca;padding:15px;margin:10px 20px;-webkit-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.1);} .ui-datepicker-header{text-align:center;font-size:16px;font-weight:800} .ui-datepicker-prev{float:left;font-size:13px;text-transform:uppercase} .ui-datepicker-next{float:right;font-size:13px;text-transform:uppercase} .ui-datepicker-title{clear:both} .ui-datepicker-calendar{min-width:200px} .ui-datepicker-calendar th{width:14.2%;font-weight:600} .ui-datepicker-calendar td{vertical-align:middle;text-align:center} .ui-datepicker-calendar td a{padding:2px} .datetimeField {width:100px; float:left; margin-right:5px;} .formContent{display:flex;flex-wrap:wrap;justify-content:space-between;} .formContent .grid-container {width:100%;} .formSubGroup {display:flex;flex-wrap:wrap;justify-content:space-between} .formSubGroup .formGroup--medium{width:calc(50% - .75rem)} .formFieldset,.formStaticText{width:100%} .formGroup{display:block;position:relative;z-index:0;width:100%;align-self:center} .formInput-columns{display:flex;flex-flow:row wrap} .formInput-columns label{flex:0 1 auto;width:100%;margin-bottom:1rem} .formInput-columns label input{margin-bottom:0} @media screen and (min-width:40em){ .formInput-columns.columns-auto label{flex:1 1 10%;width:auto} .formInput-columns.columns-2 label{width:50%} .formInput-columns.columns-3 label{width:33%} .formInput-columns.columns-4 label{width:25%} .formInput-columns.columns-5 label{width:20%} } .formGroup--aligned{display:flex;align-items:center} .formGroup--aligned .formLabel{white-space:nowrap;flex:1 1 auto;padding-right:.75rem;margin-bottom:1rem} .formGroup--checkbox.formGroup--aligned input{margin-bottom:0} @media (min-width:64em){ .formGroup--quarter{width:calc(25% - .75rem)} .formGroup--small{width:calc(33.333% - .75rem)} .formGroup--medium{width:calc(50% - .75rem)} .formGroup--large{width:calc(66.666% - .75rem)} .formGroup--full{width:100%} } .formNavigation{margin-bottom:50px;display:flex;justify-content:space-around;width:100%} .button+.formNavigation-next{margin-left:auto} /* Tables */ table {width:100%;} @media only screen and (max-width: 640px) { [type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea, select {height: 3rem; margin-bottom:20px; width: 100%;} form table {width:100%; display:block;} form table tbody {display:block; width:100%;} form table tr {display:block; width:100%;} form td {display: block; padding:0;} } /* -------------------------------------------------- :: 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;} .logos .item {text-align:center; padding:1rem; margin:1rem; text-align:center; min-height:125px; max-height:220px; display: flex; justify-content: center; align-items: center;} .logos img {max-height:190px; width:auto;} .logos .card {} .testimonials .item {padding:1rem; border:1px solid #ddd; margin:1rem;} .testimonials .item.no-border {border:none;} .testimonials .item .menu > li {margin:0 2px;} .testimonials .item .menu svg {width:20px; height:100%; fill:#f29604;} .testimonials .item .name {font-size:.9rem; margin-bottom:0;} .testimonials .item.more-slide {position:relative;} .testimonials .item.more-slide .link-overlay {position:absolute; top:0; left:0; right:0; bottom:0; text-decoration:none;} .testimonials.testimonials-stacked .text-content {border-left:1px solid #ddd; padding-left:1rem;} .testimonials.testimonials-single .item {margin-left:auto; margin-right:auto; max-width:700px; font-size:1.1rem;} .testimonials.testimonials-single .item .name {font-size:1rem; font-style:italic;} .testimonials.testimonials-single .item .menu {margin-bottom:.7rem;} .testimonials.testimonials-single .item .menu svg {width:25px;} .testimonials .button {color: inherit;} @media screen and (max-width:40em){ .testimonials.testimonials-stacked .text-content {border:none; padding-left:0;} .testimonials.testimonials-stacked .item .stars {margin:.7rem 0;} } @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; -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;} } /* -------------------------------------------------- :: Print Styles Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com) -------------------------------------------------- */ .print-only { display: none !important; } @media print { * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */ p a, p a:visited { color: #444 !important; text-decoration: underline; } p a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } .hide-on-print { display: none !important; } .print-only { display: block !important; } } /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .membershipLoginWrapper { } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .memberUser { } .memberPassword { } .memberRemember { } .memberForgot { } .memberSubmit { } /* ModuleEnd::membership */