@import "custom-elements.css";
@import "fontawesome-all.css";
@import "animate.css";


			 
.date.sub-title { display:block; font-size:1.2rem}
	
/* ---- FAQ Accordion ---- */
button.custom-accordion, button.tabs { color: #777; background-color: white; border: 0.02em solid rgba(209, 209, 209,.92); font-size:1.5rem; cursor: pointer; padding: 1em; width: 100%; text-align: left; transition: 0.4s; font-weight: 600 }
button.custom-accordion:after { content: '\002B'; color: #777; font-weight: bold; float: right; margin-left: 5px; }
button.custom-accordion.active:after { content: "\2212";}
button.custom-accordion.active, button.custom-accordion:hover,button.tabs.active,button.tabs:hover { color: #d1d1d1;}

div.phdmcfaq/*, div.panel*/ { padding: 0; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; width:100%;}
div.phdmcfaq .accp:first-child{ padding:25px 15px 1.5rem; margin-bottom:0}
div.phdmcfaq .accp{ padding-left:15px; padding-right:15px; font-size:1.5rem }
div.phdmcfaq .accp .acc-list {padding:top:0}
div.phdmcfaq .accp .acc-list li{ padding:0; }
div.phdmcfaq .accp li{ line-height: 1.8;}
div.phdmcfaq .accp a { font-weight:bold}
ul.accp {
    margin-left: 3rem;
    padding-bottom: 3rem;
    display: block;
}



/*------- Alerts -------*/

#alert{ width: 100%;}
.alert{ position: relative;}
.alert .btn-close { position: absolute; right:5px; top: 5px; cursor: pointer;}
.alert.alert-danger:before{ content: 'Alert: '; font-weight: bold; }

.emergency-alert{ border:4px solid #c20404; max-width: 650px; width: 100%; margin: auto; position: relative; padding:25px}
.emergency-alert .title{ color:#c20404; text-align: center; font-size: 35px; margin-bottom:25px}
.emergency-alert .popup-scroll{ /* Overflow Scroll */ overflow-y: scroll;  max-height: 750px;  padding:0 1em 0 0; }
.emergency-alert .popup-scroll::-webkit-scrollbar {background-color:#EEE;width:10px;}
.emergency-alert .popup-scroll::-webkit-scrollbar-thumb { border:1px #EEE solid;border-radius:2px;background:#777; 	-webkit-box-shadow: 0 0 8px #555 inset;box-shadow: 0 0 8px #555 inset;
-webkit-transition: all .3s ease-out;transition: all .3s ease-out; }
.emergency-alert .popup-scroll::-webkit-scrollbar-track {-webkit-box-shadow: 0 0 2px #ccc;box-shadow: 0 0 2px #ccc;}	

.emergency-alert p{ text-align: center}
.emergency-alert .mfp-close { color:#c20404!important; font-weight: bold}
.emergency-alert a.button{ background: #c20404; color: #fff; padding:15px; margin: 25px auto 25px; cursor: pointer}
.emergency-alert a.button:hover{ background: rgba(194,4,4,.5); color: #fff }


.Physician {     max-width: 300px; position:relative;  margin: auto;}

@media (min-width: 992px){
.Physician {display: block;  position: absolute; top: 0;  width: 25%;  min-width: 250px;  right: 5%;}
}
/*------- Videos -------*/
.yt-videos { position: relative; margin-bottom: 2rem;}
.yt-video-player{display: flex;  width: 100%;  justify-content: center;  align-content: center;   align-items: center;}
.btn-play-white, .btn-play-white a{ color: rgb(255, 255, 255);} 
.btn-play-black, .btn-play-black a{ color: rgb(0, 0, 0);} 
.btn-play-white, .btn-play-white a:hover{ color: rgba(255, 255, 255, .5);} 
.btn-play-black, .btn-play-black a{ color: rgba(0, 0, 0 , 1);} 
.btn-play-white .yt-video-player, .btn-play-black .yt-video-player{ font-family: 'Font Awesome 5 Free'; font-weight: 400; cursor: pointer;}
.btn-play-white .yt-video-player:after, .btn-play-black .yt-video-player:after { content: "\f144"; position: absolute;  font-size: 4rem;}
.btn-play-white.btn-large .yt-video-player:after, .btn-play-black.btn-large .yt-video-player:after {font-size: 4rem;}


.video-container .field-entry { width: 100%; }


@media (min-width: 992px){

    .video-container .field-entry { display: flex; flex-wrap: wrap;}
    .btn-play-white .yt-video-player:after, .btn-play-black .yt-video-player:after { font-size: 3vw;}
    .btn-play-white.btn-large .yt-video-player:after, .btn-play-black.btn-large .yt-video-player:after {font-size: 5vw;}
    .video-container  .col-auto { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; 	flex-basis: 0; 	max-width: 100%;}
}



h1 {
    font-size:30px
}

blockquote {
    padding: 0px 20px 10px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #F2E9D8;
}


#mainbody {
    padding:15px;
}
/**
SEARCH
**/

#mod-search-searchword,
#search-searchword {
    font-size:.9em;
    line-height:12px;
    font-style: italic;
    padding: 10px 10px;
    height:29px;
    margin-top:-3px;
}

.phrases-box {
    margin-left:40px;
}

.a2z {
    font-size:.9em;
    font-style: italic;
    padding: 5px 10px;
    height:30px;
    margin:6px 0;
}

.search-results {

}

fieldset.only  {
	margin-left:15px;
}

.result-title {
    margin-top:25px;
}

.result-text {
    margin:6px 0 6px 10px;
}

.result-category {
    margin:6px 0 6px 10px;
}

.result-created {
    margin:6px 0 6px 10px;
    padding-bottom:10px;
    font-size:.86em !important;
    border-bottom:1px dotted #E0CAA1;
}

.phrases-box {
    border: 1px dotted #E0CAA1;
    margin:0;
    padding:10px;
}

.phrases-box label {
    display:inline;
    padding-left:40px;
}

.ordering-box,
.form-limit {
    margin-top:15px;
}

p.counter {
    margin-top:-20px;
    float:right;
}

/**
MENU
**/
#menu {
    max-height:60px !important;
}

.navbar-nav > li > a {
    padding-top:12px;
    padding-bottom:12px;
    font-size:1.1em;
    text-align:right;
}

.navbar-nav > li.active {
    font-weight:700;
}

/**
FEATURE
**/

#feature {
    padding-top:15px;
}





/**
TWITTER BLOCK
**/

iframe#twitter-widget-0 {
    max-height:374px !important;
}




.twitter-block {

    padding-left:0;
    padding-right:0;
}




/**
BOTTOM1
**/

#bottom1 .nav-tabs {
    margin-top:4px;
}



/**
NEWSFLASH
**/

ul.newsflash-vert {
    line-height:1.2em;
    height:402px;
    padding:15px 0 0;
    margin: 0;
    border-radius:2px;
    overflow: scroll;
    overflow-x: hidden;
}

.newsflash-item {
    min-height:72px;
    padding-bottom:10px;
    overflow: hidden;
}

.newsflash-vert li {
    list-style: none;
}

.newsflash-item img {
    width:60px;
    height:60px;
    margin:0 12px 0px 15px;
}

.newsflash-item a {
    width:80px;
    height:80px;
    border:none;
}
.newsflash-item a.readmore {
    width:80px;
    height:20px;
    text-align:center;
    font-size: .8em;
    padding: 2px;
    border-radius: 2px;
    border:1px dotted #D3B579;
    background-color:#FBF8F3;
    margin: 4px 4px 0 0;
    float:right;
}

.newsflash-item a.readmore:hover {
    border-color: #222;
    color:#fff;
    background-color:#222;
}


/**
JEVENTS
**/

/**
LATEST EVENTS
**/

#latestevents {
    line-height:1.2em;
    height:402px;

    margin: 0;
    border:1px solid #EEE;
    border-radius:2px;
    overflow: scroll;
    overflow-x: hidden;
}

.mod_events_latest_first, .mod_events_latest {
    background-color: #fff;
    border-style: solid;
    border-width: 0px 0px 1px 8px;
}

a.event-link {
    display:block;
    padding:15px;
    text-decoration: none;
}
a.event-link:hover,
a.event-link:focus,
a.event-link:active {
    display:block;
    background-color:#F2F2F2;
    text-decoration: none !important;
    outline: 0;
    text-decoration: none;
}


/**
CONTENT
**/

aside.sidebar-righ {
    border-left:1px dotted #E0CAA1;
}

p.readmore a {
    color:#fff;
}

p.readmore a .glyphicon-new-window:before {
    content: "\e164";
}

.item-page,
.docman_table_layout,
.category-list,
#jevents,
.search,
.contact {
    padding:0 15px 15px;
    background-color: #fff;
    border:1px dotted #eee;
}

.search {
    padding-top:15px;
}

#jevents,
#middle {
    padding-top:15px;
}

.item-page p {
    font-size:1em;
}

.item-page p.img_caption {
    font-size:.9em;
    text-align:center;
    color:#fff;
    background-color:#444;
    padding:2px 0;
}

#content-area .blog .items-row .well {
    position:relative;
    min-height:340px;
    background-color:#fff;

    -webkit-box-shadow: 6px 6px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 6px 6px 5px 0px rgba(102,102,102,1);
    box-shadow: 6px 6px 5px 0px rgba(102,102,102,1);
}

#content-area .blog .items-row .well p.readmore {
    position:absolute;
    bottom:6px;
}

