/* NOTE html is set to 16px so that all the REM measurements throughout Skeleton are based on 16px sizing. So basically 1.5rem = 24px :) 
Please use rem font-sizing as opposed to PX
TODO: remove link https://riptutorial.com/css/example/4941/font-size-with-rem.
*/

html {
    font-size: 16px;
}

body{
    /*font-family: "Univers LT W01_55 Roman1475956", sans-serif;*/
    font-family: "Univers LT", Arial, sans-serif;
    /*0.875 of base font (html declatation 16px) -> 14px*/
    font-size: 0.875rem;
   /*to be reviewed 1.6% of 16px*/ 
    line-height: 1.6;
    background-color: #FFFFFF;
    color: #111111;
}

/*Headings*/

h1 {
	/*2.5X16=40*/
    font-size: 2.5rem;
    line-height: 1.25;
}



h2 {
    font-size: 2rem;
    /*1.25% of base font height*/
    line-height: 1.25;
}

.h2__custom_dark_blue{
    color:#003366;
    font-weight: bold;
}


/*smaller than h2, color red*/
h3 {
    font-size: 1.5rem;
    /*1.25% of base font height*/
    line-height: 1.25;
    font-weight: bold;
}


.homePageH3{
    color: black;
}


h4{
    font-size: 1.5rem;
    /*1.25% of base font height*/
    line-height: 1.25;
    color: #000000;
    font-weight: bold;
}

/*smaller, */
h5{
    font-size: 1.2rem;
    /*1.25% of base font height*/
    line-height: 1.25;
    color: #000000;
    font-weight: bold;
}

.custom_dark_blue{
    color:#003366;
}
/*Generic Element Style */
img{
	width:100%;
}

ul {
    padding-left: 0;
}

/*links*/
a {
  color:#0277A7;
  text-decoration: none;
}

a:hover {
     text-decoration:underline;
     color:#0099D8;
}

.whiteLink{
	color:#ffffff;
}

.whiteLink:hover{
	color:#ffffff;
	text-decoration:none;
}

.underline_hover:hover{
	 text-decoration:underline;
}

.blackLink{
	color:#111111;
}

.blackLink:hover {
   text-decoration:none;
    color:#111111;
}

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 0.75rem;
    line-height: 1.5;
}

/*lists*/
ul {
    padding-left: 0;
}

/*Home Card Section*/
.homeCard_tile_lined{
    display: flex;
    align-items: center;
}

.homeCard_tile_lined:after {
    content: "";
    display: block;
    height: 1px;
    flex: 1 1 auto;
    margin-left: 2rem;
    /*approved*/
    background: #A49E99;
}

/*smaller m,ob devices, remove line after feat offerings etc ..*/
@media (max-width: 576px) {
	.homeCard_tile_lined:after {
	 content:unset;
	}
}

/*USPS Message*/
.uspsMessage{
	font-size: 1.125rem;
	margin-top: 10px;
	margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 2px solid;
    border-radius: 10px 10px 10px 10px;
    text-align: center;
    color: black;
    /*from pallete - opacity 0.4 added to make it lighter*/
    background: rgba(178,223,247,0.4);
    border-color: rgba(196,191,188,0.7);
}

/*
.uspsMsg{
    color: black;
}
*/

@media (max-width: 992px) {
	.covidMsgPaddingMob{
	 padding-left: 5px;
     padding-right: 5px;
 	}
}

/* Home Carousel Customization*/
.custom_prev_icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='black' stroke-width='0.5'  viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    height:40px;
    width:30px;
}
/*push down next,. prev icons below caption text*/
.carousel-control-prev {
    top: 20px;
}
.carousel-control-next {
    top: 20px;
    /*sit in front of caption*/
    z-index: 100;
}
.custom_next_icon{
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' stroke='black' stroke-width='0.5' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
    height:40px;
    width:30px
}
.carousel-indicators {
	bottom:-8px;
}
@media only screen and (max-width: 500px) {
	.carousel-indicators {
	  left:22%;
	  /*bottom:-14px;*/
	  bottom: -20px;
    }
}
.carousel-indicators li {
    width: 8px;
    height: 8px;
    margin-bottom: 12px;
    border-radius: 100%;
    background-color:#0277a7;
    margin-left: 15px;
}

/*overwrite bootstrap carousel-caption*/
.carousel-caption{
	color: #262626;
	right:1%;
	width:47%;
	top:5%;
	left:53%;
	text-align:left;
}
@media only screen and (max-width: 768px) {
    .carousel-caption{
        top: 0%;
    }
}

.carousel-caption__header {
    letter-spacing: -.1rem;
    margin-top: 0;
    margin-bottom: 7px;
    font-weight: 600;
    color: #003366;
    text-transform: uppercase;
    line-height: 34px;
    font-weight: bold; 
}

@media only screen and (max-width: 768px) {
 .carousel-caption__header{
	 margin-bottom: 0px;
	 line-height: unset;
 }
}

.carousel-caption__sub_header{
	font-weight: normal;
}


/*All about buttons*/

/*general button*/
.btn--primary{
    display: inline-block;
    font-size: 1rem;
    cursor: pointer;
    /*TODO look @ padding */
    padding: .75rem 2.5rem 1rem;
    white-space: nowrap;
    border: 1px solid #6D7883;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    background: #F2F4F7;
   /* color: #002C4C;*/
    color: #003366;
    border-color: #F2F4F7;
    font-weight: bold;
}

@media only screen and (max-width: 768px) {
	.btn--primary{
		padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	    font-size: 0.75rem;
    }
}
@media only screen and (max-width: 768px) {
	.btn--primary-cet{
		 font-size: 1rem;
	}
}


