@media all and (min-width:1200px) {
#nav-trigger,
nav#nav-mobile {
display:none;
}
}

@media all and (max-width:1200px) {
nav#main {
display:none;
}

#nav-trigger,
nav#nav-mobile {
display:inherit;
}

header {
padding:15px 0;
position:relative;
}

header #logo {
float:none;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%)
}

header #socials {
margin:0 26px 0 0;
}



#container {
width:80%;
margin:0 10%;
}

#home-artists ul {
opacity:0.5;
}

#home-artists #all-artists {
top: 55%;
display:inherit;
}

.post h4 {
font-size:15px;
}


/** Single - related posts **/
#single-related ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:20px;
}

#single-related ul li:nth-child(4) {
display:none;
}

#single-related ul li {
height:300px;
}

#single-related ul li .card-content {
height:130px;
}

#artist-individual #more-news a,
#more-news a,
#artist-individual #more-news a:hover,
#more-news a:hover {
background-color:#c22129;
color:#FFF;
}

	
/** News **/
#news-loop ul#loop {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:15px;
}

#news-loop ul#loop li {
position:relative;
height:300px;
display:block;
}
}


@media all and (min-width:1000px) {
#artist_name-mobile,
#writer_name-mobile {
display:none;
}
}

@media all and (max-width:1000px) {
#home-artists ul {
grid-template-columns: 1fr 1fr 1fr;
}

#home-artists ul li:nth-child(1n+10) {
display:none;
}

#home-artists #all-artists a {
max-width:100%;
padding:10px 30px;
display:block;
}


/** Home News **/
.post-grid {
grid-template-columns: 1fr 1fr;
display:grid;
grid-gap: 20px;
}

.post h4 {
font-size:20px;
}

.post-grid-5 .post {
height:300px;
}

.post-grid-5 .post:nth-child(5) {
display:none;
}

.post .card-content {
height:130px;
}



/** Search **/
#news-searchform {
float:right;
width:50%;
}

#news-searchform input[type=text] {
width:70%;
font-size:15px;
}

#news-searchform input[type=text]::placeholder {
font-size:13px;
}

#news-searchform input[type=text]:focus {
width:70%;
}


/** Affiliation roster **/
#aff-roster-news ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:15px;
}

#aff-roster-news ul li {
position:relative;
height:300px;
display:block;
}

#aff-roster-news ul li .card-content {
height:130px;
}

#aff-roster-news ul li h4 {
font-size:16px;
}

#aff-roster-news ul li:nth-child(1n+7) {
display:none;
}


/** Artists - Overview **/
#artists-overview-page ul,
ul#aff-roster {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

#artist_name {
font-size:20px;
}

#artists-overview-page li #artist_name,
#artists-overview-page li #artist-hover_arrow a,
ul#aff-roster li #artist_name,
ul#aff-roster li #artist-hover_arrow a {
display:inherit;
}

#artists-overview-page li #artists_image img,
ul#aff-roster li #artists_image img {
opacity:0.8;
}

#artist_name {
font-size:20px;
bottom:10px;
left:0;
right:0;
text-align:center;
margin:0 auto;
}

#artist-hover_arrow {
display:none;
}

/** Writer profile **/
#artist_name-mobile,
#writer_name-mobile {
display:inherit;
}

#artist-individual .col-2 h3.head,
#writer-profile .col-2 h3.head {
display:none;
}

#writer-profile .col-1 {
float:none;
width:100%;
margin:0 0 20px 0;
text-align:center;
}

#artist-individual #artist_image img,
#writer_image img {
max-width:60%;
display:block;
margin:0 auto;
}

#writer-profile .col-2 {
float:none;
width:100%;
margin:0;
}

#writer-bio #bio {
max-height:400px;
}


/** Artist page **/
#artist-individual .col-1 {
float:none;
width:100%;
text-align:center;
}

#artist-individual .col-2 {
float:none;
width:100%;
margin:0;
}

#artist-individual #bio {
max-height:400px;
}



#form {
max-width:100%;
}
}




@media all and (max-width:900px) {
/** Search **/
#news-searchform {
width:70%;
}

#news-loop ul#loop {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:15px;
}

#news-loop ul#loop li {
position:relative;
height:280px;
display:block;
}

#news-loop ul#loop li .card-content {
height:120px;
}

#news-loop ul#loop li h4 {
font-size:18px;
}


/** Affiliation roster **/
#aff-roster-news ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:15px;
}

#aff-roster-news ul li {
height:280px;
}

#aff-roster-news ul li .card-content {
height:120px;
}

#aff-roster-news ul li h4 {
font-size:18px;
}

