/* School of Law CSS file
/
/ created by Steven Jarvis / swjarvis@uark.edu
/ created on 3 August 2015
/
/ last updated 28 October 2021
--------------------------------------- */




body {

}




a:link,
a:visited,
a:hover, 
a:active,
a:focus {
	text-decoration: underline !important;
}

a.siteName {
	text-decoration: none !important;
}


#main-container p {
	font-size: 18px !important;
	
}




.navbar a:hover {
	text-decoration: none !important;
}

#header-bg {
	height: 194px !important;
}

.topDirectory button {
	margin-bottom: 0 !important;
}



#content  {
	font-size: 1.25em;
}



/*
#main-container a:link,
#section-footer a:link,
#main-container a:hover,
#section-footer a:hover,
nav a {

	text-decoration: none !important;
}

*/

nav a {

	text-decoration: none !important;
}




h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	font-weight: bolder;
	font-weight: 700;
}




section h2 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

@media only screen and (max-width: 500px) {
	section h2 {
		white-space: normal !important;
	}
}









cite {
	font-style: italic;
}


blockquote {
	font-weight: bold !important;
}





/* -- BUTTONS ------------------------------------------------------- */

.redbutton {
	background-color: #9d2235;
	color: #fff;
}

p .btn .btn-lg .redbutton {
	background-color: #9d2235;
	color: #fff;
	text-decoration: none;
}

p a.redbutton:hover {
	color: #fff;
	background-color: #646464;
	text-decoration: none !important;
}

/* -- GIVING BOX ------------------------------------------------------ */

div.givingBox {
	background-color: #9d2235; 
	color: #fff; 
	border-radius: .9em;
	padding: 10px;
}

.givingBox a:link,
.givingBox a:visited,
.givingBox a:hover,
.givingBox a:active {
	color: #fff;
	text-decoration: none !important;
}

div.givingBox h2 {
	font-size: 1.4em !important;
	font-weight: bold; 
	color: #fff;
	margin: .4em 0 .25em 0 !important;
}


/* -- ALERT BAR ------------------------------------------------------- */

.alertBar {
	margin-top: 0 !important;
	background-color: #9d2235; 
	color: #fff; 
	/* border-radius: .9em;*/
	padding: 10px;
	text-align: center;
}
.alertBar a,
.alertBar a:link,
.alertBar a:visited,
.alertBar a:hover,
.alertBar a:active {
	color: #fff;
	border-bottom: 1px dotted #fff !important;
}

.alertBar p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}


.alertBar p strong {
	font-weight: bold;
	font-weight: 700;
	
}



/* -- STUDENT SPOTLIGHT page ---------------------------------------- */

div.spotlights {
	width: 100% !important;
	margin: 0 0 2em 0;
	padding: 0;
}

div.spotlights h3 {
	text-align: center;
}

div.spotlights img {
	margin: .5em auto .5em auto;
	display: block; 
}




/* -- SIDEBAR ------------------------------------------------------ */

div.sidebarUnit {
	background-color: #efefef;
	padding: .01em 1em .25em 1em;
	border-radius: 0.9em;
}

div.sidebarUnit h4 {
	margin-top: 1.5em;
}


/* -- HEADER ------------------------------------------------------ */



#mainnav > li > a {
		font-size: 14px;
		font-weight: bold;
		padding: 0 8px;
		margin-top: 0;
		line-height: 52px;
	text-decoration:none !important;
}

h1#site-heading {
	top: 30px;
}

h1#site-heading a.siteName {
color: #505050 !important;
font-weight: 700; 
font-weight: bold;
font-size: 40px;
}

/* searchbox radio buttons */
div#newRadios label,
div#newRadios label input {
	visibility: hidden !important;
}

.btn-lg,
.btn-group-lg > .btn {
  font-size: 18px !important;

}

/* -- FOOTER -------------------------------------------------------- */
/*
#pre-footer-cell-2 {
	padding-left: 50px;
}

#pre-footer-cell-5 {
	padding-left: 40px;
}

*/

.give {
	display: block;
	font-size: 18px;
	margin: 0 auto;
	text-align: center;
}

.give .fa-gift {
	display: block;
	font-size: 48px;
	text-align: center;
	margin: 0 auto;
	float: none;
}

a.give:hover {
	text-decoration: none !important;
}

