@charset "utf-8";
section {
    position: relative;
    width: 100%;
    margin: 0px auto;
    overflow: hidden;
}

section h1{
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
    text-align: center;
    letter-spacing: 0.25rem;
    font-size: 2.2rem;
    font-weight: 700;
	color:#000;
	line-height:2.2rem;
}


.inner-page-banner-section{
    height: 70vh;
}
.inner-page-banner-section.org {
	background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)),  url('../images/artwork/org_header.jpg?v=2') no-repeat center center;
}
.inner-page-banner-section.pod {
	background:linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url('../images/artwork/pod_header.jpg?v=5') no-repeat center center;
}
.inner-page-banner-section.le {
	background:url('../images/artwork/le_header.jpg?v=3') no-repeat center center;
}
.inner-page-banner-section.le h1 {
	text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
}
.inner-page-banner-section {
    background-size: cover;
    background-attachment: fixed;
}
.inner-page-banner-section h4{
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform: uppercase;
    text-align: center;
	line-height:1.0rem;
	margin:0;
	padding:0;
    letter-spacing: 0rem;
    font-size: 2.6rem;
    font-weight: 400;
	color:#000;	
}
.inner-page-banner-section h1{
    font-size: 4.2rem;
	line-height:4.0rem;
}
.inner-page-banner-section h1 span{
	font-weight: 400;
}

.inner-page-banner-section.pod h1,
.inner-page-banner-section.le h1{margin-top: 28vh;}
.inner-page-banner-section.org h4{margin-top: 28vh !important;}
.inner-page-banner-section.org h1{margin:0 !important;}
.inner-page-banner-section.org *, 
.inner-page-banner-section.org h1, 
.inner-page-banner-section.org h4,
.inner-page-banner-section.pod h1{
	color:#fff;
}
.inner-page-banner-section .button{
	border: 2px solid !important;
	font-size: 1.0rem;
}
.inner-page-banner-section.org .button,
.inner-page-banner-section.pod .button{
	border-color:#fff !important;
	color:#fff;
}



.inner-page-banner-section.le .button, 
.inner-page-banner-section.le .button:visited, 
.inner-page-banner-section.le .button:active{
	background-color:#fff;
	background: linear-gradient(rgba(255, 255, 255, 0.75), rgba(255,255, 255, 0.75));
}

.inner-page-banner-section.le .button:hover, 
.inner-page-banner-section.le .button:hover{

	background:#333;
    border: 2px solid #333 !important;	
}

.SearchArtLinks {
    margin: auto;
    width: fit-content;
    text-align: center;
	margin-top:2vh;
}

#NewFeatured h1{
	margin:0;
}
#NewFeatured h4{
	text-align:center;
	text-transform:none;
	margin:0;
	padding:0;
	margin-top:0 !important;
	line-height:2rem;
	font-weight:400;
	margin-bottom:60px;
}

#AlphaArtist h4{
	text-align:center;
	text-transform:none;
	margin:0;
	padding:0;
	margin-top:0 !important;
	font-size:1.5rem;
	line-height:0rem;
	font-weight:100;
	margin-bottom:0px;
}

.artwork-intro-para{
	margin:30px auto;
}


.tripart{
	width:996px;
	margin:5px auto;
}
 .tripart div{
	float: left;
    text-align: center;
    border: 0 !important;
	width:288px;
	margin:20px 22px;
	
}
@media (max-width: 1000px) {
	.tripart{
		width:732px;
	}
	 .tripart div{
		 width:200px;
	 }
}
@media (max-width: 750px) {
	.tripart{
		width:100%;
	}
	 .tripart div{
		 width:50%;
		 margin:10px 25%;
	 }	
}
@media (max-width: 450px) {
	.tripart{
		width:100%;
	}
	 .tripart div{
		 width:80%;
		 margin:10px 10%;
	 }	
}
 .tripart div .button{
	 clear:both;
	 display:block;
	 line-height:normal;
	 width:100%;
}

