* { box-sizing: border-box}

html {
    -webkit-text-size-adjust: 100%; 
}

body {
	margin: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #333232;
    
}

a { color: #050400; text-decoration: none}
ul { padding-left:20px; margin: 0 0 20px; }
img { max-width: 100%;}

.container { max-width: 1445px; width: 100%; margin: 0 auto;}
.container-1700 { max-width: 1700px; width: 100%; margin: 0 auto;}
.bg-img { background-size: cover; background-repeat: no-repeat; background-position: center;}
.bg-img img { opacity: 0; display: block; }
h1 { margin: 0 0 20px;}
h2  { margin: 0 0 20px;} 
h3  { margin: 0 0 20px;}
h4  { margin: 0 0 20px;}

p { margin: 0px 0px 25px; line-height: 24px; }
.button {border-radius: 0px;border: none;padding:8px 10px 8px;line-height:14px;color: #fff;background-color: #c063e3;text-transform: uppercase;display: inline-block;}
.button:hover { background-color:  #050400; }
::-webkit-input-placeholder {    opacity: 1;}
::-moz-placeholder {  opacity: 1;}
:-ms-input-placeholder {    opacity: 1;}
:-moz-placeholder {  opacity: 1;}

input[type="submit"] { -webkit-appearance:none; }

/*======================= Header start =================*/
#covid-19-headline {
    background-color: #f16b7d;
    color: #FFFFFF;
    font-size: .875rem;
    font-weight: bold;
    text-transform: none;
    text-align: center;
    line-height: 1;
    padding: 10px 0 8px 0;
}
#covid-19-headline a,
#covid-19-headline a:hover,
#covid-19-headline a:active,
#covid-19-headline a:visited {
	color: #FFFFFF;
}
.site-header { float: left; width: 100%; border-bottom:8px solid #f16b7d; }
.site-header .left-side { max-width: 500px; float: left; width: 100%; padding-right:20px;}
.site-header .logo { float: left; padding-top: 30px; padding-bottom: 15px; }
.site-header .logo img { max-width:100%; width: 100%; }
.site-header .listen-link  { float: left; padding-left:80px; }
.site-header .listen-link img { max-width: 30px; display: inline-block; vertical-align: middle;}
.site-header .listen-link a { color: #615f5f; font-family: 'Open Sans', sans-serif; font-weight: 500; vertical-align: middle; }

.site-header .right-side { float: right; position: relative; width: calc(100% - 500px); text-align: right; }
.site-header .social-media { display: inline-block; position: absolute; right:150px; top: 7px; width: 90px; }
.site-header .social-media ul { padding: 0px; margin: 0px; }
.site-header .social-media ul li { display: inline-block; padding: 0px 1px; }
.site-header .social-media ul li img { max-width: 25px; display: block; }
.site-header .state-logo {padding: 20px 0px 20px 35px;  display: inline-block; vertical-align: middle;  }

nav { display: inline-block; vertical-align: middle; }
nav ul { padding: 0px; margin: 0px; display: inline-block; }
nav ul li { display: inline-block; position: relative; }
nav ul li a { font-size: 20px; text-transform: uppercase; padding: 10px 10px; font-family: 'Open Sans', sans-serif; color: #4a4949; }
nav ul li a:hover  { color: #050400;}
nav ul li:first a { padding-left: 0px; }
nav ul li:last a { padding-right: 0px; }

nav ul li .submenu { position: absolute; width: 230px; background-color: #fff; top: 100%; z-index: 2222; text-align: left; padding: 10px 0px; display: none; }

nav ul li .submenu li { width: 100%; }
nav ul li .submenu li a { font-size: 16px; width: 100%; display: inline-block;  padding: 5px 10px; }
.submenu li .submenu { top: 0px; display: none; left: 100%; } 
.touch nav ul li.open > .submenu  { display: block;  } 
.touch nav ul li .submenu li.open .submenu  { display: block; } 
.visual-assist-side { width: 38px; position: fixed; top: 160px; right: -3px; border-radius:3px; background-color: #dbdada; z-index: 999; }
.visual-assist-side .brightness-icon { padding: 5px; text-align: center; width: 100%; border-bottom: 1px solid #fff; }
.visual-assist-side .fonts-icon {padding: 9px 5px 5px;display: inline-block; }

/*======================= banner start =================*/

.banner-section {float: left;width: 100%; position: relative; }
.banner-section .banner-content { position: absolute; top: 50%; transform: translateY(-50%); max-width:680px; font-family: 'Montserrat', sans-serif;  }
.banner-section .banner-content span { font-size: 36px; color: #615f5f; font-family: 'Montserrat', sans-serif; line-height: 48px; }
.banner-section .banner-content h2 { font-size: 60px; margin: 0px 0 10px; font-weight: normal; text-transform: uppercase; font-weight:  500; font-family: 'Montserrat', sans-serif;  color: #615f5f; }

/*======================= call-outs start =================*/

.call-outs-section { width: 100%; display: flex; display: -webkit-flex;   justify-content: space-between; -webkit-justify-content: space-between;  }
.call-outs-section .call-outs-block { width:33.33%; display: flex;  display: -webkit-flex;  align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; padding: 30px 0px 20px; cursor: pointer; }
.call-outs-block .call-outs-block-content { max-width:470px; width: 100%; }
.call-outs-section .call-outs-block .call-outs-icon { width:92px; height:92px; margin-right: 30px; border-radius: 50%; display: inline-block; text-align: center; line-height: 97px; border: 8px solid #8f31b2; vertical-align: top; position: relative;}
.call-outs-section .call-outs-block .call-outs-icon:before { content: ""; display: inline-block; background-color: #fff; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; border-radius: 50%; }
.call-outs-section .call-outs-block .call-outs-icon img { max-width: 50%; position: relative; z-index: 1; }
.call-outs-section .call-outs-block .call-outs-desc { display: inline-block; vertical-align: middle; width: calc(100% - 130px); color: #625f5f; }
.call-outs-section .call-outs-block .call-outs-desc h4 { font-family: 'Merriweather', serif; font-size: 18px; margin-bottom:12px;    font-weight: normal;  }
.call-outs-section .call-outs-block .call-outs-desc p { margin: 0px;}

.call-outs-section .call-outs-block.purple { background-color: #f16b7d; }
.call-outs-section .call-outs-block.green { background-color: #88cecb; }
.call-outs-section .call-outs-block.blue { background-color: #ffdf4f; }
.call-outs-section .call-outs-block.green .call-outs-icon { border-color: #7e9d2b; line-height: 92px; }
.call-outs-section .call-outs-block.blue .call-outs-icon { border-color: #0d7573; line-height: 105px; }

/*========================= latest-news =======================*/

.latest-news-section { width: 100%; float: left; text-align: center; background-color: rgba(255,255,255,0.4); padding: 30px 0px 15px; position: relative; }
.latest-news-section::before { content: ""; display: inline-block;  position: absolute; width: 100%; background: url(images/home-bottom-bg.jpg) no-repeat center; background-repeat: no-repeat; background-size: cover; top: 0; left: 0px;  height: 890px; z-index: -1; opacity: 0.35; }
.latest-news-section h2 { text-align: center; font-size: 30px; color: #615f5f; font-weight: 500; margin-bottom: 35px; }
.latest-news-list { margin: 0px; width: 100%;  float: left; text-align: center; padding: 0; } 
.latest-news-list li { width: 33%; display: inline-block; text-align: center; position: relative; margin-bottom: 35px; vertical-align: top; }
.latest-news-list li::after { content: ""; display: inline-block;  height: 100%;  background-color: #b33ddf;  width: 2px; position: absolute; right: 0; top: 0; }
.latest-news-list li:last-child:after { display: none; }
.latest-news-list .latest-news-block { padding:15px 55px 20px;}
.latest-news-list .latest-news-block date { color: #615f5f; font-size: 18px; font-weight: 500; margin-bottom: 20px; text-transform: uppercase; display: inline-block; width: 100%;}
.latest-news-list .latest-news-block h3 { margin: 0px 0px 20px; font-size: 20px; line-height: 26px; }
.latest-news-list .latest-news-block h3 a { font-size: 20px; line-height: 26px; font-family: 'Merriweather', serif; font-weight: bold; color: #625f5f;  }
.latest-news-list .latest-news-block a.read-more, .latest-news-section .view-all { color: #625f5f; font-size: 12px; }

/*========================= newsletter =======================*/

.newsletter-section { background-color: #f16b7d; width: 100%; padding: 40px 0px; text-align: center; position: relative; float: left; }
.newsletter-section .newsletter-container { max-width: 770px; margin: 0 auto; width: 100%; }
.newsletter-section h2 { font-size: 36px; font-weight: 300; color: #fff; border-bottom: 1px solid #fff; padding-bottom: 20px; }
.newsletter-section h2 img { margin-right: 35px; display: inline-block; vertical-align:initial; max-width: 37px;}
.newsletter-section .newsletter-container form { margin: 20px 0px; display: inline-block; width: 100%;}
.newsletter-section .newsletter-container p { font-size: 18px; font-weight: 300; font-family: 'Lato', sans-serif; color: #fff; }
.newsletter-section .newsletter-container .text-input { border: none; border-radius: 0px; background-color: #fff; color: #666666; padding: 5px 25px; display: inline-block; width: 250px; margin-right: 12px; line-height: 20px; height: 32px; }


/*========================= footer =======================*/

.site-footer { width: 100%; float: left;  }
.site-footer .top-footer { width: 100%; float: left; padding: 15px 0px 25px; background-color: rgba(255,255,255,0.65); position: relative}
.inner-page .site-footer .top-footer:after { content: "";display: inline-block; background: url(images/inner-bottom-bg.jpg) no-repeat; background-position: center; background-size: cover; position: absolute;  top: 0px;  left: 0px;width: 100%; height: 100%; z-index: -1; opacity: 0.35;}
.inner-page .site-footer .top-footer.home-footer:after { content: "";display: inline-block; background: none; background-position: center; background-size: cover; position: absolute;  top: 0px;  left: 0px;width: 100%; height: 100%; z-index: -1; opacity: 0.35;}
.site-footer .top-footer .footer-logo { padding-left: 75px; width: 100%; float: left; margin-bottom: 5px; }
.site-footer .top-footer .footer-logo a { max-width: 385px; display: inline-block; } 
.site-footer .top-footer .footer-map-info { max-width: 570px; width: 100%; float: left; padding:0px 150px; }
.top-footer .footer-map-info address { font-size: 18px; font-style: normal; margin-top:8px; line-height: 30px; margin-bottom:15px; }
.top-footer .footer-map-info address a { color: #353434; }
.top-footer .social-media ul { padding: 0px; margin: 0px; }
.top-footer .social-media ul li { display: inline-block; padding: 0px 1px; }
.top-footer .social-media ul li img { max-width:35px; display: block; }

.top-footer .footer-list { max-width: 435px; width: 100%; float: left; }
.top-footer .footer-list h4 { font-size: 18px; margin: 0px 0 5px; font-weight: normal; font-family: 'Merriweather', serif; }
.top-footer .footer-list ul { margin: 0px; padding: 0px;}
.top-footer .footer-list ul li { display:block; }
.top-footer .footer-list ul li a { font-size: 18px; color: #353434; line-height: 30px; }
.top-footer .footer-list ul li a:hover { color: #050400;  }
.top-footer .member-block { float: left; }
.top-footer .member-block .nacdd-logo { max-width: 180px; margin-top: 35px; margin-left: -10px; }

.site-footer .bottom-footer { background-color: #fff; width: 100%; padding: 15px 0px; float: left; text-align: center; font-size: 12px; }
.site-footer .bottom-footer .translate-block { width: 100%; display: inline-block; margin-bottom: 13px; }
.site-footer .bottom-footer .translate-block label { color: #444343; font-weight: 500; text-transform: uppercase; padding-right:15px; font-size: 12px; }
#google_translate_element { display: inline-block; vertical-align: middle}
.goog-te-gadget { font-size: 0px !important; display: inline-block; }
.skiptranslate span { display: none  !important;}
.site-footer .bottom-footer p { display: inline-block; margin: 0px; font-size: 11px; }
.site-footer .bottom-footer ul { margin: 0px; padding: 0px 0 0 15px; display: inline-block;}
.site-footer .bottom-footer ul li { display: inline-block; padding: 0px 4px; position: relative}
.site-footer .bottom-footer ul li a { color: #353434;  font-size: 11px; } 
.site-footer .bottom-footer ul li:after { content: "";display: inline-block; height: 12px; width: 1px;background-color: #9a9a9a; position: absolute; right: -1px; top: 3px; }
.site-footer .bottom-footer ul li:last-child:after { display: none}
.site-footer .bottom-footer ul li a:hover  { color: #050400; }



/*========================= New designer Content page =======================*/

.clearfix { clear: both; }
.clearfix:after { content: ""; display: block; clear: both; }

.site-content { padding: 73px 0; background-color: #fff; clear: both; border-bottom: 4px solid #e9ab29; }
.left-navbar { background-color: #f4f9e7; width: 23%; border-right: 2px solid #b33ddf; min-height: 100px; float: left; }
.right-content { float: left; width: 77%; padding: 0 15px 0 55px; }

.sidebar-outs-block.call-outs-section { flex-wrap: wrap; }
.sidebar-outs-block.call-outs-section .call-outs-block { padding: 20px 20px 20px 55px; width: 100%; }
.sidebar-outs-block.call-outs-section .call-outs-block .call-outs-block-content { display: flex; align-items: center; max-width: 100%; }
.sidebar-outs-block.call-outs-section .call-outs-block .call-outs-icon { min-width: 61px; height: 61px; width: 61px; border-width: 5px; line-height: 67px; margin-right: 18px; }
.sidebar-outs-block.call-outs-section .call-outs-block .call-outs-desc  { width: calc(100% - 120px);  }
.sidebar-outs-block.call-outs-section .call-outs-block.green .call-outs-icon { line-height: 60px; }
.sidebar-outs-block.call-outs-section .call-outs-block.blue .call-outs-icon { line-height: 68px; } 
.sidebar-outs-block.call-outs-section .call-outs-block .call-outs-desc h4 { margin-bottom: 0; font-size: 13px; font-weight: normal; }

/* sidebar-menu */

.sidebar-menu { padding: 20px 0px 60px 0px; max-width: 220px;  margin: 0 auto;}
.sidebar-menu h3 { font-size: 14px; color: #615f5f; margin-bottom: 12px; }
.sidebar-menu h3 a { color: #615f5f; }
.sidebar-nav { padding-left: 0; list-style: none; }
.sidebar-nav li { display: block; margin: 12px 0; }
.sidebar-nav li a { font-size: 12px; font-weight: 500; color: #615f5f; }
.sidebar-nav li.active > a, .sidebar-nav li > a.active, .sidebar-nav li > a:hover { color: #050400; }
.sidebar-nav li ul { padding-left: 16px; }


.right-content h1 { font-size: 30px; color: #f16b7d; margin: 0 0 13px 0; font-weight: normal; font-family: 'Open Sans', sans-serif; }
.right-content h2 { color: #f16b7d; margin-bottom: 26px; font-size: 26px; font-weight: normal; }
.right-content h3 { color: #f16b7d; margin-bottom: 26px; font-size: 22px; font-weight: normal; }
.right-content h4 { color: #f16b7d; margin-bottom: 26px; font-size: 18px; font-weight: normal; }
/*.right-content p {  text-align: left;  }*/
.right-content li {  line-height: 24px; }
.right-content p a { color: #333232; }
.right-content p a:hover { color: #000; text-decoration: underline; }
.align-right { float: right; margin-left: 35px; margin-bottom: 35px; }
.align-left { float: right; margin-right: 35px; margin-bottom: 35px; }
.align-left { float: none; margin:0 auto; display: block; margin-bottom: 35px; }

.list-item {
    line-height: 1.57em;
    margin-bottom: 25px;
}
.return-link {
    font-weight: bold;
    float: right;
}





.fontsize, .fontsize h1, .fontsize h2, .fontsize h3, .fontsize h4, .fontsize h5, .fontsize h6, .fontsize p, .fontsize li:not(.a11y-toolbar-list-item), .fontsize label, .fontsize input, .fontsize select, .fontsize textarea, .fontsize legend, .fontsize code, .fontsize pre, .fontsize dd, .fontsize dt, .fontsize blockquote {
    font-size: 150% !important;
    line-height: 1.4;
}

.fontsize li li {
    font-size: 110% !important;
}

.fontsize li li li {
    font-size: 100% !important;
}
iframe {
border:0px;	
}
/*========================
    TinyMCE Formats Styles
======================*/
.right-content h2 {
	
}
.right-content h3 {
	
}
.right-content h2.boldh2, .right-content h3.boldh3 {
	color:#333232 !important;
	font-weight:600;
}

.primary, .button {
	background-color: #c063e3;
	color: #fff !important;
	border: 1px solid #c063e3;
}
.button:hover, .button:focus {
	background-color:#050400;
	border: 1px solid #ffdf4f;
	text-decoration:none !important;
}
.secondary {
	 background-color: #88cecb;
    border: 1px solid #88cecb;
    color: #fff !important;
}
.border-btn {
    background-color: #fff;
    border: 1px solid #d4d3d3;
    color: #666 !important;
   }
.border-btn:hover, .border-btn:focus {
    background-color: #fff;
    border-color: #d4d3d3;
    color: #666; 
	opacity:0.8;}
 
div.bordered-content-block {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 30px; }
div.bordered-content-block, div.bordered-content-block-right {
    border: 1px solid #eee;
    padding: 10px;
    margin-bottom: 30px;
    min-height: 25px; }
div.bordered-content-block img, div.bordered-content-block-right img {
      margin: 5px 5px 10px 10px; }
div.bordered-content-block-right {
    float: right;
    max-width: 420px;
    margin-left: 15px; }
ul.layout-img-left {
    margin: 0 -15px;
    padding: 0;
    display: block;
    width: 100%; }
ul.layout-img-left li {
      float: left;
      padding: 15px;
      list-style: none;
      display: inline-block;
      min-height: 25px; }
ul.layout-img-left li:nth-child(odd) {
        max-width: 25%;
        clear: both; }
ul.layout-img-left li:nth-child(even) {
        width: 75%; }
ul.layout-img-left:after {
      content: '';
      display: block;
      clear: both; }
ul.layout-img-right {
    margin: 0 -15px;
    padding: 0;
    display: block;
    width: 100%; }
ul.layout-img-right:after {
      content: '';
      display: block;
      clear: both; }
ul.layout-img-right li {
      float: right;
      padding: 15px;
      list-style: none;
      display: inline-block;
      min-height: 25px; }
ul.layout-img-right li:nth-child(odd) {
        max-width: 25%;
        clear: both; }
ul.layout-img-right li:nth-child(even) {
        width: 75%; }
.captionit {
    font-size: 12px !important; }

@media only screen and (max-width: 667px) {
  ul.layout-img-left li, ul.layout-img-right li {
    float: none;
    display: block; }
  ul.layout-img-left li:nth-child(odd), ul.layout-img-right li:nth-child(odd) {
    max-width: 100%;
    clear: both; }
  ul.layout-img-left li:nth-child(even), ul.layout-img-right li:nth-child(even) {
    width: 100%; } }
  ul.layout-img-left li img, ul.layout-img-right li img {
    max-width:100%;
	height:auto; }
/*IMAGE CAPTION STYLE*/
figure.image {
  display: table; }
  figure.image figcaption {
    font-size: 12px !important;
    font-style: italic;
    padding-top: 4px;
    padding-bottom: 4px;
    display: table-caption;
    caption-side: bottom;
    text-align: center; }
  figure.image.align-right {
    float: right;
    margin: 15px 30px; }

figure.align-right {
  float: right;
  margin: 15px 30px; }

figure.image.align-left, figure.align-left {
  float: left;
  margin: 15px 30px; }

figure.image {
  margin: 15px auto; }

/*ALERT FUNCTION STYLE*/
.alert-text {
  color:#e9ab29; }

 hr {
	border: solid #DDDDDD;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
	margin: 1.33333rem 0 1.26667rem;
}