/**
 * 03/02/20 test stylesheet for Supreme Court
 */

/* ///// Start CSS Reset ///// */

/*html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}body{line-height:1}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}.screen-reader-text{clip:rect(1px, 1px, 1px, 1px);position:absolute !important}*/

/* ///// END CSS Reset ///// */


* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* outline: 1px solid red !important;*/
}

/* //// LAYOUT //// */
/* //// LAYOUT //// */
/* //// LAYOUT //// */
/* //// LAYOUT //// */

.outer-wrap { background: none;width:1100px;}
.inner-wrap { background: none;width:1100px;}

#primaryContent{
	background: url("../../sc-img/sc-back.png") !important;
	background-color: #67523f;
	margin-bottom: 40px;
}

#jcpcContent{
	background: url("../../sc-img/jcpc-back.png");
	background-color: #265d60;
	float:left;
	margin-bottom: 40px;
	width:100%;
}

body.home #jcpcContent{
	min-height:342px;
	padding:0;

}
body.subindex #jcpcContent{
	min-height:322px;
	padding:0px 0px 22px 0px;
}

/* //// END LAYOUT //// */
/* //// END LAYOUT //// */
/* //// END LAYOUT //// */
/* //// END LAYOUT //// */

/* //// MENU //// */
/* //// MENU //// */
/* //// MENU //// */
/* //// MENU //// */

#container{
	border: none;
}

#sc-logo, #sc-intro, #sc-alt{
	border-right: 5px solid #3a73b5;
	float: left;	
	min-height: 120px;
	text-align: left;
}

#jcpc-title>#sc-logo, #jcpc-title>#sc-intro{
	border-right: 5px solid #265d60;
}

#sc-logo{
	width:33%;
}

#sc-intro{
	width:46%;
}

.landing>#sc-intro{
	width: 66%;
}

.landing>#sc-intro>a:last-of-type{
	float: right;
}

.landing>#sc-logo, .landing>#sc-intro{
	border-right: none !important;
}

#jcpc-title>.landing>#sc-logo, #jcpc-title>.landing>#sc-intro{
	border-right: none !important;
}

.jcpc-border{
	border-right: 5px solid #265d60;
}

#sc-alt{
	width:20%;
}

#sc-title>div:last-of-type, #jcpc-title>div:last-of-type{
	border-right: none;
}

#sc-title img, #jcpc-title img{
	vertical-align: text-bottom;
	max-width: 90%;
	max-height: 120px;
	padding: 10px;
}

#sc-alt img{
	float: left;
	vertical-align: text-bottom;
	margin-left: 20%;
	max-width: 50%;
	max-height: 90px;
}

#sc-alt p{
	float: right;
	max-width: 50%;
	padding: 10px;
}

#sc-bottom-alt{
	display: none;
}

#sc-bottom-alt img{
	display: block;
	vertical-align: text-bottom;
	max-height: 80px;
	max-width: 150px;
	text-align: left;
}

#sc-bottom-alt p{
	margin-bottom: 20px;
	width: initial!important;
}

/*#sc-title h1, #jcpc-title h1{
	font-size: 4em;
	font-family: 'Cormorant Garamond', serif;
	font-weight: 300;
	text-align: center;
}*/

#sc-intro{
	position: relative;
}

#sc-intro p{
	font-size: 1.6em;
	position: absolute;
	top: 15%;
	left: 0;
	padding: 0 2.5%;
	line-height: 1.2;
}

#jcpc-title>#sc-intro p{
	top: 5%;
}

#sc-intro h1{
	color: #666666;
    font-size: 4em;
    line-height: 0.8;
    bottom: 20%;
    position: absolute;
    padding: 20px 5%;
    text-align: left;
    background-color: #f2f0ed;
    right: 0;
    border-left: 5px solid #3a73b5;
	width: 100%;
}

#jcpc-title>#sc-intro h1{
	border-left: 5px solid #265d60;
}

#sc-intro a{
	padding-left: 5%;
}

#sc-nav, #jcpc-nav{
	background-color: #f2f0ed;
	border-bottom: 1px solid #3a73b5;
	margin: 1% 0;
	padding: 1% 3%;
}

#jcpc-nav{
	border-bottom: 1px solid #265d60;
}

#sc-nav ul, #jcpc-nav ul{
	float: left;
	padding: 2.5px 0;
	text-align: left;
	width: 65%;
}

#sc-nav input, #jcpc-nav input{
	float: right;
}

input.addsearch{
	margin: 0 10px 0 0;
}

#sc-nav li{
	color: #3a73b5;
	display: inline;
	font-size: 1.6em;
	font-weight: bold;
	margin-right: 8%;
}

#jcpc-nav li{
	color: #265d60;
	display: inline;
	font-size: 1.6em;
	font-weight: bold;
	margin-right: 8%;
}

#sc-nav a{
	color: #3a73b5;
}

#sc-nav a:hover{
	color: #000;
}

#jcpc-nav a{
	color: #265d60;
}

#jcpc-nav a:hover{
	color: #000;
}

#sc-footer{
	padding: 20px 3%;
}

#sc-footer h2{
	font-size: 1em;
	margin-bottom: 10px;
	text-align: left;
}

#sc-footer ul{
	text-align: left;
	float: left;
	width: 65%;
}

#sc-footer li{
	display: inline;
	font-size: 1.2em;
	margin-right: 2%;
	line-height: 2;
}

#sc-footer p{
	text-align: right;
}

.social-wrapper{
	float: left;
	width: 20%;
}

.social-wrapper img{
	border-radius: 50%;
	margin-top: -20px;
	width: 45px;
	max-width: 23%;
}

#sc-footer p{
	float: left;
	width: 15%;
}

