﻿@charset "utf-8";
/*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; 
}

.obscure { 
position: absolute !important; 
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ 
clip: rect(1px, 1px, 1px, 1px); 
} 

/*body*/
.bkgimage {
	background: url("/images/mhof/banner.jpg"); background-color:black; background-size: 100% auto;
    background-repeat: no-repeat; 
    background-position: right top;
}
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField.ms-rtestate-field img {
	max-width:100%; height:auto;
}
		
body {font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:1.2em;line-height:1.5em; color:black;
 overflow-y:visible; position:relative; overflow-x:hidden!important;}   
.ms-rtestate-field p, p.ms-rteElement-P {
	line-height:1.4em; font-size:1.1em;
}
.ms-WPBody td, .ms-WPBody {
	font-family:"Century Gothic", Arial, Helvetica, sans-serif;font-size:1em; color:black;
}
.insidecontainer {
	color:white!important; padding-top:11em;
}
/*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;
}
#ctl00_PlaceHolderMain_ctl00__ControlWrapper_RichHtmlField.ms-rtestate-field {
	color:white;
}
.ms-rtestate-field ul,
#ctl00_PlaceHolderMain_ctl01__ControlWrapper_RichHtmlField.ms-rtestate-field ul {
	list-style-image:none; list-style:none; }
.insidecontainer ul li	{
	

	list-style-image:none; list-style:none; background: url("/images/mhof/bullet.png"); background-repeat:no-repeat; padding-left:2em;background-position: 0px 4px; margin-bottom:15px;}
.row {
	margin:0px;
}
/*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;
}
/*enterprise header*/
.entheaderbkg {
	background-color:white; padding:5px 0px 5px 0px; font-size:.8em;
}

/*header*/
.logo a img {
	max-width:35em; height:auto; width:100%; left:-25px; position:relative;
}
/*Videos*/
.videowrapper {
	position:relative;
	padding-bottom:27em;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videowrapper iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:27em;}

/*accordion*/
h2.accordion-header button.accordion-button {
	font-weight:bold!important; text-align:left; font-size:1em;
}
.accordion-button:not(.collapsed), .accordion-button {
	background:#b31942; color:white; 
}
h2.accordion-header {
	color:white!important; font-weight:bold!important; text-transform:uppercase!important;
}
.accordion-button:hover {
	background:#bd0f3d; color:white;
}
h2.accordion-header button {
	text-transform:uppercase;
}
.accordion-button:focus {
	border:0px none; box-shadow:0px 0px white;
}
.accordion-button::after {margin-top:-.3em;
 font-family: "Font Awesome 5 Pro"; content: "\f0a9"; float: right; background-image:none;
}

.accordion-body {
	background-color:transparent; color:white;
}
.accordion-button:not(.collapsed)::after {margin-top:-.3em; transform: rotate(90deg);font-family: "Font Awesome 5 Pro"; content: "\f0a9";background-image:none;}


/* Button Styles */
#button input#buttonhide.btn, td.ms-toolbar input.btn, td.ms-toolbar input.btn:visited,
.btn, a.btn, .btn a, .btn:visited, a.btn:visited, .btn a:visited {
 background-repeat:repeat;
background:black;
 border:0px; margin:0px; font-size:1em; text-transform:uppercase;
 color:white!important; 
   border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px;
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px; padding:10px 20px 10px 20px; font-weight:bold;

}
#button input#buttonhide.btn:hover, #button input#buttonhide.btn:focus, #button input#buttonhide.btn:active, .btn:visited, .btn a:visited, a.btn:visited,
.btn:hover, a.btn:hover, .btn a:hover, td.ms-toolbar input.btn:hover, td.ms-toolbar input.btn:focus, td.ms-toolbar input.btn:active,
.btn:focus, a.btn:focus, .btn a:focus,
.btn:active, a.btn:active, .btn a:active {
text-transform:uppercase; background:black;
 background-repeat:repeat;
 border:0px; margin:0px; font-size:1em;
 color:white!important;
     border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
  -webkit-border-bottom-left-radius: 0px; border-top-left-radius: 0px;
  -moz-border-radius-topleft:0px;
  -webkit-border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px; text-decoration:underline;
  -webkit-border-bottom-right-radius: 0px; border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-right-radius: 0px; padding:10px 20px 10px 20px; font-weight:bold;

}


