/* =========
   UIT new test styles
   ========= */

main {
    line-height: calc(1.5em - 8px);
}

.page-section {
    padding: 1.3rem 0;
}
   

#service-search {
	 padding: 1.5rem 2rem 2rem 2rem;
	 background-color: #f2f2f2;
}
 #service-search h3 {
	 color: white;
	 text-align: center;
	 font-size: 1.5rem;
     font-weight:lighter;
}
 #service-search a:link {
	 color: white;
}
 #service-search a:visited {
	 color: white;
}
#button-field {
	 background-color: #54585a;
	 padding: 2rem;
}
#center-button {
	 background-color: #00b388;
	/* border: 3px solid #005950;
	 */
	 padding: 10px;
	 color: white;
}
#center-button a:link {
	color:white;
	text-decoration: none;
}
#center-button a:link {
	color:white;
	text-decoration: none;
}
#center-button input[type=text] {
    color:#54585a;
    display: block;
    margin: auto;
    border: 1px solid #888B8d;
    padding: 5px;
}
#center-button a:hover {
    color: white;
	text-decoration: underline;
}
#center-button a:active {
    color: #fff9d9;
}

#twobuttondiv {
	 background-color: #54585a;
	 padding: 32px;
}

#uitsearchrow
{
    padding:20px 0;
}

/* =========
   Set header and footer main background to black
   ========= */
.site-nav
{
    background-color:#000000;
}


/* =========
   UIT modular home noalert tests
   ========= */


@font-face { 
		font-family: "League Gothic"; 
		font-style: normal; 
		font-weight: bold; 
		src: url("../fonts/leaguegothic-regular-webfont.woff") format("woff"); }

@font-face { 
		font-family: "Milo"; 
		font-style: normal; 
		font-weight: bold; 
		src: url("../fonts/MiloWeb-Bold.woff") format("woff"); }

#actionrow h3 {
		font-family: "Milo"; 
		font-size: 1.25rem; 
		padding-top: 1rem; 
		padding-bottom: 0px; 
		margin: 0px; 
}
#actionrow ul {
		padding-top: 2px; 
		padding-bottom: 2px; 
		margin: 0px; 
}
#actionrow p li {
		font-family: "Milo"; 
		font-size: 1rem;
		padding-top: 0px;
}
#actionbuttons p {
		font-family: "Milo"; 
		font-size: 1.25rem;
		padding-top: 4px;
}
#actionrow a:link {
    color: #c8102e;
    text-decoration: none;
}

#actionrow input[type=text] {
    color: slategray;
    display: block;
    margin: auto;
    border: 1px solid #54585A;
    padding: 5px;
}


#actionrow a:visited {
    color: #c8102e;
}

#actionrow a:hover {
    color: #960C22;
    text-decoration: underline;
}

#actionrow a:active {
    color: #c8102e;
    text-decoration: underline;
}





/* =========
   UIT landing page test styles
   ========= */
.chevron-list {
    font-family: "Milo" !important;
}

.chevron-list ul { list-style-type: none; }
.chevron-list li:before {
    content: '\000BB';
    margin-left: -20px;
    margin-right: 10px;
}




#uitsearchrow {
	 background-color: #f2f2f2;
     margin: 0px;
     margin-right:0px;
     padding: 2px;
}
#uit-top-row-landing {
	 background-color: #f2f2f2;
     margin: 0px;
     margin-right:0px;
     padding: 20px;
}
#uitshowcase  {
    /* background-color:#c3c8cd; */
    /* width:50%; */
    /* padding-right:0px; */
    /* margin-right:0px; */
}
#uittopper  {
    background-color: #f2f2f2;
    margin-top:1rem;
}
 #uittopper h4 {
	 font-size: 1.1rem;
	 font-family: "Milo";
	 font-weight: bold;
     line-height: 1.5;
	 margin-top: 1rem;
	 margin-left:4px;
	 margin-bottom: 1.5rem;
      clear: both;
}
 #uittopper p {
	 font-family: "Milo";
	 font-size: .9rem;
	 margin-top: .5rem;
	 margin-left:4px;
	 margin-bottom: 1rem;
	 line-height: 0.9;
      clear: both;
}
 #uittopper .secondary {
 	 float:left;
	 font-size: .9rem;
	 color:888b8d;
	 margin-top:0px;
	 line-height:1;
    
}



#landing-inforow {
    font-family: "Milo";
    background-color: #f2f2f2;
    /* margin:24px; */
    /* padding-top:24px; */
}
#landing-inforow div.buttoneer {
	 color: #fff9d9; 
	 background-color: #54585A; 
	 margin: 0px; 
	 padding-top: 1px; 
	 padding-bottom: 1px;
}

#landing-inforow h3 {
     font-family: "League Gothic";
     text-transform: uppercase;
     letter-spacing: 1.5px;
     text-align: left;
	 font-size:2.0rem;
	 margin-left:1rem;
	 margin:.8rem;
}

#buttoneer {
	 font-family: "League Gothic";
	 font-weight: normal;
	 background-color:#00886c;
	 margin: 8 10 8 10;
	 border-width:1px;
	 border: 3px solid #00866c;

}


#social-contact-row {
	 background-color: #ffffff;
	 /* margin: 0px; */
	 /* margin-right:0px; */
	 /* padding: 0px; */
}
 #social-contact-row h3 {
	 font-family: "Milo";
	 font-size:1.5rem;
	 margin-left:4px;
	 margin-bottom:0px;
	 padding-bottom:0px;
}
#social-contact-row hr {
	 margin-top: .25rem;
	 padding-top:0px;
     height:2px;
     border-width:0;
     color:black;
     background-color:gray;
     margin-bottom:0px;
	 padding-bottom:0px;

}
#social-contact-row ul {
	 margin-top: 0px;
	 padding-top:0px;
}


/* =========
   UIT Alert styles fall 2017
   ========= */
#uitalertcontainer {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    max-width: 100%;
    width: 100%;
}

   
.alert {
    border: 1px solid transparent;
    border-radius: 4px;
    background-image: none !important;
font-weight: normal;
text-align: left;
}
.alert p {
    font-family: "Milo";
    padding: 0px;
    margin: 0px;
}

.form-control.form-control-search {
    font-size:1.5em;
    height:45px;

}

.btn.btn-search  {
    font-size: 21px;
    line-height: 1.42857143;
}
.owl-next {
    right:-2.5rem !important;
}

.owl-prev {
    left: -2.5rem !important;
}
.owl-carousel .owl-dots {
    bottom: -1.7rem;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #54585a;
}

::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #54585a;
   opacity:  1;
}


.uh-header-secondary-slate .site-name {
    background-color: #000000;
}  
   
.site-nav {
    background-color: #000000;
}  
   
.uh-footer-slate .site-footer {
    background-color: #000000;
}


 /* - */