/* AccessHealthCT � All rights reserved, 2013 */
/* Purpose of document: Connecticut State Health Care Exchange (HIX) Theme */

/* ++++ Fonts ++++ */

/* ++++ Base Tag Definitions ++++ */
@font-face {
    font-family: 'focobold';
    src: url('fonts/foco_bold-webfont.woff2') format('woff2'),
         url('fonts/foco_bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
html {
    height: 100%;
}

body {
    background: #FFFFFF !important;
    color: #666666;
    padding-top: 0px;
    font-size: 1.0em;
    line-height: 22px;
    height: 100%;
    font-family: 'Focobold';
}

body.modal-open {
    overflow: hidden;
}

form {
    margin: 0px;
}

.standardtable tr.odd, tr.odd, tr.dark {
    background-color: #EFEFEF;
}

.standardtable tr.even, tr.even, tr.light {
    background-color: #FFFFFF;
}

/*.container { max-width: 1000px;}*/

hr {
    border-width: 2px;
    border-color: #dadada;
    border-bottom: none;
}
div#header_content, div#header {
            border-bottom: 6px solid #F69523 !important;
            height: 134px ;
            padding-top: 10px;
        }

.no-pad { padding: 0 !important;}
.no-mar { margin: 0 !important;}
#logoText { font-size: 16px; padding-top: 10px;}
.p-abs { position: absolute;}


#logoText {
    font-size: 16px;
    padding-top: 10px;
}

.lang-btn { bottom: 0; right: 10px}
ul#SelLang li { list-style: none; font-size: 14px; color: #e55b39; cursor: pointer;}
#main-graphic {
  /*  background: url(../img/Family_Background.jpg) no-repeat;
    height: 390px;
    position: relative;*/
   /* width: 100%;*/
}
#main-message {
        /* border-bottom: 4px dotted #F69523;
        border-top: 4px dotted #F69523; */
    font-size: 19px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: left;
}

#mainHeader {
    color: #ff6600 !important;
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    white-space: nowrap;
    font-family: 'focobold';
    text-shadow: 3px 2px 7px rgba(114, 114, 114, 0.73);

}
#mainHeader h3 { font-size: 30px}
#main-message p {
    color: #fff;
    text-shadow: 3px 2px 7px rgba(114, 114, 114, 0.73);

}

#footer {
    width: 100%;
}
#footer p { margin: 0; font-size: 13px; padding: 15px 0;}

#footer ul#footer-link { margin: 0; padding: 0; text-align: right}
#footer ul#footer-link li { display: inline-block; list-style: none; font-size: 12px; padding: 15px 0;}
#footer ul#footer-link li a { color: #000; }
#footer ul#footer-link li:before {content: "|"; margin-right: 5px; margin-left: 5px;}
#footer ul#footer-link li:first-child:before { content: ""}

#footer ul#social-link { margin: 0; padding: 0; display: inline-block; float:right}
#footer ul#social-link li { list-style: none; display: inline-block; padding: 13px 0; margin: 0 4px}
.clear { clear: both}

