/** DEFINITIONS **************************/ :root { --main: #04519F; /* blue*/ --second: #051A43; /*navy*/ --accent: #0097FD; /* bright blue*/ --pale: #E5F3FC; /**/ --font: #3a4a5c; --grade: linear-gradient(to bottom, rgba(5,26,67,1) 0%,rgba(4,81,159,1) 40%,rgba(4,81,159,1) 60%,rgba(5,26,67,1) 100%); --diag: linear-gradient(135deg, rgba(5,26,67,1) 0%,rgba(4,81,159,1) 100%); --Mtop: 50px; --Pside: 30px; --Ptop: var(--Mtop) var(--Pside) 0 var(--Pside); --Pboth: var(--Mtop) var(--Pside); --maxW: 1160px; --pageW: 2100px; --half: calc(50% - 580px); @media only screen and (min-width: 576px) { --Mtop: 50px; --Pside: 30px; } @media only screen and (min-width: 768px) { --Mtop: 60px; --Pside: 30px; --grade: linear-gradient(to left, rgba(5,26,67,1) 0%,rgba(4,81,159,1) 40%,rgba(4,81,159,1) 60%,rgba(5,26,67,1) 100%); } @media only screen and (min-width: 992px) { --Mtop: 70px; --Pside: 30px; } @media only screen and (min-width: 1200px) { --Mtop: 100px; --Pside: 85px; } } /** UNIVERSAL *************************************/ body {text-align: center; background-color: WHITE; -webkit-text-size-adjust: 100%; padding: 0; margin: 0;} .contentwrapper{width: 100%; max-width: var(--pageW); margin: 0 auto; background-color: var(--pale); position: relative; overflow: hidden; font-weight: 400; color: var(--font);font-family: 'Open Sans', arial, sans-serif; font-size: 16px;} article p{margin: 1rem 0 0 0;} 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%; margin: 0;} a, button.modal_link{ transition: all .25s; font-weight: 700; color: var(--main);text-decoration: underline;} a:hover, a:focus, button.modal_link:focus, button.modal_link:hover {color: var(--second); 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, .cms_form_legend{} button{border: 0; background: transparent;transition: all .25s;text-align: center; padding: 0} .CHbox a, .CHA, .cardbennies{} /* match to regular font size */ strong{font-weight: 800} 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;} .spacer{width: 100%;height: var(--Mtop);} .spacer p{margin: 0; padding: 0} /* .bs-content-row {margin: 0;} .bs-content-row .cms_col:first-child{padding-left: 0} .bs-content-row .cms_col:last-child{padding-right: 0} */ /* diff color bullets article ul li::marker {color: var(--second);} */ /*FA bullets article ul:not(.content_sitemap, .content_faq_list), .LPtext ul {list-style: none; padding: 0 0 0 60px;margin: 0;} article ul:not(.content_sitemap, .content_faq_list) li, .LPtext ul li {position: relative; padding: 1rem 0 0 0} article ul:not(.content_sitemap, .content_faq_list) li:before, .LPtext ul li:before {content: '\f058'; font-family: 'Font Awesome 7 Pro'; font-weight: 400; color: var(--mblue); position: absolute; top: 1rem; left: -30px; } */ /*S*/ @media only screen and (min-width: 576px) { .contentwrapper, input, select, textarea, button, label, .CHbox a, .CHA, .cardbennies, .cms_form_legend{} } /*M*/ @media only screen and (min-width: 768px) { } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /*XXL*/ @media only screen and (min-width: 1400px) { } /** HEADER ***********************************************/ header {width: 100%; z-index: 100; position: relative; background: url(../images/TopWave.png) center top no-repeat; height: 271px; padding: 0 20px} header .liner{height: 160px} header.stuck {position: fixed; top: 0; left: 0; } a.homelink{ height: 100%; margin: 0 auto;} a.homelink img {width: 250px; } /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { a.homelink{position: absolute; top: 0; left: 0} header {padding: 0 40px} } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /*XXL*/ @media only screen and (min-width: 1400px) { } /** page *************************************************/ section.hero{background: var(--grade); margin-top: -110px; padding: 140px 20px 90px 20px; color: white; position: relative; z-index: 10} img.ydy{width: 100%; max-width: 280px;} .capsule{font-size: 18px; padding:10px 20px; margin: 1rem 0; border-radius: 10px; background-color: var(--main); color: white; font-weight: 700; display: inline-block; width: auto;} .hero-wave{background: url(../images/CommunityWave1.png) center center no-repeat; height: 124px; margin: -55px 0 0 0; position: relative; z-index: 99} section.inside{padding: 0 var(--Pside);} article{font-size: 24px; max-width: 640px; line-height: 1.75} .box{border-radius: 30px; padding: 30px; height: 100%;position: relative; font-size: 24px; line-height: 1.75; text-align: left;box-shadow: 4px 4px 12px 0 rgba(4, 81, 159,.1);} .whitebox{background-color: white; border: solid 1.5px #cfe8ef;} .bluebox{background: var(--diag); color: white;} .bluebox h2, .bluebox h3{color: white;} /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { section.hero{ padding: 150px 40px 124px 40px;} article{font-size: 20px; } } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { section.inside{padding: 0;} } /*XXL*/ @media only screen and (min-width: 1400px) { } @media only screen and (min-width: 1750px) { .hero-wave{ margin: -57px 0 0 0; } } /** FOOT ****************************************************/ .footer-wave{background: url(../images/CommunityWave2.png) center center no-repeat; height: 119px; margin: 2rem 0 0 0; } footer {width: 100%; color: var(--second); font-size: 14px;padding: 0 20px 1rem 20px} footer a{ color: var(--font); text-decoration: none; font-weight: 400;} footer a:hover, footer a:focus {color: var(--second); text-decoration: underline;} .socmed{} .socmed a .RLwords {display: none;} .socmed a, .socmed .notalink{ text-decoration: none !important; margin: 0 5px; font-size: 20px;} .socmed a:hover, .socmed a:focus{color: var(--second);} .Fhead{font-size: 20px; color: var(--second); font-weight: 700} .bottomlinks a:after, .bottomlinks .notalink:after{content: "|";display: inline-block; padding: 0 10px;} .bottomlinks a:last-child:after{content: ""; padding: 0;} .ncua{x} .disc{color: var(--main); border-top: solid 1px #cdd7e4;} /*M*/ @media only screen and (min-width: 768px) { footer {padding: 0 40px 1rem 40px} } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /** CUSTOM STYLES ******************************************/ .disclaim {font-size: 14px; line-height: 1.6;} .bluer{color: var(--main);} /** CTA **********************************************/ input[type="submit"], input[type="reset"] {appearance: none;cursor: pointer} a.cta, a.ctaW,button.modal_button {display: inline-flex; justify-content: center; align-items: center;text-decoration: none; border: none;cursor: pointer; line-height: 1; text-align: center; transition: all .25s; border-radius: 0; background-color: var(--main); color: white; padding: 0 30px; height: 57px; font-weight: 800; font-size: 16px; border-radius: 10px; -moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1); margin: 5px;} a.cta:hover, a.cta:focus, a.ctaW:hover,a.ctaW:focus, button.modal_button:hover, button.modal_button:focus {text-decoration: none;background-color: var(--second);-moz-transform: scale(1.025);-webkit-transform: scale(1.025);-o-transform: scale(1.025);-ms-transform: scale(1.025);transform: scale(1.025);} a.ctaW{border: solid 1px var(--main); color: var(--main); background-color: white;} a.ctaW:hover,a.ctaW:focus {border: solid 1px var(--main); color: var(--main); background-color: var(--pale);} .blog-filter a button {background-color: var(--second) !important;} .blog-filter a button:hover, .blog-filter a button:focus {background-color: var(--main) !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; color: white; font-size: 48px; font-weight: 700; text-align: left;} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, h1.faq_question {margin: 0; padding: 33px 0 0 0; font-size: 32px; color: black;font-weight: 800; text-align: center; line-height: 1.3;} 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: 24px; color: black;} 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: 18px; color: var(--font);} h5, .forum_thread_date, .forum_mischeader_title {margin: 0; padding: 1rem 0 0 0;font-size: 16px; font-weight: 700; color: var(--font)} h6 {margin: 0; padding: 1rem 0 0 0;font-size: 16px;font-weight: 400; font-style: italic; color: var(--font)} /*S*/ @media only screen and (min-width: 576px) { h1 {} 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: 30px; } 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 {} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {} } /*M*/ @media only screen and (min-width: 768px) { h1 {} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {} 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 {} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {} h5, .forum_thread_date, .forum_mischeader_title, h6 {font-size: 18px;} } /*L*/ @media only screen and (min-width: 992px) { h1 {} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {} 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 {} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {} } /*XL*/ @media only screen and (min-width: 1200px) { h1 {} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {} 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 {} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {} } /*XXL*/ @media only screen and (min-width: 1400px) { h1 {} h2, .blog_title, .content_blog_header, .category_name, .podcast_list_header, .blog_year, #empapp h1, article.FRC h1, h1.KJEFontTitle, h1.faq_question {} 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 {} h4, .content_rates_table_title, .region_faq_header, .comment_title, .forum_thread_firstpost_replies, .forum_reply_bottom, .branch_name {} } /** 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;} /*S*/ @media only screen and (min-width: 576px) { } /*M*/ @media only screen and (min-width: 768px) { .mobi {display: none;} .full {display: block;} } /*L*/ @media only screen and (min-width: 992px) { } /*XL*/ @media only screen and (min-width: 1200px) { } /******************************/ /* MODULES, BELLS & WHISTLES */ /* ALPHABETIZED */ /******************************/ /** 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 7 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: left;} .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-bs-toggle="collapse"] {border-bottom: 2px solid #333;} .calcxml_container h3[data-bs-toggle="collapse"]:after {color: var(--main);} .row.collapsing, .row.collapse.show { border: 2px solid #333; border-top: none;} table.tipped_table{ margin: 10px 0; } input.calcxml_submit.btn.btn-lg.btn-block.btn-primary{width: 100%} 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{width: 100%} a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:hover, a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary:focus{} /*S*/ @media only screen and (min-width: 576px) { input.calcxml_submit.btn.btn-lg.btn-block.btn-primary, a.calcxml_reset.btn.btn-lg.btn-block.btn-outline-primary{width: 120px;} input[name="postcalc"]{position: relative; float: right;} } /** 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 7 Pro'; font-weight: 700; margin-right: 10px; } .CHA:before {content: '\f0a4'; font-family: 'Font Awesome 7 Pro'; font-weight: 300;margin-right: 10px;} .startover:before {content: '\f021'; font-family: 'Font Awesome 7 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{max-width: 1000px; 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;} .loc_formbox2 { top: 0px;} /*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;} @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; } }