div#section509 {
	background-color: #9d2235; 
	color: #fff; 
	border-radius: 10px;
	padding: 5px;
}

#section509 p {
	margin: 0;
	padding: 0;
}

div#section509  a:link,
div#section509  a:visited,
div#section509  a:hover,
div#section509  a:active {
	color: #fff;
	text-decoration: none;
}




/* -- SIDE NAV ------------------------------------------------------ */

#sidebar .sidenav ul li a {
	text-decoration: none !important;
}

#sidebar .sidenav li a {
	border-bottom: 1px dotted #D9D9D9;
	color: #666666;
	padding-bottom: 7px;
	padding-left: 5px;
	padding-top: 7px;
	font-size: 1.1em;
	margin-bottom: 0;
	margin-top: 0;
	line-height: 140%
}

#sidebar .sidenav ul > li > ul li a {
	padding-bottom: 3px;
	padding-left: 20px;
	padding-top: 3px;
	font-size: 18px;
	display: block;
	line-height: 130%;
	
	color:#666;
	border-bottom: 1px solid #d9d9d9;
	padding-top: 5px;
	padding-bottom: 5px;
}


#sidebar .sidenav ul li.sectionTop a {
	padding: .5em;
	background-color: #f2f2f4;
	font-size: 1.4em;
	font-weight: normal;
	border-bottom: none;
	border-radius: 6px;
	text-transform: uppercase;
}


div.sideContacts {
	margin: 1em 0 0 0;
}

div.sideContacts h3 {
	color: #696969;
	font-size: 1.1em !important;
}

div.sideContacts p {
	font-size: .8em !important;
}


/* page styles */

#main-container p.small {
	font-size: .8em !important;
	margin-top:0 !important;
}

/* -- homepage jumbotron ------------------------------------------------------ */

.homepage-hero {
height: auto; 
background-image: url('https://law.uark.edu/_resources/images/banner_courtyard.jpg');
background-size: cover;
padding: 300px 60px 60px 60px;
margin-bottom: 2rem;

}

h1.homeHeroLabel {
	color: #efefef;
	
}


div.beasley {
	background-image: url('https://law.uark.edu/_resources/images/banner_building-outside-beasley.jpg');
	background-size: cover;
	height: 380px;
}




div.homejumbo {	
	background-image: url('https://law.uark.edu/_resources/images/banner_courtyard.jpg');
	background-size: cover;
	height: 380px;
	box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
	box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 7px 0px;
	margin-bottom: 2rem !important;
}




/* -- homepage buttony ------------------------------------------------------ */

.buttony {
	text-align: center;
	padding: 8px;
	margin: 8px;
	background-color: #efefef;
	border-radius: 6px;
}




/* -- breadcrumbs ------------------------------------------------------- */

ul.breadcrumb {
	margin-left: 0 !important;
}

.breadcrumb {
padding: 3px 3px 5px;
margin-bottom: 30px;
background-color: initial;
border-radius: initial;
border-top: 1px solid #EAEAEA;
border-bottom: 1px solid #EAEAEA;
}
	
#main-container .breadcrumb li {
font-size: 1em;
}


/* -- toplinks on homepage ---------------------------------------------- */
	
div.toplinks {
	max-width: 1180px;
	margin: 0 0 1em 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1em;
	}
	
div.toplinks div {
	padding: 1em;
	background-color: #daedf6;
	border-radius: .9em;
	font-size: 1em;
	}	
	

/* -- homepage instagram include ----------------------- */

div.instagram {
	
}

@media only screen and (max-width: 780px) {
	.instagram {
		display: none;
	}
}



/* -- IMAGES ------------------------------------------------------ */

img.photoright {
	float: right;
	padding: 0;
	margin: 0 0 1em 1em;
}

img.photoleft {
	float: left;
	padding: 0;
	margin: 0 1em 1em 0;
}

img.photoframe {
	padding: 10px;
	border: 1px solid #dedede;
	background-color: #fff;
}

img.photoinline {
	padding: 0;
	border: 1px solid #dedede;
}

.alignright {
	float: right;
	padding: 0;
	margin: 0em 0 1em 1em;
}

/* -- FORMS -------------------------------------------------------------------- */

div.eventForm label {
	font-weight: bold;
	font-size: 1.1em;
	margin-bottom: 4px;
}