/*addition/mods to general button*/
.btn--custom_dark{
    background: #003366;
    color: #FFFFFF;
    border-color: #002C4C;
}

.btn--custom_light_blue{
    background-color:#0277A7;
    color: #FFFFFF;
    border-color: #003366;
}

.btn--custom_light_blue_noborder{
    background-color:#0277A7;
    color: #FFFFFF;
    border: none;
}

.btn--custom_white_grayborder{
   background-color: #FFFFFF;
    color: #000000;
    padding: 0.75rem 2.5rem 0.75rem;
    border: 1px solid #6d6c6c;
    font-weight: bold;
    border-radius: 5px;
}
}

.btn--custom_red_noborder{
    background-color:#993333;
    color: #FFFFFF;
    border: none;
}


.btn--custom_border{
	padding-top: 3px;
    padding-left: 20px;
    padding-right: 20px;
	border-color:#003366;
    color: #003366;
}
.btn--custom_findADentist_input{
	width: 7em;
    height: 3rem;
    font-weight: revert;
}

.btn--custom_findADentist_input:hover{
	color:white!important;
    border:1px solid #B05121;
}

.btn--custom_findADentist{
	height: 2rem;
	font-weight: revert;
}

/* OHRA Survey Submit button styles */
.btn--dhraSubmit:hover{
    color: white;
    border: 1px solid #B05121;
}



/*Table of Contents /On This Page  Styles - Home & Benefits*/

.toc_menu{
	padding-top:15px;
}



.toc__header_desktop{
	display: block;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2.2;
    background-color: #003366;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-weight: bold;
    
	
}


@media (max-width: 1200px) {
	.toc__header_desktop{
		 padding-top: 8px;
	     padding-bottom: 8px;
	     line-height: 1.2;
	}
}


 @media (max-width: 992px) {
	 .toc__header_desktop{
	  padding-top: 12px;
	 }
 }
 
 /*was 768 */
 @media (max-width: 576px) {
	 .toc__header_desktop{
	   border-top-right-radius: 10px;
       border-bottom-left-radius: 0px;
    }
   
}

/*dont think we need */
.toc__header_mobile{
	padding-bottom:10px;
	display:block;
	color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.2;
	
}

.toc_div{
	background-color: #0277A7;
	margin-top:20px;
	border-radius: 10px 10px 10px 10px;
	margin-left: 0;
    margin-right: 0;
	
}

@media (max-width: 576px) {
	.toc_div{
	 padding-bottom: 10px;
	}
}

.toc__menu-item {
    display: inline;
    color: #FFFFFF;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.2;
    padding-left: 20px;
    padding-right: 20px;
    white-space: nowrap;
    text-decoration:underline;
}

@media (max-width: 1200px) {
	.toc__menu-item {
      padding-left:0px;
    }
}

@media (max-width: 768px) {
	.toc__menu-item {
      font-size:1rem;
    
    }
    .toc__header_desktop{
    font-size:1rem;
    }
}


.toc_cell{
	border-right:1px solid white;
}

/* ex 768*/
@media (max-width: 576px) {
	.toc_cell{
	border-right:none;
    }
}

@media (max-width: 992px) {
	 .toc-cell__med{
	   margin-top:12px;
	   margin-bottom:12px;
    }
    .toc_cell_med_noBorder{
	  border-right:none;
    }
}
/*ex 768*/
@media (max-width: 576px) {
	 .toc-cell__med{
	   margin-top:0px;
	   margin-bottom:0px;
    }
   
}



@media (min-width: 992px) {
	.toc_cell_xl_noBorder{
		border-right:none;
	}
	.toc_cell_lg_noBorder{
	 border-right:none;
    }
}

@media (min-width: 992px) {
	.toc_cell_lg{
		margin-top:8px;
		margin-bottom:8px;
	}
}


.toc_cell_med_noBorder_benefits{
	  border-right:none;
}
    
.toc__menu_item_benefits {   
    padding-right: 1rem;
}


.toc__menu-list_benefits{
	padding-top:10px;
}

@media (max-width: 1200px) {
    /*.toc__menu-item{
        padding-right: 3rem;
    }*/
    .toc__menu_item_benefits {   
    padding-right:0.5rem;
    }
    
    .toc__menu-list_benefits{
	padding-top:0px;
    }
}


.toc__menu-item > a {
  color: #ffffff;
  text-decoration:underline;
}


/*.toc_menu > ul > li > ::after {
  content: "|";
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  
}

.toc_menu > ul > li:last-child > ::after {
 
  content: "";
 
  
}*/



.toc_menu > ul > li > ::after {
  content: "|";
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  
}

.toc_menu__benefits > ul > li > ::before {
  content: "\2022";
  font-weight: bold;
  display: inline-block; 
  width:0.8em;
  
}
/*END TOC HOME */

/*hero section*/
.hero__inner{
    position: relative;
   /* padding: 1rem 0 3.5rem;*/
    color: #FFFFFF;
    border-radius: 0px 0px 50px 0px;
    z-index: 50;
    padding-top: 0;
    padding-bottom: 40px;
}

.hero__title {
	padding-top: 25px;
    margin-bottom:5px;
}

/*July 23 update hero sub across board*/
.hero__sub {
    font-weight: bold;
    margin-bottom: 0.75rem;
    /*18px*/
    font-size: 1.125rem;
}



/**
 * Containing block for the hero
 * 1) Border radius changes from mobile to desktop
 */
 
 .heroTopMargin{
 margin-top: 1rem;
 }
 
.c-hero__image {
  position: relative;
  /*margin-top: -25px;*/
  margin-top: -50px;
  border-radius: 0px 0px 25px 0px;
  overflow: hidden;
  height: 370px;
  z-index: 40; }
  
  
