@charset "utf-8";

/*SharePoint 2019 Updates*/
#s4-bodyContainer {padding-bottom:0px;}  
.ms-webpartzone-cell {margin-bottom:0px;}
#MSOTlPn_MainTD {display: block; position: fixed; top: 0; right: 0; z-index: 1000; height: 100% !important; width: auto !important; overflow-y: auto; background: #fff;}
#MSOTlPn_MainTD > table {margin-right: 19px; position: static; width: 100%;}
.ms-TPBorder {width: 100%;}
.ms-dlgContent, .ms-dlgFrameContainer, #contentBox {
	background-color:white!important;
}
.ms-backgroundImage #ms-notdlgautosize {
	background:white!important; background-image:none!important;
}
  .level-section {
	list-style:none; list-style-image:none;
}
.ms-rtestate-field ul,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField.ms-rtestate-field ul {
	list-style-image:url(/images/bulleto.png);
}
ul.dfwp-list li {
background-image:url(/images/bulleto.png); background-position:left center;background-repeat:no-repeat; padding-left:10px; list-style:none;
}
ul{list-style-image:url(/images/bulleto.png);}
.level-bullet {background-image:none; padding-left:20px; list-style-image:none; list-style:none; padding-left:0px; margin-left:0px;}
ul.dfwp-list li div.item .link-item a {
	color:black!important;
}
/*Backend Menu*/
#s4-workspace.ms-core-overlay div#s4-bodyContainer div#s4-titlerow.ms-dialogHidden div#titleAreaBox.ms-noList.ms-table.ms-core-tableNoSpace div#titleAreaRow.ms-tableRow div.ms-breadcrumb-box.ms-tableCell.ms-verticalAlignTop div.ms-breadcrumb-top div#DeltaTopNavigation.ms-displayInline.ms-core-navigation .static li.static a.static,
#s4-workspace.ms-core-overlay div#s4-bodyContainer div#contentRow div#sideNavBox.ms-dialogHidden.ms-forceWrap.ms-noList div#DeltaPlaceHolderLeftNavBar.ms-core-navigation .static li.static a.static {
	color:black!important;}
/*carousel*/
.carousel-control-next i.fas.fa-2x.fa-arrow-circle-right,
.carousel-control-prev i.fas.fa-2x.fa-arrow-circle-left {
	color:#f99c2b!important;
}
.carousel-caption {
	position:relative; left:10%; right:10%; width:80%; padding-bottom:0px;
}
.carousel-control-next, .carousel-control-prev {
	top:-1.5em;
}
/*alert*/
.alertnew {
	background-color:#1237ab; color:white; text-align:center;   border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: }
a.alertnew, .alertnew a {
	color:white!important;
}

/*Navigation Accessibility*/
.skip a
{
position:absolute; 
left:-10000px; 
top:auto; 
width:1px; 
height:1px; 
overflow:hidden;
} 
.skip a:focus 
{ 
position:static; 
width:auto; 
height:auto; 
}
.bottompad {
	padding-bottom:40px;
}

/*body*/		
body, .ms-WPBody td, .ms-WPBody {font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:.9em;line-height:1.3em;}
body {
	color:black;
 overflow-y:visible;}   

.container-fluid {
	padding-left:5%; padding-right:5%;
}
  .obscure { 
position: absolute !important; 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
clip: rect(1px, 1px, 1px, 1px); 
} 

/*Enterprise Header*/
.entheader {
	background-color:#8b5983; color:white;
}

/*Site Header*/ 
.logoheader a img {
	width:45%; height:auto;
}
.mainheaderbkg {
	 background:#ebe8ee; background-image: linear-gradient(to right, #ebe8ee , #d4f5fa); padding-bottom:15px; margin-bottom:30px;

}
.mainheaderbkg2 {
	 background:#ebe8ee; padding-top:40px; padding-bottom:40px; background-image: linear-gradient(to right, #ebe8ee , #d4f5fa); 
}

.dhhrlogo a img {
	width:50%; height:auto; margin:35px 0px 15px 0px;
}



/* Navigation */

#menu {
 background:white;}
 
 
