/* -------------------------------------------------- Table of Contents ----------------------------------------------------- :: BODY & MAIN FONT STYLES :: HEADER & MENU :: HOMEPAGE :: SUB PAGE :: FOOTER :: MISC CLASSES AND STYLES :: POPUP BOX :: ALERT BAR :: 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.light-bg {background-color:var(--primary-light);} .primary-bg.dark-bg {background-color:var(--primary-dark);} .primary-bg-75 {background-color:var(--primary-75);} .primary-bg-50 {background-color:var(--primary-50);} .primary-bg-25 {background-color:var(--primary-25);} .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);} .white-bg {background:#ffffff;} /* 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);} /* -------------------------------------------------- :: 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.small img {max-width:70px;} .logo-wrapper.large 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;} #header .header-main #mainNav > ul.menu > li {padding:0 1rem;} #header .header-main #mainNav ul a {color:#222;} #header .header-main #mainNav > ul.menu > li > a {border-bottom: 3px solid transparent; padding:.7rem .2rem;} #header .header-main #mainNav > ul.menu > li > a.parent {padding-right:1.5rem;} #header .header-main #mainNav > ul.menu > li > a:hover {border-bottom:3px solid var(--primary);} #header .header-main #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 .header-main #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 {margin-left:.85rem;} #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 .header-bottom {padding:.3rem; font-size:.8rem; color:#fff; text-align:right;} #header .header-bottom p {margin:0;} #header.header-1 .header-main {background:#fff; padding:1.5rem 0; border-bottom:1px solid #fff; border-top:3px solid var(--secondary-light);} #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-2 .header-top {background:#f3f3f3; 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;} /* 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 .menu_mobile_utility {border:1px solid #eee; border-bottom:none;} #mobileMenuContainer .menu_mobile_utility li {border-bottom:1px solid #eee;} #mobileMenuContainer .social_menu_mobile a.social-icon svg {max-width:25px; fill:#353332;} .hide-for-mobile {display:none;} .show-for-mobile {display:unset;} @media print, screen and (min-width: 768px) { .hide-for-mobile {display:unset;} .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;} } /* -------------------------------------------------- :: 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;} .ribbon-lister .lister-item .image {aspect-ratio:1/.5; margin-bottom:1rem;} .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;} .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:hover .tile__title {transform:translateY(-.5rem);} .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-left:.4rem;} .bullet-lister .bullets a {color:#000;} /* 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; 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.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);} @media print, screen and (min-width: 40rem) { .index-cards .index-card .image, .ribbon-lister .wrapper .lister-item .image {aspect-ratio:1/1; margin-bottom:0;} .ribbon-lister .wrapper .lister-item .button {margin:1rem 0; width:auto; display:inline-block;} } /* -------------------------------------------------- :: 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; position:relative; background:#222222c4; padding:.8rem 0; color:#f9f9f9;} #footer .footer-copyright p {margin:0;} #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-social a.social-icon svg {fill:#fff;} #footer .footer-main {position:relative; padding:3.5rem 0 4rem; color:#fff;} #footer .footer-main .footer-contact .address {font-weight:700; color:var(--primary-light);} #footer .footer-main .footer-contact .address a {color:var(--primary-light); 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 a {color:#fff;} #GDPR {background:rgba(0,0,0,.9); position:fixed; bottom:0; left:0; width:100%; display:none;} #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.footer-2 { position: relative;} /* #footer.footer-1:before, #footer.footer-2:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.45; background-image: url('graphics/design/footer_background.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; } */ #footer.footer-1 .footer-main .h5 {color:var(--primary-light); font-weight:700; pointer-events:none; margin:0; text-decoration:none;} #footer.footer-1 .footer-main #footerNav ul.sub-menu li {margin:.5rem 0;} #footer.footer-1 .footer-main #footerNav ul li {} #footer.footer-1 .footer-social {margin:1.5rem 0;} #footer.footer-1 .footer-copyright a, #footer.footer-2 .footer-copyright a {color:var(--primary-light);} #footer.footer-1 .social_menu_footer li {margin:0 1rem .8rem 0;} #footer.footer-2 .logo {margin-left:auto; margin-right:auto; max-width:150px;} #footer.footer-2 #footerNav ul li {margin:1rem;} #footer.footer-2 #footerNav ul li a {font-weight:700; color:var(--primary-light);} /* -------------------------------------------------- :: MISC STYLES AND CLASSES -------------------------------------------------- */ #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;} /* -------------------------------------------------- :: 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;} } /* -------------------------------------------------- :: SILENT SALESMAN -------------------------------------------------- */ .cornerBox {position:fixed; bottom:10px; right:15px; opacity:0; display:none;} .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:340px; 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 .button {margin: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 {width:33px; height:33px; border-radius:8px; -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:#222; overflow:hidden;} .hero .slideshow .slide {width:100%; background:#222;} .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideInner .grid-y {min-height:300px;} .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.carousel-wrapper {background:#fff;} .logos .carousel .carousel-cell {text-align:center; } .logos .carousel .carousel-cell img {max-height:190px; width:auto;} .logos .carousel .carousel-cell .item {margin:1rem; background:#fff;} .logos .carousel.flickity-enabled .carousel-cell {} /* .logos .carousel .carousel-cell img {width:auto; max-width:85%; height:100%; margin:0 auto;} */ /*.testimonials .carousel .carousel-cell { margin:0 0 25.6px 0;}*/ /*.testimonials .carousel .carousel-cell.align-self-middle { margin:12.8px 0;}*/ .testimonials .carousel .item {padding:1rem; border:1px solid #ddd; margin:1rem; background:#fff; height: 90%;} .testimonials .carousel .item .menu > li {margin-left:3px;} .testimonials .carousel .item .menu svg {width:20px; fill:#f29604;} .testimonials .carousel .item .name {font-size:.9rem;} .testimonials .flickity-enabled .carousel-cell {/*height: 100%; */} @media screen and (min-width:40em){ .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideInner .grid-y {min-height:500px;} .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%);} } @media screen and (min-width:64em){ .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideInner .grid-y {min-height:600px;} } @media screen and (min-width:75em){ .hero .slideshow .slide, .hero .slideshow .slide .slideInner, .hero .slideshow .slide .slideInner .grid-y {min-height:700px;} } .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%); } .hero .slideshow .slide .slideContent {color:#fff; max-width:850px; width:100%; position:relative; padding:50px;} .hero .slideshow .slide .slideContent .button-group a {margin:0 7px 7px 0;} .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; } /* -------------------------------------------------- :: 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; } }