/************ RESPONSIVE NAVIGATION *************/

@media (min-width: 200px) {

.nav-item-single a {  
font-size: 1.4rem !important;}

.nav-news {
width: 800px;}

.nav-external {
width: 800px;}

.nav-resources {
width: 800px;}

.nav-music-culture {
width: 800px;}

.wp-block-navigation__responsive-container-content {
padding-left: 24px !important;
height: 100vh;}


.hero-title-link-large a {
font-size: 1.4rem;
}


.category-label-small a {
text-decoration: none;
font-size: .7rem;
background: #F4F4F5;
padding-top: 7px;
padding-left: 12px;
padding-bottom:0px;
padding-right: 12px;
border-radius: 4px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: 4px;
  }

.category-label-small a:hover {
background: #F3F810 !important;
}





a[rel="tag"] {
    background: #F4F4F5 !important; /* Changes the background color to blue */
    color: #171C2B !important; /* Changes text color to white */
    border-radius: 5px !important; /* Adds rounded corners */
    font-size: .7rem;
    padding: 4px;
    text-decoration: none;
    gap: 2px;
}


a[rel="tag"]:hover {
    background: #F3F810 !important; /* Changes the background color to blue */

}


.dropdown-menu-item a {
  padding-left: 0px !important;
}




.category-header-section {
  background-image: none !important;
}




}








@media (min-width: 600px) {
  
.nav-item-single a {  
font-size: 1rem !important;
margin-left: 16px;}

.wp-block-navigation__responsive-container-content {
padding-left: 0px !important;
height: auto;}

.nav-news {
width: 50px;}

.nav-external {
width: 120px;}

.nav-resources {
width: 155px;}

.nav-music-culture {
width: 150px;}


.hero-title-link-large a {
font-size: 2rem;
text-decoration: none;
line-height: 2.3rem;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 16px;
margin-bottom: 12px;
margin-top: 8px;}


.category-label-small a {
text-decoration: none;
font-size: .9rem;
background: #F4F4F5;
padding-top: 9px;
padding-left: 15px;
padding-bottom: 9px;
padding-right: 15px;
border-radius: 4px;
margin-top: 16px;
margin-bottom: 8px;
margin-right: 4px;}


.category-label-small a:hover {
background: #F3F810 !important;
}






a[rel="tag"] {
    background: #F4F4F5 !important; /* Changes the background color to blue */
    color: #171C2B !important; /* Changes text color to white */
    border-radius: 5px !important; /* Adds rounded corners */
    font-size: .9rem;
    padding: 10px;
    border-radius: 4px;
    text-decoration: none;
    gap: 8px;
}

a[rel="tag"]:hover {
    background: #F3F810 !important; /* Changes the background color to blue */

 
}






}



@media (min-width: 1600px) {
  
  
  .category-header-section {
  background-image: url("https://www.mixcloud.com/blog/wp-content/uploads/2024/01/Blog-Banner-Option-2-White.gif") !important;

}


}




/************ NAVIGATION GENERAL ************/

.wp-block-search__input {
border-bottom: 1px solid #D2D3D7;
border-left: 0px;
border-right: 0px;
border-top: 0px;
font-size: 1rem;}

.wp-element-button {
padding: 8px;
font-size: .8rem;
border-radius: 4px;
font-weight: 500;}

.nav-item a {
font-size: .8rem;
font-weight: normal;
padding: 0px;}

.nav-item-single {
margin-top: 0px;
width: auto;
background: red;}

.nav-item-single a {
font-size:.8rem;
padding: 16px;
padding-left: 0px;}

.main-menu {
padding: 0px;}

.nav-search {
margin-bottom: 12px;}

.dropdown-menu-item {
padding-bottom: 16px;
margin: 8px;
width: 180px;
}


.dropdown-menu-item a {
padding-bottom: 16px;
padding-left: 16px;
margin: 8px;
}

.dropdown-menu-item ul {
padding-bottom: 16px;
margin: 8px;}

.wp-block-navigation .wp-block-navigation__submenu-icon {
padding-top: 0px;
margin-top: 0px;}

.wp-block-navigation__responsive-container-content {
background: white;
padding-right: 24px;
padding-left: 0px;}

.wp-block-navigation__responsive-container-close {
padding: 24px;}

.wp-block-navigation__submenu-icon  {
padding-top: 0px;}


/************ PAGINATION  ************/

.pagination-text{
word-spacing: 15px;
font-size: 1.3rem;
color: #171C2B;}

.pagination-text a {
word-spacing: 10px;
font-size: 1.3rem;
colour: #61667A;
text-decoration: none;}

/************* ARTICLE CARD *************/


.post-card-image {
margin-bottom:0px;  
}

.hero-title-link-small a {
font-size: 1.3rem;
text-decoration: none;
line-height: 1.7rem;
margin-top: 18px;
margin-bottom: 18px;
margin-right: 20px;}

.hero-title-link-small a:hover{
text-decoration: none;
color: #61667A;}


.hero-title-link-large a:hover{
text-decoration: none;}



.category-label-small a:hover {
background: #eaeaec;
margin-bottom:8px;}


.taxonomy-post_tag {
margin: 20px;}


/************* ARTICLE *************/

.hero-quote p {
color: #61667A;
font-weight: normal;}

.hero-quote a {
font-size:1rem;
color: #171C2B;
text-decoration: none;}


.wp-block-post-author__avatar {
border-radius: 200px;
overflow: hidden;
height:48px;
width: 48px;}

.wp-block-post-author__name {
padding: 0px;}

.meta-text {
font-size: 1rem;
line-height: 1.2rem;
padding: 0px;
margin:0;}

.post-hero-image-wrapper {
  margin-top: auto !important;
  margin-bottom: auto !important;}

.nav-item-external {
padding-top: 0px;
margin-top: 0px;}



.footer-links a {
color: #ffffff;
text-decoration: none;
  
}





.footer-links a:hover {
color: #D2D3D7;
text-decoration: none;
  
}

.footer-links {
padding-left: 0px ;}

ul {
list-style-type: none ;}

.article-content {
padding-right: 48px;}

.sharedaddy sd-sharing-enabled {
padding-bottom: 48px;}


.taxonomy-post_tag {
  margin-left: 0px;
}


.wp-container-core-group-layout-4 {
  gap: 4px !important;
  margin-left: 0px !important;
}



/************* RELATED POSTS SIDEBAR *************/






.jp-related-posts-i2__post-link {
background: #F4F4F5;
padding:24px;
border-radius: 6px;
margin-bottom: .5rem;
font-size: .7rem;
line-height: 1.3rem;}

.jp-related-posts-i2__post-link a {
text-decoration: none;
font-size: .9rem;
}

.jp-related-posts-i2__post-link a:hover {
text-decoration: none;
font-size: .9rem;
color: #61667A;
}





.wp-container-core-group-layout-4.wp-container-core-group-layout-4 {
gap: 16px;
margin-left: -10px;}



.category-description p {
  color:#61667A !important;
    text-align: left;
}


/************* CATEGORY LISTS *************/


.category-title {
  text-align: left;
}


.wp-block-post-terms {
  padding-left: 0px;
  padding-right: 0px;
}