#content-area .blog .items-row .well p.readmore a {
    display:block;
    width:305px !important;
}

#content-area .blog .items-row .well .item-image {
    margin:0;
}

#content-area .blog .items-row .well p.phone-number-in-card {
    position:absolute;
    bottom:48px;
    right:20px;
    font-size:1.1em;
    font-weight: 700;
    text-align: right;
}

#content-area .blog .items-row .well p.phone-number-in-card:before {
    font-family: "Glyphicons Halflings";
    content: "\e182";
    margin-right: 6px;
}

#content-area .item-page img {
    margin:8px;
    padding:4px;
    border:1px dotted #88BCFF;
}

.page-header {
    padding-bottom:0;
    border-color: #3276cc;
}


/**
Glyphicon
**/
.link:before {
    font-family: "Glyphicons Halflings";
    content: "\e144";
    margin-right: 2px;
    font-size:.7em;
}

.chevron-right:before {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    margin-right: 4px;
    font-size:.7em;
}

.info-2em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 10px 10px 10px 0;
    margin-top:-10px;
    font-size:2em;
    float:left;
}

.info-2-2em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 10px 10px 10px 0;
    font-size:2.2em;
    float:left;
}

.info-3em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 10px 10px 10px 0;
    font-size:3em;
    float:left;
}

