*{margin: 0; box-sizing: border-box; }
html{-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;}
.section{width: 100%;float: left;position: relative;}
.row{width:100%; float: left; position: relative;}
.col-no-pad{padding-left: 0px!important; padding-right: 0px!important;}
.full{width: 100%;}
.right{float: right!important;}
.left{float: left!important;}
.mt{margin-top: 20px;}
.mt-2{margin-top: 2px;}
.mt-10{margin-top: 10px;}
.mb{margin-bottom: 20px;}
.mb-10{margin-bottom: 10px;}
.mb-0{margin-bottom: 0px!important;}
.pd-6{padding:6px;}
.col-pad-4{padding-left: 4px!important; padding-right: 4px!important;}
.flex{display: flex;}
.flex-row{display: flex;flex-direction: row;flex-wrap: wrap; width: 100%; float: left;}
.flex-align-center{align-items:center;}
.align-self-center{align-self: center;}
main.blurred{filter: blur(5px);}
/*Widths*/
.w-100p{width:100%;}
/*END Widths*/
/*@media only screen and (min-width: 768px) {*/
/* .sticky {*/
/* padding-bottom: 68px;*/
/* }*/
/*}*/
/*@media only screen and (min-width: 1024px) {*/
/* .sticky {*/
/* padding-bottom: 20px;*/
/* }*/
/*}*/
.position-fixed {
position: fixed;
right: 50%;
margin-right: -50%;
}
/*Header*/
/* #header{width: 100%;float: left;z-index: 9999;}
#header .logo{float: left; height: 30px;-webkit-transition: height 0.8s;
-moz-transition: height 0.8s;
transition: height 0.8s;}
#header .logo img{height: 100%;}
#header .menu-toggle{float: right;font-size: 30px;padding: 0px 12px;border-radius: 4px;color: white;background-color: #ff2e2e;box-shadow: 0px 0px 4px #919191;-webkit-transition: font-size 0.8s;
-moz-transition: font-size 0.8s;
transition: font-size 0.8s;}
#header #search input:focus {outline:none;}
#header .social .fa-twitter{margin-left: 6px;}
#header nav > ul{padding-left: 0px;}
#header nav ul li{list-style: none;} */
/*main{float:left; width:100%;}*/
#view{width:100%; float: left;}
@media only screen and (max-width: 767px) {
/* #header .container{padding-left: 15px!important; padding-right: 15px!important;}
#mobile-nav-panel{position: fixed; right: 100%;bottom: 0px;width: 80%;background-color: white;border-top: 1px solid #7be6e7;box-shadow: 0px 4px 6px #a5a5a5; z-index: 9999; padding-bottom: 10px; overflow: scroll;}
#mobile-nav-panel #search-container{width: 100%; float: left; padding: 20px 20px 10px 20px;}
#mobile-nav-panel #search{width: 100%;}
#mobile-nav-panel #search form{width: 100%;float: left;}
#mobile-nav-panel #search form input{width: calc(100% - 111px); font-size: 16px;}
#mobile-nav-panel #search form i{font-size: 14px; padding: 13px 4px;}
#mobile-nav-panel #search form button{font-size: 16px;}
#mobile-nav-panel nav{padding: 20px;}
#mobile-nav-panel nav > ul li a{font-size: 22px; font-weight: 900;}
#mobile-nav-panel nav ul li a{float:left; width: 100%; padding: 6px 0px;}
#mobile-nav-panel nav ul li a.btn-article{color: #e91c3c; background-color: transparent; border-bottom: 2px solid #ffa0a0;}
#mobile-nav-panel nav ul li a.btn-resource{color: #204586; background-color: transparent; border-bottom: 2px solid #b4c6e7;}
#mobile-nav-panel nav ul li a.btn-support{color: #404d67; background-color: transparent; border-bottom: 2px solid #c0c5cc;}
#mobile-nav-panel nav ul ul{padding-left: 20px;}
#mobile-nav-panel nav ul ul li:last-of-type a{border-bottom: 0px;}
#mobile-nav-panel nav ul ul li a{font-size: 17px; font-weight: 600;}
#mobile-nav-panel nav .menu-heading{padding-top: 0px;}
#mobile-nav-panel .article-nav-list li a{border-bottom: 2px dashed #ffd0d0;color: #ff4343;}
#mobile-nav-panel .resource-nav-list li a{border-bottom: 2px dashed #c9dbfc;color: #4674c3;}
#mobile-nav-panel .support-nav-list li a{border-bottom: 2px dashed #c0c5cd;color: #4f6797;}
#mobile-nav-panel .social{display: none;} */
/*main{margin-top: 62px;}*/
/* #header.minify{padding:10px 0px;}
#header.minify .menu-toggle{font-size: 26px;}
#header.minify .logo{height: 25px;} */
}
@media only screen and (min-width: 768px) {
/* #mobile-nav-panel{display: block;}
#header .menu-toggle{display:none;}
#header .logo{height: 28px; margin-right: 40px;}
#header nav{float: right; padding-top: 1px; margin-right: 15px;}
#header nav ul li{float: left;}
#header nav ul li a{padding: 6px 16px;margin-right: 10px;float: left;position: relative;font-size: 16px;text-decoration: none;text-transform: uppercase;font-weight: bold;border-radius: 2px; box-shadow: 0px 0px 4px #afafaf;} */
/*main{margin-top: 62px;}*/
}
@media only screen and (min-width: 1024px) {
/* #header nav{padding-top:3px; margin-right: 20px;}
#header nav ul li a{padding: 8px 16px;} */
/*main{margin-top: 90px;}*/
}
@media only screen and (min-width: 1024px) and (max-width: 1100px) {
#header .logo{height: 32px; margin-top: 2px;}
#header .social{margin-left: 20px;}
}
/*End Header*/
/*Intro*/
#intro{width: 100%; float: left; position: relative;}
#intro h1{font-weight: 900; border-bottom: 2px solid #e6e5e5; color: #e91b3c; margin-bottom: 5px;}
#intro h1 span{color:#232c44;}
#intro h2{font-weight: 700; line-height: 1em; color: #404d67; font-size: 28px; margin-top: 5px; margin-bottom: 0px;}
#intro p{margin-bottom: 0px;}
#site-categories .news{width:33%; padding:4px; float: left; position: relative;}
#site-categories .resources{width:66%; padding:4px;float: left; position: relative;}
@media only screen and (max-width: 767px) {
#intro{text-align: center;}
#intro h2{font-size: 22px; margin-bottom: 5px;}
#site-categories .news{width: 100%; padding: 0px; border-bottom: 0px;}
#site-categories .resources{width: 100%; margin-top: 15px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
#site-categories article{padding-left: 8px; padding-right: 8px;}
}
#spotlight{display: none;}
@media only screen and (min-width: 768px){
#intro .h1 {
padding: 20px;
}
#intro .content{padding:20px; padding-top: 0px; padding-bottom:0px;}
#spotlight{width: 100%;padding:1px;float: left;box-shadow:0px 0px 8px #707070; border-radius: 2px;overflow: hidden; display: block;}
#spotlight .card.spotlight{padding: 2px;}
#spotlight .card.spotlight .image{height:170px; padding-bottom: 0px;}
/*#spotlight .primary{border-right: 1px solid black;}*/
#spotlight .primary .card.spotlight .image{height:344px;}
#spotlight .primary .card.spotlight header{font-size: 30px; }
#spotlight .track article:nth-of-type(1){/*border-bottom: 1px solid black;*/}
#spotlight .track article:nth-of-type(3){display: none;}
#spotlight .track article:nth-of-type(4){display: none;}
#spotlight .primary .card.spotlight p{display: none;}
}
@media only screen and (min-width: 1024px){
#spotlight .card.spotlight .image{height:216px;}
#spotlight .primary .card.spotlight .details{padding: 2px;}
#spotlight .primary .card.spotlight .image{height:436px;}
#spotlight .primary .card.spotlight header{font-size: 32px;}
#spotlight .primary .card.spotlight p{display: block;}
#spotlight .track article:nth-of-type(1){border-bottom:0px; /*border-right: 1px solid black; */}
#spotlight .track article:nth-of-type(3){display:block; /*border-right: 1px solid black; border-top: 1px solid black; */}
#spotlight .track article:nth-of-type(4){display:block; /*border-top: 1px solid black; */}
}
/*Old Footer*/
footer{ float: left; position: relative; padding: 40px 0px 0px 0px;}
/* #footer .about{width: 30%; float: left; position: relative;}
#footer .about .logo{width: 100%;}
#footer .about .logo img{width: 100%;}
#footer .about p{color: #ececec; font-weight: 300; font-size: 16px;}
#footer #sitemap{width: 30%; float: left; position: relative;}
#footer #sitemap ul{margin-left: 0px; padding-left: 0px;}
#footer #sitemap li{list-style: none;}
#footer #sitemap li a{text-decoration: none; color: #cfd5de; font-size: 12pt;}
#footer #connect{width: 30%; padding-left:20px; float: left; position: relative;}
#footer #connect #advertise{width: 80%;padding: 8px;float: left;text-align: center;}
#footer #connect #advertise a{color: #458dcc;text-decoration: underline;font-size: 11pt;}
#footer #connect #advertise a:hover{color: #337ab7;}
#footer #connect #newsletter{width:80%; float: left; padding: 10px;background-color: #283656;border: 1px solid #272727;border-radius: 5px;}
#footer #connect #newsletter p{color:#f1f1f1;line-height: 1.2em;font-size: 12pt;}
#footer #connect #newsletter form{margin-top: 10px;}
#footer #connect #newsletter input{width:calc(100% - 50px);font-size: 11pt;padding: 6px 8px;border: 1px solid #272727;border-right: 1px solid #777777;background-color: #f1f1f1;border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
#footer #connect #newsletter #newsletter-form-submit{width:50px;background-color: #15bf15;padding: 4px 14px 6px 14px; font-size: 11pt;color: white;font-size: 12pt;border: 1px solid #272727;border-left: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
#footer #connect #social{width: 20%; padding-left: 10px; float: left;}
#footer #connect #social a{margin-bottom: 10px;}
#footer header{color:#fbfbfb; font-size: 24px; font-weight: 900;}
#footer .copy{font-size: 14px; margin-top: 20px; margin-bottom: 10px;}
@media only screen and (min-width: 320px) and (max-width: 767px) {
#footer .about{width: 100%; float: left; position: relative; padding-right: 20px;}
#footer .about .logo{width: 100%;}
#footer .about .logo img{height: 40px; width: auto;}
#footer .about p{margin-top: 10px;}
#footer #sitemap{width: 100%; padding-left: 0px; margin-top: 10px;}
#footer #connect{width: 100%; margin-top: 15px; padding-left: 0px;}
#footer #connect #advertise{width: 100%;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px){
#header .social{display: none;}
#footer{padding-top: 40px;}
#footer .about{width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #3c4764;}
#footer .about .logo{width: 200px;float: left;}
#footer .about p{width:calc(100% - 200px);float: left; padding-left: 30px;}
#footer #sitemap{width: 38%;}
#footer #sitemap .col-xs-6{padding-left: 0px;}
#footer #connect{width: 40%;}
#footer #connect #social{display: none;}
#footer #connect #newsletter{width: 100%;}
#footer #connect #advertise{width: 100%;}
}
@media only screen and (min-width: 1024px){
#footer .about{padding-right: 20px;}
#footer #sitemap{padding-left: 20px;}
} */ */
/*End Footer*/
/*Forms*/
.form-group{width:100%; float:left; margin:8px 0px;}
.form-group label {
width: 100%;
float: left;
margin-bottom: 4px;
color: #344061;
font-weight: 600;
font-size: 18px;
/*margin-left: 8px;*/
}
.form-group.alt label{
color: gray;
font-weight: 300;
}
.form-group input, .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="password"], .form-group textarea, .form-group select, #card-element{
width: 100%;
float: left;
color: #27293d;
font-size: 18px;
font-weight: 200;
padding: 6px 8px;
background-color: white;
border:1px solid #cdcdcd;
border-left: 6px solid #2597c5;
border-radius: 2px;
-webkit-appearance: none;
}
.form-group.alt input, .form-group.alt input[type="text"], .form-group.alt input[type="email"], .form-group.alt input[type="password"], .form-group.alt textarea, .form-group.alt select, #card-element {
box-shadow: 2px 2px 3px #bdbdbd;
background-color: white;
}
.form-group #card-element{background: transparent;
font-weight: 300;
color: #1E1E1E;
outline: none;
cursor: text;
display: block;
width: 100%;
line-height: 32px;
padding-bottom: 3px;
transition: opacity 200ms ease-in-out;}
.form-group select{height: 36px;}
.form-group .btn{
width: 100%;
padding: 6px;
margin: 8px 0px;
color: #fff;
font-weight: 800;
font-size: 20px;
border: none;
border-radius: 2px;}
.form-group input.error, .form-group input.is-invalid, .form-group input.is_empty, .form-group #card-element.is-invalid, .form-group #card-element.is_empty, .form-group textarea.error, .form-group select.error{border-left:6px solid orange!important;}
.form-group label.error{border-bottom: 2px solid orange!important;}
#card-errors{display:none; font-size: 16px; padding: 10px; background-color: orange; border-radius: 2px; color: white; width: auto; float: left;}
.form-group.label-only label{font-size: 18px;
color: white;
font-weight: 600;
line-height: 35px;
margin-left: 0px;
}
@media only screen and (max-width: 767px) {
.form-group.label-only{margin:8px 0px 0px 0px;}
.form-group.label-only label{line-height: unset; font-size: 16px;}
}
form .message{padding: 20px;}
form .message p{font-size: 21px;font-weight: 600;color: #3d4b54;}
@media only screen and (max-width: 767px){
form .message p{font-size: 18px;}
}
.sidebar{
will-change: min-height;
}
.sidebar__inner{
transform: translate(0, 0); /* For browsers don't support translate3d. */
transform: translate3d(0, 0, 0);
will-change: position, transform;
}
/*Side Panel*/
/*Side Panel*/
#sidePanel{z-index: 9980;}
#sidePanel.active{z-index: 99998;}
#sidePanel.boxed{
background-color: white;
position: fixed;
box-shadow: 0px 0px 4px #96bbdb;
}
#sidePanel .close{display: none;}
#sidePanel .scroll-pane{padding: 4px;}
#sidePanel.boxed .scroll-pane{padding: 0px;}
#sidePanel.boxed .close{display: block; position: absolute; top: 0px; right: 0px; padding: 6px 14px; font-size: 18px; background-color: #b8c3cf; color: white;}
#sidePanel.boxed .close:hover{background-color:#a4b0bd;}
@media only screen and (max-width: 1023px) {
#sidePanel {
position: fixed;
right: 101%;
bottom: 0px;
width: 80%;
background-color: #036AC0;
box-shadow: 0px 4px 6px #a5a5a5;
}
}
@media only screen and (min-width: 767px) {
#sidePanel {width: 280px;}
}
@media only screen and (min-width: 1024px) {
#sidePanel{position:absolute; right:100%;}
#sidePanel .sidePanel-toggle{display: none;}
}
#sidePanel .sidePanel-toggle{
position: fixed;
left: 0px;
bottom: 55px;
width: 100px;
background-color: rgba(255, 46, 45, 0.95);
color: white;
padding: 6px 8px;
font-size: 16px;
line-height: 16px;
font-weight: 700;
border-bottom-right-radius: 4px;
border-top-right-radius: 4px;
box-shadow: 0px 0px 4px #737373;
text-align: center;
}
#sidePanel .sidePanel-toggle i{
float: left;
font-size: 20px;
margin-top: 7px;
}
#sidePanel .scroll-pane{float: left;overflow: auto;height: 100%; width: 100%; float: left;}
#sidePanel .card{box-shadow: 0px 0px 4px #96bbdb; background-color: #eef6ff; border-radius: 2px;}
#sidePanel .card.link-list ul{padding-left: 0px;}
#sidePanel .card.link-list ul li{list-style: none;}
#sidePanel .card.link-list ul li a{width: 100%; float: left; padding: 5px;}
#sidePanel .ToC{display: none;}
.ToC{float:left; width: 100%; background-color: #eef6ff; border-radius: 2px; position: relative; overflow: hidden;}
.ToC header{
float: left;
padding: 6px 8px;
font-size: 18px;
font-weight: 600;
color: #33607e;
background-color: #e0ecf9;
width: 100%;
position: absolute;
}
.ToC .items{padding-left: 8px; padding-bottom: 8px; float: left; width:100%; }
.ToC .items ul{padding-left: 0px; margin-left: 0px; float: left; width: 100%;}
.ToC .items > ul{border-left:1px dashed #a6bbca; float: left;}
.ToC .items ul li{list-style: none; width:100%; float: left;}
.ToC .items ul li .line-container{display: flex; flex-direction: row; width: 100%; float: left;}
.ToC .items ul li.depth-1 .line-container{}
.ToC .items ul li a{padding: 8px 8px; float: left; width:100%; color: #33607e;}
.ToC .items ul li a:hover{color: #387cb9;}
.ToC .items ul li .line{border-bottom: 1px dashed #a6bbc9; float: left; align-self: center; flex-grow: 0; flex-shrink: 0;}
.ToC .items ul li.depth-1 .line{width: 15px; flex-basis:15px;}
.ToC .items ul li.depth-2 .line{width: 30px; flex-basis:30px;}
.ToC .items ul li.depth-3 .line{width: 45px; flex-basis:45px;}
.ToC .items ul li.depth-2{background-color:#f3f9ff;}
.ToC .items ul li a.depth-1{font-weight:400; font-size:16px; padding:6px 8px;}
.ToC .items ul li a.depth-2{font-weight:400; font-size: 16px; padding:6px 8px;}
.ToC .items ul li a.depth-3{font-weight:400; font-size: 16px; padding:6px 8px;}
@media only screen and (max-width: 1023px) {
.ToC header{font-size: 20px;}
}
@media only screen and (min-width: 1400px) {
.ToC.boxed{box-shadow: 0px 0px 6px #c6c6c6;}
}
/*END Side Panel*/
/*Heading*/
.heading p{width: auto;}
.heading.with-border{padding-bottom:8px; border-bottom:2px dashed #ececec; margin-bottom: 20px;}
.heading.with-margin{margin-bottom: 12px;}
.heading.with-link a{float: right; display: none;}
.heading.with-link h1, .heading.with-link h2, .heading.with-link h3{display: inline-block;}
.heading.with-link.with-content p a{margin-top: 0px;}
.heading.with-select h2{display: inline-block;}
.heading.with-select h3{display: inline-block;}
.heading.with-select select{float: right;}
.heading.with-spotlight{border-left: 4px solid red; padding-left: 10px;}
.heading.with-content p{font-weight: 400; font-size: 18px;}
.heading.with-subheading p:first-of-type{font-weight: 700;color: #174b86; margin-bottom: 8px; font-size: 20px;}
.heading h1, .heading h2, .heading h3, .heading h4{margin-bottom: 0px;}
@media only screen and (min-width: 768px) {
.heading.with-no-margin{margin-bottom: 20px;}
.heading.with-content p{font-size: 19px;}
/*.heading.with-subheading p:first-of-type{font-size: 21px;}*/
.heading.with-link a{display: inline-block; margin-top: 4px;}
}
@media only screen and (min-width: 1024px) {
.heading.with-link a{margin-top: 10px;}
.heading.with-content p{font-size: 21px;}
}
.heading.with-content p.subheading{font-weight: 700;}
.heading.with-content p.subheading.green{color: #15bf15;}
.heading.with-content p.subheading.purple{color:#036;}
/*End Heading*/
/* Item Non-Card Based */
.item header{font-size: 21px; margin-bottom: 6px; font-weight: 700;}
.item nav.mobile-nav a{font-size: 16px;}
.item nav.mobile-nav a i{display: inline-block; margin-left: 6px;}
.item .hover-button, .item .link{border-bottom: 1px solid #4d8ac0;font-size: 16px;}
.item .link {float: right;position: relative;top: unset;right: unset;opacity: 1;margin-bottom: 15px;}
article.item{padding-bottom: 10px; margin-bottom: 10px;}
article.item p{margin-bottom: 2px;}
@media only screen and (min-width: 768px) {
.item header{font-size: 26px;}
.item .hover-button, .item .link{opacity: 0.6; transition: opacity 0.3s ease; font-size: 17px;}
.item:hover .hover-button{opacity: 1;}
#glossary .item .hover-button, #glossary .item .link{position: absolute;top: 5px;right: 10px;}
}
/* END Item - Non-Card Based */
/*Jump*/
.jump-description{text-align: center;font-weight: 600;font-size: 16px;color: #9e9e9e;}
.jump-description i{margin-right: 6px;}
ul.jump li{margin-bottom: 4px;}
ul.jump li a{font-weight: bold; text-decoration: none;}
ul.jump li a i{width: 22px; text-align: center;}
ul.jump.with-cards{padding-left: 0px;}
ul.jump.with-cards li{padding: 8px; float: left;}
ul.jump.with-cards li a{padding: 14px 10px; width: 100%; display: block; border-radius: 4px; color: white; text-align: center; box-shadow: 1px 1px 4px #8e8e8e; background-color: #086fc7;}
ul.jump.with-cards li a:hover{background-color: #1b8ef0;}
ul.jump.with-cards li a i{
font-size: 32px;
width: 100%;
float: left;
margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
ul.jump.with-cards.with-min-height li a{min-height: 108px;}
ul.jump.with-cards li a{font-size: 18px;}
.jump .jump-description{padding: 30px 10px!important;}
}
@media only screen and (min-width: 768px) {
ul.jump.with-cards.with-min-height li a{min-height: 132px;}
ul.jump.with-cards li a i{
font-size: 52px;
}
}
/*END Jump*/
img.lazy{max-width:125px!important; min-width:auto!important; min-height: auto!important;}
/* Card/Previews */
.meta .item i{margin-right: 6px;}
.cards.no-caption .caption{display: none;}
.cards.with-margin article{margin-bottom: 10px;}
.cards.with-margin article:last-of-type{margin-bottom: 0px;}
.card header a{color: inherit;}
.card{
width: 100%;
float: left;
position: relative;
background-color: white;
box-shadow: 0 4px 34px 0 rgba(93,100,148,.2);
border-radius: 2px;
overflow: hidden;
}
a.card{color: initial;}
a.card:hover{box-shadow: 1px 1px 4px #a7d1f6; color: initial;}
.card .image{width: 100%; position: relative; float: right; overflow: hidden;}
.card .image img {
min-width: 100%;
max-width: unset;
min-height: unset;
max-height: 100%;
margin: auto;
position: absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
}
.card .image a i{margin-left: 15px; margin-top: 3px;}
.card .meta .item{font-size: 13px;float: left;}
/*.card.spotlight .image .overlay{width:100%; position:absolute; top: 0px; left: 0px; height: 100%; background: linear-gradient(0deg, rgba(2,0,36,0.657076) 0%, rgba(0,0,0,0.362359943977591) 35%, rgba(0, 0, 0, 0.09287464985994398) 100%);}*/
/*.card.spotlight .body{*/
/* width: 100%;*/
/* position: absolute;*/
/* bottom: 0px;*/
/* left: 0px;*/
/* padding: 10px;*/
/*}*/
/*.card.spotlight .body header{position: relative;}*/
/*.card.spotlight .body header a{*/
/* width: 100%;*/
/* font-size: 24px;*/
/* font-weight: 700;*/
/* line-height: 1.2em;*/
/* padding: 0px 8px 5px 8px;*/
/* color: white;*/
/* text-shadow: 1px 1px 1px black;*/
/* position: absolute;*/
/* bottom: 0px;*/
/* left: 0px;*/
/*}*/
/*.card.spotlight .meta{width: 100%;float: left; color: white; text-shadow: 1px 1px 1px black; position: relative;}*/
/*.card.spotlight .meta .item{color: white;font-weight: 600;background-color: rgba(79, 79, 115, 0.7490196078431373);margin: 2px;border-radius: 3px;padding: 2px 4px;box-shadow: 1px 1px 4px #0000008a;}*/
@media only screen and (max-width: 767px) {
.card.guide{background-color: #204586;}
.card.guide .image{width:125px; height:100px; float:left; padding-bottom: 0px;}
.card.guide .image img{max-width: unset;}
.card.guide .details .title{color:white; width:calc(100% - 130px); float:left; font-size: 22px;font-weight: 700;padding: 10px 10px; background-color: transparent!important;}
.card.guide .details .description{width: 100%; float: left; background-color: white;}
.card.guide .details .description p{color: #586278; padding: 0px 10px 10px 10px;}
.card.guide .details .description a.btn{margin: 0px 10px 10px 0px;}
.card.guide .details section header{font-size: 18px; font-weight: 700; color: #404d67; padding: 2px 8px; background-color: #344061;display: inline-block;color: white;margin: 10px;}
.card.guide .details .sections{width:100%; float: left; background-color: white;}
.card.guide .details .sections .more{font-size: 16px; color: gray;}
.card.guide .details .sections ul{padding-left: 10px; margin-top: 4px;}
.card.guide .details .sections ul li{border-left: 3px solid #c8c8d7;list-style: none;padding: 0px 5px 5px 8px;margin-bottom: 5px;}
.card.guide .details .sections ul li a{font-size: 19px; font-weight: 600; border-bottom: 1px solid lightgrey;}
}
@media only screen and (min-width: 768px) {
/*TODO:Refactor code from mobile version above*/
.card.guide{display: flex;}
.card.guide .image{max-width:200px; float:left; padding-bottom: 0px; border-right: 1px solid #c8c8d7;}
.card.guide .image img{max-width: unset;}
.card.guide .details .title{color: #204586;
font-size: 24px;
font-weight: 700;
background-color: #fafcff;
padding: 6px 10px;
border-bottom: 2px solid #ececec;}
.card.guide .details .description{width: 50%; float: left;}
.card.guide .details .description p{color: #586278; padding: 0px 10px 10px 10px;}
.card.guide .details .description a.btn{margin: 0px 10px 10px 0px;}
.card.guide .details section header{font-size: 18px; font-weight: 700; color: #404d67; padding: 2px 8px; background-color: #344061;display: inline-block;color: white;margin: 10px;}
.card.guide .details .sections{width:50%; float: left;}
.card.guide .details .sections .more{font-size: 16px; color: gray;}
.card.guide .details .sections ul{padding-left: 10px; margin-top: 4px;}
.card.guide .details .sections ul li{border-left: 3px solid #c8c8d7;list-style: none;padding: 0px 5px 5px 8px;margin-bottom: 5px;}
.card.guide .details .sections ul li a{font-size: 19px; font-weight: 600; border-bottom: 1px solid lightgrey;}
}
.card.article.author .details p{font-size:15px;}
.card.article .image .overlay{width: 100%; height: 100%; position: absolute; background: linear-gradient(0deg, rgba(2,0,36,0.657076) 0%, rgba(0,0,0,0.362359943977591) 35%, rgba(0, 0, 0, 0.09287464985994398) 100%);}
.card.article .image:hover .overlay{opacity: 0.75;}
.card.article .image .meta{position: absolute;bottom: 5px;right: 10px;}
.card.article .image .meta .item{color: white; font-weight: 600; font-size: 13px;}
.card.article .image .meta .item.with-link{font-weight: 700;}
.card.article .image .tags{position: absolute; top: 0px; left: 0px; padding: 6px;}
.card.article .image .tags .tag{font-size: 13px;}
.card.article header{font-size: 19px; font-weight: 700; color: #344061; padding: 10px; float: left; width: 100%;}
.card.article .details .tags{width: 100%; float: left; padding: 5px 5px 0px 5px;}
.card.article .details .tags .tag{margin:5px;}
.card.article .details p{float:left; padding:0px 10px; font-size: 17px;}
.card.article .details .meta{width: 100%; float: left; padding: 5px;}
.card.article .details .meta .item{margin: 3px 5px; color: #6f818a; font-weight: 600; font-size: 14px;}
.card.article .details .meta .item.with-link{font-weight: 700;}
.card.article .details .meta .item:last-of-type{margin-right: 0px;}
.card.article .category{position: absolute;bottom: 0px;left: 0px;margin-bottom: 0px; font-size: 14px; padding: 4px 12px;}
.card.article .category i{margin-left: 0px;}
.card.article.horizontal{display: flex; flex-direction: row;}
.card.article.horizontal .image{width: 40%; padding-bottom: 0px; min-height: 100px; max-width: 250px;}
.card.article.horizontal .category{position: absolute;top: 0px; bottom:auto; left: 0px;margin-bottom: 0px; font-size: 14px; padding: 2px 4px;}
.card.article.horizontal .details{width: 100%; float: left;}
.card.article.horizontal .details header{padding-top: 0px; padding-bottom: 5px;}
.card.article.with-no-caption .details p{display: none;}
.card.article.with-no-caption .details .meta{padding-top: 0px;}
@media only screen and (max-width: 767px) {
.card.article{display: flex; flex-direction: row;}
.card.article .image{width: 40%; padding-bottom: 0px;}
.card.article .image img{max-width: unset;}
.card.article .details{width: 60%; float: left;}
.card.article .details header{font-size:18px; padding-bottom: 4px;}
.card.article .details p{font-size:16px; display: none;}
.card.article .details .meta{padding-top: 0px;}
.card.article .details .meta .item{font-size: 12px;}
.card.article .details .tags{display: none;}
.card.article .category{position: absolute;top: 0px; bottom:auto; left: 0px;margin-bottom: 0px; font-size: 14px; padding: 2px 4px;}
.card.article .image .meta{position: absolute;bottom: 2px;right: 6px;}
.card.article .image .meta .item{font-size: 12px;}
.card.article .image .tags{padding: 4px; display: none;}
.card.article .image .tags .tag{font-size: 12px;}
.card.article.xs-with-no-caption .details p{display: none;}
.card.article.xs-with-no-caption .details .meta{padding-top: 0px;}
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
.card.article.sm-horizontal{display: flex; flex-direction: row;}
.card.article.sm-horizontal .image{width: 40%; padding-bottom: 0px; min-height: 100px; max-width: 250px;}
.card.article.sm-horizontal .category{position: absolute;top: 0px; bottom:auto; left: 0px;margin-bottom: 0px; font-size: 14px; padding: 2px 4px;}
.card.article.sm-horizontal .details{width: 100%; float: left;}
.card.article.sm-horizontal .details header{padding-top:0px;padding-bottom: 5px;}
.card.article .details p{font-size: 17px;}
.card.article .details header{font-size:19px; padding-bottom: 6px;}
/*.card.article.horizontal .details p, .card.article.sm-horizontal .details p{display: none;}*/
.card.article.horizontal .details .meta, .card.article.sm-horizontal .details .meta{padding-top: 0px;}
.card.article .details .meta .item{font-size: 13px;}
.card.article .category{font-size: 13px; padding: 3px 7px;}
.card.article .image .meta{position: absolute;bottom: 3px;right: 7px;}
.card.article .image .meta .item{font-size: 13px;}
.card.article .image .tags{padding: 5px;}
.card.article .image .tags .tag{font-size: 13px;}
.card.article.sm-with-no-caption .details p{display: none;}
.card.article.sm-with-no-caption .details .meta{padding-top: 0px;}
}
.card.spotlight{box-shadow: none; border-radius: 0px;}
.card.spotlight .image .overlay{width: 100%; height: 100%; position: absolute; background: linear-gradient(0deg, rgba(2,0,36,0.657076) 0%, rgba(0,0,0,0.362359943977591) 35%, rgba(0, 0, 0, 0.09287464985994398) 100%);}
.card.spotlight .details{position: absolute; bottom: 0px; left: 0px;}
.card.spotlight .tags{width:100%; float: left; padding: 0px 10px;}
.card.spotlight header{width:100%; float: left; font-size: 24px;color: white;font-weight: 700; text-shadow: 1px 1px black; padding: 0px 10px 10px 10px; line-height: 1.1em;}
.card.spotlight p{width:100%; float:left; font-size: 19px;color: white;font-weight: 400; padding: 8px 10px 12px 10px; background: linear-gradient(0deg, rgba(2,0,36,0.657076) 0%, rgba(0,0,0,0.362359943977591) 35%, rgba(0, 0, 0, 0.09287464985994398) 100%);}
.card.spotlight .meta .item{color: white; margin-right: 8px;}
.card.spotlight .category{position:absolute; top:10px; left: 10px;}
.card.facility .image{width: 100%;float: left;}
.card.facility .image img{width: 100%;}
.card.facility header{font-size:24px; margin-top: 5px; letter-spacing: -0.01em;font-weight: 900;color: #327ab7; margin-bottom: 4px;}
.card.facility p{font-weight: 100;}
.card.facility p:last-of-type{margin-top: 8px;}
.card.facility ul{padding-left: 20px; font-weight: 100;}
.card.facility ul li{list-style: none;}
.card.facility ul li:before {
content: "\f00c";
font-weight: bold;
margin-right: 0.5em;
color: #00ff42;
font-family: "Font Awesome 5 Pro";
display: inline-block;}
@media (max-width: 767px) {
.card.facility header{margin-left: 8px;}
.card.facility ul{padding-left: 0px;}
}
@media (min-width: 768px) and (max-width: 1023px){
.card.facility ul{font-size: 16px;}
}
@media only screen and (min-width: 768px) {
.card.facility .image{border-right: 1px solid #e6e6e6;}
}
.card.with-icon{display: flex;}
.card.with-icon:hover .icon{min-width: 52px;}
.card.with-icon .icon{min-width:55px; display: flex; align-items: center;justify-content: center;text-align:center;vertical-align: middle; transition: min-width 0.5s ease;color: white; font-size: 28px; font-weight: 700;}
.card.with-icon .details{padding: 6px 8px;}
.card.with-icon header{font-size: 18px; font-weight: 700;}
.card.with-icon header i{display: none;}
.card.with-icon.with-content header{border-bottom: 2px solid #f1f1f1; margin-bottom: 2px;}
.card.with-icon.with-content p{font-size: 15px;}
.card.with-icon.with-content .link{font-size: 16px;}
.card.with-icon.with-content .link i{color: #4887bf;font-size: 14px;margin-left: 2px;}
@media (max-width: 767px){
nav.cards article.col-xs-6{padding-left: 5px; padding-right: 5px;}
.col-xs-6 .card.with-icon .icon{display:none!important;}
.col-xs-6 .card.with-icon header i{display: inline-block;}
.card.with-icon.with-content .link i{font-size: 12px;}
}
@media (min-width: 768px){
.card.with-icon header{font-size: 21px;}
.card.with-icon header i{display: none;}
.card.with-icon .icon{display: flex;}
.card.with-icon.with-content p{font-size: 16px;}
.card.with-icon.with-content .link{font-size: 17px;}
.card.with-icon.with-content .link i{color: #4887bf;font-size: 14px;}
}
@media (min-width: 1024px){
.card.with-icon.with-content p{font-size: 17px;}
}
.card.insurer .details{align-self: center; border-left: 1px solid #e6e6e6;}
.card.insurer header{font-size: 24px;font-weight: 700;}
.card.insurer .products{border-top: 1px solid #e6e6e6; padding-top: 6px;}
.card.insurer .products header{font-size: 16px; font-weight: 700;}
.card.insurer .products header i{display: inline;margin-top: 3px;float: left;margin-right: 6px;}
.card.insurer .products ul{padding-top: 3px; padding-bottom: 3px;}
.card.insurer .products ul li{margin-bottom: 4px;}
.card.insurer .products ul li i{margin-right: 4px; color: #5771a4;}
.card.insurer .details .stats .stat{float: left; margin-right: 10px; font-size: 16px;}
.card.insurer .details .stats .stat span{font-weight: 600;}
.card.insurer nav{display: none;}
@media only screen and (max-width: 767px) {
.card.insurer header{font-size: 19px;}
.card.insurer .image{height: 100%; min-height: 60px;}
.card.insurer .image img{width: 100%;}
.card.insurer .products header{color: #475962;}
.card.insurer .products{display: none;}
.card.insurer .details .stats{display: none;}
.card.insurer nav{display: block;}
.card.insurer nav .btn{font-size: 14px; padding: 4px 6px; color: white; border:none; margin: 0; border-radius: 0px;}
.card.insurer nav .btn.with-icon-right{float: right;}
.card.insurer nav .btn.with-icon i{margin-right: 6px;}
.card.insurer nav .btn.with-icon-right i{margin-left: 6px;}
.card.insurer nav .btn.toggle-products{width: calc(100% - 190px); text-align: left; background-color: azure; color: #51626a;}
.card.insurer nav .btn.compare{width: 100px;}
.card.insurer nav .btn.learn{width: 90px;}
}
@media only screen and (max-width: 374px) {
.card.insurer nav .btn.with-icon-right i{display: none;}
}
@media only screen and (max-width: 767px) {
.cards.xs-with-margin article{margin-bottom: 15px;}
.card .image {
height: auto;
padding-bottom: 65%;
}
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
.card.insurer .details{width: 350px;}
}
@media only screen and (min-width: 768px) {
.cards.with-margin article{margin-bottom: 15px;}
.card .image {
height: auto;
padding-bottom: 65%;
}
.card .image img{
min-width: 100%;
min-height: 100%;
max-height: 100%;
max-width: 100%;
margin: auto;
position: absolute;
left: -100%;
right: -100%;
top: -100%;
bottom: -100%;
}
.card .image.portrait img {
max-width: unset;
max-height: 100%;
}
.card .image.landscape img {
max-width: 100%;
max-height: unset;
}
.card.insurer .products{padding-top: 10px; padding-bottom: 6px;}
}
@media only screen and (min-width: 1024px) {
.cards.with-margin article{margin-bottom: 20px;}
}
.card.info{border-radius: 6px;}
.card.info .header{padding: 10px 10px 5px 10px; display: flex; justify-content: space-between;}
.card.info .header header{font-size: 20px; font-weight: 700; color: #344061;}
.card.info .header.with-border{border-bottom: 1px solid #e4e3e3;padding-bottom: 5px;margin-bottom: 4px;}
.card.info .header .number{background-color: #204585;width: 40px;height: 40px;color: white;font-size: 30px;font-weight: 700;text-align: center;border-radius: 50%;}
.card.info .details p{padding: 0px 10px 10px 10px; font-size: 16px;}
.card.info small{font-size: 14px; color: #6f8089;}
.card.info table th, .card.info table td{text-align: center; font-size: 16px;}
.card.info table td:first-of-type, .card.info table th:first-of-type{border-left: 0px;}
.card.info table td:last-of-type, .card.info table th:last-of-type{border-right: 0px;}
.card.info table tr:last-of-type td{border-bottom: 0px;}
.card.info table th{font-size: 16px;}
.card.info table td{font-weight: 300;}
.site-preview-container{
background-color: white;
padding: 20px;
border-radius: 16px;
border: 1px solid #e7e7e7;
box-shadow: 0 4px 34px 0 rgba(93,100,148,.2);
}
.site-preview-inner{
border-radius: 14px;
border: 1px solid #f1f1f1;
width: 100%;
position: relative;
display: inline-block;
overflow: hidden;
}
.site-preview-inner .overlay{
position: relative;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.site-preview-inner .label {
position: absolute;
background-color: red;
height: 40px;
padding-left: 30px;
padding-right: 15px;
border-radius: 6px;
box-shadow: 0 4px 34px 0 rgb(255 255 255 / 47%);
}
.site-preview-inner .label.alt{
padding-left: 15px;
padding-right: 30px;
}
.site-preview-inner .label .number{
position: absolute;
left: -20px;
background-color: #204585;
width: 40px;
height: 40px;
color: white;
font-size: 30px;
font-weight: 700;
text-align: center;
border-radius: 50%;
box-shadow: 0 4px 34px 0 rgba(93,100,148,.4);
}
.site-preview-inner .label.alt .number{
left: auto;
right: -20px;
}
.site-preview-inner .label .name{color: white; font-weight: 700; font-size: 16px; line-height: 1em; padding: 2px 0px;}
.site-preview-inner .label .name small{display:block; font-weight: 300;}
.site-preview-inner .label.i-1{
left: 55%;
top: 8%;
}
.site-preview-inner .label.i-2{
left: 1%;
top: 52%;
}
.site-preview-inner .label.i-3{
left: 72%;
top: 62%;
}
.site-preview-inner .label.i-4{
left: 42%;
top: 86%;
}
/*Article Page Object*/
#article header h1{width: 100%;float: left;}
#article header .meta{width: 100%; float: left;}
#article header .meta .item{color: #6f818a; font-weight: 700; font-size: 16px; float: left; margin: 6px 10px 6px 0px; padding: 0px 6px 0px 0px;}
#article header .meta .item:last-of-type{margin-right: 0px;}
@media only screen and (max-width: 767px) {
#article header .meta .item {
color: #6f818a;
font-weight: 700;
font-size: 14px;
float: left;
margin: 4px 10px 4px 0px;
padding: 0px 6px 0px 0px;
}
}
@media only screen and (min-width: 768px) {
#article header .meta{margin-bottom: 10px;}
}
#article .revised-date, #guide .revised-date{
float: left;
padding: 4px 12px;
background-color: #fbfcff;
border-radius: 4px;
color: white;
border: 1px solid #f0f1f1;
box-shadow: 0px 0px 4px #cfcfcf82;
background-color: #fe6868;
}
#article .revised-date i, #guide .revised-date i{font-size: 16px; margin-right: 10px;}
#article .revised-date .title, #guide .revised-date .title{font-weight: 700;font-size: 16px; margin-right: 8px;}
#article .revised-date .date, #guide .revised-date .date{font-size: 16px;}
#article #author-detail{border: 1px solid #ececec; padding: 10px; background-color: #f4faff;}
#article #author-detail header h2{font-size: 22px;}
#article #author-detail p{margin-bottom: 0px; font-size: 16px;}
#article #author-detail .contacts .item{font-size: 14px;}
#article #author-detail .contacts .item{font-weight: 600; color: #495a86;}
@media only screen and (min-width: 768px) {
#article #author-detail header h2{font-size: 24px;}
#article #author-detail p{font-size: 17px;}
#article #author-detail .contacts .item{font-size: 16px;}
}
@media only screen and (min-width: 1024px) {
#article #author-detail header h2{font-size: 26px;}
#article #author-detail p{font-size: 18px;}
}
#article #editor-note{border-left: 3px solid #ff456b; padding-left: 15px;}
#article #editor-note header h2{float: left; background-color: #ff3938; color: white; padding: 2px 10px;}
@media only screen and (min-width: 768px) {
#article #editor-note header h2{font-size: 26px;}
}
@media only screen and (min-width: 1024px) {
#article #editor-note header h2{font-size: 28px;}
}
.image.circle{
width: 100%;
border-radius: 50%;
overflow: hidden;
display: grid;
}
.image.circle img{width: 100%;}
#contributor.ofArticle{
width: 100%;
float: left;
position: relative;
padding-top: 10px;
box-shadow: 1px 1px 8px #d1d1d1;
border-radius: 2px;
overflow: hidden;
}
#contributor.ofArticle .image-container {
width: 100%;
float: left;
}
#contributor.ofArticle .image-container .image {
width: 100%;
border-radius: 50%;
overflow: hidden;
display: grid;
}
#contributor.ofArticle .name {
width:100%;
float:left;
padding-top: 10px;
font-size: 19px;
}
#contributor.ofArticle .tagline .content p{margin-bottom: 0px; font-size: 20px;}
#contributor.ofArticle .details header {
width:100%;
float:left;
margin-top: 10px;
color: #344061;
font-size: 21px;
margin-bottom: 4px;
letter-spacing: -0.01em;
font-weight: 900;
}
#contributor.ofArticle .details .content p{margin-bottom: 10px; font-size: 18px; line-height: 1.3em;}
#contributor.ofArticle .details .content {
margin-top: 18px;
background-color: #f4faff;
border-top: 1px solid #eeeeee;
text-align: left;
}
@media only screen and (max-width: 767px) {
#contributor.ofArticle .tagline .content{text-align: center;}
#contributor.ofArticle .tagline .content p{line-height: 1.3em;}
}
@media only screen and (min-width: 768px) {
#contributor.ofArticle {
text-align: center;
}
#contributor.ofArticle .image-container {
padding: 0px 20px;
}
#contributor.ofArticle .image-container .image {
margin-bottom: 8px;
}
#contributor.ofArticle .image-container .image img {
width: 100%;
}
#contributor.ofArticle .name {
font-size: 21px;
}
#contributor.ofArticle .tagline .content p{
font-size: 20px;
}
#contributor.ofArticle .date {
font-size:16px;
margin-top: 6px;
}
#contributor.ofArticle .date span{font-size: 14px;}
#contributor.ofArticle .details header {
/*font-size: 28px;*/
}
}
#contributor .contributorSince span{font-weight: bold;}
/*END Page Object Meta*/
/*FAQ*/
#faq .card header{font-size: 18px;}
@media only screen and (min-width: 768px) {
#faq .card header{font-size: 20px;}
}
/*END FAQ*/
/*Tags*/
.tag{color: white;padding: 2px 6px; font-weight: bold; text-transform: uppercase;margin-right: 10px;margin-bottom: 5px;font-size: 13px;float: left;border-radius: 2px; text-decoration: none;}
a.tag{color: white!important;}
a.tag :hover{color: white!important;}
.tag a{color: white!important;}
.tag a:hover{color: white!important;}
ul.tags{margin-left: 0px; padding: 0px; text-align: center;}
ul.tags li{list-style: none;}
ul.tags li{display: inline-block; float: none!important; text-align: center; padding: 4px 10px!important;}
ul.tags.even-margin .tag{margin-left:4px; margin-right: 4px;}
ul.tags li.active{opacity: 1;}
ul.tags li.active:hover{opacity: 0.4;}
ul.tags li.inactive{opacity: 0.4}
ul.tags li.inactive:hover{opacity: 1;}
.tag-irs-and-taxes{background-color:#616161;}
.tag-alzheimers{background-color:purple;}
.tag-dementia{background-color:#30648d;}
.tag-parkinsons{background-color:#0B554E}
.tag-nursing-homes{background-color:#dc7200;}
.tag-insurance-agents{background-color:#1342ba;}
.tag-long-term-care-insurance{background-color:#1342ba;}
.tag-studies{background-color:#dc7200;}
.tag-tips{background-color:#121266;}
.tag-home-care{background-color:#616161;}
.tag-long-term-care{background-color: #465FA9;}
.tag-health-and-wellness{background-color: #BA0104;}
.tag-news{background-color: #fe0033;}
.tag-quick-read{background-color: #fe0033;}
.tag-column{background-color: #fe0033;}
.tag-resource{background-color:#204586;}
.tag-state{background-color:#8e2476; }
.tag-people-and-celeberties{background-color: #fe0033;}
.tag-pets-and-service-animals{background-color: #616161;}
.tag-covid-19{background-color: #008000;}
.tag-sponsored{background-color: #fe6868;}
.category-resources{background-color: #232c45;}
.category-news{background-color: #e91c3c;}
.category-news:hover{background-color: #ff0000}
.category-industry{background-color: #e91c3c;}
.category-industry:hover{background-color: #ff0000}
.category-quick-read{background-color: #e91c3c;}
.category-quick-read:hover{background-color: #ff0000;}
.category-column{background-color: #e91c3c;}
.category-column:hover{background-color: #ff0000;}
.category-video{background-color: #204586;}
.category-video:hover{background-color: mediumpurple;}
/*End Tags*/
/*Tables*/
/*table{background-color: white; border-collapse: collapse; width: 100%;}*/
/*table td, table th{border:1px solid #e4e3e3; font-weight: 600; font-size: 18px; padding: 8px 6px; color: #586479; line-height: 1.1em; vertical-align: middle;}*/
/*table tr:nth-child(even) td{background-color:#fafafa;}*/
.rm-top-left-cell{background-color: #fdfdfd; border-left:none; border-top: none;}
table .head{font-weight: bold;font-size: 20px;}
table thead .full-head{padding: 6px;color: white;border-top-right-radius: 6px;border-top-left-radius: 6px;font-size: 20px; font-weight: 700;}
table thead .full-head-light{padding: 6px;color: #3e5175;border-top-right-radius: 10px;border: 1px solid #e4e3e3;border-bottom: 0px;border-top-left-radius: 4px;}
/*table .service.head{background-color: #9187c0!important;color: white;}*/
table .service{width:190px; font-weight: bold; text-align: left;}
/*table span{vertical-align: middle;}*/
/*table span:nth-child(2){font-size: 12px; margin-left: 4px;}*/
table span.green{color: yellowgreen;}
table span.red{color: red;}
table .select{padding: 2px 8px}
table .select select{width: 100%;display: block;height: 100%;background-color: white;border: 0px;font-size: 18px;font-weight: bold;color: #586479;}
table .select select:focus{outline: none;}
@media only screen and (max-width: 767px) {
table .head{font-size: 18px; padding: 10px 6px;}
/*table td, table th{font-size: 16px;}*/
}
table.invisible-table{background-color: transparent;}
table.invisible-table td, table.invisible-table th{text-align:left; background-color: transparent!important; border:0px;}
table.invisible-table td{font-weight: 600;}
table.invisible-table th{font-weight: 400;}
/*END Tables*/
#state-comparison th, #state-comparison td{text-align: center;}
@media only screen and (max-width: 1023px){
#state-comparison th, #state-comparison td{font-size: 16px;}
}
/*State Breakdown*/
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.state-breakdown table td{font-size: 16px;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.sm-border-left-dashed {
border-left: 2px dashed #ececec;
}
.sm-border-right-dashed {
border-right: 2px dashed #ececec;
}
.sm-border-top-dashed {
border-top: 2px dashed #ececec;
}
}
@media only screen and (min-width: 1023px) {
.md-border-left-dashed {
border-left: 2px dashed #ececec;
}
.md-border-right-dashed {
border-right: 2px dashed #ececec;
}
.md-border-top-dashed {
border-top: 2px dashed #ececec;
}
}
@media only screen and (min-width: 980px){
.md-right{float: right!important;}
}
.no-padding{padding: 0px!important;}
.gutter-top{padding-top: 35px;}
.gutter-bottom{padding-bottom: 35px;}
#state-list{padding-left: 0px;}
#state-list li{list-style:none; width: 100%; float: left;}
#state-list li a{float: left; padding: 6px; text-align:left;font-size: 18px;font-weight: 600;}
/*END State Breakdown*/
.simple-switch{font-size: 16px;}
.simple-switch label{font-weight: 700; color: #0099FF;}
.simple-switch span{color:gray; font-weight: 600; margin-left: 6px; padding: 0px 3px 1px 3px; border-radius: 4px; cursor: pointer;}
.simple-switch span.active{color:white; background-color: #0099FF;}
.btn{
padding: 5px 10px;
position: relative;
font-size: 16px;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
border-radius: 4px;
display: inline-block;
}
.btn-resource {
color: white;
background-color: #204586;
}
.btn-resource:hover{color:whitesmoke; background-color: #1a3566;}
.btn-article{
color: white;
background-color: #e91c3c;
}
.btn-article:hover{color:whitesmoke; background-color: #f04545;}
.btn-support{
color: white;
background-color: #404d67;
}
.btn-support:hover{color:whitesmoke; background-color: #601b5f;}
.btn-learn{
color: white;
background-color: #204586;
}
.btn-learn:hover{color: whitesmoke;}
.btn-success{color: white; background-color: #16cd13;border:1px solid white}
.btn-success:hover{color: white;}
.btn-link{color:white; background-color: #317ab7;}
.btn-interactive{color: white;background-color: #008eff;}
.btn.with-underline span{border-bottom: 1px solid white; margin-bottom: 2px; display: inline-block; float:left;}
.btn.with-underline i{display: inline-block; margin-top:4px!important; float:left;}
.btn.with-icon, btn.with-icon-right{font-size: 14px; border-radius: 4px;font-weight: bold;text-decoration: none;color: white; padding:5px 12px; margin-right: 6px; display: inline-block;}
.btn.with-icon i{margin-right: 8px;}
.btn.with-icon-right i{margin-left: 8px; margin-top: 2px;/*Review MT2px - added for insurer buttons*/}
.btn:disabled, .btn.disabled{opacity: 0.5}
.btn.full{width: 100%; position: relative; float: left; padding: 10px 15px;}
.btn.full.with-icon .title{width: calc(100% - 50px);float: left;padding-right: 15px;color: white;font-weight: bold; font-size: 18px; line-height: 21px;}
.btn.full.with-icon .icon{width: 50px;float: right;color: white;font-size: 34px;border-left: 2px solid white;padding-left: 15px;}
.btn.full.border-radius-top-0{border-top-right-radius: 0px; border-top-left-radius: 0px;}
.btn.ltc-purple-bg:hover{background-color: purple;}
.btn.btn-cta-blue{background-color: #128bf0; color: white;}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.btn.full.with-icon .icon{font-size: 16px;}
.btn.full.with-icon.sm-large .icon{font-size: 28px; padding:4px 0px 4px 10px;}
}
@media only screen and (max-width: 1023px){
.btn.full.with-icon .title{width: calc(100% - 38px);}
.btn.full.with-icon .icon{width: 38px; font-size: 16px;}
}
.notification{display: none;}
.notification p{color: white; font-size: 18px; font-weight: 600; padding: 6px 10px;}
.notification.alert{background-color: orange;}
.notification.critical{background-color: red;}
.notification.success{background-color: #16bf16;}
.show-after-success{display: none;}
@media only screen and (max-width: 767px){
.notification{text-align: center;}
}
.social a {
padding: 10px;
font-size: 18px;
width: 18px;
text-align: center;
text-decoration: none;
border-radius: 4px;
box-sizing: content-box;
}
.social a:hover {
opacity: 0.85;
}
.social .fa-facebook-f {
background: #3B5998;
color: white;
}
.social .fa-twitter {
background: #55ACEE;
color: white;
}
.social .fa-linkedin-in {
background: #0075b8;
color: white;
}
.social-bar{display: inline-block;}
.social-bar .recommended{display: inline-block;padding: 8px 0px;font-size: 18px;color: #232b44;font-weight: 700;}
.social-bar .recommended span{color:#506bb1;border-bottom: 2px solid #dcdde1;}
.social-bar .getsocial.gs-inline-group{display: inline-block;}
/*.text-center .social-bar .recommended{width: 100%;}*/
/*.text-center .social-bar .getsocial{float: none!important; margin-top: 5px; margin-right: 0px!important;}*/
@media only screen and (max-width: 767px) {
.social-bar{width:100%; float: left; display: flex;}
.text-center .social-bar, .xs-center .social-bar, .xs-text-center .social-bar{text-align: center; display: inline-block;}
.social-bar .getsocial.gs-inline-group{margin-top: 10px; width: 220px;}
.text-center .social-bar .getsocial.gs-inline-group, .xs-center .social-bar .getsocial.gs-inline-group, .xs-text-center .social-bar .getsocial.gs-inline-group{width: auto;}
}
@media only screen and (min-width: 768px) {
.social-bar .getsocial.gs-inline-group{float: left; margin-right: 20px;}
}
.border-top-solid-gray{border-top:1px solid #ebebec;}
@media only screen and (min-width: 768px) {
.border-right-dashed{border-right: 2px dashed #ececec;}
.border-left-dashed{border-left: 2px dashed #ececec;}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.sm-border-top-dashed{border-top: 2px dashed #ececec; padding-top: 20px;}
}
.divider-solid, .divider-1{width: 100%;float: left;position: relative;border-bottom: 1px solid #e2e0e0;height: 0;}
.divider-dashed{width: 100%;float: left;position: relative;border-bottom: 2px dashed #ececec;height: 0;}
.divider-dashed.dark{border-bottom: 2px dashed #d3d3d3;}
.spacer-md{width: 100%;float: left;height: 20px;}/*deprecated*/
.spacer-medium{width: 100%;float: left;height: 20px;}
@media only screen and (max-width: 767px) {
.xs-spacer-small{height: 10px;}
}
/*Pagination*/
#pagination{width: 100%; float: left; position: relative; padding: 12px 0px; text-align: center;}
#pagination ul{margin-left: 0px; padding-left: 0px; display: inline-block;}
#pagination ul li{list-style: none;float:left;width:40px;height: 40px;margin: 0 4px;}
#pagination ul li a{width: 100%;height: 100%;text-decoration: none;font-weight: bold;color: #232b46;padding: 5px 0px 0px 0px;float: left;font-size: 21px;border: 1px solid #ffebf7;border-radius: 4px;color: #45526b;background-color: #f8fbfd;}
#pagination ul li a.active{background-color: #ffecf8;font-weight: bold;border-color: #ffffff;color: #242c46;}
#pagination ul li a:hover{background-color: #ffecf8;font-weight: bold;border-color: #ffffff;color: #242c46;}
/*END Pagination*/
/*Video*/
/* .video-wrapper{position: relative;padding-bottom: 56.25%;height: 0;}
.video-wrapper iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%; border: 0px;} */
/*END Video*/
/*Search*/
#search-overlay{
display: none;
width: 100%;
height: 100%;
bottom: 0;
left: 0;
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
overflow-x: scroll;
}
#search-overlay .search-input{
width:100%;
float: left;
}
#search-overlay .search-input i{
float: left;
color: white;
}
#search-overlay input{
float: left;
color: white;
background-color: transparent;
border: none;
padding-left: 4px;
}
#search-overlay .search-input input::placeholder{color: #cdcdcd;}
#search-overlay .close{
position: fixed;
top: 60px;
right: 0px;
padding: 20px;
font-size: 32px;
color: white;}
#search-overlay .search-input{padding-bottom: 2px; padding-left: 30px; padding-right: 50px;}
#search-overlay .search-input i{width: 20px; font-size: 14px; padding-top: 8px;}
#search-overlay .search-input input {
font-size: 16px;
width: calc(100% - 40px);
padding: 0px 0px 8px 0px;
}
#search-overlay .results #search-results .empty{
font-weight: 700;
text-align: center;
padding-top: 100px;
}
@media only screen and (min-width: 768px) {
#search-overlay .container {
padding-top: 100px;
width: calc(100% - 40px);
margin: 0 auto !important;
}
#search-overlay #search-query-container{
width: 600px;
}
#search-overlay .close {
position: fixed;
top: 120px;
right: 0px;
padding: 20px;
padding: 40px;
font-size: 38px;
}
#search-overlay .results .search-details header{color: white; font-size: 28px; font-weight: 700; text-shadow: 1px 1px 1px black;}
#search-overlay .results .search-details .count{color: white; font-size: 21px;}
#search-overlay .search-input{padding-bottom: 2px; padding-left: 4px; border-bottom: 2px solid #f6f6f6;}
#search-overlay .search-input i{width: 40px; font-size: 26px; padding-top: 12px; padding-top: 10px;}
#search-overlay .search-input input {
width: calc(100% - 40px);
font-size: 26px;
}
#search-overlay .results #search-results .empty{}
}
@media only screen and (min-width: 1024px) {
#search-overlay .container {
padding-top: 140px;
}
#search-overlay .close {
position: fixed;
top: 60px;
right: 12%;
padding:40px;
font-size: 38px;
}
#search-overlay .results .search-details header{color: white; font-size: 36px; font-weight: 700; text-shadow: 1px 1px 1px black;}
#search-overlay .results .search-details .count{color: white; font-size: 21px;}
#search-overlay .search-input i{width: 40px; font-size: 32px; padding-top: 5px;}
#search-overlay .search-input input {
width: calc(100% - 40px);
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
#search-overlay{z-index: 99999; padding-top: 23px;
border-top: 1px solid #d1d1d1;
background-color: #f8fafd;
}
#search-overlay #search-results{padding: 10px 15px;}
#search-overlay .results .search-details{padding: 5px 15px 0px 15px;}
#search-overlay .results .search-details header{color: #344061; font-size: 21px; font-weight: 700;}
/* #search-overlay .search-input{} */
#search-overlay .search-input input, #search-overlay .search-input i{color: gray;}
#search-overlay .search-input .search-underline{width:100%; float: left; border-bottom:1px solid #939393;}
#search-overlay .close{color:#939393;}
#search-overlay .results .search-details .count{color: #3d4c54; font-size: 14px;}
#search-overlay .results #search-results .empty{color:#5a676e; font-size: 24px;}
#search-overlay .results #search-results .mb{margin-bottom: 10px;}
}
#search-overlay .results .search-details .count .value{font-weight: 700;}
@media only screen and (min-width: 768px) {
#search-overlay .results .search-details{padding-top: 30px; padding-bottom: 30px;}
#search-overlay .results .card{box-shadow:1px 1px 8px #3b3b3b;}
}
/*End Search*/
/*Backgrounds*/
.alt-bg{background-color: #fbfbfb;border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;}
.gradient{background-image: -webkit-gradient(linear,left top,left bottom,from(#fafcff),to(#fff));background-image: linear-gradient(180deg,#fafcff,#fff); border-bottom: 1px solid #f1f1f1;}
.gradient.no-border{border-bottom: 0px;}
.ltc-red-bg{background-color: #e91c3c;}
.ltc-purple-bg{background-color: #204586;}
.cta-blue-bg{background-color: #128BF0;}
/*Content-CSS & Font*/
/*h1,h2,h3,h4,h5, .heading header{letter-spacing: -0.01em; font-weight:900; color: #344061;}*/
/*p, ul, ol{font-weight: 400; letter-spacing: -.025em; color: #657881;}*/
a.elegant {text-decoration: none;font-weight: bold;cursor: pointer;}
/*p a{color: #847bb9;border-bottom: 2px solid #a097d2;font-weight: 700;}*/
/*a:hover,a:focus{color:#4371e9;}*/
.link{color: #337ab7;}
.link.elegant{color: #4887bf;font-weight: 700;}
.link.elegant-basic{color: #4887bf;font-weight: 600; border-bottom: 1px solid #4887bf;}
.bold{font-weight: bold;}
.center{text-align: center;}
.text-center{text-align: center;}
.text-left{text-align: left!important;}
.text-right{text-align: right;}
.green {color: yellowgreen;}
.red {color: red;}
.white{color: white;}
.gray{color: #878e9f;}
.dark-blue{color:#344060;}
.ltc-red{color:#e91c3c;}
.ltc-purple, .ltc-purple a{color:#1f4586;}
ul.with-icons{padding-left: 12px;}
ul.with-icons li{list-style: none;}
.list-style-1{margin:0px; padding: 0px;}
.list-style-1 li{list-style: none;}
.list-style-1 li a{float:left; width: 100%; margin-bottom: 10px; padding-bottom: 8px; text-decoration: none; border-bottom: 1px solid lightgray;}
.list-style-1 li a.active{font-weight: 700; color: #202c47;}
.list-style-1.with-margin li{margin-bottom: 5px;}
.list-style-1.with-icon li i{margin-right: 8px;}
ul.highlights{margin-left: 0px; padding-left: 28px;}
ul.highlights li{list-style: none; text-indent: -14px;}
ul.highlights li:before {
content: "\f00c";
font-weight: 700;
margin-right: .5em;
color: #9acd32;
font-family: "font awesome 5 pro";
display: inline-block;
}
.content section{width: 100%; float: left;}
.content blockquote{
display: inline-block;
border-left: 3px solid #ff6c6c;
padding: 6px 10px 0px 10px;
box-shadow: 0px 0px 4px #cfcfcf82;
margin-bottom: 1.2em;
background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,200,217,0) 85%,rgba(0, 177, 178, 0.03) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,200,217,0) 85%,rgba(0, 177, 178, 0.03) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,200,217,0) 85%,rgba(0, 177, 178, 0.03) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#2600ebff',GradientType=1 );
}
.content blockquote p{margin-bottom: 0.6em; color:#3f4d67;}
.content blockquote cite{width:100%; float: left; margin-bottom: 0.5em; font-size: 16px; color: #af102a;}
.content blockquote cite:before {content: "- ";}
.content table{margin: 0 auto; margin-bottom: 10px;}
.fineprint a, a.fineprint{font-weight: 600;}
.trusted-specialist-badge{color: white; font-size: 17px; display: inline-block; font-weight: 700;}
.trusted-specialist-badge span{background-color: #003366; padding: 8px 16px; border-top-right-radius: 18px;border-bottom-right-radius: 18px; display: inline-block; float: left;}
.trusted-specialist-badge i{display: inline-block; float: left; background-color: #15bf15; font-size: 26px; padding: 6px 8px; border-right: 2px solid white;}
#mobile-cta .trusted-specialist-badge{font-size:14px;}
#mobile-cta .trusted-specialist-badge span{padding: 6px 12px 6px 8px;}
#mobile-cta .trusted-specialist-badge i{font-size: 20px; padding: 5px 5px;}
@media only screen and (min-width: 768px) {
.trusted-specialist-badge{font-size: 17px;}
.trusted-specialist-badge i{font-size: 22px;}
.trusted-specialist-badge span{padding: 6px 12px 6px 8px;}
}
/*@media only screen and (min-width: 1024px) {*/
/* .trusted-specialist-badge{font-size: 19px;}*/
/* .trusted-specialist-badge i{font-size: 28px;}*/
/* .trusted-specialist-badge span{padding: 8px 12px 8px 8px;}*/
/*}*/
@media only screen and (max-width: 767px) {
/*p, ul, ol, blockquote{font-size: 16px;}*/
/*h1{font-size: 32px; margin-bottom: 10px;}*/
/*h2{font-size: 28px; margin-bottom: 8px;}*/
/*h2.small{font-size: 22px;}*/
/*h2.xs-small{font-size: 26px;}*/
/*h3{font-size: 26px; margin-bottom: 6px;}*/
/*h4{font-size: 24px; margin-bottom: 4px;}*/
/*h5{font-size: 22px; margin-bottom: 4px;}*/
.heading header{font-size: 28px;}
.content h2{font-size: 28px; margin-bottom: 6px;}
.content h3{font-size: 24px; margin-bottom: 6px;}
.content h4, .content h5, .content h6{font-size: 22px; margin-bottom: 6px;}
.content img{width: 100%!important;height: auto!important;}
.content p, .content ul, .content ol, .content blockquote, p.content{font-size: 18px; margin-bottom: 1.2em; line-height:1.8em; color: #3d4c54; letter-spacing: normal; font-weight: 400;}
.fineprint{font-size: 14px;}
}
@media only screen and (min-width: 768px) {
/*p, ul, ol, blockquote{font-size: 18px;}*/
/*h1{font-size: 34px; line-height: 1.2em; margin-bottom: 0px;}*/
/*h2{font-size: 30px; margin-bottom: 8px;}*/
/*h3{font-size: 26px; margin-bottom: 5px;}*/
/*h4{font-size: 24px; margin-bottom: 4px;}*/
/*h5{font-size: 22px; margin-bottom: 4px;}*/
.heading header{font-size: 30px;}
.content h2{font-size: 32px; margin-bottom: 6px;}
.content h3{font-size: 28px; margin-bottom: 6px;}
.content h3, .content h4, .content h5, .content h6{font-size: 28px; margin-bottom: 6px;}
.content p, .content ul, .content ol, .content blockquote, p.content{font-size: 19px; margin-bottom: 1.2em; line-height:1.55em; color: #3d4c54; letter-spacing: normal; font-weight: 400;}
.content p img{margin: 0px 10px;}
.fineprint{font-size: 15px;}
.fineprint.large{font-size: 16px;}
}
@media only screen and (min-width: 1024px) {
/*p, ul, ol, blockquote{font-size: 18px;}*/
/*h1{font-size: 40px; line-height: 1.2em; margin-bottom: 0px;}*/
/*h2{font-size: 36px; margin-bottom: 8px;}*/
/*h2.small{font-size: 28px; margin-bottom: 4px;}*/
/*h3{font-size: 28px; margin-bottom: 5px;}*/
/*h3.small{font-size: 24px;}*/
/*h4{font-size: 24px; margin-bottom: 4px;}*/
/*h5{font-size: 22px; margin-bottom: 4px;}*/
.heading header{font-size: 36px;}
.content h2{font-size: 36px; margin-bottom: 6px;}
.content h3{font-size: 32px; margin-bottom: 6px;}
.content h3, .content h4, .content h5, .content h6{font-size: 28px; margin-bottom: 6px;}
.content p, .content ul, .content ol, .content blockquote, p.content{font-size: 21px; margin-bottom: 1.2em; line-height:1.55em; color: #3d4c54; letter-spacing: normal; font-weight: 400;}
.content p img{margin: 0px 10px;}
.fineprint{font-size: 15px;}
.fineprint.large{font-size: 16px;}
}
/*Borders*/
.bordered-dashed-bottom{border-bottom: 2px dashed lightgray;}
.bordered-dashed-top{border-top: 2px dashed lightgray;}
@media only screen and (min-width: 768px) {
.bordered-grid-dashed{display: flex;}
.bordered-grid-dashed > div:nth-child(odd) {
border-right: 2px dashed #ececec;
padding-right: 15px;
}
.bordered-grid-dashed > article:nth-child(odd) {
border-right: 2px dashed #ececec;
padding-right: 15px;
}
.bordered-grid-dashed > section:nth-child(odd) {
border-right: 2px dashed #ececec;
padding-right: 15px;
}
.bordered-dashed-left{border-left: 2px dashed #ececec;}
.bordered-dashed-right{border-right: 2px dashed #ececec;}
}
/*End Borders*/
/*Breadcrumbs*/
.breadcrumbs{width: 100%; float: left; position: relative; padding: 14px 0px;}
.breadcrumbs ul{margin-left:0px; padding-left: 0px;}
.breadcrumbs ul li{float: left; list-style: none; margin-right: 8px;}
.breadcrumbs ul li:before{font-family: "Font Awesome 5 Pro";content:"\f054"; font-size: 16px; margin-right: 4px; color: #E91B3C; display: inline-block;}
.breadcrumbs ul li:first-child:before{content: none;}
.breadcrumbs ul li:last-child a{opacity: 1;}
.breadcrumbs ul li a{font-weight: bold; text-decoration: none; opacity: 0.9; font-size: 18px;}
#breadcrumb ul {
list-style-type: none;
margin: 0;
white-space: nowrap;
max-width: 100%;
overflow: hidden;
color:#f9fafb;
}
#breadcrumb li {display: inline-block;max-width: 18%;width: auto;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#breadcrumb li:last-child {max-width: 30%;}
#breadcrumb li:first-child:before {content: none;}
@media (max-width: 767px) {
#breadcrumb li,
#breadcrumb li:last-child {display: none}
#breadcrumb li:nth-last-child(2) {display: block;max-width: 100%;}
#breadcrumb li a {text-decoration: none; font-size:16px;}
#breadcrumb li:nth-last-child(2) a:before{content: 'Return to ';}
#breadcrumb li:nth-last-child(2):before {content: none}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
.breadcrumbs{padding: 10px 0px;}
.breadcrumbs ul li a{font-size: 16px;}
}
/*END Breadcrumbs*/
/*Ads*/
/*.ad{text-align: center;margin-top: 20px;margin-bottom: 20px;float: left; width: 100%; float: left;}*/
/*.ad > header{margin-bottom: 5px;*/
/* color: #848484;*/
/* font-size: 14px;*/
/* font-weight: 100;*/
/*}*/
/*.ad img{max-width: 300px;}*/
/*.ad img.horizontal{max-width: 728px;}*/
.ad.text article{text-align: left; width: 100%; float: left; margin-bottom: 10px;}
.ad.text article:last-of-type{margin-bottom: 0px;}
.ad.text article header{font-size: 18px; font-weight: 600;}
.ad.text article p{font-size: 16px;}
.ad.text article .url{font-size: 14px; color: #808080;display: inline-block;text-overflow: ellipsis;width: 100%;position: relative;float: left;white-space:nowrap;overflow: hidden;}
/*END Ads*/
/*Filter and Sorting*/
.filter .result-details{float: left; font-weight: bold;}
.filter .result-details p{color:#565f64; font-weight: 600; font-size: 18px;}
.filter i{float: right; color: lightgray; margin-right: 10px; font-size: 22px; margin-top: 4px;}
.filter i:hover{color: gray; cursor: pointer;}
.filter i.active{color: #485a86;}
.filter .input-group{float: right; margin-right: 20px;}
.filter .input-group label{color:#202c47; font-weight: bold; font-size: 21px; margin-right: 8px}
.filter .input-group select{color:#202c47; font-size: 18px; border: 0px;border-radius: 0px;border-bottom: 2px solid #26324b;background-color:transparent;-webkit-appearance: none;}
@media (max-width: 767px) {
.filter .input-group{float: left;}
.filter .result-details p{color: #565f64;font-weight: 600;font-size: 16px;margin-top: 5px;}
}
/*End Filter and Sorting*/
/*Glossary*/
/* i.glossary-trigger {
border-bottom: none;
font-size: 9pt;
margin-left: 3px;
color: #738891;
}
.vocab-item{margin-right: 6px; border-bottom: 1px dashed #d4d4d4;}
.vocab-item, .vocab-item i{color: #636794;}
#glossary .letter{
color: white;
font-weight: bold;
padding: 4px 8px;
font-size: 20px;
float: left;
border-radius: 3px;
margin-bottom: 8px;
} */
/* #glossary .item{border-bottom: 2px dashed lightgray;}
@media only screen and (max-width: 767px) {
#glossary .item header{font-size: 21px;}
#glossary .item .definition{margin-top:8px;}
#glossary .item .definition p{font-size: 17px;}
#glossary .item .definition p:last-of-type{margin-bottom:2px;}
}
#glossary-search button{width: 120px;float: left;font-size: 18px; font-weight: bold; background-color: #204586;color: white;padding: 9px;border-top-left-radius: 6px;border-bottom-left-radius: 6px; border: 0px; outline: none;}
#glossary-search .search-bar{width: calc(100% - 120px);float: left;font-size: 18px;padding: 8px;border: 1px solid #d2d2d2;border-top-right-radius: 6px;border-bottom-right-radius: 6px; border-left: 0px;}
#glossary-no-results{display: none;}
#glossary-list ol{padding-left: 0px;}
#glossary-list ol li{list-style: none;width:100%; float: left;}
#glossary-list ol li a{float: left; padding: 6px 0px;font-weight: bold;text-decoration: none;width:100%; margin-left: 5px;}
#glossary-list .letter{background-color: transparent; color: white; margin-left: 0px; cursor: pointer;}
#glossary-list .letter:hover{color: lightgrey;}
#glossary-definition{display:none; width:400px; position: absolute; padding: 10px;}
#glossary-definition header{font-size: 19px; font-weight: 700; color: #344061; width: 100%; margin-bottom: 2px;}
#glossary-definition p{font-size: 16px; margin-bottom: 6px;}
#glossary-definition p:last-of-type{margin-bottom: 0px;} */
/*END Glossary*/
/*Insurers*/
@media only screen and (min-width: 768px) {
article.insurer nav{position: absolute; top: 0; right: 0; display: flex; flex-direction: column;top: 8px; right: 25px;}
article.insurer nav button, article.insurer nav a{text-align: center;}
article.insurer .compare {
/*position: absolute;*/
/*right: 25px;*/
/*top: 10px;*/
margin-bottom: 8px;
font-size: 16px;
color: white;
border: 0px;
border-radius: 5px;
background-color: #008eff;
}
}
article.insurer .compare.checked{background-color: #16cd13;}
#compare-cart .cart-header{background-color: #40329b;
font-size: 21px;
padding: 8px;
color: white;
font-weight: 700;
}
#compare-cart article{width:100%; float: left; display: flex; flex-direction: row; align-items: center; padding: 8px 0px; background-color: #f7f9fb; border-bottom: 1px solid #ececec; margin-bottom: 0px;}
#compare-cart article:nth-of-type(odd){background-color: white;}
#compare-cart article .logo{width:60px; float: left; padding-left: 5px; text-align: center; font-size: 30px;}
#compare-cart article .logo img{border:1px solid #ececec; width: 100%; background-color: white;}
#compare-cart article .name{width: calc(100% - 100px); float: left; font-size: 16px; font-weight: 700; padding: 5px; margin-bottom: 0px;}
#compare-cart article .option{width:40px; float: right; text-align:center; font-size:16px;}
#compare-cart article .option.add i, #compare-cart article .option.remove i{padding: 4px 6px;border-radius: 4px;color: white;}
#compare-cart article .option.add i, #compare-cart article .option.remove i{background-color: #0099fe;border: 1px solid #ececec;}
#compare-cart article .option.add i:hover, #compare-cart article .option.remove i:hover{background-color: #0e8ce1; cursor: pointer;}
#compare-cart .notice{display:none; font-size: 14px; font-weight: 400;}
#compare-list{display: none;}
#compare-list p.notice{padding: 6px; background-color: #404d67; border-radius: 6px; font-size: 16px; font-weight: 600; color: white;}
.insurer-card-select .insurer{padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px;}
.insurer-card-select .insurer .card{height:120px; display: flex; align-items: center; cursor: pointer;}
.insurer-card-select .insurer .card.active{border: 2px solid #19e415;}
.insurer-card-select .insurer .card img{padding:6px; opacity: 1;}
.insurer-card-select .insurer .card.disabled img{opacity: 0.6;}
.insurer-card-select .insurer .card.active img{opacity: 1;}
#claim .claim-header{background-color: #40329b;
font-size: 21px;
padding: 8px;
color: white;
font-weight: 700;
}
#claim article{width:100%; float: left; display: flex; flex-direction: row; align-items: center; padding: 8px 0px; background-color: #f7f9fb; border-bottom: 1px solid #ececec;}
#claim article .name{float: left; font-size: 16px; font-weight: 700; padding: 5px;}
#claim article .button{background-color: #00b1b3; color: white;}
@media (max-width: 767px) {
#insurer #insurer-logo{
max-width: 250px;
margin:0 auto;
float: none;
}
}
/*CTA Connect*/
.connect-cta{float:left;background-color: #036AC0;box-shadow: 0px 0px 4px #717171;overflow: hidden; margin:20px 0px;}
.connect-cta .content{float: left; padding: 10px;}
.connect-cta header{float:left;font-size: 19px; color: white; letter-spacing: -0.01em; font-weight: 900;padding-left: 10px;margin-bottom: 10px;}
.connect-cta .subheading{font-size: 22px;color: white; padding-left: 5px;margin-bottom: 4px;display: inline-block;}
.connect-cta p{font-size: 14px; margin-bottom: 12px;}
.connect-cta img{padding: 0px 30px 10px 30px;}
.connect-cta .title{font-size: 16px;}
.connect-cta ul{margin-left: 0px; padding-left:1.6em; list-style-position: outside; margin-bottom: 0px; float: left;}
.connect-cta ul li{list-style: none; text-indent: -0.8em; color: white; font-weight: 600; font-size: 16px; line-height: 21px; margin-bottom: 6px;}
.connect-cta ul li:before{content: "\f00c"; font-weight: bold; margin-right:0.5em; color:#00ff42; font-family: "Font Awesome 5 Pro"; display: inline-block;}
@media (min-width: 1024px){
.connect-cta header{font-size: 21px;}
.connect-cta ul li{font-size: 17px;}
}
#cta-specialist{background-color: #016ac0; box-shadow: 0px 1px 6px #000000;}
#cta-specialist header{font-size: 24px; color: white; letter-spacing: -0.01em; font-weight: 900; margin-bottom: 4px;}
#cta-specialist .subheading{font-size: 20px;color: white;margin-bottom: 20px; letter-spacing: -0.01em; font-weight: 900;}
#cta-specialist p{font-size: 18px; font-weight: 300; color: white;}
#cta-specialist a.btn{background-color: #128bf0; margin-top: 20px;}
@media (max-width: 767px){
#cta-specialist header{margin-bottom: 8px; margin-top: 10px;}
#cta-specialist a.btn{float: none!important;}
}
@media (min-width: 768px){
}
@media (min-width: 1024px){
#cta-specialist header{font-size: 36px;}
#cta-specialist p{font-size: 21px;}
#cta-specialist .subheading{font-size: 22px;}
}
/*END CTA Connect*/
/*CTA Idea*/
.cta-bg-blue-1{
background-image: radial-gradient( circle farthest-corner at 10% 20%, rgb(31, 69, 134) 0%, rgba(0,69,91,1) 90% );
}
.cta-idea header{font-size: 28px;color: white;font-weight: 700;padding: 10px;}
/*END CTA Idea*/
/*Mobile CTAs*/
#mobile-cta{display: none;}
@media (max-width: 767px) {
#mobile-cta{position: fixed; top:100%; bottom:0; width: 100%; box-shadow: 0px 0px 6px #a7a7a7;}
.mobile-cta-close{position: absolute; top: 8px; right: 12px; font-size: 24px;}
.mobile-cta header{font-size: 21px; font-weight: 700;}
#mobile-cta-specialist{background-color: #fbfbfb; padding: 8px;}
#mobile-cta-specialist header{color: #344061; font-size: 17px; font-weight: 800;}
#mobile-cta-specialist p{color: #404e57; margin-bottom: 8px;}
#mobile-cta-specialist .mobile-cta-close{color: #9c9c9c;}
#mobile-cta-specialist .ltc-news-logo{loat: left;height: 16px;margin-top: 6px;}
#mobile-cta-specialist a{font-size: 16px;float: right;font-weight: 700;border: none;background-color: transparent; color: #2a6599; padding-top: 4px;}
#mobile-cta-specialist a i{font-size: 14px;}
}
/*END Mobile CTAs*/
/*Facilities CTA*/
.care-facility-cta{float: left;background-color: #036AC0;box-shadow: 0px 0px 4px #717171;overflow: hidden;}
.care-facility-cta .content{float: left; padding: 10px;}
.care-facility-cta header{font-size: 22px; color: white; letter-spacing: -0.01em; font-weight: 700; padding: 10px;}
.care-facility-cta p{font-size: 18px;line-height: 20px;color: white;margin-bottom: 0px;letter-spacing: -0.01em;font-weight: 600;}
.care-facility-cta p:last-of-type{margin-top: 8px;}
/*END Facilities CTA*/
.click-target{float: left;}
/*Mobile Specific*/
.xs-only{display: none;}
@media (max-width: 767px) {
.xs-hide{display: none;}
.xs-only{display: block;}
.xs-only.inline{display: inline-block;}
.xs-only.inline-strict{display: inline!important;}
.xs-center{text-align: center;}
.xs-text-center{text-align: center;}
.xs-full{width: 100%;}
.xs-mt{margin-top: 20px;}
.xs-mb{margin-bottom: 20px;}
.xs-mb-0{margin-bottom: 0px!important;}
.xs-mb-10{margin-bottom: 10px;}
.xs-mt-8{margin-top: 8px;}
.xs-mt-10{margin-top: 10px;}
.xs-mr{margin-right: 20px;}
.xs-col-no-pad{padding-left: 0px!important; padding-right: 0px!important;}
.container-sm {width: 100%!important;}
.section{padding-top: 20px;padding-bottom: 30px;}
}
@media (min-width: 801px) {
.container-sm {width: 800px;margin: 0 auto;position: relative;}
}
.sm-only{display: none;}
@media (min-width: 768px) and (max-width: 1023px) {
.sm-hide{display: none;}
.sm-only{display: block;}
.sm-border-right-hide{border-right: 0px;}
.sm-mt{margin-top: 20px;}
.sm-mr{margin-right: 20px;}
.sm-txt-right{text-align: right;}
.sm-text-center{text-align: center;}
.sm-col-no-pad{padding-left:0px!important;padding-right: 0px!important;}
.sm-col-left-no-pad{padding-left: 0px!important;}
.sm-col-right-no-pad{padding-right: 0px!important;}
.sm-pad-right-15{padding-right: 15px;}
.section{padding-top: 35px;padding-bottom: 35px;}
}
@media (min-width: 1024px){
.section{padding-top: 35px;padding-bottom: 35px;}
.md-mt{margin-top: 20px;}
.md-mr{margin-right: 20px;}
.md-col-no-pad{padding-left:0px!important;padding-right: 0px!important;}
.md-col-left-no-pad{padding-left: 0px!important;}
.md-col-right-no-pad{padding-right: 0px!important;}
.md-pad-right-15{padding-right: 15px;}
}
/* Links */
#links ol {
width: 100%;
float: left;
}
#links > ol {
margin-left: 0px;
padding-left: 0px;
margin-bottom: 8px;
border-bottom: 2px dashed #ececec;
}
#links li {
list-style: none;
margin-bottom: 10px;
margin-bottom: 6px;
margin-top: 6px;
line-height: 1.2em;
font-size: 16px;
padding-top: 4px;
}
#links .category{ background-color: #465FA9;
color: white;
padding: 4px 10px;
font-size: 1em;
float: left;
border-radius: 4px;
margin-right: 10px;
margin-bottom: 5px;
text-transform: uppercase;}