/* raul - 03-21-2021 - adding common code across program pages */
 .columns-section {
	 position: relative;
	 top: -52px;
}
 @media only screen and (max-width: 767px) {
	 .columns-section {
		 position: relative;
		 top: 60px;
	}
}
/* raul - 03-21-2021 - adding common code across program pages 
 .contact-us {
	 position: relative;
	 padding-top: 50px;
	 padding-bottom: 20px;
}
 @media only screen and (max-width: 767px) {
	 .contact-us {
		 position: relative;
		 top: 130px;
		 padding-bottom: 100px;
	}
}*/











 .department-name {
	 font-size: 14pt;
}
 h2.why-choose-blinn {
	 color: #ffffff !important;
	 text-align: center !important;
	 font-family: 'Oswald', sans-serif;
}
/*navy blue section close to banner*/
 .icon_links {
	 text-align: center;
}
 .icon_links a:link {
	 display: inline-block;
	 color: #ffffff !important;
	 text-align: center;
	 text-decoration: none;
}
 .icon_links a:visited {
	 display: inline-block;
	 color: #ffffff !important;
}
 .icon_links a:hover {
	 color: #FFFFFF;
}
 .icon-links-inner{
	 text-align: center;
}
 .icon-links-inner a:link, .icon-links-inner a:visited {
	 color: #ed9f13;
	 text-align: center;
}
 .icon-desc-inner{
	padding-bottom: 25px;

}
/* this uses an id so it should only be used for the top section, right after the banner*/
 #blue-welcome {
	 background-color: #0a2240;
	 padding-top: 40px;
	 padding-bottom: 40px;
	 color: #fff;
	 position: relative;
	 top: -85px; /*originally -100*/
}
 @media only screen and (max-width: 767px) {
	 #blue-welcome {
		 top: -164px;
	}
}
 #blue-welcome .top-blue-text a {
	 color: #fdb813;
}
 #blue-welcome a:hover {
	 color: #fdb813;
}

#blue-welcome i {
  padding-top: 10px;
  padding-bottom: 10px;
}

#blue-welcome h1, #blue-welcome h2, #blue-welcome h3, #blue-welcome h4, #blue-welcome #h5, #blue-welcome h6 {
    
    color: #fff;
    
}


 i {
	 padding-bottom: 10px;
}

/*
 #blue-welcome .container .row:nth-child(2) {
	 padding-top: 40px;
}
*/

 @media only screen and (max-width: 767px) {
      #blue-welcome .container .row:nth-child(2) {
	 padding-top: 0px;
}

     
 }

/*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;
	 top: 20px;
	 padding-bottom: 20px !important;
	 color: #4B4B4C ! important;
}
 .low-gold-buttons-on-blue a {
	 color: #4B4B4C ! important;
}
/*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: 40px;
}
 .fa-blinn-white:hover::before {
	 color: #ed9f13;
}

 .blinn-gold {
	 background-color: #fdb813;
	 color: #4A4B4B;
	 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: 5px;
}
 .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: #4B4B4B;
	 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: .7s ease;
}
 .overlay-maroon {
	 background-color: #500001 !important;
}

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



 .overlay-snhu {
	 background-color: #071b39 !important;
}


 .overlay-shsu {
	 background-color: #ed6122 !important;
}


 .overlay-twu {
	 background-color: #850928 !important;
}

 .overlay-lamar {
	 background-color: #a1141c !important;
}

 .overlay-hcu {
	 background-color: #273A80 !important;
}

 .wrapper:hover .overlay {
	 opacity: 0.9;
	 height: 100%;
	 cursor: pointer;
	 cursor: hand;
}
 .text {
	 color: #fff;
	 font-size: 20px; /*changed from 16 to 20 to pass color contrast accessibility*/
	 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: 20px; /*changed from 16 to 20 to pass color contrast accessibility*/
}
 .bottom-padding {
	 padding-bottom: 30px;
}
 @media screen and (max-width: 767px) {
	 .bottom-padding {
		 padding-bottom: 30px;
	}
}
/* raul - 4025-2019 - adding overaly*/


/*
hr, .a, .b, .c, .d, .e, .f, .g {

	 border-bottom: 1px solid #97999b;
}*/