.info-4em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 10px 10px 10px 0;
    font-size:4em;
    float:left;
}

.info-4-2em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 15px 15px 15px 0;
    margin-top:-10px;
    font-size:4em;
    float:left;
}

.info-5em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 20px 20px 20px 0;
    font-size:5em;
    float:left;
}

.info-6em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 30px 20px 30px 0;
    font-size:6em;
    float:left;
}

.info-7em:before {
    font-family: "Glyphicons Halflings";
    content: "\e086";
    padding: 30px 20px 30px 0;
    font-size:7em;
    float:left;
}

.qmark-1em:before {
    font-family: "Glyphicons Halflings";
    content: "\e085";
    padding: 5px 5px 5px 0;
    font-size:6em;
    float:left;
}

.qmark-6em:before {
    font-family: "Glyphicons Halflings";
    content: "\e085";
    padding: 20px 20px 20px 0;
    font-size:6em;
    float:left;
}

.plus:before {
    font-family: "Glyphicons Halflings";
    content: "\2b";
    padding: 0 6px 0 0;
}

.list:before {
    font-family: "Glyphicons Halflings";
    content: "\e056";
    padding: 0 6px 0 0;
}

.list-alt:before {
    font-family: "Glyphicons Halflings";
    content: "\e032";
    padding: 0 6px 0 0;
}

.glyphicon-remove-circle:before {
    content: "\e088";
}

.glyphicon-ok-circle:before {
    content: "\e089";
}

.glyphicon-play:before {
    content: "\e072";
}

.glyphicon-ok:before {
    content: "\e013";
}

.glyphicon-pause:before {
    content: "\e073";
}

/*
.glyphicon-remove:before {
    content: "\e014";
}
*/
ul.bullet-replace {
    list-style-type: none;
    margin:0;
    padding-left:30px;
}

ul.bullet-replace li {
    margin: 0px;
    text-indent: -2em;
    margin-left: 1em;
}

li.glyphicon-ok:before {
    content: "\e013";
    font-family: 'Glyphicons Halflings';
    font-size:1.2em;
    position: relative;
    margin-right: 10px;
    top: 3px;
}

li.glyphicon-remove:before {
    content: "\e014";
    font-family: 'Glyphicons Halflings';
    font-size:1.2em;
    position: relative;
    margin-right: 10px;
    top: 3px;
}

li.glyphicon-play:before {
    content: "\e072";
    font-family: 'Glyphicons Halflings';
    font-size:1.1em;
    position: relative;
    margin-right: 10px;
    top: 3px;
}

li.glyphicon-pause:before {
    content: "\e073";
    font-family: 'Glyphicons Halflings';
    font-size:1.2em;
    position: relative;
    margin-right: 10px;
    top: 3px;
}

.icon-circle {
    width: 90px !important;
    height: 90px;
    border-radius: 50%;
    display: block;
}

.icon-rect {
    width:120px !important;
    height: 36px;
    margin:0 auto;
    border-radius: 4px;
    font-size: 22px;
}