div.eventForm fieldset {
	border: 1px solid #cdcdcd;
	padding: .25em 1em;
	margin: 1em;
	background: #f6f6f6;
}

div.eventForm fieldset legend {
	border: 1px solid #cdcdcd;
	background-color: #fff;
	padding: .25em 1em;
	margin: 0;
}



/* -- LISTS ------------------------------------------------------------- */

dl dt,
dl dd {
	font-size: 1.2em !important;
}


dl dd + dt {
	margin-top: 2em !important;
}

dl dd + dd {
	margin-top: .5em;
}

div.directorydd dd {
	margin-top: 0 !important;
}


dl dt {
	font-weight: bold !important;
}


ul.nobullets {
	list-style-type: none;
	margin: 0;
	padding: 0;
}



/* -- homepageEvents ------------------------------------------------------- */


.homepageEvents {
	padding: 1em;
	border-radius: 6px;
	background-color: #efefef;
	font-size: 1.25em;
}

.homepageEvents h3 {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

.homepageEvents dl dt {
	font-size: 1.2em !important;
}

.homepageEvents dl dt {
	margin-top: 0 !important;
}

.homepageEvents dl dd {
	margin-bottom: 1em !important;
}


.homepageEvents p {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}



/* -- banner divider ------------------------------------------------------- */

div.bannerDivider {
	background-color: #424242; 
	margin-bottom: 40px;
	text-align: center;
}

div.bannerDivider h2,
div.bannerDivider h2 a {
	color: #F2F2F4; 
	margin: 15px 0px 15px 0px;
}


/* -- PULL OUT BOXES ------------------------------------------------------------ */

div.pullout {
	background-color: #ECEADB;
	border-radius: 6px;
	padding: .05em 1em;
	
}



/* -- Homepage styles ------------------------------------------------------------- */

.greyBackground {
	background-color: #efefef;
}


.academicPrograms .container h3 {
	font-size: 1.7em;
	margin-bottom: .15em;
}



/* -- EVENTS LIST ------------------------------------------------------------------ */

.maincontent .eventslist p {
	margin-top: 5px;
	margin-bottom: 5px;
}

.maincontent .eventslist p a {
	text-decoration: none;
}


/* -- CONTACT INFORMATION FLOATER BOX --------------------------------------------------- */

.contact-box {
	background-color: #efefef; 
	background-color: #dedede;
	border-radius: 6px; 
	margin: 0 0 .75em .75em;
}

#main-container div.contact-box p{
	font-size: .9em !important;
}

/* -- PODCAST PAGE --------------------------------------------------- */

div.podcastEpisode {
	
}
	
div.podcastEpisode dl {
	
}

div.podcastEpisode dl dt {
	
}

div.podcastEpisode dl dd {
	
}

div.podcastEpisode dl dd.podcastLinks {
	font-size: 0.9em;
	color: #636363;
}



/* -- DIRECTORY LISTINGS --------------------------------------------------- */

div.directory_listPeople {
}

div.directory_listPeople div.row {
	margin-bottom: 1em !important;
}

div.directory_listPeople div.uark-unify-heights {
	font-size: 0.9em !important;
}

div.uark-unify-heights div.name {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	font-weight: bold;
}
div.uark-unify-heights div.title {
	margin-bottom: 0.25em !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	line-height: 1.2em !important;
}

div.uark-unify-heights div.phone,
div.uark-unify-heights div.email {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
	line-height: 1.2em !important;
}

div.vcard p.department {
	display: none !important;
}

div.vcard p.parentOrganization {
	font-weight: bold;
	visibility: hidden !important;
}



/* -- TYPOGRAPHY ------------------------------------------------------------------ */

@media(min-width:768px) {
	#main-container p.lead {
		font-size: 20px !important;
		font-weight: 400 !important;
		line-height: 1.3em;
		color: #363636 !important;
	}
}


/* -- NEWS ARTICLE PAGE ------------------------------------------------------ */

div#articleHeader h3 {
	font-size: 1.8em !important;
	font-weight: bold !important;
}

div#articleHeader p.meta {
	font-style: italic;
	color: #999;
}

div.entry-content h3 {
	text-transform: capitalize !important;
	color: #777;
}


/* -- PRE FOOTER --------------------------------------------------------------- */