#nav .additional-background {background-image:none!important;padding:0px!important;}
/*top level items*/
#nav li.static {margin:15px 30px 15px 0px!important;padding:0 30px 0px 0px!important;white-space:normal; color:#1b3dad; font-size:1.2em; font-weight:bold!important; cursor:pointer; border-right:1px solid #1b3dad;}
#nav a.static {color:#1b3dad!important; margin:0px!important; padding:0px!important;}
#nav a.static:hover, a.dynamic.menu-item:hover{text-decoration:underline!important;}
/*dropdown*/
#nav a.dynamic.menu-item {margin:0px 0px 10px 3px; padding:0px 0px 10px 3px;text-transform:none; font-weight:bold; border-bottom:1px solid #d3d3d3!important; border-right:0px none!important; font-size:12px;color:black!important;}
/*Keeps selected item from turning bold*/
#nav .ms-selected, .ms-pivotControl-surfacedOpt-selected, .ms-core-listMenu-selected, .ms-hero-command-enabled-alt {font-weight:bold;}
/*remove bullet in dropdown items*/
#nav ul.dynamic {list-style-image:none!important; list-style-type:none; width:230px!important; padding:10px 10px 0px 10px!important; margin-left:10px;}
/*remove extra spacing before first item*/
#nav ul#zz10_RootAspMenu.root.ms-core-listMenu-root.static {padding-inline-start: 0px!important; padding:0px!important;}
#nav ul {padding-inline-start:0px!important;}
/*removes border from last item*/
#nav ul.dynamic > li.dynamic:last-child > .menu-item {border: 0px solid transparent!important; padding-bottom:0px!important;}
#nav li.static:last-child  {border: 0px solid transparent!important; padding-right:0px; margin-right:0px;}