.legend {
    background-color: #f05a29;
    color: #fff;
    font-family: Arial, Helvetica;
    font-weight: bold;
    vertical-align: middle;
    padding: 10px 0 10px 0px;
    min-height: 25px;
    color: white;
    font-size: 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.legend h1 {
    color: white;
    font-family: 'focobold';
    font-size: 25px;
    font-style: normal;
    font-weight: bold;
    line-height: 35px;
    margin: 0;
    text-align: center;
}
.legend-content { padding:25px; border: #ff000038 solid 1px; border-top:0; margin-bottom: 25px; border-radius: 0 0 5px 5px}
.legend-content h3{ font-size: 18px; margin: 0}

ul#bulletLinks { margin: 0; padding: 0}

ul#bulletLinks li { background: #eeeeee; padding: 10px 40px; text-align: center; width: 46%; margin: 10px; display: inline-block; border: #fff solid 1px; font-size: 16px; font-weight: bold; font-family: arial; 
}
ul#bulletLinks li a { color: #999; text-decoration: none;}
ul#bulletLinks li:hover { background: #fff; border: #eee solid 1px;}
ul#bulletLinks li:hover a { color: #128ec3}
a:hover {text-decoration: none !important}




.bannerheadingalt2 h1 {
            color: #FFFFFF;
            font-weight: normal;
            font-size: 22px;
            line-height: 22px;
            margin: 0;
        }

        .entry-content h1 {
            font-size: 26px;
            font-weight: normal;
            line-height: 40px;
            margin: 0 0 0.42em 0;
            padding-bottom: 2px;
        }

        .expandable-content-container {
            background-color: #f5f5f5;
            padding-bottom: 5px
        }

        

        .bannerheadingalt2 {
            background-color: #F3912D;
            color: #FFFFFF;
            overflow: hidden;
            padding-left: 30px;
            padding-top: 13px; padding-bottom: 13px;
            margin-bottom: 20px;
        }

        .toggledown {
            background: url("../img/testbulletdn.jpg") no-repeat scroll 0 8px
                transparent;
        }

        dl {
            padding: 0px;
        }

        dt {
            background: url("../img/testbulletrt.jpg") no-repeat scroll 0 8px
                transparent;
            color: #939393;
            cursor: pointer;
            font-size: 17px;
            padding: 0 0 0 15px;
            margin-bottom: 10px;
        }

        .entry-content dd,.comment-content dd {
            line-height: 1.71429;
            margin-bottom: 1.71429rem;
        }

        .entry-content dl,.comment-content dl {
            margin: 0;
            padding: 0 0 10px 10px;
        }

        dd, dd>p {
            font-size: 14px;
            line-height: 20px;
            margin: 0 0 5px 15px;
            padding: 0;
            color: #656565
        }
        dd ul { margin: 0 0 0 25px; padding: 0}
        

        .fullcontentwrapper .border-bottom {
            border-bottom: 2px dotted #989898;
        }

        .border-top {
            border-top: 2px dotted #989898;
        }

        .expandcollapse {
            padding-left: 15px;
        }

        .border-bottom {
            border-bottom: 2px dotted #F3912D;
        }

        .expandcollapse.down {
            background-image: url("../img/minus-down.png");
            background-position: 99% center;
            margin-bottom: 10px
        }

        .expandcollapse {
            background-color: #f5f5f5;
            background-image: url("../img/plus-up.png");
            background-position: 99% center;
            background-repeat: no-repeat;
            color: #919191;
            cursor: pointer;
            font-size: 20px;
            line-height: 40px;
        }

        .entry-content dl,.comment-content dl {
            margin: 0 1.71429rem;
        }

        .entry-content ul,.comment-content ul,.mu_register ul {
            list-style: disc outside none;
        }

        .entry-content ol,.comment-content ol,.entry-content ul,.comment-content ul,.mu_register ul {
            line-height: 1.71429;
            margin: 0 0 1.71429rem;
        }

        ol,ul {
            list-style: none outside none;
        }

        .go-to-top {
            font-weight: bold;
            line-height: 50px;
            margin: 15px;
            vertical-align: middle;
        }

        .sub-content-wrapper {
            box-shadow: 0 0 4px 2px #D6D6D6;
            margin: 30px 0;
            background: #f5f5f5;
        }


a.go-to-top { display: block; text-align: right; font-size: 16px; color: #333 }
a.go-to-top:hover { text-decoration: none; }
.expandable-content-container { padding: 0px;}
.fullcontentwrapper { padding: 0 30px;}
.fullcontentwrapper h2 { font-size: 22px; color: #919191}
.fullcontentwrapper p, .fullcontentwrapper table tr td, .moduledate  { font-size: 14px;}
.fullcontentwrapper table tr td { padding-left: 10px}
.fullcontentwrapper ol li { list-style: decimal}
ul#SelLang { margin: 0; }
ul#bulletLinks li.esp-text { font-size: 14px;}
@media only screen and (max-width: 768px) {
   
    div#header_content, div#header { height: auto !important;}
    
    
}
@media only screen and (max-width: 765px) {
    
    #main-graphic .col-md-5.col-xs-12.col-sm-5.banner-text { padding: 0;}
    ul#bulletLinks li.esp-text { font-size: 13px; padding: 10px;}
}

@media only screen and (max-width: 610px) {
    #logoText, ul#SelLang li, #main-message { font-size: 13px;}
    
}
@media only screen and (max-width: 516px) {
    #logoText, ul#SelLang li, #main-message { font-size: 11px; line-height: 11px;}
    
}

@media only screen and (max-width: 333px) {
   
    #header .col-md-10.col-xs-10.col-sm-10, #header .col-md-2.col-xs-2.col-sm-2, #main-body .col-md-7.col-sm-7.col-xs-12, #main-body .col-md-5.col-xs-12.col-sm-5.banner-text { padding: 0;}
    #main-message h3 { margin: 0; font-size: 14px;} 
    
}
@media only screen and (min-width: 10px) and (max-width: 620px) {
    #header .container, .legend-content { padding: 0 !important}
    #footer .col-md-5, #footer ul#footer-link, #footer .col-md-2, #footer ul#social-link { width: 100%; text-align: center;}
    #footer ul#social-link li, #footer ul#footer-link li, #footer p { padding: 0;}
    #footer { padding-bottom: 15px;}
    #main-message {     
    border-bottom: 2px dotted #F69523;
    border-top: 2px dotted #F69523;
    margin-bottom: 3px;}
    #main-message h3 { margin: 0; font-size: 24px;}
    ul#bulletLinks li { margin: 0; width: 49.5%;}
    .legend-content h3 { padding: 10px 0; font-size: 16px;}
    .fullcontentwrapper table tr td  { padding: 0}
    .fullcontentwrapper { padding: 0 5px;}
    #main-message p { padding: 0; margin: 0; font-size: 13px; line-height: 18px;}
    .legend h1, .bannerheadingalt2 h1 { font-size: 18px; line-height: 24px;}
    .expandcollapse { font-size: 15px; line-height: 30px;}
    dt, .fullcontentwrapper p, .fullcontentwrapper table tr td, .moduledate { font-size: 13px;}
    .bannerheadingalt2 { padding: 8px;}
    dt, .toggledown { background-position: 0 5px}
    dd, dd>p { padding-left: 0; margin-left: 8px}
    .go-to-top { line-height: 30px;}
    .legend-content { margin-bottom: 0;}
    .fullcontentwrapper p, .fullcontentwrapper table tr td, .moduledate{}   
}
@media only screen and (max-width: 523px) {
    
    ul#bulletLinks li { width: 100%; font-size: 14px; line-height: 16px;}
    .legend-content h3 { font-size: 15px;}
}
@media only screen and (min-width: 523px) and (max-width: 629px) {
    
    ul#bulletLinks li { font-size: 13px; line-height: 15px; padding: 10px 30px}
}
@media only screen and (min-width: 629px) and (max-width: 725px) {
    
    ul#bulletLinks li { font-size: 14px; line-height: 16px; padding: 10px 20px}
}
@media only screen and (min-width: 725px) and (max-width: 991px) {
    
    ul#bulletLinks li { font-size: 15px; line-height: 17px; }
}
@media only screen and (min-width: 991px) and (max-width: 1200px) {
    
    ul#bulletLinks li { font-size: 18px; line-height: 20px; }
}

@media only screen and (max-width: 380px) {
    ul#bulletLinks li { font-size: 12px !important; line-height: 17px; padding: 5px; width: 100%; display: block;}
}
@media only screen and (min-width: 1px) and (max-width: 767px)  {
    #footer { border-top: none; padding-top: 8px;}
    #main-message p { font-size: 13px; line-height: 17px; margin: 0}
    #main-message { border-bottom: 3px dotted #F69523;
    border-top: 3px dotted #F69523;
    margin-bottom: 3px;}
    #mainHeader h3 { margin: 0;}
}
@media only screen and (min-width: 1px) and (max-width: 301px)  {
    .logo, #logoText { text-align: center;}
    #header .p-abs.lang-btn { position: static;}
    ul#SelLang { text-align: right !important; margin: 29px 0 0 0; padding: 0;}
}

@media only screen and (min-width: 290px) and (max-width: 420px)  {
    .legend h1 { font-size: 16px; line-height: 24px;}
    .legend-content h3 { font-size: 15px; padding: 10px;}
    #main-message h3 { font-size: 23px;}
    .legend { border-radius: 0; padding: 6px; }
}
@media only screen and (min-width: 240px) and (max-width: 290px)  {
    .legend h1 { font-size: 14px !important; line-height: 24px; font-weight: normal}
    .legend-content h3 { font-size: 13px; padding: 6px;}
    #main-message h3 { font-size: 22px;}
    .legend { border-radius: 0; padding: 6px; }
}
@media only screen and (min-width: 130px) and (max-width: 240px)  {
    .legend h1 { font-size: 12px; line-height: 12px;}
    .legend-content h3 { font-size: 11px; padding: 4px;}
    #main-message h3 { font-size: 20px;}
    .legend { border-radius: 0; padding: 6px 0;}
    #main-message { padding: 5px}
    
}
    
@media only screen and (min-width: 10px) and (max-width: 130px)  {
    .legend h1 { font-size: 8px; line-height: 8px;}
    .legend-content h3 { font-size: 9px;}
    #main-message h3 { font-size: 13px;}
    .legend { border-radius: 0; padding: 6px 0;}
    ul#bulletLinks li { font-size: 9px !important;line-height: 11px;}
    
}
    
@media only screen and (max-width: 1100px) {
    #main-body {background-size: 100% !important; }
    #main-message { padding: 50px 0 0 !important;}
    
}
@media only screen and (max-width: 991px) {
    #main-message { padding: 20px 0 0 !important;}
}
@media only screen and (max-width: 875px) {
    #main-message { padding: 10px 0 0 !important;}
    #mainHeader h3 { margin: 0 0 10px 0 !important}
}
@media only screen and (max-width: 785px) { 
    .tab-mob-view, .banner-text-new { display: block !important;}
    #main-body, .banner-text-new1 { display: none !important;}
    .banner-text.no-pad { width: 100%; float: none; margin-top: 310px;}
    .banner-text.no-pad #main-message { text-align: center !important;}
    #mainHeader { 
        text-shadow:none;
    }
    #main-message p {
        color: #ff6600;
        text-shadow:none;
    }
}
  