/* Link Styles */

a:link {color:#0047bb;text-decoration:none;}
a:hover {color:#0047bb; text-decoration:underline;}
a:active {color:#0047bb;text-decoration:underline;}
a:visited {color:#0047bb;}

.ms-WPBody a:link {color:#0047bb;}
.ms-WPBody a:hover {color:#0047bb;}
.ms-WPBody a:active {color:#0047bb;}
.ms-WPBody a:visited {color:#0047bb;}
.ms-WPBody a:focus {color:#0047bb;}

.ms-WPBody {font-size:100%!important;}
.ms-WPBody td {font-size:100%;}
.whitelink a {
	font-weight:normal;
}
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;
}
.whitelink h2, .whitelink .ms-rtestate-field,
a.whitelink, .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, .whitelink {
	color:white!important;
}

.insidecontainer a {
	color:#1597b8!important;
}
/* Headings */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.ms-rteElement-H1, .ms-WPBody h2, .ms-WPBody h1, .ms-WPBody h3, .ms-WPBody h4,
.ms-rteElement-H2,.ms-rtestate-field h1, .ms-rtestate-field h2, .ms-rtestate-field h3, .ms-rtestate-field h4,
.ms-rteElement-H3,
.ms-rteElement-H4 {
  
  font-weight: normal; text-transform:uppercase;
  line-height: 1.1;  color:white; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-weight:bold;
}
h1, .ms-rtestate-field h1,
.h1,
.ms-rteElement-H1, .ms-WPBody h1 {
  font-size: 1.7em;
}
h2,.ms-rtestate-field h2, 
.h2,
.ms-rteElement-H2, .ms-WPBody h2 {
  font-size: 1.5em;
}
h3,.ms-rtestate-field h3,
.h3,
.ms-rteElement-H3, .ms-WPBody h3 {
  font-size: 1.3em;
}
h4,.ms-rtestate-field h4,
.h4,
.ms-rteElement-H4, .ms-WPBody h4 {
  font-size: 1.1em;
}


/* Google Search Styles */
#searchBox input[type="submit"] {
font-family: "Font Awesome 5 Pro";  
  padding:0px;
    font-size: 1.3333333333333333em;
    font-weight: 900; color:#113765;
    border:0px none; z-index:1999;
    min-width:0px; background-color:transparent; position:absolute; right:10px; top:1.5em;
}
#searchBox {
	position:relative; z-index:1900;
}
.searchbtn {margin-top:0px;
	padding-right:5px;margin-left:-35px; position:relative; padding-top:5px; float:right; width:35px; height:auto;
}
.GoogleSearchTextBox {
  color:black!important; position:relative;
  border:1px solid #cccccc!important; 
  background:#f1f1f0!important; 
  border-right:0px none; 
  font-size:1em;
  padding:.5em!important;
  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;
width:60%; margin-bottom:1em; float:right; margin-top:1.5em;
}
.gs-result .gs-title, .gs-result .gs-title * {
	color:#1b83af!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*/

.blackbkg {
	background-color:black;
}
#entFooter p {
	margin-bottom:0px;
}
.footercenter {
 text-align:center; padding:40px 0px;
}
.footerleft {
	display:inline-block;
}
.footerright {
	display:inline-block;

}
/*homepage boxes*/
.boxes, .boxes2 {
	position:relative; width:100%;
}
.boximage img {
	width:100%; height:auto; position:relative;
}
.boxtext {

position:absolute; top:19%;  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; color:white!important; text-transform:uppercase; text-align:center;

	}

/*Other Styles*/
.toppara {position:relative; z-index:9999!important;
	padding-bottom:80px; padding-top:40px; color:#c8c7c7!important; 
}
.toppara p {
	color:#c8c7c7!important;
}
.ms-long {
	width:100%!important; margin-bottom:20px;
}
label {
	margin-bottom:0px;
}
img.wvlogo {
	padding-right:10px;
}
#breadcrumbs {
	padding-bottom:20px;
}
	
.link-item, .link-item a, .link-item a:link, .item, link-item a:focus, link-item a:active, link-item a:hover, link-item:visited 
{
	font-size:1em; padding:0px 0px 10px 0px; color:black;}	
.link-item {
	background: url("/images/mhof/bullet.png"); background-repeat:no-repeat;
}	

.accordion-body ul li {
	list-style-image:none; list-style:none; background: url("/images/mhof/bullet.png"); background-repeat:no-repeat; padding-left:2em;background-position: 0px 4px; margin-bottom:15px;
}
ul.dfwp-column.dfwp-list {
	width:33%; float:left;
}
.headertitle, .headertitle a, .headertitle a:link {
	font-size:1em;
}
.level-item, .level-item a, .level-item a:link {
	font-size:1em;
}
.level-bullet {background-image:url("/images/mhof/bullet.png"); padding-left:20px; background-repeat:no-repeat;}

ul#Ribbon.EditingTools.CPEditTab {
	list-style:none!important; list-style-image:none!important;
}


@media screen and (max-width: 1400px){



}
@media screen and (max-width: 1300px){

}
@media screen and (max-width: 1200px){
.bkgimage {
	background: url("/images/mhof/banner.jpg"); background-size: 130% auto;
    background-position: -5em top; background-repeat:no-repeat;
}

.GoogleSearchTextBox {
	width:100%;
}
.boxtext {

top:17%;  
	}

h2.accordion-header button.accordion-button {
	font-size:.9em;
}
.boxtext h2 {
	font-size:1.1em;
}

}

@media screen and (max-width: 1100px){
.GoogleSearchTextBox {
	width:100%;
}
/*header*/
.logo a img {
	max-width:30em; height:auto; width:100%; left:-25px; position:relative;
}

}

@media screen and (max-width: 992px){

h2.accordion-header button.accordion-button {
	font-size:.8em;
}
.boxtext h2 {
	font-size:1em;
}
.boxtext {

 top:18%;  }
}

@media screen and (max-width: 768px)

{
.toppara {position:relative; z-index:9999!important;
	padding-bottom:40px; padding-top:250px; color:#c8c7c7!important; text-align:center;
}


.logo a img {
	max-width:30em; height:auto; width:100%; left:0px; position:relative; text-align:center;
}
.logo {
	text-align:center; padding-top:40px;
}
.subpagehead {
	position:relative; z-index:9999;
}
.bkgimage {
	background: url("/images/mhof/banner.jpg"); background-color:black; background-size: 150% auto;
    background-repeat: no-repeat; 
    background-position: right 10em; 
    
}


/*Videos*/
.videowrapper {
	position:relative;
	padding-bottom:15em;
	padding-top:20px; 
	height:0; 
	overflow:hidden; }

	
.videowrapper iframe {
	
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:15em;}
	
.bkgimage::before {
  content: '';
  z-index: 99;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute; top:10em;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
}


}
@media screen and (max-width: 576px)

{
.bkgimage {
	background: url("/images/mhof/banner.jpg"); background-color:black; background-size: 150% auto;
    background-repeat: no-repeat; 
    background-position: right 10em; 
    
}
.toppara {position:relative; z-index:9999!important;
	padding-bottom:40px; padding-top:200px; color:#c8c7c7!important; text-align:center;
}

.bkgimage::before {
  content: '';
  z-index: 99;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute; top:10em;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0) 50%);
}
.entheaderbkg {
	background-color:white; padding:5px 0px 5px 0px; font-size:.6em;
}

}