/* AQI */
.Good {
    background-color: #00E400;
    color: #fff;
}

.Moderate {
    background-color: #FFE100;
    color: #444;
}

.USG {
    background-color: #FF7E00;
    color: #fff;
}

.Unhealthy {
    background-color: #FF0000;
    color: #fff;
}

.Low {
    background-color: #ccffcc;
    color: #444;
}

.P_Moderate {
    background-color: #ffff66;
    color: #444;
}

.High {
    background-color: #ff9900;
    color: #444;
}

.Very_High {
    background-color: #cc0000;
    color: #fff;
}

/**
FOOTER
**/

footer,
#content {
    margin-top:0;
}

.footer-nav > li.active > a {
    text-decoration:none;
}

footer .footer-2 {
    font-size:.9em;
    overflow:hidden;
}

/*
footer .footer-2 a,
footer .footer-2 .address a {
    border-bottom:1px dashed;
}

footer .footer-2 a:hover,
footer .footer-2 .address a:hover,
#middle a {
    border-bottom:none;
}
*/
footer .hs-logo {
    width:100px;
    height:100px;
}

footer a.no-border {
    border:none;
}

/**
HOMEPAGE BUTTONS
**/

.btn-homepage,
.btn-homepage-no-hover,
.slider {
    display:block;
    border-radius:4px;
}

.btn-homepage span {
    margin-left:-9999px;
}

.feature-button {
    height:400px;
    margin:0;
}

#slideshow,
.huge-button {
    display:block;
    height:400px;
    border-radius:4px;
}

#slideshow-2,
.huge-button-2 {
    height:200px;
    margin-bottom:15px;  }

.big-button {
     height:363px;
     margin:4px 0;
 }

.big-button-2 {
    height:200px;
}

.small-button {
    height:175px;
    margin:4px 0 9px;
}

.tiny-button {
    height:85px;
    margin:4px 0 7px;
}

.wide-button {
    padding-left:0;
    padding-right:0;
    height:90px;
    /*margin-top:1px;*/
}

.wide-tiny-button {
    height:54px;
    margin:4px 0 7px;
}

.wide-thin-button {
    margin-bottom:5px;
}




.rapca-log {
    background:url(../../../images/_cogs/btn/187by170/rapca_logo_sm.jpg) no-repeat center bottom;
}

#btn-flu-level-min {
    background:url(../../../images/_cogs/btn/345by85/flu_level_minimal.jpg) no-repeat;
    width:345px;
    height:85px;
}
#btn-flu-level-low {    background:url(../../../images/_cogs/btn/345by85/flu_level_low.jpg) no-repeat;    width:345px;    height:85px;}

/**
Focus Banner
**/
#focusbanner {
    width:100%;
    margin:5px 0;
}


/**
SECTION BACKGROUND COLOR
**/

.top-content-inside {
    margin:20px 0 0;
    min-height:110px;
    padding:0;
}


#feature,
#slider {

}

#intro {

}

#bottom1,
#middle-section,
#feature-section {
    padding:15px 0;
}

/**
SOCIAL ICONS
**/

ul.social-icons {
    margin-right:0;
}

ul.social-icons li {
    margin:6px 2px 2px;
}



/**
TABS
**/


.tab-pane {
    margin:0 !important;
    padding-top:0;
    padding-bottom:0;
}

.nn_tabs.outline_handles ul.nav-tabs>li.active>a,
.nn_tabs.outline_handles ul.nav-tabs>li.active>a:hover,
.nn_sliders-toggle-inner {
    font-weight:700;
}

.tab-content {
    background:#fff !important;
}

.nn_tabs.outline_handles ul.nav-tabs>li a,
.nn_tabs.outline_handles ul.nav-tabs>li a:hover {
    background-color:#fff;
    color:#444 !important;
}

.nn_tabs.outline_handles ul.nav-tabs>li.active>a,
.nn_tabs.outline_handles ul.nav-tabs>li.active>a:hover {
    border-bottom-color:#fff !important;
    color:#222 !important;
}

.nav-tabs ul {
    display:table;
}
.nav-tabs > li {
    float: left !important;
    margin-bottom: -1px;
}

.nn_tabs.outline_content>.tab-content>.tab-pane {
    padding: 0 !important;

}

.nav-tabs {
    background-color:transparent !important;
}

/**
DOCMAN
**/

.docman_list_layout,
.docman_table_layout,
.docman_document_layout{
    margin-to:15px;
}

.docman_table_layout h3.koowa_header {
    font-size:1.6em;
    color:#3276cc;
    border-color:#3276cc;
    margin-top:15px;
}