hr{
	width:95%;
	margin:auto;
	margin-top:5px;
	margin-bottom:20px;
}

.inbetween-page-first-section{
    height: 50vh;
	margin:60px 0;
	color:#fff;
	text-align:center;
}
.inbetween-page-first-section.org {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/artwork/first-section-org.jpg) no-repeat center center;
    background-size: cover;
	background-attachment:fixed;

}
.inbetween-page-first-section.pod {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/artwork/first-section-pod.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;	
}

.inbetween-page-first-section h1 {
	font-family: 'PT Sans Narrow', sans-serif;
    font-size: 1.9rem;
	margin-top:22vh;
	letter-spacing:0rem;
    font-weight: 800;
	padding:10px 20%;
	color:#fff;
}
.inbetween-page-first-section h2 {
    font-size: 1.4rem;
	letter-spacing:0rem;
    font-weight: 400;
	padding:10px 20%;	
}
.inbetween-page-first-section hr {
	width:5vw;
	margin:auto;
}

.inbetween-page-second-section{
    height: 30vh;
	margin:60px 0;
	color:#fff;
	text-align:center;
}
.inbetween-page-second-section.org {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/artwork/second-section-org.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;	
}
.inbetween-page-second-section.pod {
    background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(../images/artwork/second-section-pod.jpg?v=4) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;	
}



.ArtTypeBox{
	margin-top: -2vh;
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}

.ArtType{
	padding:0px 0px;
	margin:0px 8px;
	cursor: pointer;
    display:block;
	float:left;
/*	border-radius:2px;*/
	font-size:14px;
	letter-spacing:2px;
	text-transform:uppercase;
	text-align:center;
	vertical-align:middle;
	width:180px;
	height:40px;
	line-height:40px;
	z-index:90000;
	border: #000000 1px solid;
	font-weight:bold;
	color:#333;
}


.ArtTypeBox input[type=radio]{
    display:none;	
}

.ArtTypeBox input[type=radio] + .ArtType{
    background-color:#FFF;
}
.ArtTypeBox input[type=radio]:hover + .ArtType{
	font-weight:bold;
	
}
.ArtTypeBox input[type=radio]:checked + .ArtType{
    background-color:#333;
	color: white;
	font-weight:normal;
}


#BySubject{
	background:none;
/*	box-shadow: #ccc 5px 5px 10px;*/
/*	border:1px solid #ccc;*/
	padding:20px;
	display: block;
	/*width:1000px;*/ 
	max-height:400px; 
	position:relative; 
	overflow:hidden;
}
#LEArtists{
	position:relative;
	display:block;
	height:500px;
	margin-bottom:5vh;
}
#BySubject .subject,#LEArtists .LEArtistCover{
	float:left;
	margin:5px 0;
	text-align:center;
	border:0 !important;
}
#BySubject .subject.org{width:14%;}
#BySubject .subject.pod{width:11%;}

#LEArtists .LEArtistCover{
	width:25%;
	font-size:24px;
	line-height:60px;
	text-transform:uppercase;
}
@media (max-width: 1340px){
	#LEArtists .LEArtistCover{ 	width:50%;}
	#LEArtists .LEArtistCover{ 	width:50%;   height:500px; display:block; }
}
@media (max-width: 1024px){
	#LEArtists{ height:auto;}
	#LEArtists .LEArtistCover{ 	width:100%;  float:none; height:500px; display:block; }
	.LEArtistCover img{max-width:400px; text-align:center; }
}
#LEArtists .LEArtistCover:hover{
	font-size:28px;
}
#BySubject .subject:hover,#LEArtists .LEArtistCover:hover{
	border:0 !important;
}	
#BySubject .subject img,#LEArtists .LEArtistCover img{
	width:80%;
	max-height:400px;
	padding:5px 0;
}

@media (max-width: 530px){
	#BySubject {font-size: 1.4rem; min-height: fit-content;}
	#BySubject .subject.org{width:100%;}
	#BySubject .subject.pod{width:100%;}
}