.c-hero__image_child{
	height: 300px;
}



.c-hero__image_child_tall{
	height: 350px;
}

.c-hero__image_child_tall > img {
	margin-top: 2rem;
}
  
/*where width >=768*/
  @media (min-width: 768px) {
    .c-hero__image {
      border-radius: 0px 0px 50px 0px; }
}

/*manual transform only brought in where object-fit:cover not supported*/
.c-hero__image > img {
    display: block;
    max-width: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); 
}
/*where width >=1500px*/
 @media (min-width: 1500px) {
    .c-hero__image > img {
        /*prevent cut off top img on larger devices*/
        height: 115%
    }

    .c-hero__image_child > img {
        height: 300px;
    }
    
    
}

/*feature query, where object-fit cover supported, 
The replaced content is sized to maintain its aspect ratio while filling the element�s entire content box. If the object's aspect ratio does not match the aspect ratio of its box, then the object will be clipped to fit.*/
@supports (object-fit: cover) {
      .c-hero__image > img {
        position: static;
        top: 0;
        left: 0;
        /*height: 100%;*/
        transform: none;
        object-fit: cover;
        object-position: center;
        } 
}
/*end hero */

.topHeader{
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.logo_nav{
	padding-top: 1rem;
	padding-bottom: 1rem;
}



.header__logo{
    display: inline-block;
    padding-top: 25px;
    padding-bottom: 15px;
}

.loginMenu{
	color: #FFFFFF;
    font-weight: bold;
    font-family: "Univers LT", Arial, sans-serif;
    font-size:1rem;
    padding-top: 7px;
   
}
@media (max-width: 576px){
	.memberLogin{
		margin-bottom:10px;
	}
}

@media (min-width: 576px){
	.memberLogin{
		margin-left:0px;
	}
}

.login{
	/*16px*/
	font-size: 1rem;
	text-align: center;
	line-height: 1.25rem;

}
/* prev todo remove
.loginLinks{
	font-size: 0.95rem;
	text-align: center;
	line-height: 1.25rem;
}
*/

.loginLinks{
	background-color: #0277A7;
	border-radius: 5px;
	white-space: nowrap;
	text-align: center;
	padding: 3px 0px 3px 0px;
}

@media (max-width: 576px){
	.loginLinks{
	padding:unset;
	}
}

/*Search box styles*/
.search_input {
    position: absolute;
    min-height: 41px;
    border: none;
    color: #FFFFFF;
    background: transparent;
    border-color: #04385E;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    transition: 0.5s;
    z-index: 40;
    width: 65px;
    font-weight:bold;
    padding:0px;
}

.search_input::placeholder {
    color: #FFFFFF;
    font-family: "Univers LT W01_65 Bold1475968", sans-serif; 
 }

.search_input:focus {
    background-color: #002C4C;
    border: 1px solid #FFFFFF;
    /* width:90%;*/
    argin-right:5px;
 }

@media (max-width: 576px){
    .search_input:focus {
         width:81vw;
    }
}
@media (min-width: 577px) and (max-width: 768px){
    .search_input:focus {
        width:300%;
    }
}
@media (min-width: 769px) {
    .search_input:focus {
        width:230%;
    }
}

input, textarea {
    width: 100%;
    padding: 0.5rem;
    border: 1px solid #8192a4;
    background: #FFFFFF;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: 14px;
    margin: 0;
}

.search_btn {
    position: inherit;
    min-height: 41px;
    width: 40px;
    align-items: center;
    color: #FFFFFF;
    background: none;
    border: none;
    line-height: 1;
    padding: .5rem;
    z-index: 40;
}

/* DentistSearch Page Style */
.formInputField{
    border-radius:10px!important;
    border-color:#003366!important;
}
/*set font to 16px - mob devices, avoids auto zoom IOS*/
@media (max-width: 768px){
.formInputField {
    font-size: 16px;
}
}

@media (max-width: 768px){
	.lang-dropdown_mob{
	    font-size: 16px;
	}
}


.formAdditionalText{
     font-size:1rem;
}

.formIcon{
    height: 40px;
    width: 40px;
}

.roundedBorder{
    border-radius: 0px 0px 35px 0px;
}

.pdfIcon{
    height: 25px;
    width:25px;
}

.infoIcon{
    font-size: 1.5rem;
    color: #0277A7;
    border:none;
    background-color: white;
    margin-top: -5px;
}

.noBorder{
    border:none!important;
}

.modal-title{
    color: #003366;
    /*24 px*/
    font-size: 1.5rem;
    font-weight: bold;
}

.denSearchModalSpecTitle{
    color: #003366;
    background-color: white;
    border: none;
    font-weight: bold;
}


.denSearchModalAllDenSpecsDesc{
    display: none;
}

.pageHeader{
    color:white;
    position: relative;
    /*z-index: 1;*/
    z-index:50;
}

.h2InlineWithCirIcon{
    font-size: 2em;
    color:#003366;
    vertical-align: middle;
}

.inlineWithCirIcon{
    color:#003366;
    vertical-align: middle;
}

/*Nominate a Provider, Provider search results*/
.roundedBorderContainer{
    border: 1px solid #756E61;
    border-radius: 14px 14px 14px 14px;
    padding: 5px 10px 5px 10px;
}

/*Nominate provider spinner*/
.spanner{
    position:fixed;
    top: 50%;
    left: 0;
    background: #2a2a2a95;
    width: 100%;
    display:block;
    text-align:center;
    height: 100%;
    color: #FFF;
    transform: translateY(-50%);
    z-index: 1000;
    visibility: hidden;
    padding-top: 15%
}

.overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    visibility: hidden;
}

