/*Used important due to styles in the tmeplates instead of enqueued */
strong{
	font-weight:bold !important;
}

table{
    display:table ;
}

/*tables need to bevhave like tables!*/
.bidstable, .ui-datepicker table{
    display:table !important;
}

/*Restore this font for use in event registration pages*/
#details .dashicons, #details .dashicons-before::before {
     font-family: dashicons !important;
}
     
/* #sewer is the div containing the contatct information on the homepage */
#sewer .homecurrentsub{
    font-weight:normal;
    font-style: normal;
}

/*Hide the necessary columns on the event calendar page and force it to behave like a table*/
#calendar-table .colada{display:none;}
#calendar-table { display:table; table-layout:fixed;}

#announcement{
	background-color: #0092d2;
    padding-bottom: 20px;
    clear:both;
}

#announcement p{
	color: #00254f;
    padding: 5px;
    padding-left:15px;
    padding-right:15px;
    font-size: 14px;
    background-color: #0092d2;
    margin-top: 10px;
    width:98%;
}

#announcement a{
	color: #00254f;
    text-decoration:none;
}

#announcement a:hover{
	color: black !important;
}

body .ui-tooltip{
  max-width: 440px;
}

#mobilePersonalButtons {
    position: static;
    margin-bottom: 10px;
    width: 105%;
}

#mobilePersonalButtons a{
    text-decoration:none;
}

#mobilePersonalButtons span {
    color: white;
    vertical-align: text-bottom;
    font-size: 10px;
}

#mobilePersonalButtons .floatcenter-slide {
    border: none !important;
    background-color: transparent !important;
    font-weight: normal;
    font-style:normal;
    font-size:12px !important;
}

#mobilePersonalButtons .floatcenter-slide:hover, #mobilePersonalButtons .SlideHomeBtnHover:hover, #mobilePersonalButtons .SlideHomeBtnHover {
    font-style:normal;
    font-weight: bold;
    border: none !important;
    background-color: transparent !important;
    font-size:12px !important;
}

#personalizationContainer {
    width: 51%;
    float: right;
}

#personalizationContainer a{
    text-decoration:none;
}

#personalizationContainer span {
    color: white;
    vertical-align: text-bottom;
    font-size: 12px;
}

#personalizationText .floatcenter-slide {
    border: none !important;
    background-color: transparent !important;
    font-weight: normal;
    font-style:normal;
    font-size:14px !important;
}

.picclass2 {
    margin-right: 15px;
    margin-left: 25px;
}

/*limit the height of the veterans image on careers homepage*/
.limitHeight {
    height:150px;
    text-align:center;
}

#personalizationText .floatcenter-slide:hover, #personalizationText .SlideHomeBtnHover:hover, #personalizationText .SlideHomeBtnHover {
    font-style:normal;
    font-weight: bold;
    border: none !important;
    background-color: transparent !important;
    font-size:14px !important;
}

.search-bar-menu input#s {
    background-position: 90% 7px;
    width: 100%;
    margin-left: 15px;
}

/*All inputs should use black instead of gray text*/
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], 
input[type="email"], input[type="number"], input[type="search"], input[type="tel"], 
input[type="time"], input[type="url"], textarea{
    color: black;
}

/*Hide the i-supplier training URL until the user completes the form*/
.wpcf7 form .infoSent{
	display:none;
}

.wpcf7 form.sent .infoSent{
	display:block;
}

/*hide the recaptch icon*/
.grecaptcha-badge { visibility: hidden; }

@media (max-width:360px) {
/*limit the height of the veterans image on careers homepage*/
    .limitHeight {
        height:200px;
    }
}

/*at 14px the line wraps on smaller screens, start growing here*/
@media (min-width:360px) {
    /*Larger font and centered mobile tabs */
    #mobilePersonalButtons {
        width: 100%;
        text-align:center;
    }
    
    #mobilePersonalButtons .floatcenter-slide {
        font-size:14px !important;
    }

    #mobilePersonalButtons .floatcenter-slide:hover, #mobilePersonalButtons .SlideHomeBtnHover:hover, #mobilePersonalButtons .SlideHomeBtnHover {
        font-size:14px !important;
    }
}

/*Reduce the padding on mobile devices so the personalization is on one line*/
@media (max-width:576px){
	.header  .SlideHomeBtnHover, .header .floatcenter-slide{
		padding: 2px 4px !important;
	}
	
}

@media (max-width: 768px) { 
/* Increase the padding on the serach page so the content fits properly*/
  .singlePost.span-zed-12.blogstyle4 {
		margin-left: 0px;
		padding: 10px;
	}
/*Increased the height for to prevent the search box overlapping the menu on mobile devices*/  
	.header  #searchform {
	    height: 35px;
	}
	
	.header .show-mobile-menu {
		Margin-top: 0px;
	}
	
	.header .toggleMenu {
		padding-bottom:11px;
	}
	
 }
 
/*The copyright div takes up too much space, make is smaller to provide the adjacent box more room */
@media (min-width: 992px) {   
    #footerCopyrights .siteCopyrights{
        width:25% !important;
    } 
    
    #footerCopyrights .socialmediaside {
        width:75% !important;
    } 
}

@media (max-width: 1023px) {
    #announcement{
        margin-top:40px;
    }   
    
    #announcement p {
        width:100%;
    }
    
    #announcement .row {
       margin-left: 0px !important;
       margin-right: 0px !important;
    }
    
/*The new menu uses a clearfix class that doesnt clear, only needed at 768 x 1024*/
    #menu-newcustommenu-2 {
        clear:both;
    }    

/*The "employee access" text should be a little smaller to ensure it fits on mobile devices*/
     #footerCopyrights .socialmediatext a {
        font-size: 12px;
    }

/*Change to single column mode from three columns*/
    #insideThreeColumns .one_third{
        max-width:295px;
        width:auto;
    } 
    
/*limit the height of the veterans image on careers homepage*/
    .limitHeight {
        height:467px;
    }    
}

@media (width: 1024px) {
    #personalizationContainer {
        width: 63%;
    }
 
/*Adjust the serach bar after its been moved underneath the buttons.*/ 
    #personalizationContainer #searchform {
        width: 87%;
    }   
    
    #personalizationContainer input#s {
        background-position: 320px 7px;
        width: 98%;
    }   

/*iPad specific positioning*/
    #footerCopyrights .socialmediatext {
        width: 40%!important;
    }
    
    #footerCopyrights .socialmediatext a {
        font-size: 10px;
    }
    
    #footerCopyrights .socialiconmedia {
        width: 420px!important;
    }
    
/*Allow two columns per line and images take up 100% width*/
    #insideThreeColumns .one_third{
        max-width:45%;
        width:auto;
    }  
    
    #insideThreeColumns img{
        max-width:none;
    }  
    
    .picclass2 {
        margin-left: 15px;
    }
}