/*

@media (prefers-color-scheme: dark) {
    html {
        color: #FFF;
        background: #008080;
        }
    
    .nav-item {
        color: #FFF;
    }
    
    .title {
        color: #FFF;
    }
    
    .line {
        border-bottom: 1px solid #FFF;
    }
    
    .main-nav {
        border-bottom: 1px solid #000;
    }
    
    .nav-item:hover {
        border-bottom: 2px solid #FFF;
    }
    
    .header {
        background-image: radial-gradient(circle closest-side at 30%, #008080, #008080);
}
    
    .social-link-a {
        color: #FFF;
    }
    
    
}
*/

@media only screen and (max-width: 1800px) {
    
    
    .aisling-des {
        padding: 150px 0px 0px 100px;
        
    }
    
    
   
}

@media only screen and (max-width: 1500px) {
    
    
    .aisling-des {
        padding: 100px 0px 0px 60px;
        
    }
   
}



@media only screen and (max-width: 1350px) {
    
    
    html{
    font-size: 14px;
    }
    
    .youtube-embed {
        width: 896px;
        height: 504px;
    }
}


@media only screen and (max-width: 1150px) {
    
    
    html{
        font-size: 12px;
    }
    
    
    .youtube-embed {
        width: 711px;
        height: 400px;
    }
    
}

@media only screen and (max-width: 1055px) {
    
    .main-nav li {
    
    padding-left: 15px;
    
    }
    
    .title {
        height: 60px;
    }
    
    .main-nav {
        padding-top: 20px;
        
    }
    
    
   
}

@media only screen and (max-width: 960px) {
    
    
    .youtube-embed {
        width: 533px;
        height: 300px;
    }
    
    ion-icon {
        font-size: 32px;
    }   
    
    ion-icon.bottom-nav {
        font-size: 24px;
    }
    
    .contents {
        padding: 10px 150px;
        
    }
    
    .content-card.tv {
        margin-left: 0px;
    }
    
    .mobile-nav-icon {display: inline-block;}
    
    .main-nav {
        display: none;
        float: none;
        position: absolute;
        top: 0;
        left: 0%;
        width: 100%;
        margin-top: 60px;
        background-color: rgba(255, 255, 255, 0.85);
        padding: 20px;
        z-index: 9998;
    }
    
    .main-nav li {
        display: block;
        text-align: center;
        margin: 30px 0px;
        font-size: 180%
    }
    
    .menu-closedd .nav-icon-menu {
        display: inline-block;
    }
    
    .menu-closedd .nav-icon-close {
        display: none;
    }
    
    
    .menu-open .nav-icon-close {
        display: inline-block;
    }
    
    .menu-open .nav-icon-menu {
        display: none;
    }
    
}
   

@media only screen and (max-width: 830px) {
    
    .youtube-embed {
        width: 355px;
        height: 200px;
    }
    
    
    .contents {
        display: none;
        
    }
    
    .bottom-row {
        padding: 20px
    }
    
}

@media only screen and (max-width: 650px) {
    
    .page-contents {
        
        padding: 20px;
    }
    
    .about {
        height: 50vh;
    }
    
    .aisling-des-text {
        display: none;
    }
    
    .social-links-one {
        padding-top: 5vh;
    }
    
    .social-links-one li {
        padding: 30px;
    }
    
    .aisling-des-mobile {
        display: block;
        font-size: 150%;
        padding: 20px;
        font-weight: 300;
    }
    
    .recent-card.tv-card,
    .recent-card.radio-card,
    .recent-card.print-card,
    .recent-card.youtube-card,
    .recent-card.other-card {
        height: 20vh;
        margin: 20px 0px 0px 0px;
        padding-top: 7vh;
        font-size: 250%;
        font-weight: 500;
    }
    
    .recent-card-bottom {
        margin: 20px 0px 0px 0px;
    }
    
    .recents {
        padding: 0;
        margin: 0;
    }
    
    .footer-p {
        margin-top: 900px;
        padding-top: 40px;
    }
    
}





    
@media only screen and (max-height: 750px) {
    
    
    .about {
        height: 100vh;
    }
    
    
}