/* raul - 03-21-2021 - adding common code across program pages */

 .department-name {
	 font-size: 14pt;
}
 h2.why-choose-blinn {
	 color: #ffffff !important;
	 text-align: center !important;
	 font-family: 'Oswald', sans-serif;
}



 .blinn-wrapper {
	 position: relative;
	 top: 0px;
}
 @media only screen and (max-width: 767px) {
	 .blinn-wrapper {
		 top: 140px;	 
	}
}





/*this uses a class so it can be reused*/
 .blue-welcome {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 40px;
	 color: #fff;
	 position: relative;
}
 .blue-welcome-addresses {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 40px;
	 position: relative;
}
 .blue-welcome-p-link {
	 color: #fdb813 !important;
}

 .blue-welcome a {
	 color: #fdb813;
}
/* this uses an id so it should only be used for the top section, right after the banner*/
/*these buttons are the ones in the lower portion of the blue navy section*/
 .low-gold-buttons-on-blue {
	 position: relative;
	 padding-top: 20px;
}
/*LESS COMMON*/
 h2 {
	 font-weight: bold;
	 font-family: 'Oswald', sans-serif;
}
 .h2_white {
	 text-align: left;
	 color: #fff;
	 font-weight: bold;
}
 .h2_regular {
	 text-align: left;
	 color: #000;
	 font-weight: bold;
}

 .h3_white {
	 text-align: left;
	 color: #fff;
	 font-weight: bold;
}

 .helpful-links-row {
	 position: relative;
	 padding-top: 70px;
	 padding-bottom: 70px;
}
 .helpful-links-col-left {
	 text-align: left;
	 position: relative;
	 top: -5px;
}
/*raul - 2-20-2019 - changing fa color - for icon page*/
 .fa-blinn-white:before{
	 color: #ffffff;
	 font-size: 70px;
}
 .fa-blinn-white:hover::before {
	 color: #ed9f13;
}

 .blinn-gold {
	 background-color: #fdb813;
	 color: #000;
	 font-family: oswald;
	 font-weight: bold;
	 border: none;
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	 font-size: 18px;
	 width: 300px;
	 text-transform: uppercase;
	 position: relative;
	 top: 50px;
}
 .bottom_line {
	/*this is thin gray --- border-bottom: 1px solid #eeeeee;
	 */
	 border-bottom: 1px solid #000;
}
 @media screen and (min-width: 767px) {
	 .equal .span2 {
		 width: 20%;
	}
}
 .btn-blue-welcome {
	 background-color: #fdb813;
	 color: #000;
	 font-family: oswald;
	 font-weight: bold;
	 border: none;
	 border-radius: 0px;
	 -webkit-border-radius: 0px;
	 -moz-border-radius: 0px;
	 font-size: 18px;
}
 .botones-blue {
	 position: relative;
	 left: -15px;
	 padding-top: 25px;
	 font-size: 18px;
}
 @media only screen and (max-width: 767px) {
	 .botones-blue {
		 position: relative;
		 left: 0px;
		 display: flex;
		 justify-content: center;
		 align-items: center;
	}
}
/* raul - 4025-2019 - adding overaly*/
 .wrapper-real {
	 padding: 0px 10px 30px 10px !important;
}
 .wrapper {
	 position: relative;
	 width: 253px;
}
 .wrapper img {
	 width: 253px !important;
}
/* .image {
	 display: block;
	 width: 100%;
	 height: auto;
}
 */
 .overlay {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 background-color: #0033a0;
	/* background-color: #000;
	 */
	 overflow: hidden;
	 width: 100%;
	/*height: 0;
	 changed to pixes/% raul */
	 height: 50%;
	 opacity: 0.9;
	 transition: .5s ease;
}
 .overlay-maroon {
	 background-color: #500001 !important;
}

 .overlay-victoria {
	 background-color: #C8102E !important;
}

 .wrapper:hover .overlay {
	 opacity: 0.9;
	 height: 100%;
	 cursor: pointer;
	 cursor: hand;
}
 .text {
	 color: #fff;
	 font-size: 16px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -webkit-transform: translate(-50%, -50%);
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	 text-align: center;
	 font-weight: bold;
	 opacity: 1 !important;
	 width: 240px !important;
	/*raul - 6/5/2019 - added this to give more room to the text boxes */
}
 .opacity-label {
	 position: relative;
	 padding-top: 20px;
	 font-size: 18px;
	 font-weight: bold;
}
 .wrapper:hover .opacity-desc {
	 display: block;
	 visibility: visible;
}
 .opacity-desc {
	 display: none;
	 visibility: hidden;
	 font-size: 16px;
}
 .bottom-padding {
	 padding-bottom: 30px;
}
 @media screen and (max-width: 767px) {
	 .bottom-padding {
		 padding-bottom: 30px;
	}
}
/* raul - 4025-2019 - adding overaly*/






.gold-buttons {
    position: relative;
    top: 5px !important;

}