/** DEFINITIONS **************************/ /* with any luck, all you have to change is these color definitions, swap out the logo, make favicons, and do their online banking and apps If you need white text to be something else, search for "color: white" */ :root { --main: #17375d; /*dk blue*/ --second: #cc2027; /* red*/ --accent: #556080; /* lt blue */ --pale: #d9d8d8; /* grey */ --pale2: #929292; /* med grey*/ --font: #1e1e1e; --Mtop: 50px; --Pside: 20px; --Ptop: var(--Mtop) var(--Pside) 0 var(--Pside); --Pboth: var(--Mtop) var(--Pside); --maxW: 1120px; --half: calc(50% - 660px); --shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2); --caption_grade: linear-gradient(121deg, var(--main) 9%, rgba(88, 83, 149, 0.6) 94%); @media only screen and (min-width: 768px) { --Mtop: 60px; --Pside: 30px; } @media only screen and (min-width: 992px) { --Mtop: 70px; --Pside: 30px; } @media only screen and (min-width: 1200px) { --Mtop: 100px; --Pside: 85px; } @media only screen and (min-width: 1280px) { --Pside: calc(50% - (var(--maxW) / 2)); } } /** UNIVERSAL *************************************/ body {text-align: center; background-color: WHITE; -webkit-text-size-adjust: 100%; padding: 0; margin: 0;} .contentwrapper{width: 100%; position: relative; overflow: hidden; color: var(--font); font-size: 15px; font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400; } article p{margin: 1rem 0 0 0;line-height: 1.33;} article{} .liner, article {width: 100%; margin: 0 auto; position: relative; max-width: var(--maxW);} .container-fluid{width: 100%; margin: 0 auto; padding: 0; max-width: var(--maxW);} section { width: 100%; padding: var(--Pboth); margin: 0;} a, button.modal_link{ transition: all .25s; color: var(--pale2);text-decoration: none;font-weight: 600;} a:hover, a:focus, button.modal_link:focus, button.modal_link:hover {color: var(--pale2); text-decoration: underline;} button.modal_link{ padding:0; border: 0; background: transparent; cursor: pointer; transition: all .25s;} button.modal_link:focus, button.modal_link:hover{text-decoration: underline;border: 0; outline: 0} button.modal_link{text-align: left;} input, select, textarea, button{color: var(--font); font-size: 15px;font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;} button{border: 0; background: transparent;transition: all .25s;text-align: center; padding: 0} .CHbox a, .CHA, .cardbennies{color: var(--font); font-size: 15px; font-family: "Montserrat", sans-serif;font-optical-sizing: auto;font-weight: 400;} /* match to regular font size */ strong{font-weight: 700} blockquote{padding: 1rem 0 0 0;} .video_wrapper {margin-top: 20px !important;} article img{max-width: 100%;} article ul, article ol {margin: 0; padding: 1rem 0 0 20px;} /** CTA **********************************************/ input[type="submit"], input[type="reset"] {appearance: none;cursor: pointer} a.cta, input[type="submit"], a.clear, a.clear:visited, button.clear, input.go, input[type="reset"], a.PSlogout, div.faq_advanced_search_panel input[type=button], button.modal_button, button.cta, button#exedout, .blog-filter a button, button.btn.btn-primary, .Rlinks a {display: inline-block; text-decoration: none; cursor: pointer; line-height: 1; text-align: center; transition: all .25s; background-color: var(--second); color: white;font-size: 14px; font-weight: 600; border: solid 2px var(--second); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15); height: 50px; padding: 0 20px; display: inline-flex; justify-content: center; align-items: center;text-transform: uppercase;} a.cta:hover, a.cta:focus, input[type="submit"]:hover, input[type="submit"]:focus, a.clear:hover, a.clear:focus, button.clear:hover, button.clear:focus, input.go:hover, input.go:focus, input[type="reset"]:hover, input[type="reset"]:focus, a.PSlogout:hover, a.PSlogout:focus, div.faq_advanced_search_panel input[type=button]:hover, div.faq_advanced_search_panel input[type=button]:focus, button.modal_button:hover, button.modal_button:focus, button.cta:hover, button.cta:focus, button#exedout:hover, button#exedout:focus, .blog-filter a button:hover, .blog-filter a button:focus, button.btn.btn-primary:hover, button.btn.btn-primary:focus, .Rlinks a:hover, .Rlinks a:focus {background-color: white; color: var(--main);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);transform: scale(1.05);} .blog-filter a button {background-color: white !important;} .blog-filter a button:hover, .blog-filter a button:focus {background-color: white !important;} a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary{} a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:hover, a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:focus{} /** HEADERS **********************************************/ /* padding, not margins */ h1 {margin: 0; padding: 0; font-size: 30px; line-height: 1.13; font-weight: 600; color: white;} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {margin: 0; padding: 2rem 0 0 0;font-size: 26px; font-weight: 600; color: var(--main); line-height: 1.21;} article h2.KJEToggleTitle, .cke_editable h2:first-child, .cms_col h2:first-child{padding: 0} h3, .code_block h1, .blog-grid-wrap h2.blog_title, .content_rates_category1, .faq_header, .faq_question, .comments_section_header, .pod_episode_header, #KJETitle, .forum_thread_category, .Category_Header_Text, .content_faq_header, .content_calendar_header, .cms_form_header, .content_article_header, #empapp h2, .CHQ, .cardname, .blog-grid-wrap h2 {margin: 0; padding: 1rem 0 0 0;font-size: 18px; color: var(--main); line-height: 1.25;font-weight: 500;} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {margin: 0; padding: 1rem 0 0 0;font-size: 16px; color: var(--main);; line-height: 1.25; font-weight: 500;} h5, .forum_thread_date, .forum_mischeader_title {margin: 0; padding: 1rem 0 0 0;font-size: 16px; font-weight: 400; color: var(--accent);} h6 {margin: 0; padding: 1rem 0 0 0;font-size: 14px;font-weight: 400; font-style: italic; color: var(--font)} /*L*/ @media only screen and (min-width: 992px) { h1 {font-size: 50px; color: var(--main);} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {font-size: 42px;} } /** HEADER ***********************************************/ header {width: 100%; z-index: 100; padding: 0; position: relative; background-color: white; } header .liner{height: 200px; max-width: 100%;} a.homelink{ position: absolute; height: 100px;top: 50px; left: var(--Pside); padding: 15px 0;display: flex; align-items: center;} a.homelink img {max-height: 100%;} .toplinks {display: flex; justify-content: space-between; align-items: center; background-color: var(--pale2); color: white; position: absolute; top: 0; right: 0; width: 100%; height: 50px; padding: 0 var(--Pside);font-size: 18px; } .TL {display: flex; justify-content: flex-end; align-items: center; } .TL a, .TL .notalink {color: white; width: 44px;height: 100%;} .TL a .RLwords, .TL .notalink .RLwords{display: none;} .TL a .fa-regular, .TL .notalink .fa-regular{font-weight: 900} .TL a:hover, .TL a:focus {color: white } .SM {display: flex; justify-content: flex-start; align-items: center; gap: 10px;} .SM a, .TL .notalink {display: block; width: 44px; height: 100%; padding: 0 5px} .SM a:hover, .SM a:focus{text-decoration: none;} .SM a .fa-brands, .SM .notalink .fa-brands {background-color: white; color: var(--accent);padding: 2px 5px; display: block; border-radius: 3px; line-height: 1} .SM a:hover .fa-brands, .SM a:focus .fa-brands{color: var(--second);} .SM a .RLwords, .SM .notalink .RLwords{display: none;} #sitesearch { color: white;width: 44px; height: 100%; } #sitesearch:hover, #sitesearch:focus, #sitesearch.down {} #sitesearch:before{content: '\f002'; font-family: 'Font Awesome 6 Pro'; font-weight: 900;} #sitesearch.down:before{content: '\f00d';} #sitesearch .RLwords{display: none;} .sitesearch {display: none; width: 100%; height: 100px; padding: 0 var(--Pside); box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.05); background-color: white; position: absolute; top: 150px; right: 0; z-index: 99} .sitesearch form{display: flex; justify-content: center; align-items: center; height: 100%} .searchbox { padding-left: 10px; height: 50px; width: calc(100% - 88px); margin-right: 10px; outline: 0; border: 0;border-bottom: solid 2px var(--pale2);} button.SSbttn{color: var(--font); width: 78px; height: 50px; background-color: var(--second); box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);} button.SSbttn:hover, button.SSbttn:focus {color: var(--second);} .sitesearch button:before{content: '\f002'; font-family: 'Font Awesome 6 Pro'; font-weight: 400;} /*M*/ @media only screen and (min-width: 768px) { header .liner{height: 150px; } .TL {gap: 20px } .TL a, .TL .notalink {width: auto;} #sitesearch {width: 74px;} .TL a .RLwords, .TL .notalink .RLwords, #sitesearch .RLwords{display: inline;font-size: 14px; font-weight: 400;} #sitesearch:hover, #sitesearch:focus, #sitesearch.down {text-decoration: underline;} } /*L*/ @media only screen and (min-width: 992px) { .toplinks {justify-content:flex-end; } .TL {gap: 40px; padding-left: 40px; } } /*XL*/ @media only screen and (min-width: 1200px) { } /** MOBI MENU - slide down ***************************************/ nav.pc, .ddcontent {display: none;} button.menutoggler{ display: block; height: 100px; width: 44px; color: var(--main); position: absolute; top: 50px; right: var(--Pside); font-size: 30px;} button.menutoggler:hover, button.menutoggler:focus {transition: all .25s;color: var(--accent);} button.menutoggler:before{content: "\f0c9"; font-family: 'Font Awesome 6 Pro'; font-weight: 400;} button.menutoggler.menuex:before{content: "\f00d";} .menutoggler2{display: none; width: 44px; height: 44px; border: solid 1px orange; color: white; position: absolute; top: 0; right: 0;} nav.mobile{display: none; position: absolute; right: 0; width: 100%; top: 200px; z-index: 1000; box-shadow: var(--shadow); background-color: white; max-height: calc(100% - 100px); overflow-y: auto; padding: 20px 0} nav.mobile.fxd{position: absolute;} .MMlinks1{} .MMlinks1 a, .MMlinks1 .notalink{} .MMlinks1 a:after, .MMlinks1 .notalink:after{content: "|";display: inline-block; padding: 0 10px;} .MMlinks1 a:last-child:after{display: none;} .L1{padding: 0; } .L1 a, .L1 button {color: var(--main);text-decoration: none; position: relative; width: 100%; text-align: left; display: block; transition: all .25s; padding: 0; font-size: 16px; font-weight: 600; padding: 10px 20px} .L1 button:after {content: '\2b'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 15px; right: 15px; transition: all .25s; } .L1 button.flipped:after {content: '\f068'; } .L2 {display: none; padding-bottom: 15px;} .L3 {display: none;} .L2 a, .L2 button {color: var(--accent); font-size: 16px; border: none; padding: 5px 15px 5px 30px; font-weight: 600;} .L2 a{} .L3 a{padding: 5px 15px 5px 45px;color: var(--main);} @media only screen and (orientation: landscape){ nav.mobile{ top: 0 !important; max-height: 100%;} .menutoggler2{display: block;} .L1{padding: 44px 20px 20px 20px; } } /*M*/ @media only screen and (min-width: 768px) { nav.mobile{ top: 150px;} } @media only screen and (min-width: 992px)and (orientation: landscape){ nav.mobile{ top: 150px !important; } .menutoggler2{display: none;} .L1{ padding: 0; } } /*XL*/ @media only screen and (min-width: 1200px) { /** MENU *********************************************/ button.menutoggler, nav.mobile{display: none;} nav.pc {display: block; z-index: 100; width: 530px; position: absolute; bottom: 26px; right: calc(220px + var(--Pside));} .navliner {width: 100%; z-index: 100; display: flex; justify-content: flex-end; align-items: center; gap: 20px} button.CMitem, a.CMitem{text-decoration: none; line-height: 1.15; display: flex; align-items: center; font-size: 16px; font-weight: 600; height: 50px; position: relative; } button.CMitem:hover, button.CMitem:focus, a.CMitem:hover, a.CMitem:focus {text-decoration: none;} button.CMitem:after, a.CMitem:after{content: '\f078'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; margin-left: 5px; transition: all .25s; color: white;} button.CMitem:hover:after, button.CMitem:focus:after, a.CMitem:hover:after, a.CMitem:focus:after{color: var(--accent);} .ddcontent{display: none;background-color: white; position: absolute; top: 76px; z-index: 100; padding: 30px; width: 250px; box-shadow: 0 15px 15px 0 rgba(0, 0, 0, 0.15); text-align: left;} header .ddcontent .liner {height: auto;} .CMlink{font-weight: bold; color: var(--accent);padding: 0 0 .5rem 0 } .ddcontent p {} .ddcontent a {display: block; padding: 0 0 .5rem 0; color: var(--main) } .ddcontent a:hover, .ddcontent a:focus { text-decoration: underline; color: var(--second)} .CMsub{padding: 0 0 10px 10px;} .ddcontent .CMsub a {display: block; padding: 0 0 .5rem 0; color: var(--pale2) } .ddcontent .CMsub a:hover, .ddcontent .CMsub a:focus { text-decoration: underline;color: var(--second)} } @media only screen and (min-width: 1300px) { nav.pc { width: 600px; right: calc(240px + var(--Pside));} } /** HOME - ICONS *************************************************/ section.icons{} section.icons .liner{} section.icons h2{padding: 0 0 1rem 0;} section.icons ul{list-style: none; margin: 0; padding: 0; width: 100%;display: flex; display: flex; justify-content: center; gap: 20px; flex-wrap: wrap} section.icons ul li{ flex: 1 1 calc(50% - 10px); max-width: calc(50% - 10px); margin: 0; padding: 0; } section.icons ul a{display: block; text-align: center; border: solid 2px var(--pale); width: 100%; padding: 20px 5px; height: 100%; color: var(--font);} section.icons ul a:hover, section.icons ul a:focus{text-decoration: none;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} section.icons ul .RLwords{display: block; font-size: 18px; font-weight: 500; line-height: 1.25;} section.icons ul .RLfa{ color:var(--second); font-size: 42px; font-weight: 300 !important; display: block; margin: 0 auto 10px auto; } /*S*/ @media only screen and (min-width: 576px) { section.icons ul{ gap: 30px;} section.icons ul li{ flex: 1 1 calc(50% - 15px); max-width: calc(50% - 15px); } } /*M*/ @media only screen and (min-width: 768px) { section.icons ul li{ flex: 1 1 calc(33.33% - 20px); max-width: calc(33.33% - 20px); } } /*L*/ @media only screen and (min-width: 992px) { section.icons ul li{ flex: 1 1 calc(25% - 30px); max-width: calc(25% - 30px); } } /*XL*/ @media only screen and (min-width: 1200px) { section.icons ul li{ flex: 1 1 calc(16.67% - 30px); max-width: calc(16.67% - 30px); } } /** HOME RATES ***********************************************/ /** SLICK SLIDESHOW ***/ .slick-slider { user-select: none; -webkit-touch-callout: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent;} .slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;} .slick-list:focus{outline: none;} .slick-list.dragging {cursor: pointer; cursor: hand;} .slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);} .slick-track{position: relative; top: 0; left: 0; display: block; margin: 0 auto; } .slick-track:before {display: table;content: '';} .slick-track:after{display: table;content: '';clear: both;} .slick-loading .slick-track {visibility: hidden;} .slick-slide.slick-loading img{display: none;} .slick-slide.dragging img{pointer-events: none;} .slick-initialized .slick-slide{display: block;} .slick-loading .slick-slide{visibility: hidden;} .slick-loading .slick-list{background: #fff url(/templates/COMMON_JS/images/ajax-loader.gif) center center no-repeat;} .slick-vertical .slick-slide{display: block; height: auto; border: 1px solid transparent;} .slick-arrow.slick-hidden {display: none;} .slick-slider{ padding: 0; margin: 0 auto; width: calc(100% - 88px) !important; } .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto; display: flex;align-items: center;} section.rc-container{background: url(../images/background_desktop_overlay_nocolor.png) repeat-x center bottom var(--main); color: white; padding: 50px var(--Pside);} section.rc-container h2{ padding: 0 0 2rem 0; color: white; /*text-align:left;*/} .Rlinks{padding-top: 1rem;} .Rlinks a{width: 200px; display: flex !important; margin: 10px auto} .rates-carousel{ width: 100%; max-width: var(--maxW); position: relative; margin: 0 auto; } .slick-slide{display:none;min-height:1px; display: flex; justify-content: center; align-items: center; padding: 0 10px} a.Rlink{display: block; position: relative; color: white;} a.Rlink:hover, a.Rlink:focus{color: white; text-decoration: none;} .Rapr{font-size: 14px; font-weight: 400; line-height: 1; color: white;} .Rnumber{font-size: 50px; font-weight: 600; line-height: 1; color: white; padding: 1rem 0;} .Rtext{font-size: 18px; font-weight: 500; line-height: 1.18; color: white; transition: all .25s;} a.Rlink:hover .Rtext, a.Rlink:focus .Rtext{color: white; text-decoration: underline;} /* arrows nav */ .slick-arrow.slick-hidden{display:none} .slick-prev, .slick-next{ z-index: 99; color: var(--accent); font-size: 20px; position: absolute; top: calc(50% - 22px); display: block; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; text-align: center; background-color: white; opacity: 1; -webkit-transition: all .25; transition: all .25s; z-index: 90} .slick-prev{left: 0;} .slick-next{left: auto;right: 0;} .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{opacity: 1; color: var(--second); outline:none;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /*S*/ @media only screen and (min-width: 576px) { .Rlinks a{ display: inline-flex !important; margin: 0 10px} } /*M*/ @media only screen and (min-width: 768px) { .rates-carousel{ width: 100%;} #rates-carousel{display: flex; justify-content: space-between;} a.Rlink:before{display: none;} .Rlinks{padding-top: 16px;} } /*XL*/ @media only screen and (min-width: 1200px) { a.Rlink{padding: 0 30px;} .Rlinks a{width: 100%; margin: 7px 0} } /** HOME - PROMOS ****************************************/ section.home{background-color: var(--pale); } section.home .code_block_top, section.home .code_block_bttm, section.home .code_block_indiv_top, section.home .code_block_indiv_bttm{display: none;} section.home .code_block_center{display: flex; flex-direction: column; align-content: center; gap: 30px; flex-wrap: wrap; } section.home .code_block_box{ max-width: 375px; padding: 0px; background-color: white;} section.home .code_block_indiv_image{text-align: center} section.home .code_block_indiv_image img{} section.home .code_block_indiv_content {font-size: 16px;line-height: 1.47; text-align:left; padding: 20px 30px;} section.home .code_block_indiv_content p{margin: 0; padding: 1rem 0 0 0} /*M*/ @media only screen and (min-width: 768px) { } /*L*/ @media only screen and (min-width: 992px) { section.home .code_block_center{ flex-direction:row; } section.home .code_block_box{flex: 1 1 calc(33.33% - 20px); max-width: calc(33.33% - 20px); position: relative;} section.home .code_block_indiv_content {padding: 20px 30px 70px 30px; } section.home .code_block_indiv_content a.cta {width: calc(100% - 60px); position: absolute; bottom: 20px; right: 30px;} } /** HOME - TESTIMONIAL **************************/ section.test{ width: 100%; z-index: 99; position: relative; } section.test h2{ padding: 0 0 2rem 0} .regional_slideshow.testimonial-carousel.carousel{border: 0;} /* borders .testimonial-carousel.carousel{border: solid 1px cyan;} .regional_slideshow.testimonial-carousel.carousel{border: solid 1px red;} .regional_slideshow.testimonial-carousel .carousel-item{border: solid 1px green;} .regional_slideshow.testimonial-carousel button.carousel-control-prev, .regional_slideshow.testimonial-carousel button.carousel-control-next {border: solid 1px lime;} .regional_slideshow.testimonial-carousel .playpause {border: solid 1px orange;} .regional_slideshow.testimonial-carousel button.carousel-control-pause, .regional_slideshow.testimonial-carousel button.carousel-control-play{border: solid 1px blue;} */ .testimonial-carousel.carousel{border: 0;} .regional_slideshow.testimonial-carousel.carousel, .regional_slideshow.testimonial-carousel .carousel-item, .regional_slideshow.testimonial-carousel a.carousel-control-prev, .regional_slideshow.testimonial-carousel a.carousel-control-next { height: 300px;} .regional_slideshow.testimonial-carousel.carousel { padding: 0; min-height: 344px; } .regional_slideshow.testimonial-carousel .carousel-item { min-height: auto; } .testimonial-carousel.carousel{} .regional_slideshow.testimonial-carousel .carousel-caption {align-items: flex-start; padding: 20px 0px; text-align: left;height: 100%;} .regional_slideshow.testimonial-carousel .carousel_caption_text{text-align: center;line-height: 1.56; font-size: 18px; } .regional_slideshow.testimonial-carousel .carousel_caption_text h2{padding: 0} .regional_slideshow.testimonial-carousel .carousel_caption_text p{margin: 0; padding: 1rem 0 0 0} /* <||> group */ .regional_slideshow.testimonial-carousel button.carousel-control-pause, .regional_slideshow.testimonial-carousel button.carousel-control-play {position: absolute;z-index: 99; bottom: 0px; top: auto; margin: 0; width: 44px; height: 44px;left: calc(50% - 22px); top: auto; text-shadow: none; color: var(--accent); font-size: 20px; padding: 0;display: flex; justify-content: center; align-items: center; border-radius: 50%; background-color: white; -webkit-transition: all .25; transition: all .25s; z-index: 90; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);} .regional_slideshow.testimonial-carousel button.carousel-control-pause:hover, .regional_slideshow.testimonial-carousel button.carousel-control-pause:focus, .regional_slideshow.testimonial-carousel button.carousel-control-play:hover, .regional_slideshow.testimonial-carousel button.carousel-control-play:focus{color: var(--second);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .regional_slideshow.testimonial-carousel button.carousel-control-prev:after, .regional_slideshow.testimonial-carousel button.carousel-control-next:after{ font-family: "Font Awesome 6 Pro";} .regional_slideshow.testimonial-carousel button.carousel-control-prev, .regional_slideshow.testimonial-carousel button.carousel-control-next {opacity: 1; text-decoration: none; position: absolute; top: auto; bottom: 0px;right: auto; left: calc(50% + 42px); text-shadow: none; z-index: 99; color: var(--accent); font-size: 20px; width: 44px; height: 44px; border-radius: 50%; cursor: pointer; text-align: center; background-color: white; opacity: 1; -webkit-transition: all .25; transition: all .25s; z-index: 90; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.15);} .regional_slideshow.testimonial-carousel button.carousel-control-prev{ left: calc(50% - 86px);} .regional_slideshow.testimonial-carousel button.carousel-control-prev:hover, .regional_slideshow.testimonial-carousel button.carousel-control-prev:focus, .regional_slideshow.testimonial-carousel button.carousel-control-next:hover, .regional_slideshow.testimonial-carousel button.carousel-control-next:focus{opacity: 1; color: var(--second); outline:none;-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} /*L*/ @media only screen and (min-width: 992px) { .regional_slideshow.testimonial-carousel.carousel, .regional_slideshow.testimonial-carousel .carousel-item, .regional_slideshow.testimonial-carousel a.carousel-control-prev, .regional_slideshow.testimonial-carousel a.carousel-control-next { height: 240px;} .regional_slideshow.testimonial-carousel.carousel { padding: 0; min-height: 284px; } } /** INTERIOR HERO *****************************************/ section.hero{position: relative; padding: 0; height: 300px; } .hero_image{position: static; height: 300px;} .hero_image img{object-fit: cover; object-position: center;width: 100%; height: 300px} .hero_caption {height: 100%; width: 100%; position: absolute; top: 0; right: 0; left: auto; bottom: auto; padding: 0; display: flex; justify-content: flex-start; align-items: center; } .hero_caption_text{color: white; padding: 0 40px; text-align: left} .crumbs{font-size: 16px; line-height: 1.38; padding-top: 2rem;} .crumbs a{font-weight: bold; color: white;} /*L*/ @media only screen and (min-width: 992px) { section.hero, .hero_image, .hero_image img{height: 400px;} .hero_caption {background: none; padding: 0 50% 0 var(--Pside)} .hero_caption_text{font-size: 20px;color: var(--accent); text-align: left; padding: 0; } .crumbs{font-size: 18px; color: var(--font)} .crumbs a{ color: var(--accent); font-weight: 400} } /** INSIDE **********************************************/ section.inside{padding: 0 var(--Pside)} article.container-fluid { margin: 0 auto; text-align: left; } section.regions {background: var(--pale); padding: var(--Pboth); } section.regions .liner{gap: 60px; padding: 40px 0} .bannerbox, .regionbox, section.regions .video_wrapper{flex: 1 1 100%;} .regionbox {background-color: white; padding: 40px; line-height: 1.5; font-size: 16px; text-align: left; position: relative; border: solid 1px var(--pale2);} .regionbox h3{padding: 1rem 0} .bannerbox img {width: 100%; border-radius: 20px; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);} section.regions ul {margin: 0px; padding: 0px; list-style: none;} /*section.regions img {max-width: 100%; width: 100%; }*/ .video_wrapper {margin-top: 20px !important;} .regionbox .fa-light, .region_FA{font-size: 42px; color: var(--second); } p.region_FA{padding: 0 !important; margin: 0} .member{background: url(../images/narrow_banner_desktop.jpg) no-repeat -1200px center; background-size: auto 100%; padding: 60px var(--Pside); margin-top: var(--Mtop); color: white; text-align: left; min-height: 245px;} .member h2, .member h3, .member h4{color: white; padding: 0} .member p{margin: 0;padding: 1rem 0 0 0} /*S*/ @media only screen and (min-width: 576px) { .bannerbox, .regionbox, section.regions .video_wrapper{flex: 1 1 30%;} section.regions .liner{gap: 60px 30px; } .member{background-position: -1000px center; } } /*M*/ @media only screen and (min-width: 768px) { .member{background-position: right center; } } /** INSIDE - RATES & TABLES **********************************************/ .content_rates_table_title{} .content_rates_table_effectivedate{} .content_rates_table_row_highlight{} table.content_rates_table tr td .widecell{} /* de-tablize it */ table.content_rates_table, table.table_builder, table.content_rates_table tbody, table.table_builder tbody, table.content_rates_table thead, table.table_builder thead, table.content_rates_table tr, table.table_builder tr, table.content_rates_table tr th, table.table_builder tr th, table.content_rates_table tr td, table.table_builder tr td{display: block;} table.content_rates_table tr td, table.table_builder tr td{display: flex;} /* remove table headers */ table.content_rates_table tr th, table.table_builder tr th {position: absolute; top: -9999px; left: -9999px;} table.content_rates_table tr td:before, table.table_builder tr td:before { display: inline-block; text-align:left; font-weight: 600; content: attr(data-title); position: relative; width: 50%; padding-right: 20px; color: var(--dpurple);} table.content_rates_table tr td.widecell:before{display: none;} /* style it */ table.content_rates_table, table.table_builder{margin: 1rem 0; width: 100%; border-collapse: collapse;} table.content_rates_table tr td, table.table_builder tr td{padding: 18px 20px;} table.content_rates_table tr:nth-child(even) td, table.table_builder tr:nth-child(even) td{background-color: var(--pale);} .content_rates_table_effectivedate{margin: 1rem 0 0 0;} @media only screen and (min-width: 1050px) { table.content_rates_table, table.table_builder{display: table;} table.content_rates_table tbody, table.table_builder tbody{display: table-row-group} table.content_rates_table thead, table.table_builder thead{display: table-header-group} table.content_rates_table tr, table.table_builder tr{display: table-row} table.content_rates_table tr th, table.table_builder tr th{display: table-cell; padding: 18px 20px; background-color: var(--main); color: white; position: static} table.content_rates_table tr td, table.table_builder tr td{display: table-cell} table.content_rates_table tr td:before, table.table_builder tr td:before {display: none} table.content_rates_table tr:nth-child(odd) td, table.table_builder tr:nth-child(even) td{background-color: var(--pale);} table.content_rates_table tr:nth-child(even) td, table.table_builder tr:nth-child(odd) td{background-color: white;} } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /** FOOT ****************************************************/ footer {width: 100%; background: url(../images/background_mobile_overlay_nocolor.png) repeat-x center bottom var(--main); color: white; padding: 35px var(--Pside); } footer .container-fluid{width: calc(100% - (2 * var(--Pside))); } footer a{ color: white;text-decoration: none;} footer a:hover, footer a:focus {color: white; text-decoration: underline;} .Fleft{} .addr {font-size: 16px;} .addr h2{color: white; padding: 0;} .bottomlinks {color: white;} .bottomlinks a {display: inline-block;} .bottomlinks a:after, .bottomlinks .notalink:after{content: "|";display: inline-block; padding: 0 10px;} .bottomlinks a:last-child:after{content: ""; padding: 0;} .socmed{} .socmed a .RLwords {display: none;} .socmed a, .socmed .notalink{ text-decoration: none !important; font-size: 24px; width: 44px; height: 44px; background-color: white; color: var(--main);display: inline-flex; justify-content: center; align-items: center; border-radius: 3px; margin-right: 10px;} .socmed a:hover, .socmed a:focus{color: var(--second);} .footicons img{margin: 0 20px 0 0;} /* move recaptcha badge to left */ .grecaptcha-badge { width: 70px !important; overflow: hidden !important; transition: all 0.3s ease !important; left: 4px !important;} .grecaptcha-badge:hover { width: 256px !important;} /*L*/ @media only screen and (min-width: 992px) { footer { background: url(../images/background_desktop_overlay_nocolor.png) repeat-x center bottom var(--main); padding: 65px var(--Pside); } .ncua{display: flex} .footicons{border: solid 0px fuchsia; white-space: nowrap;} } /** CUSTOM STYLES ******************************************/ .disclaim {font-size: 14px; line-height: 1;} img.rounded{max-width: 100%; border-radius: 30px;} /** MORE UNIVERSAL *******************************************/ * {overflow-wrap: break-word;} hr { border: 0; height: 0; border-top: 1px solid var(--main) } .full {display: none;} a.skipper {line-height: 0; font-size: 0; border: 0; background: transparent;position: absolute; top: 0; left: 0; z-index: 101} a.skipper:focus {border: solid 2px white; color: black; background-color: yellow; line-height: 1; font-size: 18px;} .breaker {clear: both; } img {border: 0px;} .print {display: none;} .flexcenter{display: flex; justify-content: center; align-items: center;} .sideslider table {width: 510px; } .sideslider { overflow: scroll;overflow-y: hidden; -ms-overflow-y: hidden;} .use-mixin { background-color: #007bff; box-shadow: 0 0 1px rgba(0, 123, 255, 0.25); color: #fff; } .message, .success, .error, .warning { border: 1px solid #ccc; padding: 10px; color: #333; } .success { border-color: green; } .error { border-color: red; } .warning { border-color: yellow; } /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { .mobi {display: none;} .full {display: block;} .sideslider table {width: 100%; } } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /*XXL*/ @media only screen and (min-width: 1400px) { .d-xxl-block{display: block !important;} .d-xxl-none{display: none !important;} .d-xxl-flex{display: flex !important;} .col-xxl-1, .col-xxl-2, .col-xxl-3, .col-xxl-4, .col-xxl-5, .col-xxl-6, .col-xxl-7, .col-xxl-8, .col-xxl-9, .col-xxl-10, .col-xxl-11, .col-xxl-12 {position: relative; width: 100%; padding-right: 15px; padding-left: 15px;} .col-xxl-1 {-ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%;} .col-xxl-2 {-ms-flex: 0 0 16.666667%; flex: 0 0 16.666667%; max-width: 16.666667%;} .col-xxl-3 {-ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%;} .col-xxl-4 {-ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%;} .col-xxl-5 {-ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%;} .col-xxl-6 {-ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;} .col-xxl-7 {-ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%;} .col-xxl-8 {-ms-flex: 0 0 66.666667%; flex: 0 0 66.666667%; max-width: 66.666667%;} .col-xxl-9 {-ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%;} .col-xxl-10 {-ms-flex: 0 0 83.333333%; flex: 0 0 83.333333%; max-width: 83.333333%;} .col-xxl-11 {-ms-flex: 0 0 91.666667%; flex: 0 0 91.666667%; max-width: 91.666667%;} .col-xxl-12 {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;} } /******************************/ /* MODULES, BELLS & WHISTLES */ /* ALPHABETIZED */ /******************************/ /** ACCORDION - FAQS, FORMS, & DIVS ************************************************************/ .faq_featured_block{ margin: 20px 0 0 0 !important; display: block} .faq_header{ display: block} .faq_question_block_slide{padding: 10px 0;border-bottom: 0;} .faq_question_block_slide_question{padding: 0; border: solid 0px red} .faq_question_block_slide_answer{padding: 0 20px 10px 20px;} .faq_header{padding-top: 40px;} /* resets */ div.cms_form_collapsible_header{background: none; border-bottom: 0; } article .code_block_center.code_block_accordion_wrap {display: block; padding: 0px; gap: 0px;} article .code_block_box.code_block_accordion, article .code_block_box.code_block_accordion:hover {display: block; max-width:100%; padding: 0px; border: 0; outline: 0; border-radius: 0; box-shadow: none;background-color: transparent} article .code_block_box.code_block_accordion .code_block_indiv_image{display: none;} article .code_block_box.code_block_accordion .code_block_indiv_content{text-align: left} .code_block_accordion{ margin: 0} /* closed Q */ div.cms_form_collapsible_header a:visited, .faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited, div.faq_recent_block .faq_question_block_slide_question_closed a, div.faq_recent_block .faq_question_block_slide_question_closed a:visited, div.faq_featured_block .faq_question_block_slide_question_closed a, div.faq_featured_block .faq_question_block_slide_question_closed a:visited, div.faq_popular_block .faq_question_block_slide_question_closed a, div.faq_popular_block .faq_question_block_slide_question_closed a:visited, div.faq_question_panel .faq_question_block_slide_question_closed a, div.faq_question_panel .faq_question_block_slide_question_closed a:visited, .code_block_accordion div.code_block_indiv_top, .code_block_accordion.open .code_block_accordion div.code_block_indiv_top, div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited {padding: 12px 60px 12px 20px;background-color: white; color: var(--main); display: block; font-size: 20px;position: relative; text-decoration: none; position: relative; margin-top: 1rem;} div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited{margin-top: 20px; width: 100%; text-align: left; border: 0 !important} /* hover Q */ div.cms_form_collapsible_header a:hover, div.cms_form_collapsible_header a:focus, .faq_question_block_slide_question_closed a:hover, .faq_question_block_slide_question_closed a:focus, div.faq_recent_block .faq_question_block_slide_question_closed a:hover, div.faq_recent_block .faq_question_block_slide_question_closed a:focus, .code_block_accordion div.code_block_indiv_top:hover, div.faq_featured_block .faq_question_block_slide_question_closed a:hover, div.faq_featured_block .faq_question_block_slide_question_closed a:focus, div.faq_popular_block .faq_question_block_slide_question_closed a:hover, div.faq_popular_block .faq_question_block_slide_question_closed a:focus, div.faq_question_panel .faq_question_block_slide_question_closed a:hover, div.faq_question_panel .faq_question_block_slide_question_closed a:focus, .code_block_accordion.open .code_block_accordion div.code_block_indiv_top:hover, .code_block_accordion.open .code_block_accordion div.code_block_indiv_top:focus {color: var(--accent); background-color:white;text-decoration: none;} /* open Q */ div.cms_form_collapsible_header.open a, .faq_question_block_slide_question_open a, div.faq_recent_block .faq_question_block_slide_question_open a, .code_block_accordion.open div.code_block_indiv_top, div.faq_featured_block .faq_question_block_slide_question_open a, div.faq_popular_block .faq_question_block_slide_question_open a, div.faq_question_panel .faq_question_block_slide_question_open a, .code_block_accordion.open .code_block_accordion.open div.code_block_indiv_top {background-color: white; color: var(--second); display: block; padding: 12px 60px 12px 20px; text-decoration: none;position: relative; position: relative; } /* chevrovs */ .code_block_accordion div.code_block_indiv_top:after, .code_block_accordion.open div.code_block_indiv_top:after, div.cms_form_collapsible_header a:after, .faq_question_block_slide_question_closed a:after, .faq_question_block_slide_question_open a:after {content: '';} .code_block_accordion div.code_block_indiv_top:before, .code_block_accordion.open div.code_block_indiv_top:before, div.cms_form_collapsible_header a:before, .faq_question_block_slide_question_closed a:before, .faq_question_block_slide_question_open a:before {content: '\2b'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 0; right: 0; padding: 0 20px; display: block; height: 100%; display: flex; justify-content: center; align-items: center; } .code_block_accordion.open div.code_block_indiv_top:before, .code_block_accordion.open .code_block_accordion.open div.code_block_indiv_top:before, div.cms_form_collapsible_header.open a:before, .faq_question_block_slide_question_open a:before {content: '\f068'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; position: absolute; top: 0; right: 0; padding: 0 20px; display: block; height: 100%; display: flex; justify-content: center; align-items: center; } /* contents */ article .code_block_accordion .code_block_indiv_content{padding: 0 20px;} .faq_question_block_slide_answer, article .code_block_accordion .code_block_indiv_content{padding: 20px; border-radius: 0; border: 0; border-top: 0; margin: 0} /*M*/ @media only screen and (min-width: 768px) { div.cms_form_collapsible_header a:visited, .faq_question_block_slide_question_closed a, .faq_question_block_slide_question_closed a:visited, div.faq_recent_block .faq_question_block_slide_question_closed a, div.faq_recent_block .faq_question_block_slide_question_closed a:visited, div.faq_featured_block .faq_question_block_slide_question_closed a, div.faq_featured_block .faq_question_block_slide_question_closed a:visited, div.faq_popular_block .faq_question_block_slide_question_closed a, div.faq_popular_block .faq_question_block_slide_question_closed a:visited, div.faq_question_panel .faq_question_block_slide_question_closed a, div.faq_question_panel .faq_question_block_slide_question_closed a:visited, .code_block_accordion div.code_block_indiv_top, .code_block_accordion.open .code_block_accordion div.code_block_indiv_top, div.cms_form_collapsible_header a, div.cms_form_collapsible_header a:visited, div.cms_form_collapsible_header.open a, .faq_question_block_slide_question_open a, div.faq_recent_block .faq_question_block_slide_question_open a, .code_block_accordion.open div.code_block_indiv_top, div.faq_featured_block .faq_question_block_slide_question_open a, div.faq_popular_block .faq_question_block_slide_question_open a, div.faq_question_panel .faq_question_block_slide_question_open a, .code_block_accordion.open .code_block_accordion.open div.code_block_indiv_top {font-size: 20px;} } /** ALERTS 2.0 ****************************************************/ .alertholder{width: 100%; } .alertbar {padding: 10px 0; width: 100%; } .alertbar.regular{} .alertbar.high{} .alert {width: 96%; max-width: 1160px; margin: 0 auto; padding-right: 40px; position: relative; text-align: left} .alert_icon{} .alert a {} .alert a:hover, .alert a:focus {} button.exed {position: absolute; top: 0px; right: 10px; cursor: pointer; font-size: 20px; text-align: center; display: block; text-decoration: none !important;} button.exed:before {content:"\f057"; font-family: 'Font Awesome 6 Pro';} /** BLOGS ********************************************/ .blog_posted_date {display: block; color: BLACK;} span.blog_tags_tag a{display: inline-block;} .blog_share {position: relative; z-index: 99} .blog_share a { font-size: 32px; margin-left: 20px;} .blog_share ul {list-style: none;} .blog_share ul li{ display: inline-block;} article .blog_share ul li:before { display: none;} .regionbox form input, .regionbox form select {margin: 5px;} .comments_sortbox{margin-top: 1rem; z-index: 10} /* panels */ /* templates/COMMON_JS/enhanced-blog-styles.css */ .blog-grid-wrap{gap: 30px;} .blog-grid-wrap div.blog_entry{} .blog-grid-wrap h2.blog_title a{ display: block;} .blog-grid-wrap h2.blog_title a:hover, .blog-grid-wrap h2.blog_title a:focus{ text-decoration: none;} .blog-grid-wrap .blog-img-container{} .blog-grid-wrap img.blog-image{ } .blog-grid-wrap .blog_entry .blog-img-container img { width: 100%; height: auto; object-fit: fill;} /* match to CTA - use !important*/ .blog-filter a{border: 0; border-radius: 0; background: none; } .blog-filter a button{margin: 0 5px 5px 0; display: inline-block; text-decoration: none; cursor: pointer; line-height: 1; text-align: center; transition: all .25s; border-radius: 0 !important; color: var(--main); background-color: transparent !important; border: solid 1px var(--main) !important; padding: 16px 30px; font-size: 20px; font-weight: 700} .blog-filter a button:hover, .blog-filter a button:focus {text-decoration: underline; color: var(--main); background-color: transparent !important; border: solid 1px var(--main) !important; } .blog-grid-wrap .blog-content p{background-color: blue; text-align: right;} .blog-grid-wrap .blog_posted_date{} .blog-grid-wrap .blog_comments_link_div{} div.blog_entry .blog_share{width: 100%;} /*S*/ @media only screen and (min-width: 576px) { .blog_share { float: right; } .blog_share ul { display: flex; justify-content: flex-end; align-items: center;} } @media (min-width: 768px) { .blog-grid-wrap .blog_entry .blog-img-container img {height: auto;} } @media only screen and (min-width: 992px) { .blog-grid-wrap{gap: 30px; margin-right: -30px;} .blog-grid-wrap div.blog_entry{flex: calc(33.33% - 30px) 0 1;} } @media only screen and (min-width: 1400px) { .blog-grid-wrap{gap: 60px; margin-right: -60px;} .blog-grid-wrap div.blog_entry{flex: calc(33.33% - 60px) 0 1;} } /** CALENDAR *****************************/ .content_calendar_table {border: 0; margin-top: 1rem;} td.content_calendar_table_headercell {background-color: var(--main); color: white; text-align: center; font-weight: bold;} td.content_calendar_table_headercell a { color: white; } td.content_calendar_table_headercell a:hover, td.content_calendar_table_headercell a:focus { color: var(--pale); } td.content_calendar_table_cell { border: solid 1px var(--pale); border-top: 0} tr td.content_calendar_table_cell:last-child { border-bottom: solid 1px var(--main);} td.content_calendar_table_selectedcell { border: solid 1px var(--main); background-color: var(--pale)} /* de-tablize it */ table.content_calendar_table, table.content_calendar_table tbody, table.content_calendar_table thead, table.content_calendar_table tr, table.content_calendar_table tr th, table.content_calendar_table tr td{display: block;} /* remove empty cells */ table.content_calendar_table tr td.empty{display: none;} /* fix the header row */ table.content_calendar_table tr:first-child{border: solid 0px lime; display: flex; width: 100% !important; } table.content_calendar_table tr:first-child td.content_calendar_table_headercell{display: block; width: 33.33%} /* remove the days of the week row */ table.content_calendar_table tr:nth-child(2){position: absolute; top: -9999px; left: -9999px;} /* add days of the week to cells */ table.content_calendar_table tr td:before{content:'Sunday '; display: inline-block; text-align:left; font-weight: 700; position: relative; /*width: 50%;*/ padding-right: 20px; color: var(--main)} table.content_calendar_table tr td:nth-child(2):before{content:'Monday '} table.content_calendar_table tr td:nth-child(3):before{content:'Tuesday '} table.content_calendar_table tr td:nth-child(4):before{content:'Wednesday '} table.content_calendar_table tr td:nth-child(5):before{content:'Thursday '} table.content_calendar_table tr td:nth-child(6):before{content:'Friday '} table.content_calendar_table tr td:last-child:before{content:'Saturday '} table.content_calendar_table tr:first-child td:before{display: none;} /*M*/ @media only screen and (min-width: 768px) { /* re-tableize it */ table.content_calendar_table{display: table;} table.content_calendar_table tbody{display: table-row-group} table.content_calendar_table tr, table.content_calendar_table tr:nth-child(2){display: table-row} table.content_calendar_table tr td, table.content_calendar_table tr td.empty{display: table-cell} table.content_calendar_table tr:first-child{display: table-row} /* fix header row */ table.content_calendar_table tr:first-child td.content_calendar_table_headercell{display: table-cell; width: 14.29%;} table.content_calendar_table tr:first-child td.content_calendar_table_headercell[colspan="5"]{width: 71.42%;} /* remove days of the week from cells */ table.content_calendar_table tr td:before{display: none;} .content_calendar_table {border: solid 1px var(--main); border-collapse: collapse} td.content_calendar_table_cell { border: solid 1px var(--main); } } /** CALCXML ***********************************/ .calcxml_container.container{max-width: 100%;} .calcxml_container .row {margin: 0;} h3[data-toggle="collapse"] {border-bottom: 2px solid #333;} .row.collapsing, .row.collapse.show { border: 2px solid #333; border-top: none;} .calcxml_container h3[data-toggle="collapse"]:after {color: var(--main);} table.tipped_table{ margin: 10px 0; } input.calcxml_submit.btn.btn-lg.btn-block.btn-primary{} input.calcxml_submit.btn.btn-lg.btn-block.btn-primary:hover, input.calcxml_submit.btn.btn-lg.btn-block.btn-primary:focus{} a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary{} a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:hover, a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:focus{} /** DEC TREE ***************************************/ /* use any height less than 1000px - within reason */ .CHboxedup{max-width: 100%; height: auto; z-index: 90; } .CHbox {height: auto; height: auto;border: solid 1px var(--main); border-radius: 10px; padding: 20px 10px 60px 10px; text-align: center;} .cardbennies, .CHAs {max-height: calc(100% - 50px); overflow: auto;} .card img {border: 0 !important} /* to overwrite BS styles for .card */ .CHbox .card {display: block; background-color: transparent; border: none !important;} .CHbox a {} /* match to regular content size */ .CHQ {border-bottom: solid 2px var(--main);}/* matchED to H3 */ .cardname{} /* matchED to H3 */ .CHA {color: var(--main) } /* match to regular content size or not */ .CHA:hover, .startover:hover {color:var(--second); cursor: pointer;} .startover{ font-size: 16px; } .cardbennies { } /* match to regular content size */ /* generic icons for FA 5 */ .CHQ:before {content: '\f059'; font-family: 'Font Awesome 6 Pro'; font-weight: 700; margin-right: 10px; } .CHA:before {content: '\f0a4'; font-family: 'Font Awesome 6 Pro'; font-weight: 300;margin-right: 10px;} .startover:before {content: '\f021'; font-family: 'Font Awesome 6 Pro'; font-weight: 400; margin-right: 10px;} .startover i .fa{display: none;} /* for FA 4 .CHQ:before {content: '\f059'; font-family: 'FontAwesome'; } .CHA:before {content: '\f0a4'; font-family: 'FontAwesome'; } #startover:before {content: '\f021'; font-family: 'FontAwesome'; } */ /** FAQs **********************************************/ .faq_toolbar {padding-bottom: 15px;} .faq_viewed {color: var(--main); font-size: 11px; font-weight: bold;} .faq_search {margin: 20px 0px} .faq_question_block {margin-top: 10px;} .faq_advanced_search_panel {padding: 0px;} .faq_advanced_search_panel table {margin: 20px 0px;} .faq_advanced_search_panel table td {padding: 2px 0px;} .faq_advanced_search_panel i {color: silver;} div.faq_browse input[type=submit] {margin-left: 10px;} .faq_search_form input[type=submit]{margin: 0 10px;} div.faq_advanced_search_panel input[type=text], div.faq_advanced_search_panel textarea{width: 100%;} div.faq_advanced_search_panel input[type=button] {margin-left: 10px;} form.faq_search_form input[type="submit"], div.faq_browse form input[type="submit"]{margin: 10px 0;} /*remove recent, featured, & popular */ /*div.faq_featured_block, div.faq_recent_block, .faq_popular_block{display: none;}*/ /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /** FAQS REGION ***************************************/ ul.region_faq_list li {margin-bottom: 5px;} span.region_faq_header {display: block; margin-bottom: 10px} /** FORMS ************************************************/ /*borders .cms_form_fieldset{border: solid 1px red;} LEGEND.cms_form_legend {border: solid 1px blue; } .cms_form_radio_container, .cms_form_checkbox_container{border: solid 1px green;} .cms_form_item{border: solid 1px orange} .cms_form_object{border: solid 1px cyan} .cms_form_error{} .cms_form_label{border: solid 1px lime} .cms_form_content_block{border: dashed 1px black} FIELDSET.cms_form_fieldset {border: dashed 1px silver} */ form.cms_form_obj, .cms_form_errors{margin: 0 auto;} form .cms_form_object:last-child{float: none;} .visuallyhidden {border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;} .cms_form_item .cms_form_object input[type="text"],.cms_form_item .cms_form_object input[type="number"],.cms_form_item .cms_form_object input[type="password"], .cms_form_item .cms_form_object input[type="email"], .cms_form_item .cms_form_object select, .cms_form_item .cms_form_object textarea, .cms_form_object input[type="tel"]{ border-radius: 10px;border: solid 1px var(--font); width: 100%} .cms_form_item .cms_form_object input[type="submit"]{width: auto;} .cms_form_item { margin: 5px 0} .cms_form_item .cms_form_object select.cms_form_date_month, .cms_form_item .cms_form_object select.cms_form_date_day, .cms_form_item .cms_form_object select.cms_form_date_year{ display: inline; width: 30%} LEGEND.cms_form_legend, .cms_form_radio_container, .cms_form_checkbox_container, .cms_form_object, .cms_form_label, FIELDSET.cms_form_fieldset {width: 100% !important; display: block; float: none;} .cms_form_radio_container label, .cms_form_checkbox_container label{display: inline;} /*M*/ @media only screen and (min-width: 768px) { .cms_form_item {display: flex; flex-wrap: wrap;} .cms_form_object{width: calc(100% - 320px) !important; } .cms_form_label{width: 300px !important; } .cms_form_error{width: 100% !important;} /* inside .cms_form_item */ FIELDSET.cms_form_fieldset{position: relative;display: flex; flex-wrap: wrap; } LEGEND.cms_form_legend{width: 300px !important;float: left; } FIELDSET.cms_form_fieldset .cms_form_object{display: flex; flex-wrap: wrap;justify-content: flex-start; /*width: calc(100% - 320px) !important; position: relative; float: right*/ } .cms_form_radio_container, .cms_form_checkbox_container{ padding-right: 20px; width: auto !important;} } /** LOCATOR 2.5 **************************************************/ button#exedout {display: none;} form#locator fieldset label {display: inline;} button#exedout {display: none;} .legend{ top: -10px;} .boxedsearch, .legend {BACKGROUND-COLOR: var(--pale); } .boxedsearch label, .boxedsearch legend, .legend_label {font-size: 18px; } .boxedsearch h2{padding: 0 0 1rem 0;} .cuname { font-size: 22px;} form#locator fieldset p{display: flex; justify-content: flex-start; } input[type="checkbox"]{margin-right: 5px;} .legend .legend_label:nth-child(2){margin-right: 20px;} /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /** POLLS ****************************************/ .region table td table td {padding: 2px;} .region table td table{margin-bottom: 10px;} .region_poll_table_inner td {padding: 2px;} .region_poll_table_inner {margin-bottom: 10px;} .region_poll_radio_cell input {position: relative; top: 5px;} label.content_poll_option_label{padding-left: 5px;} /** SIDEBAR CONTENT ************************************************/ .code_block{max-width: 100%;} .code_block_top {} .code_block_center {} .code_block_bttm {} .code_block_indiv_content p{margin-top: 0px;} article .code_block_top {} article .code_block_center {} article .code_block_bttm {} article .code_block_indiv_top{} article .code_block_indiv_content{} article .code_block_indiv_bttm{} /*.boxtop, .code_block_indiv_top, .boxbottom, .code_block_indiv_bttm {display: none;}*/ /** SMARTBANNER ********************/ #smartbanner { position:absolute; left:0; top:-82px; border-bottom:1px solid #e8e8e8; width:100%; height:78px; font-family:'Helvetica Neue',sans-serif; background:-webkit-linear-gradient(top, #f4f4f4 0%,#cdcdcd 100%); background-image: -ms-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); background-image: -moz-linear-gradient(top, #F4F4F4 0%, #CDCDCD 100%); box-shadow:0 1px 2px rgba(0,0,0,0.5); z-index:9998; -webkit-font-smoothing:antialiased; overflow:hidden; -webkit-text-size-adjust:none; } #smartbanner, html.sb-animation {-webkit-transition: all .3s ease;} #smartbanner .sb-container { margin: 0 auto; } #smartbanner .sb-close { position:absolute; left:5px; top:5px; display:block; border:2px solid #fff; width:14px; height:14px; font-family:'ArialRoundedMTBold',Arial; font-size:15px; line-height:15px; text-align:center; color:#fff; background:#070707; text-decoration:none; text-shadow:none; border-radius:14px; box-shadow:0 2px 3px rgba(0,0,0,0.4); -webkit-font-smoothing:subpixel-antialiased; } #smartbanner .sb-close:active { font-size:13px; color:#aaa; } #smartbanner .sb-icon { position:absolute; left:30px; top:10px; display:block; width:57px; height:57px; background:rgba(255,255,255,1); background-size:cover; border-radius:10px; box-shadow:0 1px 3px rgba(0,0,0,0.3); } #smartbanner.no-icon .sb-icon { display:none; } #smartbanner .sb-info { position:absolute; left:98px; top:18px; width:44%; font-size:11px; line-height:1.2em; font-weight:bold; color:#6a6a6a; text-shadow:0 1px 0 rgba(255,255,255,0.8); } #smartbanner #smartbanner.no-icon .sb-info { left:34px; } #smartbanner .sb-info strong { display:block; font-size:13px; color:#4d4d4d; line-height: 18px; } #smartbanner .sb-info > span { display:block; } #smartbanner .sb-info em { font-style:normal; text-transform:uppercase; } #smartbanner .sb-button { position:absolute; right:20px; top:24px; border:1px solid #bfbfbf; padding: 0 10px; min-width: 10%; height:24px; font-size:14px; line-height:24px; text-align:center; font-weight:bold; color:#6a6a6a; background:-webkit-linear-gradient(top, #efefef 0%,#dcdcdc 100%); text-transform:uppercase; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,0.8); border-radius:3px; box-shadow:0 1px 0 rgba(255,255,255,0.6),0 1px 0 rgba(255,255,255,0.7) inset; } #smartbanner .sb-button:active, #smartbanner .sb-button:hover { background:-webkit-linear-gradient(top, #dcdcdc 0%,#efefef 100%); } #smartbanner .sb-icon.gloss:after { content:''; position:absolute; left:0; top:-1px; border-top:1px solid rgba(255,255,255,0.8); width:100%; height:50%; background:-webkit-linear-gradient(top, rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%); border-radius:10px 10px 12px 12px; } #smartbanner.android { border-color:#212228; background: #3d3d3d url('/templates/COMMON_JS/dark_background_stripes.gif'); border-top: 5px solid #88B131; box-shadow: none; } #smartbanner.android .sb-close { border:0; width:17px; height:17px; line-height:17px; color:#b1b1b3; background:#1c1e21; text-shadow:0 1px 1px #000; box-shadow:0 1px 2px rgba(0,0,0,0.8) inset,0 1px 1px rgba(255,255,255,0.3); } #smartbanner.android .sb-close:active { color:#eee; } #smartbanner.android .sb-info { color:#ccc; text-shadow:0 1px 2px #000; } #smartbanner.android .sb-info strong { color:#fff; } #smartbanner.android .sb-button { min-width: 12%; border:1px solid #DDDCDC; padding:1px; color:#d1d1d1; background: none; border-radius: 0; box-shadow: none; min-height:28px} #smartbanner.android .sb-button span { text-align: center; display: block; padding: 0 10px; background-color: #42B6C9; background-image: -webkit-gradient(linear,0 0,0 100%,from(#42B6C9),to(#39A9BB)); background-image: -moz-linear-gradient(top,#42B6C9,#39A9BB); text-transform:none; text-shadow:none; box-shadow:none; } #smartbanner.android .sb-button:active, #smartbanner.android .sb-button:hover { background: none; } #smartbanner.android .sb-button:active span, #smartbanner.android .sb-button:hover span { background:#2AC7E1; } #smartbanner.windows .sb-icon { border-radius: 0px; } @media (prefers-reduced-motion: reduce) { *, ::before, ::after { animation-delay: -1ms !important; animation-duration: 1ms !important; animation-iteration-count: 1 !important; *background-attachment: initial !important; scroll-behavior: auto !important; transition-duration: 0s !important; transition-delay: 0s !important; } }