@import "skeleton.css";
/* skeleton overrides */
.container {
    max-width: unset !important;
    margin: 10% auto;
}
/* For devices larger than 400px */
@media (min-width: 400px) {
    .container {
        width: 100%;
        margin: 6% auto;
    }
}
/* For devices larger than 550px */
@media (min-width: 550px) {
    .container {
        width: 100%;
        margin: 6% auto;
    }
}
/* For ipad landscape 1024px */
@media screen and (min-width: 959px) and (max-width: 1024px) {
    .container {
        width: 90%;
        padding: 0;
        margin: 8% auto;
    }
}
/* end skeleton overrides */


/* Global Styles - Blog */
.desktop-show {display:none;}
.mobile-show {display:block;}
.no-bottom-margin {margin-bottom: 0;}
.no-top-margin {margin-top: 0;}
.align-center {text-align: center;}
iframe { border-width: 0;}
.img-fluid {
    max-width: 100%;
    max-height: unset !important;
    height: auto;
    display: block;
}

ul, ol {
    list-style: disc;
    padding: 0 16px;
}
.article-content {
    margin-top: 4%;
}
.blog-post-date,
.footnote {
    font-size: 13px;
}


/* social media pages */
.container.artistic-team {
    margin: 0 auto;
}
.artistic-team {
    max-width: 1113px;
}
.artistic-team h1 {
    text-transform: uppercase !important;
}
.artistic-team a {
    color: #1eaedb;
    font-weight: bold;
}
.artistic-team .artist {
    margin-bottom: 2.5rem;
}
.artistic-team .artist-name {
    font-size: 1.7em;
    margin-bottom: 0;
}
.artistic-team .artist-short-desc {
    font-size: 1.4em;
    margin-top: 0;
}

.event-page a {
    color: #24aed3;
    font-weight: bold;
}
.event-table {
    table-layout: fixed;
    font-size: 1.5em;
}
.event-table td:first-child {
    font-size: 1em;
    font-weight: bold;
}
.event-table a {
    margin: 0 20px;
    border: 2px black solid;
    text-align: center;
    display: block;
    font-size: 0.75em;
    font-weight: bold;
    padding: 5px;
}
.follow-btn {
    margin: 0 20px;
    border: 2px black solid;
    background: black;
    color: white !important;
    text-align: center;
    width: 320px;
    font-weight: bold;
    padding: 5px;
    display: block;
}
.follow-btn:hover {
    color: white;
}

/*trends and techniques pages*/
.trends-techniques .article-title {
    font-size: 3.0rem;
    margin-top: 0;
}
.trends-techniques .article-subtitle {
    font-size: 1.5em;
    margin-bottom: 0;
}
.trends-techniques .video-title {
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 100% !important;
    margin-bottom: 7px !important;
}
.trends-techniques .post-date {
    margin-top:5px !important;
}