body {
		background: url(/themes/custom/youth/svg/dt-top-Youth-Community.svg);
    background-repeat: no-repeat;
    background-size: 165%;
    background-position: -470px 50px;
    background-attachment: fixed;
}

#views-exposed-form-youth-spotlight-page-1 {
  	display:none;
}

 #block-youth-page-title h1 {
  font-size:18px;
  color:#FF9100;
  text-transform:uppercase;
  letter-spacing: 3px;
  font-family: "Josefin Sans","Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight:500;
}

  
.spotlight-filter {
	display:inline-block;
	font-size:18px;
}
	
.spotlight-filter a {
	opacity:.5;
}

.spotlight-filter.active a, .no-selected .spotlight-filter a{
	opacity: 1;
}
	
.spotlight-filter a:hover {
	opacity:1;
}
	
.spotlight-filter.view-all {
	font-family:"Josefin Sans";
	font-weight:300;
	background: url(/themes/custom/youth/svg/v-bar.svg);
	background-repeat:no-repeat;
	background-size: 5px 25px;
	width:225px;
	margin-bottom:10px;
	vertical-align: middle;
}

.spotlight-filter.view-all a{
	color:black;
}
  
.spotlight-filter img {
	height:35px;
	width:60px !important;
}

.spotlight-filter.communities a {
	color:#FF9100;
	display:flex;
	align-items:end;
}


.spotlight-filter.futures a {
	color:#2B5B7E;
	display:flex;
	align-items:end;
}

.spotlight-filter.peace a {
	color:#CC443F;
	display:flex;
	align-items:end;
}
  
.view-exposed-form .form--inline .form-item {
  display: inline;
  float: none;
}
 
.view-exposed-form .form--inline .form-actions {
  display: inline-block;
}
  
  @media only screen and (max-width: 1299.9px) {
    body {
        background-size: 155%;
        background-position: -370px 50px;
    }
  }
  
  @media only screen and (max-width: 1023px) {
  body {
   background-size: 150%;
   background-position: -250px -5px;
  }
}


	@media only screen and (max-width: 800px) {
	  body {
	      background-size: 155%;
	      background-position: -200px 15px;
	  }
	}
	
	@media only screen and (max-width: 600px) {
	  body {
	      background-size: 155%;
	      background-position: -130px 10px;
	  }
	}

  .views-field-field-spotlight-image {
    margin-right:50px !important;
    
  }
  
  .views-field-body {
    padding-bottom: 20px !important;
  }



.views-row h2 {
  display: none;
} 

.views-field-field-spotlight-image {
  float:left;
  margin-right:20px;
  padding-bottom:120px;
}

.views-row {
  padding-bottom: 20px;
  border-bottom: 3px solid #f2ede4;
  padding-top: 20px;
}

.views-field-title a {
  color: #15919E;
}

.views-field-field-spotlight-name , .views-field-field-organization , .views-field-field-spotlight-date{
  font-weight: bold;
}

.views-field-body {
  display:flex;
}

.views-field-view-node {
  text-align: right;
  background: url(/themes/custom/youth/svg/v-bar.svg);
    background-repeat: no-repeat;
    background-size: 5px 25px;
    width: 150px;
    float: right;
}

.views-field-view-node a {
  color: black;
  font-weight: 300;
}

.views-field-field-organization:before , .views-field-field-spotlight-name:before {
  content:" | ";
  color:#FF9100;
}

.views-field-field-organization {
  font-size:20px !important;
}


.views-field-field-spotlight-name:blank {
  display: none;
}


.sub_header a {
   font-weight: 300 !important;
   font-size: 18px;
  
   color:black;
  font-family: 'Josefin Sans';
}

.sub_header { 
  margin-top: 25px;
}

.views-field-field-category {
	text-align:right;
}

@media only screen and (min-width: 1099px) {
  .views-field-field-spotlight-image {
    padding-bottom:30px; 
  }
}

@media only screen and (max-width: 1023px) {
  .views-field-field-spotlight-image {
    float:left;
    padding-bottom:30px; 
  }
  
  
  .view-youth-spotlight .views-field-title {
    
    clear:both;
  }
}