/* Semi-responsive container styles to have a fluid header and footer  */
.container {  margin-right: auto;  margin-left: auto; }
@media (min-width: 768px) { .container { width: 740px; } }
@media (min-width: 992px) { .container { width: 940px; } } 
@media (min-width: 1200px) { .container { width: 1140px; }}
@media (min-width: 1500px) { .container { width: 1440px; }}

/* button link */
a.btn-navy, a.btn-navy:visited { color: #FFFFFF; font-family: "Source Sans Pro","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif !important; }
a.btn-navy {text-decoration: none !important; color: #FFFFFF !important; }
a.btn-navy:hover, a.btn-navy:active, a.btn-navy:focus {  background: #1F2A44;   border: 2px solid #D7D9DD;   color: #D7D9DD !important;}
.btn-navy {    background-color: #1F2A44;    border: 2px solid #1F2A44;    color: #FFFFFF;    font-weight: normal;}
.btn {    display: inline-block;     margin-bottom: 0;     font-weight: 400;     text-align: center;     vertical-align: middle;     cursor: pointer;
    background-image: none;    border: 2px solid transparent;    text-decoration: none;
    white-space: nowrap;    padding: .42857143em .85714286em;
    font-size: 1em;    line-height: 1.42857143;    border-radius: .28571429em;}


/* used to postion the ohiodotgov */
#ohiogreybar{ 	background: #F2F2F2; width: 100%; height: 33px; }
#ohiodotgovContainer {  max-width: 1400px; margin: auto; overflow: hidden;     /* WAS must be relative to allow child #ohiodotgov to be positioned absolute 	right: 0px;*/	}

/* Ohio.gov text  */
#ohiodotgov a:link, #ohiodotgov a:visited { text-decoration: none; color: #000; font-weight: normal; }
#ohiodotgov a:active, #ohiodotgov a:hover { text-decoration: underline; color: #9b001a; font-weight: normal;  }
#ohiodotgov {font-family: "Source Sans Pro", Serifa, Didactic Gothic;  font-size: 13.5px; font-weight: 500;}
div#ohiodotgov {  margin-top: -9px;/* centers it in grey box */ padding-right: 55px !important; 
	 /* gives an extra 55px to the right so the login box cannot be accidentally clicked  moved logging to left so no need, but spacing is still good*/}
#ohiodotgovimg { padding: 18px 0px 0px 6px; width: 60px; border: 0; vertical-align: text-bottom;}

/* Serif headers and titles, tweaked (SP Fontscheme gets it close, this fine tunes it */
h1, h2 , h3, .ms-standardheader, .ms-standardheader a, .ms-standardheader:hover .ms-WPHeader, .ms-WPHeader a, .ms-WPHeader:hover, .ms-WPTitle .ms-core-pageTitle .ms-headerFont { FONT-FAMILY: Arvo, "Source Serif Pro",  Didactic Gothic, Serifa, serif !important;  margin: 0 0 0 0px !important; font-weight: 600 !important;}
#pageTitle {font-family: Arvo, "Source Serif Pro", Didactic Gothic, serif; font-size: 26px; font-style: normal; font-weight: 600;}
.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText > a {font-family: Arvo, "Source Serif Pro", Didactic Gothic, serif !important;}


/* Hiding of the SP search and top navigational and redundant title area elements */
#DeltaPlaceHolderSearchArea {display: none !important;}
#DeltaTopNavigation {display: none !important;}
#s4-titlerow {display: none !important;}
 
/* tweak to keep the sign in discrete and on the upper left*/
.ms-signInLink, .ms-signInLink a:visited { position: absolute; color:  #f9f9f9 !important; text-decoration: none; height: 30px; z-index: 1000; left: 20px }
@media (max-width: 1550px)  {.ms-signInLink, .ms-signInLink a:visited { position: relative; color:  #f9f9f9 !important; text-decoration: none; height: 30px; z-index: 1000; float: left; left: 275px; }


   
/* Sets the fixed larger width and centers */
#s4-bodyContainer { max-width: 1420px; margin: auto; padding: 20px; }

/*ODOT Green Header with Logo and search icon , links to IOP are in masterpage */
max-width: 1420px; margin: auto; padding: 20px; }

/*ODOT Green Header with Logo and search icon , links to IOP are in masterpage */
#ODOTGreenHeaderContainer {	background:#009969; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23); }
#MainLogoContainer { max-width: 1420px; margin: auto; overflow:hidden; height: 108px; }
#mainlogo { max-height: 110px; margin-top: -3px; padding: 0 200px 0 0; }
#mainsearch { padding: 36px 0 0 0px; margin-right: 10px; float: right; clear: right;	}
#searchicon { border: 0; width: 32px; height: 32px;	}

/* alert message */
#upgrademessage {margin: auto; background: #FBEDE7; text-align:center; padding: 5px 0; color: #D66339;}
/* Declaring and Upping the font size used overall (may need tweaking) */
body, .ms-core-defaultFont, #pageStatusBar, #migrationToolPromotionBar, .ms-status-msg, .js-callout-body {
    font-family: "Source Sans Pro","Segoe UI","Segoe",Tahoma,Helvetica,Arial,sans-serif; font-size: 16px; }

/* Adding some left and right padding breathing room to boxed content using Chrome Type with borders*/
 #WebPartWPQ2, #WebPartWPQ3, #WebPartWPQ4, #WebPartWPQ5 { padding: 0 20px; }


/* left menu adjustments All caps, theme-stock interactivity and coloring, left line next to active and tweaked padding and indentation to look more like IOP */
#sideNavBox { padding-top: 15px; }
.menu-item-text  { text-transform: uppercase !important; }
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item { display: block; padding: 10px 5px; }
.ms-core-listMenu-selected:link, .ms-core-listMenu-selected:visited, .ms-core-listMenu-selected { border-left: 6px solid #009969;}
.ms-core-listMenu-root { margin: 10px; }
.ms-noList ul, .ms-noList ol, .ms-noList { list-style-type: none; padding: 0px 0px 0px 0px;}
.ms-core-listMenu-verticalBox li.static > ul.static > li.static > .ms-core-listMenu-item {	padding: 10px 0px 10px 20px; font-weight: 300;}

/* hidding the "Site content" link from the left menu*/
#ctl00_PlaceHolderLeftNavBar_PlaceHolderQuickLaunchBottom_idNavLinkViewAll { display: none;	}

/* footer */
#footer {
	font-family: "Source Sans Pro", Tahoma, Verdana, Segoe, sans-serif;
	font-size: 13px; text-align: center; float: left; clear: both; width: 100%; background: #1F2A44; /* hard-coded NAVY color */
	padding: 20px 0; border: 0; color: #FFF; width: 100%;margin: 20px 0 0 0; line-height: 1.7; }
/* underlined in the footer and reset of color to stay white always */
#footer a:hover { text-decoration: underline; /* trumps a:link {text-decoration: none} */ }
#footer a:link { color: #FFF; }
#footer a:visited { color: #FFF; }

/* IOP breadcrumb look */
.iop-breadcrumb {font-size: 16px; font-weight: bold;  margin-top: -20px !important; }
.iop-breadcrumb a  {color: #4A4A4A; }
.iop-breadcrumb a:hover { text-decoration: underline; color: black;}
.iop-breadcrumb-active a{  color: #009969; }
.iop-breadcrumb-active a:hover {  color: #009969;  text-decoration: underline;}