.bgDarkSlateGray {
  background-color: #1D2C4D;
}

.bgGainsboro {
	background-color:#E6E6E6;
}
.bgWhite {
	background-color: #ffffff;
}

.bgWhiteSmoke {
	background-color: #F5F5F5
}

.bgBlack {
	background-color: #000;
}
.paddingBottom50 { padding-bottom:50px; }

#headerLaSeal {
	margin-top: -24px;
    z-index: 999;
    position: absolute;
    right: 10px;
}   

nav.nav {
    position: relative;
    max-width: 1200px;	
}
img.LouisianaSeal {
    height: 90px;
}

/* sliders */
div#slides {
    text-align: center;
}

.sliderCaption {
    margin: 200px auto 0 auto;
    display: inline-block;	
}

.sliderCaption span{
	color: #D9C16E;
	font-family: 'Tinos', serif;
	font-size: 30px;
	font-size: 3.0rem;
	font-weight: bold;
	display: block;
}

.sliderCaption span.line {
    border-bottom: 2px solid #d9c16e;
    padding: 14px 0;
    width: 50%;
    margin: 0 auto 14px auto;
}

div.goldLine {
    border-bottom: 2px solid #d9c16e;
    padding: 14px 0;
    width: 100%;
    margin: 0 auto 30px auto;
}

.sliderCaption span.line1 {
	font-weight: normal;
}
.sliderCaption span.line2 {
	color: #fff;
	font-size: 50px;
	font-size: 5.0rem;
}

h2.meetJudges { color: #F5F5F5;font-weight:normal;}

.judgeName {
    font-size: 20px;
    font-size: 2.0rem;
	padding-top:20px;
	color: #F5F5F5;
	text-align: center;
}

.judgePhoto {
	display: block;
	max-width: 100%;	
}

/* learn more buttons */
a.learnButton {
	font-family: 'Source Sans Pro',sans-serif; 
	display: inline-block;
    background: #ea4a3b;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    text-transform: uppercase;
    padding: 10px 30px;
    border: none;	
    margin-top: 20px;
	-webkit-appearance:none; /* kills weird styling Apple does to the button on the phone */
}
a.learnButton:hover, .learnButton:active {
  color: #ea4a3b;
  background: #fff;
}

ul.linkList { margin-left: 20px; }
.linkList li { margin-bottom:15px;font-weight:bold; }
.linkList li a { color: #ea4a3b; }
.linkList li a:hover, .linkList li a:active { color: #3B4150; }

.lineDivider { 
	border-bottom: 1px solid #d9c16e;
    padding: 14px 0;
    width: 50%;
    margin: 0 auto 14px auto;
}

a.phoneLink { color:#3B4150; }
a.phoneLink:hover, a.phoneLink:active { color:#ea4a3b ;}

/* home page contact */
.homeContactDiv {
	margin-left: 20px;
    margin-top: 30px;	
}

.homeContactDiv span { display: block;margin-top: 5px; }
.homeContactDiv a { text-transform:uppercase;}

/* section 3/subfooter*/
#section3 {
    padding-top: 90px;
    padding-bottom: 90px;	
}
#section3 .location {
    position: relative;
	display: inline-block;
    text-align: left;	
}
#section3 span.title {
	font-weight:bold;
}
#section3 span {
	display:block;
	margin-left: 60px;
	padding-bottom: 5px;	
}

.location span {
	display:block;
	padding-bottom: 5px;	
}

img.courthouseIcon {
	position:absolute;
	display: inline-block;
    margin-right: 15px;
	height:44px;
	width:auto;	
}

#section3 a {
	color: #25282D;
	font-weight:bold;
}

#section3 a.dirLink { color:#ea4a3b;font-weight: normal; }
#section3 a:hover, #section3 a:hover.dirLink  { color: #25282D; }


/* footer */
#footer {
	padding-bottom: 3%; 	
}

#footer ul {
    display: flex;
    justify-content: center;
}
	
#footer li a {
	font-size: 12px;
	font-size: 1.2rem;
}

#footer li a:hover {
	color: #D9C16E;
}

#footerLogo {
	margin-top:50px;
	height: 80px;
    width: auto;	
}
#copyright {
	color: #D9C16E;
	text-align: center;	
}

#copyright a {
    color: #D9C16E;
    text-decoration: underline;
}
#copyright a:hover { color: #fff; }
#designedBy a:hover { color:#fff;text-decoration: underline; }

/********* css with background images ********/
#headerInterior {
	background-image: url(/img/headerInterior.jpg);
}	

#headerInteriorTitle {
    color: #D9C16E;
    font-family: 'Tinos', serif;
    font-size: 30px;
    font-size: 3.0rem;
    font-weight: normal;
    display: block;
}
 
#copyright a.fraud { color: #ea4a3b; }

#jquestion { margin-top:100px; }

@media only screen and (max-width: 830px) {
	#footer ul { display: inline; }
	#footer li { padding-bottom: 15px; }
}
.judgeBioPhoto {
    max-width: 300px;
    float: right;
    padding-left: 15px	
}

@media only screen and (max-width: 480px) {
	#footerLogo {
		width: 86%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	/* sliders */
	div#slides {
	    min-height:400px;
	}
	.sliderCaption {
		margin-top:100px;
	}	
}