@media only screen and (max-width: 768px) {
	 div[id*="pre-footer-cell-"] {
		  text-align: left;
		  padding-bottom: 20px;
	 }
	
	div[id*="pre-footer-cell-"] {
		  text-align: center;
		  padding-bottom: 20px;
	 }
	
	.fa-map-marker {
		display: none;
	}
	
}

/*@media only) {  */





/*-- things to disappear at small screen sizes ---------------------------------- */

.img-header {
	/* display: none; */
}

@media (max-width: 480px) {
	ul.breadcrumb {
		display: none;
	}
}

@media (max-width: 992px) {

	#mainnav > li > a {
		font-size: 9px !important;
		font-weight: bold;
		padding: 0 4px;
		margin-top: 0;
		line-height: 52px;
	}

}



@media (max-width: 1200px) {

	#mainnav > li > a {
		font-size: 10px !important;
		font-weight: bold;
		padding: 0 4px;
		margin-top: 0;
		line-height: 52px;
	}

}





@media (min-width: 768px) {
	.img-header {
		display: block;
	}
	
}

@media only screen and (max-width : 767px) {

	div.homejumbo {
		display: none;
	}
	
	nav {
		margin-top: 3em;
	}
	
	nav.breadcrumb {
		display: none;
	}
	
	h1 {

	}
	
	h1#site-heading {
		border-bottom: none !important;
		display:block;
		margin: 0 auto;
		padding: 0;
		padding-top: 1em;
		text-align: center !important;
	}
	
	#sidebar {
		display: none !important;
	}
	
div.topDirectory {
		display: block;
		text-align: center;
		float: none !important;
	}

	div#opener {
		display: block;
		padding: 0;
		margin: 0;
	}
	
	.brand {
		height: 90px;
	}
	
	div#header-bg {
		display: none;
	}
	
	div#search-stack {
		position: relative;
		display: block;
		top: 0;
		text-align: center;
		padding: 0 auto;
	}
	
	#site-search {
		display: none;
	}
	
	#global-dropdown {
		display: none;
	}
}




/* -- event listings (orientation, etc.) ----------------------------------- */

div.events {
	font-size: 1.1em;
}

div.events h2 {
	padding: 8px;
	color: #fff;
	background: #9c9c9c !important;
	font-weight: bold;
	margin: 1em 0;
	font-size: 1.2em;
}

div.events h4 {
	margin: 2em 0 .25em 0 !important;
	font-weight: normal;
	font-size: 1em;
	font-style: italic;
}

div.events h3 {
	margin: 0 0 .25em 0 !important;
	font-weight: bold;
	font-size: 1.2em;

}

div.events h5 {
	font-style: normal;
	margin: 0 0 .25em 0 !important;
	color: #696969;
	font-size: .9em;
	text-transform: uppercase;
}

div.events p {
	margin: 0 !important;
	font-size: 1em;
}



/* -- All Alumni Reunion Page ------------------------------------------------------- */



div.reunion h2 {
	margin-top: 1.4em;
	padding-bottom: .14em;
	border-bottom: 1px solid #b9b9b9;
}





table#classevents {
	border: 1px solid #ccc !important;
}


table#classevents  th td {
	font-weight: bold !important:
		
}








<style>



/* -- TOP OF PAGE SLIDER --------------------------------------*/
/* === slideshow === */


div#slideshow {
	margin-bottom: 0 !important;

	}

div#slideshow img {
	max-width: 100%;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}


div#slideshow div.comment {
	position: absolute;
	top: 75%;
	margin-left: 5vw;
	padding: 0;
	background: #007698;
	color: #fff;
	z-index: 0
	}

div#slideshow div.comment a {
	color: #fff;
	text-decoration: none !important;
	}

div#slideshow div.comment h1 {
	padding: 0;
	margin: .25em;
	font-size: 3.5rem
	color: #fff;
	}


div#slideshow div.title {
	position: absolute;
	top: 50%;
	margin-left: 5vw;
	padding: 0;
	background: #007698;
	z-index: 100;
	text-decoration: none;
	max-width: 90vw;
	}

div#slideshow div.title h1 {
	padding: 0;
	margin: .25em;
	color: #fff !important;
	white-space: nowrap;
	}

div@slideshow div.image {
	position: relative;
	}



div#slideshow div.title h1,
div#slideshow div.comment h1 {
font-size: clamp(.7rem, 0.13rem + 3.6vw, 3.5rem);
text-decoration: none !important;
}