.loader,
.loader:before,
.loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}
.loader {
    color: white;
    font-size: 20px;
    margin: 80px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
.loader:before,
.loader:after {
    content: '';
    position: absolute;
    top: 0;
}
.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.loader:after {
    left: 3.5em;
}
@-webkit-keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}
@keyframes load7 {
    0%,
    80%,
    100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

.show{
    visibility: visible;
}

.spanner, .overlay{
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.spanner.show, .overlay.show {
    opacity: 1
}

/*Footer*/
.printedMaterials{
	color: #FFFFFF;
	background-color:#0277A7;
	border-radius: 10px 10px 10px 10px;
    font-weight: bold;
    width:200px;
    border: 1px solid white;
}

@media (max-width: 992px){
	.sm-icon {
	   max-width: 70%;
	}
}

@media (max-width: 576px){
	.sm-icon {
        max-width: unset;
	}
}

.social_media-column{
	padding-top: 10px;
}

@media (max-width: 768px){
	.social_media-column{
	    padding-bottom: 10px;
    }
}

/*@media (max-width: 992px) and (min-width: 480px) {*/
@media (max-width: 992px){
	.sm-icon-fb {
	   padding-left:50px;
	}
}

@media (max-width: 576px){
	.sm-icon-fb {
	   padding-left: unset;
	}
}

.footerContactDiv{
    min-height: 50px;
}

@media only screen and (max-width: 992px) {
    .footerContactDiv{
        height: 120px;
    }
}

.footer__menu-item {
    display: inline;
    color: #FFFFFF;
    font-size: 1rem;
    font-weight: bold;
    padding-right: 0.875rem;
}
.footer__contact{
	font-size: 1.125rem;
}
a.footer__contact hover{
	color:red;
	 text-decoration:none;
}

.joinEmailFooter{
	float:right;
}

.footerContactBreak{
	   display:none;
}
     

@media only screen and (max-width: 992px){
	.joinEmailFooter{
	float:unset;
   }
    .footerContactBreak{
	   display:block;
     }
   
}


/* International services */
@media only screen and (max-width: 768px){
    .intServImgDiv{
        width: 100%;
        padding-bottom: 1rem;
    }
}

.intServLink{
    color: #0277A7;
    text-decoration: underline;
    font-weight: bold;
}

/* findADentistResult */
.sectionHead{
    color: #003366;
    font-weight: bold;
    font-size:1.1rem;
}

.subSectionHead{
    color: #0277A7;
    font-weight: bold;
}

.oneRemFont{
    font-size: 1rem;
}

.findDenResultsH2{
    color: #003366;
    padding-bottom: 0.5rem;
    font-weight: bold;
}

.findDenResultsH3{
    color: #003366;
    padding-bottom: 0.5rem;
    font-weight: bold;
}


/* FAQs */
.card-header{
    background-color: #41738C;
}

.card-header h2 .btn-link{
    color: white;
}

.cardBodyEnroll_OtherCoverage{
	flex: 1 1 auto;
    padding: 1.25rem;
    padding-bottom: 0px;
}

@media (min-width: 768px){
	.cardBodyEnroll_OtherCoverage a{
	    color: #0277A7;
	}
}

@media (max-width: 768px){
	.cardBodyEnroll_OtherCoverage a{
	    color: #000000;
	}
}

.card-body a{
    color:black;
    /*font-size: 1rem;*/
}


/* Circular icons */
.blueIcon{
    width: 77px;
    height: 77px;
}

.contactUsPremFinder{
	border: 1px solid #756E61;
    border-radius: 14px 14px 14px 14px;
    /*top, right,bottom, left*/
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    margin-bottom: 20px;
}

.contactUsPremFinder img {
    float: left;
    margin: 5px;
}

.contactUsRow1{
	 min-height: 80px;
	
    
}
.contactUsRow1 img {
    float: left;
    margin-right: 5px;
}
/* Home page cards */

.card-columns__double{
	column-count: 2;
}


@media  (max-width: 992px) {
    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}
/*ensures card container are equal height*/
@media (min-width: 992px) and (max-width: 1200px) {
    .longCard .card-horizontal{
        min-height: 190px;
    }
    .card-horizontal{
        min-height: 213px;
    }
    .homeTopCardBody{
        min-height: 177px;
    }
}
@media (min-width: 1200px) {
    .longCard .card-horizontal{
        min-height: 169px;
    }
    .homeTopCardBody{
        min-height: 158px;
    }
   
    
}
.homeTopCardBody{
	padding-top: 5px;
}

@media (min-width: 992px) {
	
     .shortCard{
        min-height: 275px;
    }
    .resourcesCard{
    min-height: 300px;
    }
    
}

.card{
    border-radius: 10px 10px 10px 10px;
    /*matches grey line after feat offerings*/
    border-color:#A49E99;
}
.card-footer{
   /* background-color: #F2F4F7;*/
    background-color:#ffffff;
    border-top:none;
}
.card-body{
    padding-bottom: 0px;
}
.card-horizontal {
    display: flex;
    flex: 1 1 auto;
}



/* Responsive Image Classes */
@media (max-width: 992px) {
    .respImageWrapper{
        padding-bottom:20px;
    }
    .respImage{
        max-width: 570px;
        border-radius: 5px 5px 5px 5px;
    }
}
@media (min-width: 992px) {
    .respImageWrapper{
        float: right;
        width: 500px;
    }
    .respImage{
        float: right;
        width: 500px;
        border-radius: 5px 5px 5px 5px;
    }
}

@media (max-width: 992px) {
    .respImageWrapper{
        padding-bottom:20px;
    }
    .respImage{
        max-width: 570px;
        border-radius: 5px 5px 5px 5px;
    }
}


.cirBlueIconWidth{
    width: 77px;
}
.cirBlueIconWidthSm{
    width: 55px;
}

@media (max-width: 992px){
	.cirBlueIconWidthSm{
    width: 48px;
	}
}
.cardFooterLink{
    padding-left: 55px;
    color: black;
    font-size: 1rem;
}

.pl50{
    padding-left: 50%;
}
.cBlack{
    color: black;
}
.cWhite{
    color: white;
}
.mtb25 {
    margin-top: 25px;
    margin-bottom: 25px;
}

.mobileAppIcon{
    height:48px;
    width:144px;
}
@media (max-width: 388px){
	.mobileAppIcon{
	   margin-bottom:10px
	}
}


.mobileAppImg{
	width:90%;
	height:90%;
}

.blueUnderline{
    text-decoration: underline;
    text-decoration-color: #008ACB;
    text-decoration-thickness: 2px;
}

@media (max-width: 768px){
	.blueUnderlineSm{
	    text-decoration: underline;
	    text-decoration-color: #008ACB;
	    text-decoration-thickness: 2px;
	}
}



.blueUnderline:hover{
	text-decoration-color: #008ACB;
}

.intProvDirText{
    background: rgba(147, 150, 156, 0.2);
    border-top: 3px solid #756E61;
    width: 300px
}
.font1p2rem{
    font-size: 1.2rem;
}
.underlineLink{
    color: #0277A7;
    text-decoration: underline;"
}
.findDenIconWidth{
    width: 45px;
    padding-right: 10px;
}


#covidMsg{
    letter-spacing: -.1rem;
    color: #993333!important;
}


#tableOfContentHr {
    border-top: 1px solid #ffffff;
    width: 100%;
}
#downloadAppText{
    
    font-weight: bold;
    padding-top: 5px;
    padding-bottom:10px;
}
.w5rem{
    width: 14rem;
}
.w10rem{
    width: 14rem;
}
.lightBlue{
    color: #0277A7;
}
.blueLink:hover{
    color: #003366;
}
.headerPremium{
    color: #003366;
    margin-top: 10px;
    margin-bottom: 10px;
}
@media (min-width: 992px) {
    .rightSectionOfImg {
        margin-left: 310px;
    }
}