#nav .ms-selected, .ms-pivotControl-surfacedOpt-selected, .ms-core-listMenu-selected, .ms-hero-command-enabled-alt {
	font-weight:bold!important;
}
/*purple bkg*/
.purplebkg {
	background-color:#8b5983; color:white; font-size:1.2em; font-weight:bold; padding:30px 25% 30px 25%; text-align:center; margin-top:10px;
	  border-top: 15px solid;
  border-image: linear-gradient(45deg, #4a5c9b, #d5d9e8) 1;
}
.purplebkgsub {margin-bottom:30px;
	background-color:#8b5983; color:white; font-size:1.2em; font-weight:bold; padding:30px 25% 30px 25%; text-align:center; margin-top:10px;
}
.purplebkgsub p {
	margin-bottom:0px;
}

.purplebkg p {
	margin-bottom:0px;
}

/*color bkg*/

.colorbkg {background-image:url(/images/colorblockbkg.jpg); background-repeat:no-repeat; background-position:center; padding-top:40px; padding-bottom:40px;	  border-bottom: 15px solid;
  border-image: linear-gradient(45deg, #4a5c9b, #d5d9e8) 1;
}	
.kids img {
	width:60%; height:auto; text-align:center;
}
.kids {
	text-align:center;
}
.centertext {
	text-align:center;
}

/* Button Styles */
#button input.btn,
.btn, a.btn, .btn a {
 background:#f88e0c;
  border:0px none;
 color: white!important; font-weight:normal;
   border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; padding:10px; margin-top:5px; margin-left:0px; font-size:1em;

}
#button input.btn:hover, #button input.btn:focus, #button input.btn:active,
.btn:hover, a.btn:hover, .btn:hover a, 
.btn:focus, a.btn:focus, .btn:focus a,
.btn:active, a.btn:active, .btn:active a {
 background:#f99c2b; font-size:1em; color: white; font-weight:normal;
 border:0px none; margin-left:0px;
   border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; padding:10px; margin-top:5px;


}

.cqfeed a img {
	display:none;
}
/*How Do I*/
.whitebox img.howdoipix {
	width:100%; height:auto; padding:10px;
}
.whitebox {
	background-color:white; width:100%; height:auto;
}
.bulletbox {
	padding:20px;
}
/*Help4WV*/
.help4logobtn .btn img {
	width:100%;
}
.help4logobtn .btn {
	width:100%; background-color:#8b5983;
}
.help4logobtn .btn:hover, .help4logobtn .btn:focus, .help4logobtn .btn:active {
	 background-color:#75436d;
}
.helpblip {
	 font-size:1.3em; line-height:1.4em;
}
.rightpad {
	padding-right:60px;
}
.leftpad {
	padding-left:60px;
}
/*Videos*/
.videoembed {
	position:relative;
	padding-bottom:290px;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	.videoembed2 {
	position:relative; 
	padding-bottom:690px;
	padding-top:20px;height:0; 
	overflow:hidden; }

.videoembed iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%; 
	height:290px;}
	
	.videoembed2 iframe {
	
	position:absolute;
	top:0;
	left:0; 	width:100%;
	height:690px;}

.videohelp4 {
	padding-top:50px;
}

/*contact box*/
.socialicon {
	display:inline; float:left; font-size:3em; padding:20px 20px 20px 0px;
}
/* Link Styles */

a:link {color:#1a3eae;}
a:hover {color:#1a3eae; text-decoration:underline;}
a:active {color:#1a3eae;}
a:visited {color:#1a3eae;}

.ms-WPBody a:link {color:#1a3eae}
.ms-WPBody a:hover {color:#1a3eae;}
.ms-WPBody a:active {color:#1a3eae;}
.ms-WPBody a:visited {color:#1a3eae;}
.ms-WPBody a:focus {color:#1a3eae;}

.ms-WPBody {font-size:100%!important;}
.ms-WPBody td {font-size:100%;}

a.blacklink, a.blacklink:hover, a.blacklink:focus, a.blacklink:focus, a.blacklink:active, a.blacklink:visited, .blacklink a, .blacklink a:visited, .blacklink a:active, .blacklink a:hover  {
	color:black;
}
a.whitelink, h2.whitelink, .whitelink, .whitelink h2, .whitelink a, a.whitelink:focus, .whitelink a:focus, a.whitelink:visited, .whitelink a:visited, a.whitelink:active, .whitelink a:active, a.whitelink:hover, .whitelink a:hover {
	color:white;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.ms-rteElement-H1,
.ms-rteElement-H2,
.ms-rteElement-H3,.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4,
.ms-rteElement-H4, .groupheader.item.medium {
  font-family:"Century Gothic", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1.1;
   font-style:normal; margin-bottom:.9rem;
}
h1,
.h1,
.ms-rteElement-H1, .ms-rtestate-field h1 {
  font-size: 1.8em;color: #595959;
}
h2,
.h2, .ms-rtestate-field h2,
.ms-rteElement-H2, .groupheader.item.medium {
  font-size: 1.6em;color: #595959;
}
h3,
.h3,.ms-rtestate-field h3,
.ms-rteElement-H3 {
  font-size: 1.4em; color:#595959;
}
h4,.ms-rtestate-field h4,
.h4,
.ms-rteElement-H4 {
  font-size: 1.2em; color:#595959;
}

/* Google Search Styles */
.searchbtn {
	margin-left:-35px; position:relative; padding-top:5px; width:32px; height:auto;
}
.GoogleSearchTextBox {
  color:black; 
  border:1px solid #cccccc!important; 
  background:white; 
  border-right:0px none; 
  font-size:16px;
  padding:11px 0 10px 10px!important;
width:70%; margin-bottom:20px;
}
.gs-result .gs-title, .gs-result .gs-title * {
	color:#0067ac!important;
}
.gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
	color:black!important;
}
.gsc-control-cse {width: 96%;}
.cse .gsc-control-cse {width: 96%;}
.gsc-branding {display: none;}
.cse .gsc-branding {display: none;}
.gsc-control-cse div {position: normal;}
.cse .gsc-control-cse div {position: normal;}

/* Search button */

input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
}
.cse input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
}
/*Footer*/
#entFooter p {
	margin-bottom:0px;
}
/*Other Styles*/
.ms-long {
	width:100%!important; margin-bottom:20px;
}
label {
	margin-bottom:0px;
}

img.wvlogo {
	padding-right:10px;
}
#breadcrumbs {
	padding-bottom:20px;
}

ul{list-style-image:url(/images/bulleto.png);}
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField.ms-rtestate-field ul li {list-style-image:url(/images/bulleto.png);}

/*events*/
.bulletbox .groupheader,
.panel-heading {
	background-color:#8b5983; border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px; color:white!important;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; padding:10px; margin-bottom:15px;
}
.panel-heading h4 {
	color:white!important;
}
#accordion.panel-group .panel.panel-default .panel-heading h4.panel-title a.groupheader .groupheader {
	font-size:1em!important;
}
.panel-heading h4.panel-title a {
	color:white; font-size:1.6em;
}	
.newsitem {display:block; width:100%; margin:0px 0px 15px 0px; }
.newsdate {width:100px!important;  
 background:#1a3eae; font-size:2em;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px; border-top-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px; border-top-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px; float:left;
  text-align:center!important; height:auto; color:white; margin:0px 15px 15px 0px;  padding:15px;}
  .newscomments, .newscomments a, a.newscomments {color:black!important;

}
.newsitem {
	border-bottom:1px solid #cccccc;
}

/*wv system*/
.bluebkg {
	background-color:#22708b; padding-top:40px; padding-bottom:40px; color:white;
}
.bluebkg h2 {
	color:white; text-align:center; margin-bottom:40px;
}
.wvsystem.col-md-4.col-sm-12.col-xs-12 {
	float:left; text-align:center;
}
.percentage {
	font-size:3em; font-weight:bold; display:inline; padding-right:20px;
}
.percentageicon {
font-size:1.2em; display:inline;
}
/*footer*/
.footerbkg {
	text-align:center; background-color:#0d3f51; padding-top:40px; padding-bottom:40px; color:white;
}
a.footerbkg, .footerbkg a {
	color:white!important;
}
  @media screen and (max-width: 1400px){
  .container-fluid {
	max-width:100%; padding-right:20px; padding-left:20px;
}
.purplebkg {
	padding:30px 15% 30px 15%; }

}
  @media screen and (max-width: 1200px){

#nav li.static {margin:15px 15px 15px 0px!important;padding:0 15px 0px 0px!important;}
/*Site Header*/ 
.logoheader a img {
	width:75%; height:auto;
}


.GoogleSearchTextBox {
	width:90%;}
.kids img {
	width:80%; height:auto; text-align:center;
}
.rightpad {
	padding-right:30px;
}
.leftpad {
	padding-left:30px;
}
.purplebkg {
	padding:30px 20px 30px 20px; }


}
@media screen and (max-width: 992px){
#nav li.static {margin:15px 13px 15px 0px!important;padding:0 13px 0px 0px!important; font-size:1em;}
.kids img {
	width:90%; height:auto; text-align:center;
}
/*Videos*/
.videoembed {
	position:relative;
	padding-bottom:190px;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videoembed iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:190px;}

.videoembed2 {
	position:relative;
	padding-bottom:390px;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videoembed2 iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:390px;}

}


@media screen and (max-width: 767px)

{
.rightpad {
	padding-right:15px;
}
.leftpad {
	padding-left:15px;
}

.nav-wrap div, ul.static {
	width:100%!important;
}
#menu #content {
	position:relative; z-index:9999!important; width:100%; text-align:left;
}

.row.navbkg .col-12 {
	padding:0px!important; margin:0px!important;
}
 .menumargin {
	margin: 0px 0px 0px 0px;
}

.helpblip {
	text-align:center;
}

.kids img {
	width:100%; height:auto; text-align:center;
}




#search {
	text-align:center;
}
.mobileheader {
	text-align:center;
}
.mobileheader a img {
	width:80%; height:auto; text-align:center;
}
.mainheaderbkg {
	 background:#8b5983; background-image:none; padding-bottom:10px; margin-bottom:20px; padding-top:10px;
}
.bluebkg h2 {
	margin-bottom:0px;
}

.wvsystem {
	margin-top:35px;
}

.navbkg {
 margin-bottom:0px;}
.control {
	display:inline-block;
}

.control a {
 color: #FFFFFF;
 display: inline-block;
 font-size: 1em;
 font-weight:bold;
 margin: 0.2em 0;
 padding: 0.5em 1em;
 text-decoration: none;
 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.7);}
 
 
  ul.static {
	max-width:100%!important; border-bottom:1px solid #aaaaaa!important; z-index:9999!important; position:relative!important; margin-left:0px!important; margin-top:0px!important;}

#nav li.static {width:100%!important;border:1px solid #aaaaaa!important; border-bottom:0px none!important;
 background:white!important; 
  margin:0px!important; padding:20px 30px 20px 30px!important; padding-left:10px; } 
#nav a.static {width:100%!important;}

#nav li.static:last-child  {border:1px solid #aaaaaa!important;}


li.static.dynamic-children ul.dynamic li.dynamic a.dynamic.menu-item
{margin:0px 0px 10px 3px!important; padding:0px 0px 10px 3px!important;text-transform:none!important; font-weight:normal!important; border-bottom:1px solid #d3d3d3!important; border-right:0px none!important;}


li.static:last-child > a.static:last-child {margin:15px 0px 15px 0px!important;padding:0 0px 0px 0px!important;border-right:0px none!important;}


li.dynamic:last-child > a.dynamic.menu-item.ms-core-listMenu-item.ms-displayInline.ms-navedit-linkNode:last-child
{margin:0px 0px 0px 3px!important; padding:0px 0px 10px 3px!important;border-bottom:0px none!important; padding-bottom:10px!important;}

/*fix for messed up nav*/
#nav ul.dynamic > li.dynamic:last-child > .menu-item:last-child {
	padding-bottom:10px!important;
}

#content {padding-top:0px!important; background-image:none!important; position:absolute; width:100%!important;}
#menu {background-image:none!important;}
.control img {
	z-index:9999!important; position:relative;
}

#nav li.static {margin:15px 16px 15px 0px;padding:0 16px 0px 0px;font-size:1.1em;}
a.calendarbtn.btn {
	font-size: 1.8em; background:#8b5983; width:100%!important; font-weight:bold; margin-top:20px;
}
a.calendarbtn.btn:hover, a.calendarbtn.btn:focus, a.calendarbtn.btn:active {
	background:#75436d;
}
a.contactbtn.btn {
	font-size: 1.8em; font-weight:bold; width:100%!important; margin-top:20px;
}
.carousel-caption {
	position:relative; left:15%; right:15%; width:70%; padding-bottom:0px;
}

/*Videos*/
.videoembed {
	position:relative;
	padding-bottom:190px;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videoembed iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:190px;}
	
	.videoembed2 {
	position:relative;
	padding-bottom:190px;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videoembed2 iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:190px;}


.videohelp4 {
	padding-top:20px;
}

}
@media screen and (max-width: 567px)
{
.videohelp4 {
	display:none;
}

.leftpad {
margin-top:25px;
}

}