/* //// ELEMENTS //// */
/* //// ELEMENTS //// */
/* //// ELEMENTS //// */
/* //// ELEMENTS //// */

.core-sc-content p{
	color: #fff;
	font-size: 1.4em;
	margin: 0 1% 1em;
	text-align: left;
}

.sc-date{
	font-weight: normal;
}

.sc-highlight-container{
	display: inline-block;
	padding: 2%;
}

.new-sc-site-feedback{
	background-color: #f2f0ed;
	border: 1px solid #3a73b5;
	margin: 0 auto;
	padding: 10px;
	width: 100%;
}

.new-sc-site-feedback p{
	color: #000;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2;
}

.new-sc-site-feedback p a{
	color: #3a73b5;
}

.sc-highlight-col{
	float: left;
	margin: 1%;
	width: 48%;
}

.sc-highlight, .jcpc-highlight{
	margin-bottom: 5%;
}

.jcpc-highlight {
	border-bottom: 1px solid #fff;
}

.sc-highlight:last-of-type, .jcpc-highlight:last-of-type{
	margin-bottom: 0;
}

.sc-highlight h2{
	background-color: #3a73b5;
	color: #fff;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}
.jcpc-highlight h2{
	background-color: #fff;
	color: #265d60;
	font-size: 1.6em;
	font-weight: bold;
	text-align: left;
	padding: 10px;
}

.sc-highlight h3, .jcpc-highlight h3{
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: left;
}

.jcpc-highlight h3{
	color: #fff;
}

.sc-highlight img, .jcpc-highlight img{
	vertical-align:text-bottom;
	width: 100%;
}

.sc-highlight-detail{
	background-color: #f2f0ed;
	padding: 15px 10px;
}

.jcpc-highlight-detail{
	background-color: #265d60;
	padding: 15px 10px;
}

.sc-highlight-detail p{
	color: #000;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	text-align: left;
}

.jcpc-highlight-detail p{
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 0.5em;
	text-align: left;
}

.sc-highlight-detail a{
	color: #000;
	font-weight: bold;
}

.jcpc-highlight-detail a{
	color: #fff;
	font-weight: bold;
}

.sc-highlight-detail a:hover{
	color: #3a73b5;
}

.jcpc-highlight-detail a:hover{
	color: #fff !important;
	text-decoration: underline;
}

.sc-highlight-detail a:visited{
	color: #000;
}

.jcpc-highlight-detail a:visited{
	color: #fff;
}

.listing-detail{
	border-bottom: 1px solid #3a73b5;
}

.listing-detail p, .jcpc-listing-detail p{
	line-height: 1.5;
}

.jcpc-listing-detail{
	border-bottom: 1px solid #fff;
}

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

	.outer-wrap, .inner-wrap, #container, #sc-title, #sc-nav, #primaryContent, #sc-footer{
		width: 100%;
	}

}

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

	#cookieDirective .cookie-policy{
		float: none;
		height: 140px;
		width: 100%;
	}
	
}

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

	#jcpc-title>#sc-intro p{
		font-size: 1.3em;
	}
	
	#sc-intro p{
		top: 0;
	}

}

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

	#sc-nav ul, #jcpc-nav ul{
		width: 55%;
	}
	
	#sc-nav li{
		font-size: 1.4em;
		margin-right: 5%;
	}
	
	#jcpc-nav li{
		font-size: 1.4em;
		margin-right: 5%;
	}

}

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

	#cookieDirective .explanation{
		float: none;
		width:100%;
	}
}

@media only screen and (max-width: 695px) {
	#addsearch-results.addsearch-t .addsearch-result-item-sub-active div, #addsearch-results.addsearch-t .addsearch-result-item-sub div{
		width: 100%;
	}
	#sc-nav, #jcpc-nav{
		padding: 10px 3%;
	}
	
	#sc-nav ul, #jcpc-nav ul {
		text-align: center;
		width: 100%;
	}
	
	#sc-nav input, #jcpc-nav input{
		float: none;
		margin-top: 10px;
	}

	#sc-nav li, #jcpc-nav li{
		font-size: 1.3em;
		margin-right: 0 5%;
	}
	
	#sc-logo, #sc-intro, #sc-alt{
		border-right: none;
	}
	
	#sc-title img, #jcpc-title img{
		padding: 5%;
	}


	#jcpc-title>#sc-logo, #jcpc-title>#sc-intro{
		border-right: none;
	}
	
	#jcpc-title>#sc-intro p{
		top: 10%;
	}
	
	#sc-logo{
		width:100%;
	}

	#sc-intro{
		margin: 10px 0 0 0;
		min-height: 100px;
		width:100%;
	}
	
	#sc-intro h1{
		bottom: 10%;
	}
	
	#sc-intro p{
		padding: 0 5%;
		top: 0;
	}
	
	#sc-intro a:last-of-type{
		display: none;
	}
	
	.landing>#sc-intro{
		width: 100;
	}
	
	.landing>#sc-intro h1{
		margin-top: 5px;
	}

	#sc-alt{
		display: none;
	}
	
	#sc-bottom-alt{
	display: initial;
	}
	
	.sc-highlight-col{
		width: 96%;		
	}
	
	#sc-footer ul{
		width: 100%;
	}

	.social-wrapper{
		text-align: left;
		width: 100%;
	}
	
	.social-wrapper img{
		margin: 20px 0;
	}
	
	#sc-footer p{
		float: left;
		text-align: center;
		width: 100%;
	}
}

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

	#sc-intro p{
		font-size: 1.4em;
	}

}

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

	.outer-wrap, .inner-wrap, #container, #sc-title, #sc-nav, #primaryContent, #sc-footer{
		width: 360px;
	}

}