.headerFooterBgCol1{
    background-color: #003359;
}

.footerBg{
	background-color: #003359;
}
.headerFooterBgCol2{
    background-color: #032D41;;
}

.headerLogoBgCol{
    background-color:  #004F71;
}

.h3privacyPolicies,
.h2privacyPolicies,
.darkBlueBoldText{
    color: #003359;
    font-weight: bold;
}
.h2privacyPolicies{
    padding: 20px 0px 10px 0px;
}

.h3privacyPolicies{
    padding: 12px 0px 7px 0px;
}
.pPrivacy{
   margin-bottom: 0rem;
   margin-top: 0.4rem;
}
.privacyTable thead th{
    border-bottom: 2px solid #0099D8;
}
.privacyTable th,
.privacyTable td{
    border-top: 1px solid #0099D8;
}
.h3-2rem{
    height: 3.2rem;
}
.darkBlueBg{
    background-color: #003366;
}
/*dental dictionary*/
#dentalDictionaryTable tr:nth-child(even){
    background-color:rgba(147, 150, 156, 0.2);
}
#dentalDictionaryTable tr.even { background-color: rgba(147, 150, 156, 0.2)!important; }
#dentalDictionaryTable tr.odd { background-color: white!important; }

#dentalDictionaryTable{
    border: 1px solid rgba(147, 150, 156, 1);
}

#dentalDictionaryTable tr{
    border: 2px solid rgba(147, 150, 156, 1);
}
.border-top-blue{
    border-top: 5px solid #0277A7;
}
.border-top-blue-video-modals{
	
	border-top: 35px solid #0277A7;
}
.colorRed{
    color:#993333;
}
.redBg{
    background-color: #993333;
    
}
.noBorderRadius{
    border-radius: 0px 0px 0px 0px;
}
.navItem{
    border-right: 1px solid white;
}
/*find an event expand section*/
#expand-container {
    overflow: hidden;
}
#expand-contract {
    margin-top: -120%;
    transition: all 1s;
}
#expand-contract.expanded {
    margin-top: 0;
}
/*.minHeight{*/
/*    min-height: 155px;*/
/*}*/
.carousel-inner{
    min-height: 150px;
}
@media (max-width: 500px){
    .carousel-indicators {
        margin-left: -20px !important;
    }
}
.customH4{
    font-size: 1.2rem;
}
.videoThumbnail{
    height: 200px;
    max-width: 340px;
    border: 1px solid black;
}
.ccIcon{
    width: 16px;
    float: right;
    padding-top: 2px;
}

.ccIconBrochures{
	width: 16px;
    float: right;
    padding-top: 8px;
    margin-right: 50px;
}
@media (max-width: 1200px){
	.ccIconBrochures{
	float: unset;
	padding-top: unset;
	}
}

.maxWidth340{
    max-width: 340px;
}
.footerHr{
    margin-top: 3rem;
}
@media (max-width: 420px){
    .footerHr{
        margin-top: 4.4rem;
    }
}

.formErrorMessages {
    background-color: #993333;
    color: white;
}
.formError{
    border-color: #993333!important;
    border-width: 3px;
    background-color: rgba(153,51,51,0.14);
}
 /*Oral health scroll up icon*/