#aff-roster-news ul li:nth-child(1n+5) {
display:none;
}

/** Single post **/
#single-post h1.title {
font-size:30px;
line-height:110%;
}

#single-body img {
max-width:100%;
}

#single-body h1 {
font-size:26px;
}

#single-body h2 {
font-size:23px;
}

#single-body h3 {
font-size:21px;
}

#single-body h4 {
font-size:18px;
}

#single-body h5 {
font-size:16px;
}

/** Single - related posts **/
#single-related ul {
display:grid;
grid-template-columns: 1fr 1fr;
grid-gap:20px;
}

#single-related ul li:nth-child(3) {
display:none;
}

#single-related ul li h4 {
font-size:18px;
}


/** Artist news **/
ul#artist-news {
grid-template-columns: 1fr 1fr;
grid-gap:20px;
}

ul#artist-news li {
position:relative;
height:250px;
display:block;
}

ul#artist-news li:nth-child(3) {
display:none;
}

ul#artist-news li .card-content {
min-height:110px;
height:110px;
max-height:110px;
}

ul#artist-news li h4 {
font-size:15px;
}





#signup {
padding:50px 0;
}

#mc_embed_signup.artist #field,
#mc_embed_signup.bigloud #field {
width:100%;
}

#field {
float:none;
width:100%;
margin:0 0 15px 0;
}

#field.submit-btn {
width:100%;
margin:0 auto;
}

#field input {
padding:2%;
text-align:center;
font-weight:600;
}

#field button,
#mc_embed_signup.bigloud .submit-btn,
#mc_embed_signup.bigloud .submit-btn {
width:100%;
padding:10px 0;
height:auto;
}

#field button,
#form.artist input.submit-btn,
#field button:hover,
#form.artist input.submit-btn:hover {
background-color:#FFF;
color:#000;
}


footer {
padding:22px 0;
line-height:100%;
text-align:center;
}

footer #logo {
float:none;
margin:0 auto 18px auto;
}

footer #logo img {
height:40px;
width:auto;
margin:0 auto;
}

footer #socials {
float:none;
margin:0 auto 15px 0;
}

footer #socials li {
float:none;
display:inline-block;
margin:0 8px;
font-size:18px;
}

#copyright {
position:relative;
left:0;
transform: translate(0, 0);
}

/** Music Partners **/
#music-partners ul {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
}

/** Capital **/
ul#capital {
display:grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap:20px;
}


#cuts-list #headings {
font-size:18px;
}


/** Discography table **/
/** Publishing **/
#publishing-table {
font-size:14px;
}

table.dataTable thead th, 
table.dataTable tfoot th {
font-size:18px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
font-size:14px;
}

.posts-table-controls.posts-table-below {
font-size:13px;
}
}


@media all and (max-width:800px) {
#home-artists ul {
grid-template-columns: 1fr 1fr;
}

#home-artists ul li:nth-child(1n+7) {
display:none;
}

.post-grid {
grid-template-columns: 1fr;
display:grid;
grid-gap:25px;
}

.post-grid-5 .post {
height:400px;
}

#news-loop ul#loop {
display:grid;
grid-template-columns: 1fr;
grid-gap:20px;
}

#news-loop ul#loop li {
height:400px;
}

#artist-individual #artist_image img,
#writer_image img {
max-width:80%;
display:block;
margin:0 auto;
}

#artist-individual #socials li {
font-size:20px;
}

#artist-individual ul#links {
grid-template-columns: 1fr;
}


/** Affiliation roster **/
#aff-roster-news ul {
display:grid;
grid-template-columns: 1fr;
grid-gap:20px;
}

#aff-roster-news ul li {
height:400px;
}


/** Single - related posts **/
#single-related ul {
display:grid;
grid-template-columns: 1fr;
grid-gap:20px;
}

#single-related ul li .card-content {
height:110px;
}

#single-related ul li:nth-child(3) {
display:inherit;
}


/** Artists - Overview **/
#artists-overview-page ul,
ul#aff-roster {
display:grid;
grid-template-columns: 1fr 1fr;
}


/** Music Partners **/
#music-partners ul {
display:grid;
grid-template-columns: 1fr 1fr;
}


/** Capital **/
ul#capital {
display:grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap:20px;
}


/** Artist news **/
ul#artist-news {
grid-template-columns: 1fr;
grid-gap:20px;
}

ul#artist-news li {
position:relative;
height:400px;
display:block;
}

ul#artist-news li:nth-child(3) {
display:inherit;
}

ul#artist-news li .card-content {
height:100px;
min-height:100px;
max-height:100px;
}

ul#artist-news li h4 {
font-size:16px;
}
}