.k-visually-hidden {
	display:none;
	visibility: hidden;
}

/**
YOUTUBE RESPONSIVE REPLACE
**/
.youtube-container { display: block; margin: 0 auto; width: 100%; height:195px !important; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-botto: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; heigh: 100%;  object-fit: cover;}
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("http://i.imgur.com/TxzC70f.png") no-repeat; }
#youtube-iframe { width: 100%; height:195px !important; position: absolute; top: 0; left: 0; }








.valign-middle {
    vertical-align: middle !important;
    align-self: center;
    align-items: center;}



.mit-bg, .cdp-bg, .bh-bg { color: #fff; text-align: center; padding: 8px 0; }
    
    .mit-bg{ background-color:#9d225c}
    .cdp-bg{ background-color:#2e919a}
    .bh-bg{ background-color:#1d76bc}
    
    .mit-txt{color:#9d225c}
    .cdp-txt{color:#2e919a}
    .bh-txt{ color:#1d76bc}
    
    .bh-bg.title, .cdp-bg.title, .mit-bg.title{margin-bottom: 10px; font-weight: bold; font-size: 16px;}

    .title.mit-txt,.title.cdp-txt,.title.bh-txt{ font-size: 18px; margin: 15px 0 10px; font-weight: bold; text-align: center;}
    
    .mit-border, .cdp-border, .bh-border { padding: 5px 15px; margin: 15px 0; font-weight: bold; font-size: 13px; min-height: 90px; display: flex;
    align-content: center;}
    .mit-border span, .cdp-border span, .bh-border span{ color: #999; display: block; font-size: 12px; font-weight: 400;} 
    
    .mit-border{border:2px solid #9d225c; }
    .cdp-border{border:2px solid #2e919a}
    .bh-border{ border:2px solid #1d76bc}
    
    .dashboard small{ text-align: right; font-weight: bold;}
    .dashboard .icon-wrapper img{ border: none;}
    .dashboard .icon-wrapper { margin-bottom: 2rem;}
    .dashboard .icon-wrapper .title{ text-align: center; font-weight: bold;}
    
    .dashboard  button.custom-accordion,.dashboard button.tabs { font-size: 13px}
    .dashboard .custom-accordion{ width:100%;color: #1d76bc; font-weight: bold ; border: 1px solid #ccc; background-color: #fff; text-align: left; padding:10px }
    .dash-section-wrapper .title{ font-size: 18px;}
              
                
    .objectives {background-color: #f3f3f4; border: 1px solid #ccc; margin: 10px ; padding: 10px 15px; font-size: 13px}            
    .objective-title, .strategies-title { font-weight: bold; }
    .strategies { border: 1px solid #ccc; margin-bottom: 5px; padding: 5px 15px; background: rgba(204, 204, 204, .25); border-left: 3px solid #ccc;}
    
    .dashboard-data iframe { width: 100%; border-width: 0px;min-height: 325px;border: 1px solid #ccc;}
    

   .section-description {align-content: center;align-self: center;}
    
   .fas.fa-circle,.fas.fa-power-off, .fas.fa-caret-right,.fas.fa-minus {font-size: 18px; width:25px}
.fas.fa-circle{color: rgba(182,52,187,1);}
.fas.fa-power-off{ color: rgba(0,0,0,1);}
.fas.fa-caret-right{ color: rgba(0,115,57,1);}
.fas.fa-minus{color: rgba(153,153,153,1);}


    @media (max-width:980px){
    .dashboard .icon-wrapper{ max-width:250px; width:100%; margin:2rem auto}
    }
    
     .dashboard .row, .dashboard-top .row{ margin:0}
  .dashboard-top { margin-bottom:2rem}
  .dashboard-top .icon-wrapper{ max-width: 165px; margin: auto}
 .dashboard-title {
    text-align: center;
    font-size: 20px;
    /* font-weight: bold; */
    margin: 15px 0 35px;
}
  
.dashboard button.custom-accordion, .dashboard button.tabs {
    font-size: 13px;
    display: flex;
    align-content: center;
    width: 100%;
    position: relative;
}

.fas.fa-circle, .fas.fa-power-off, .fas.fa-caret-right, .fas.fa-minus {
    font-size: 18px;
    width: 25px;
    margin-right: 10px;
    align-content: center;
    align-self: center;
}

.objective-title, .strategies-title {
    font-weight: bold;
    display: flex;
}

.mfp-close-btn-in .mfp-close {
    color: #999;
}

.fas.fa-caret-right {
    color: rgba(0,115,57,1);
    font-size: 30px;
}


button.custom-accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 5px;
}