#scrollUpIcon {
    display: none;
    transition: .2s;
    position: fixed;
    bottom: 1.2rem;
    right: 1rem;
    z-index: 15;
    float: right;
}
@media (min-width: 576px){
    #scrollUpIcon {
        display: none!important;
    }
}
#expand-contract{
    display: none;
}
.pt-07rem{
    padding-top: 0.7rem;
}
#expandWrapper {
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    -webkit-transition: height 1s;
    transition: height 1s;
    height: 0;
    overflow: hidden;
}
#pastexpand-contract{
    display: none;
}

#pastexpandWrapper {
    -moz-transition: height 1s;
    -ms-transition: height 1s;
    -o-transition: height 1s;
    -webkit-transition: height 1s;
    transition: height 1s;
    height: 0;
    overflow: hidden;
}

@media (max-width: 768px){
    .eventCardHeight{
        min-height: 100px!important;
    }
}
#radius, #state {
    color: grey;
}
select,
select option {
    color: #000000;
}

select, #category {
	color: grey;
}

select:invalid,
select option[value=""] {
    color: grey;
}

#ieDisclaimer{
   padding-top: 8px;
   padding-bottom: 8px;
   text-align: center;
   color: #003366;
   display: none;
   /*seems to be needed to hide on ipad*/
   visibility: hidden;
}



@media (max-width: 768px){
    #noResultsDiv{
    padding-top:20px;
    }
}

/*#collapseSectTwoQ2{*/
/*    margin-left: -12px;*/
/*    min-width: 330px;*/
/*}*/

#collapseSectTwoQ2Benefits{
    padding-left: 3px;
    padding-right: 3px;
}

.eventTimeFront{
 color:#5F6369;
 font-weight:bold;
}

#zip_code{
    max-width: 7rem;
    height: 2.55rem;
}

@media (min-width: 576px) {
    #zip_code {
        min-width: 7rem;
        max-width: 14rem;
    }
}

.superscript_h1{
	font-size: 1rem;
    vertical-align: super;
   
}

.subscriptReg{
	font-size:0.75rem;
	bottom:0;
}
.inputWarning{
    background-color: rgba(255,232,155,0.7);
    color: black;
    font-weight: bold;
}

#searchError{
    display: none;
}
.errorSearchInput{
    border: 5px solid #993333!important;
}

/*Open Season*/

.openSeasonCard{
	margin-top: 1.5rem;
	padding-top: 15px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	margin-left:10px;
	
}



@media (max-width: 768px) {
	.respImageOpenSeason{
	 width:200px;
     padding-left:20px;
     padding-bottom: 15px;
    }
}

/*576*/
@media (min-width: 768px) {
    .respImageOpenSeasonWrapper{
        float: right;
       
    }
    .respImageOpenSeason{
    margin-top: -35px;
    float: right;
    width: 220px;
    }
    
}



@media (max-width: 576px) {
    .respImageOpenSeasonWrapper{
        float: none;
       
    }
    
    .respImageOpenSeason{
    margin-top: -10px;
    padding-bottom: 5px;
    }
    
   
}

.openSeasonHeader{
	padding-bottom: 10px;
	
}

.btn--custom_findADentist_input:focus-visible{
    outline: 2px solid black;
    outline-offset: 4px;
    box-shadow: none;
}
#pricingToolLink:focus-visible{
    outline: 2px solid black;
    outline-offset: 4px;
    box-shadow: none;
}
#dentalDictionarySearchBtn:focus-visible{
    outline: 2px solid black;
    outline-offset: 4px;
    box-shadow: none;
}
.provNomDate{
    font-size: 1.4rem;
    line-height: 1.25;
    color: #993333;
    font-weight: bold;
}
.nav-flyout__desktopNew{
    color:#111111;
    background: #FFFFFF;
    position: absolute;
    border-radius: 5px;
    padding: 2.5rem;
    flex-direction: row;
    width: 100%;
    top: 40%;
    height: auto;
    left: 1%;
    right: 1%;
    box-shadow: 0px 15px 20px rgba(0, 0, 0, 0.05);
}
body.modal-open {
    padding-right: 0rem!important;
}
body {
    padding-right: 0rem!important;
}
.faqResponse{
    font-size: 1.2rem;
    line-height: 1.25;
    color: #000000;
    font-weight: bold;

}
.card-header h2 .btn-link:focus-visible{
    outline: 2px solid black;
}
.outlineStyle:focus-visible{
    outline: 2px solid black;
    outline-offset: 4px;
    box-shadow: none;
    /*#FFCE0A*/
}
.blackOutline:focus-visible{
    outline: none;
    box-shadow: 0 0 2px 2px #000000;
}
.oralHealthH3{
    color: black;
    font-weight: normal;
    line-height: 1.25;
}
.dblHeightCell{
    height: 4rem!important;
}
/*Privacy Policy Page */

.privacyPolicyNavHeader{
	background-color: #003359;
    color: white;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1rem;
    margin-top: 20px;
}

.privacyPolicyNav {
    margin-left: 20px;
    border-top-left-radius: 6px;
    list-style: none;
    padding: 0;
    line-height: 44px;
 
    overflow: hidden;
    font-size: 0.9rem;
    position: relative;
}
.privacyPolicyNav li {
    background: #0277A7;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0 -5px;
    padding: 0 20px;
    font-size: 1rem;
    color: white;
}
.privacyPolicyNav a {
    color: white;
    text-decoration: none;
}
.privacyPolicyNav li.selected {
    background: white;
    z-index: 2;
    border-bottom-color: white;
    border: 1px solid white;
    color:black;
}
.privacyPolicyNav li.selected a{
    color: black;
}
.privacyPolicyNav:before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.privacyPolicyNav li.selected:before,
.privacyPolicyNav li.selected:after {
    border: 1px solid white;
    position: absolute;
    bottom: -1px;
    width: 5px;
    height: 5px;
    content: " ";
}
.privacyPolicyNav li.selected:before {
    left: -6px;
    border-bottom-right-radius: 6px;
    border-width: 0 1px 1px 0;
    box-shadow: 2px 2px 0 white;
}
.privacyPolicyNav li.selected:after {
    right: -6px;
    border-bottom-left-radius: 6px;
    border-width: 0 0 1px 1px;
    box-shadow: -2px 2px 0 white;
}