#main-body { background: url('../img/home/moving-bg.jpg') 0 0 no-repeat; background-size: auto; }
#main-message { padding: 60px 0 250px 0}
.container-fluid.tab-mob-view {  z-index: -9 !important;}
/*.tab-mob-view1 { z-index: -9;}*/
.banner-text-new { text-align: center; color: #ff6600; padding: 0 15px; font-family: 'focobold';}
.banner-text-new1 {color: #ff6600}
.banner-text-new h3, .banner-text-new1 h3 {font-size: 30px; font-weight: bold;}
.banner-text-new h2, .banner-text-new1 h2 {font-size: 24px; font-weight:510 ;}
.banner-text-new p, .banner-text-new1 p { font-size: 19px; line-height: 23px;}
.banner-text-new1 p { color: #fff;}
.tab-mob-view1 img, .tab-mob-view img { display: block; width: 100%;  height: auto;}
.banner-text-new1 { top: 160px; left:5%; width: 680px}
.banner-text-new { display: none;}

.heading {
    margin-top:40px;
    color:rgb(64,64,64);
}

.subHeadingNew {
    margin-top:20px;
    color:rgb(64,64,64) !important;
	margin-bottom:15px;
}

#subHeader {
   font-size: 24px;
   line-height:1.3;
    color:rgb(64, 64,64);
}

#ContactNumber {
   font-size: 22px;
   line-height:1.3;
    color:rgb(69,143,249);
}
#telephone-number {
   font-size: 24px;
   line-height:1.1;
    color:rgb(107,107,107);
}

.warning_msg{
    background:rgb(70,70,70);
    color:rgb(255,255,255);
    width: 100%;
    padding:5px;
}
.spacing
{
    
    margin-left: 5%;
  
}