div#slideshow div.title h1 a,
div#slideshow div.comment h1 a {
text-decoration: none !important;
border-bottom: none !important;
}




/*
@media only screen and (max-width: 780px) {

	div#slideshow div.title {
		margin-top: -10vh;
	}
	div#slideshow div.comment {
		margin-top: -5vh;
	}
}





@media only screen and (max-width: 780px) {
	div#slideshow div.title h1 {
		font-size: 1.25rem !important;
		text-align: left;
	}

	div#slideshow div.comment h1 {
		font-size: 1rem !important;
		text-align: left;
	}

	div#slideshow div.title {
		margin-top: -10vh;
	}
	div#slideshow div.comment {
		margin-top: -5vh;
	}
}

*/

@media only screen and (max-width: 330px) {
	
	div#slideshow {
		display: none;
	}
}








	/* ----- DROPDOWN MENUS --------------- */


	
/* ----- DROPDOWN MENUS --------------- */

ul.navbar-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

.navbar-nav li {
  float: left;
}

.navbar-nav li a, .dropbtn {
  display: block;
  color: #333;
  text-align: center;
  padding: .125em 1em;
  text-decoration: none;
}

.navbar-nav li a:hover  {
  background-color: #9D2235;
  color: #fff;
}

.dropdown:hover .dropbtn {
	border-top: 5px solid #9D2235 !important;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 250px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: #333;
  padding: 0;
  text-decoration: none !important;
  text-align: center;
  display: block;
  font-weight: bold;
  font-size: 1.125em;
}



.dropdown:hover .dropdown-content {
  display: block;
}



@media only screen and (max-width: 420px) {
	
	
.dropdown:hover .dropdown-content {
  display: none;
}
	
}







/* -- TOP OF PAGE BUTTON ROW nav --------------------------------------*/

div#buttons {
	margin-bottom: 2em;
	}

div#buttons a,
div.buttonrow div a {
	border-color: #831423 !important;
	color: #9d2235 !important;
	font-size: 1.2em !important;
	font-weight: bold;
	text-decoration: none !important;
	}

.buttonrow {
	max-width: 1180px;
	margin: 0 -15px 2em 0;
	column-gap: 1em;
	row-gap: 1em;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(min(200px, 100%), 1fr));
	}

.buttonrow div a {
	width: 100%;
	}









/* -- top of page jumbotron image generic - can overwrite source on individual pages ------------------------------*/



div.homejumbo {
	 /* background-image: url('/insights/images/fayetteville-header.jpg');	background-size: cover; */
	 height: 380px;
 }

h1 {
	font-size: 3em !important;
	font-weight: 700;
	color: #666;
}

h1.pagetitle {
	font-size: 4em !important;
	font-weight: 900;
	color: #666;
	margin-top: 1em;
	}

 .gridcontainer {
	 display: grid;
	 grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));

	 gap: 1em;
	 margin: 1em 0 !important;
	 padding: 0 !important;


 }

.gridcontainer div {
	margin: 0 !important;
}




/*
@media only screen and (max-width: 780px) {
	.gridcontainer {
		grid-template-columns: 1fr;
		width: 100%;
		column-gap: 0;
	}
}
*/





.tabbox {
	margin: 0;
	padding: 0 !important;
	border: 1px solid #2B5269;
	border-radius: 0.9em;
}

.tabbox h2 {
	margin: 0 !important;
	font-size: 1.3em !important;
	padding: .5em;
	background-color: #2B5269;
	color:  #D5EAE9;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	
}

.tabbox ul {
		margin: 1em;
		}




div.phototopbox {
	background-image: url('https://law.uark.edu/_resources/images/academics-skillsclasses-350x15.jpg');
	background-color: #efefef;
	padding: 150px 1em 1em 1em;
	margin: 1em;
	border: 1px solid #666;
	width: 350px;
	
	border-radius: 0.9em;
	
	background-repeat: no-repeat;
	background-position: top center; 
	
	}












address p {
	margin: 0 !important;
	padding: 0 !important;
}

address img {
	margin-bottom: .5em;
	border-radius: 0.9em;
	}
address p.name {
	font-size: 1.2em !important;
	font-weight: bold;
	color: #9D2235 !important;
	}
address p.position {
	font-weight: bold;
	font-size: 1.1em;
	}