.cookieButton{
	font-size: 0.8rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 2rem;
    padding-right: 2rem;
}

.accept{
	background-color: #003359;
	border: 2px solid #003359;
	
}

.reject{
	/*included in extension of color pallette section*/
	background-color:#C4BFBC;
	color: #111111;
}

/*privacy policy page*/

.privacyPolicyMenuHeaderMobile{
	background-color: #003359;
	border-radius: 10px 10px 0px 0px;
	margin-top: 15px;
	font-weight:bold;
	color:white;
}
.privacyPolicyNavMobile{
	padding-top: 7px;
}

.privacyPolicyNavMobile button {
    background: #0277A7;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 1rem;
    color: white;
    border: none;
    outline: none;
}

.privacyPolicyNavMobile button:focus {
	 border-top:3px solid #111111;
	 border-bottom:3px solid #111111;
	 border-left:3px solid #111111;
	 border-right:3px solid #111111;
} 



.privacyPolicyNav button {
    background: #0277A7;
    display: inline-block;
    position: relative;
    z-index: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0 -5px;
    padding: 0 20px;
    font-size: 1rem;
    color: white;
    border: none;
    outline: none;
}

.privacyPolicyNav button:focus {
	 /*outline: 4px solid black; #A49E99*/
	 border-top:3px solid #111111;
	 border-left:3px solid #111111;
	 border-right:3px solid #111111;
	 margin-left:1px;
}

[role="tab"][aria-selected="true"] {
	    background: white;
	    z-index: 2;
	    border-bottom-color: white;
	    color: black;
	    outline: none;
}
	

@media (max-width: 992px){
		[role="tab"][aria-selected="true"] {
	    border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
      }
}
	


.privacyPageUL{
	  padding-left: 20px;
	  padding-bottom: 15px;
}

.euGdTable_top_head {
     background: #0277A7;
     font-size: 1rem;
}

.euGdAltTableRow{
	background-color: rgba(147, 150, 156, 0.2);
}

.iconWidth{
    width: 55px;
}
.enrollIcon{
	 width: 55px;
	 height:50px;
	 margin-top: -10px;
}

.enrollCellTopMargin{
	margin-top: 8px;
}

.shaded{
	background-color: rgba(65, 115, 140, 0.25);
}

@media (max-width: 768px){
	.shadedSm{
	background-color: rgba(65, 115, 140, 0.25);
    }
}


.uniserv_row{
 			
	padding: 15px 0px;
	border-radius: 10px;
 }
 
 .legendStyle{
 font-style: italic;
 }
 
@media (min-width: 992px){
	 .desktopTopPadding{
	 padding-top:15px;
	 }
}

.formsCards{
    background: rgba(147, 150, 156, 0.2);
    border-top: 3px solid #756E61;
    width: 335px
}

@media (min-width: 992px) and (max-width: 1200px){
	.formsCards{
    width: 310px
    }
}

.lightBlueBg{
    background-color: #0277A7;
}
@media (max-width: 576px){
	.smTopMargin{
	margin-top:15px;
   }
}
/*CET Styles*/
.disclaimerText{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 0.75rem;
	font-style: italic;
}

.costEstTable th{
    vertical-align: top;
}

.costEstTable td{
    vertical-align: top;
}

.costEstTableCell{
    font-weight: normal;
    border-bottom: 1px solid #93969C;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}

.costEstHeaderMobileCell{
	font-weight:bold;
	padding-left: 5px;
	width: 40%;
}

.costEstHeaderCell{
border-top: 1px solid #93969C;
padding-top: 10px;
padding-bottom: 10px;
}

.infoIconSvg{
	width:25px;
	height:25px;
	vertical-align:top;
}

.cetOr{
	font-weight:bold;
}

@media (max-width: 992px){
	.cetOr{
		padding:8px 0px;
        padding-left: 0 !important;
        display: block;
        text-align: left;
   }
}

.placeholderError::-webkit-input-placeholder {
    color: black;
 }
 
 .homeCard{
 border:none;
 margin-top: 15px;
 margin-left: 15px;
 }
	
	
.tileBackDrop{
	
	/* doesnt work on whats newi margin-top: 25px;*/
	padding-left: 10px;
	padding-right: 40px;
	padding-top: 25px;
	/*from pallette, opacity turned down */
	background: rgba(196,191,188,0.2);
	border-radius: 8px;

}

@media (min-width: 992px){
		.secondRowTile{
		  padding-top:30px;
		 }
}

.tileCard{
	height:100%;
	padding-bottom:10px;
	border:0px;
}

@media (max-width: 992px){
	.tileCard{
	  padding-bottom:30px;
	}
	.iconCardCentre{
	padding-top:unset;
	}
}

.iconCardCentre{
	padding-left: 2px;
	padding-top:30px;
}

.wn23-titletext{
		padding-top: 15%;
		
}
	
@media (max-width: 992px){
	.wn23-titletext{
		padding-top: 5px
		
	}
}
	
	
.wn23-brochure-links{
	padding-left: 0rem;
}



@media (max-width: 992px){
	.mobileAppimgDiv{
		margin-bottom:-30px;
	}
	
	.child_topImg{
	width:90%;
	height:90%;
    }

}

.child_topImg{
	border-radius:5px;
}

.borderRadius5{
	border-radius:5px;
}


.mobAppText{
	margin-top:25px;
}
   
@media (min-width: 992px){
	
	.mobAppText{
	margin-top:50px;
   }
   
   
}

@media (max-width: 992px){
	
   .mobAppText{
	margin-left:20px;
   }
}

.brochureresourcestitle {
	    margin: 1.75rem 0rem;
	    font-weight: bold;
	}
	
.brochureresourcescard {
		border-top: .5rem solid;
		border-bottom: 0rem;
		border-left: 0rem;
		border-right: 0rem;
		border-top-color: rgba(196,191,188,0.8);
}


.vidIconXs{
		width: 2rem;
}

.pdfButton{
	padding-top:20px;
	padding-bottom:20px;
}

@media (max-width: 992px){
	.pdfButton{
	padding-top:unset;
	
   }
}

/*provider finder styles*/
.intProvDirText{
		background: rgba(178, 223, 247, 0.4);
    	border-top: 4px solid #004F71;
    	width: 100%;
    	border-radius:5px;
	}
	
	@media (max-width: 576px){
		.intProvDirText{
		width: 90%;
		margin-left:10px;
	   }
	}
	
	.findDentistNominateButton{
		width: 100%;
		display: inline-block;
	    font-size: 1rem;
	    cursor: pointer;
	    padding-top:.75rem;
	    white-space: nowrap;
	    border: 1px solid #6D7883;
	    text-align: center;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #ffffff;
	    border-color: #F2F4F7;
	}

	.findDentistIntBtn{
		width: 100%;
		font-size:1rem;
		
	}
	
	
	
	@media (max-width: 768px){
		.findDentistIntBtn, .findDentistNominateButton{
		padding-top:12px;
	   }
	}
	
	@media (max-width: 385px){
		.findDentistNominateButton{
		width: 150%;
	   }
	}
	

@media (max-width: 385px){
		.findDentistNominateButton{
		width: 150%;
	   }
}
	
.faqCard{
	padding-bottom: 10px;
    padding-top: 10px;
}

.oralHealthMsg{
	font-size:unset;
	margin-top: 30px;
	margin-bottom: 30px;
	padding-left:8px;
	padding-right:8px;
}

.hero__sub_wrap{
	white-space: nowrap;
}

/*@media (min-width: 992px) and (max-width: 1200px) {*/
@media (max-width: 1200px){
		.hero__sub_wrap{
			white-space: unset;
	   }
}

.blockImg{
	height:100%;
}

@media (max-width: 1200px){
	.blockImg{
	height:90%;
	}
	
}

@media (max-width: 992px){
	.blockImgRight{
		padding-top:10px;
	}
	
}

@media (max-width: 992px){
	.blockImgLeft{
		padding-bottom:10px;
	}
	
}

.blockHeading{
	padding-top:2%;
}

@media (max-width: 992px){
	.blockHeading{
	padding-top:unset;
   }

}

/*Footer (banner) styles*/
.footer__banner {
    position: relative;
    margin-top: 30px;
}

.footer-container {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 1.25rem;
}



.footer__banner__inner {
    position: relative;
    border-radius: 5px;
    padding: 2.5rem 1.5rem;
    background: #0277A7;
    color: #FFFFFF;
    z-index: 10;
}

.footer__banner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: #003359;
    z-index: 0;
}

@media (max-width: 992px){
	.footerButtonMobile{
		padding-left:10px;
		padding-top:10px;
	}
	.footer__banner {
    	margin-top: unset;
	}
	.footer__banner__inner {
		padding: 1.5rem 1.5rem;
	}
	
}

.usabBlock{
	padding-top: 50px;
}

@media (max-width: 992px){
	.usabBlock{
		padding-top: unset;
		padding-left: 10px;
		padding-right: 10px;
   }
   .saveDiscountsIcons{
	   margin-left:10px;
	   margin-right:10px;
   }
}

/*Email Opt In Styles*/
 .optin_textFieldBottomPadding {
        padding-bottom: 15px;
    }

    .optin_commCheckboxIndent {
        margin-left: 25px;
    }

    .optin_labelLeftPadding {
        padding-left: 15px;
    }

    .optin_radiobuttonDivError {
        border: solid 3px #993333 !important;
        border-radius: 10px;
        padding: 0 0 0 5px;
        margin: 0;
    }

    .optin_touchPaddingTop {
        padding-top: 10px;
    }
    .view-toggle-buttons {
        /* text-align: right;
        margin-bottom: 10px; */
        display: flex;
        justify-content: flex-end;
      }
      #mapContainer {
        display: flex;
      }
      
      #map {
        flex: 2;
      }
      
      #dentistList {
        flex: 1;
      }
      #dentistListContainer {
        height: 450px; 
        overflow-y: scroll;
      }
      
      .pagination {
        margin-top: 10px; 
      }
      .pagination .page-link {
        color: black;
        border: none; 
      }
      
      .pagination .page-item button {
        color: black; 
      }

      .pagination-btn-container {
        display: flex;
        gap: 2px;
      }
      .pagination-btn-container .page-item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 30px; /* Adjust the size as needed */
        height: 30px; /* Adjust the size as needed */
        border: 1px solid #000; /* Border to create the square box */
      }
      .pagination-btn-container .page-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        padding: 0;
        text-decoration: none;
        color: inherit;
      }

      .or-divider {
        display: flex;
        align-items: center;
        justify-content: left;
        font-weight: bold;
        color: #003366
      }