.contact-box {
	padding: .1em 1em;
	margin-bottom: 2em;
	font-size: 1.3em !important;
}

.contact-box-teal {
	background-color: #3F7F7F;
	color: #fff !important;
	}

.contact-box-teal a {
	color: #fff;
	}

.contact-box-teal h2 {
	margin-top: .5em !important;
	padding-top: 0 !important;
	color: #fff;
}

.contact-box-teal h4 {
	color: #fff;
	}




/* -- category directory thing like on LLM homepage -- it needs a name ------------------------------*/

div.outer {
	padding: 2em 0 0 0;
	background-color: #F2F2F4;
	border-radius: 10px;
	}

div.category {
	display: grid;
	grid-template-columns: 125px 1fr 3fr;
	column-gap: 1em;
	row-gap: 3em;
}

.category .icon i {
	padding: 0 20px 20px 20px;
	color: #9D2235;
	}

.category .title {
	font-size: 1.85rem;
	font-weight: bold;
	padding-top: 0;
	}

.category .description {
	font-size: 1.9rem;
	}




/* --  CALLOUT div blue ------------------------------------------------------- */

div.calloutBlue {
	border-radius: 0.9em; 
	color:#fff !important; 
	background-color: #2B5269; 
	margin: 3rem 0; 
	padding: .5rem 2rem;
}

div.calloutBlue h2,
div.calloutBlue p {
	color: #fff !important;
}


div.calloutBlue p {
	margin: 0 0 1em 0 !important;
	padding: 0;
}

div.calloutBlue h2 {
	font-size: 1.6em !important;
	font-weight: 900;
}

div.calloutBlue h3,
div.calloutBlue h4 {
	font-size: 1.1em;
	color: #f2f2f4 !important;
	font-style: italic !important;
}

div.calloutBlue a {
	color: #fff !important;
}



/* --  CALLOUT div TEAL ------------------------------------------------------- */

div.calloutTeal {
	border-radius: 0.9em; 
	color:#fff !important; 
	background-color: #3F7F7F; 
	margin: 3rem 0; 
	padding: .5rem 2rem;
}

div.calloutTeal h2,
div.calloutTeal p {
	color: #fff !important;
}


div.calloutTeal p {
	margin: 0 0 1em 0 !important;
	padding: 0;
}

div.calloutTeal h2 {
	font-size: 1.6em !important;
	font-weight: 900;
}

div.calloutTeal h3,
div.calloutTeal h4 {
	font-size: 1.1em;
	color: #f2f2f4 !important;
	font-style: italic !important;
}

div.calloutTeal a {
	color: #fff !important;
}





/* --   div greylinkbox ------------------------------------------------------- */

div.greylinkbox {
	background-color: #C7C8CA;
	padding: .5em 1.5em 1.5em 1.5em;
	margin: 0;
	border-radius: 0.9em;
	
}






/* -- REDBOX -------------------------------------------------------- */

.redbox {
background-color: rgba(163, 0, 23, 0.91);
border-radius: .9em;

padding: 26px;
border: 1px solid #ccc;
}


.redbox p {
color: #f0d1d2;
font-size: 16px !important;
padding-left: 4px;
}

.redbox h1, .redbox h2 {
color: #fff;
}



.redbox form label {
color: #fff !important;
}

/*

@media only screen and (min-width : 768px) {  .redbox { margin-top: 0px; }

}

@media only screen and (min-width : 992px) {   .redbox { margin-top: -180px; }

}

@media only screen and (min-width : 1200px) {  .redbox { margin-top: -180px; }

}
*/




/* -- GRIDBOX and PROGRAMS CIRCLES ------------------------------------------------- */

	
.gridbox {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 2em;
	row-gap: 3em;
	margin: 2em 0;

}
	
	@media (max-width: 768px) {
	.gridbox {
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 0;
		margin: 2em 0;
	}

	.programneg {
		margin-left: 0;
	}
}

.program {
		text-align: center;
		width: 75% !important;
	 	margin:  1em auto;
	}
	
.program img {
		margin: 0 auto;
	}
	
.programneg {
		margin-left: -50%;
	}
	
@media (max-width: 768px) {
	.gridbox {
		display: grid;
		grid-template-columns: 1fr;
		column-gap: 0;
		row-gap: 0;
		margin: 2em 0;
	}

	.programneg {
		margin-left: 0;
	}
}