/**
 * 3.1 - Elements
 */

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

hr {
    border: 0;
    height: 1px;
    margin: 0 0 1.75em;
}

ul,
ol,
.ew-author ul,
.ew-archive ul,
.ew-categories ul {
    margin: 0 0 1.4em 1.05em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li > ul,
li > ol {
    margin-bottom: 0;
}

dl {
    margin: 0 0 1.75em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.75em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

del {
    opacity: 0.8;
}

table {
    border: 1px solid;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0 0 1.05em;
    table-layout: fixed;
    /* Prevents HTML tables from becoming too wide */
    width: 100%;
}

th,
td {
    border-right: 1px solid;
    font-weight: normal;
    text-align: left;
}

thead th {
    border-bottom: 1px solid;
}

tbody th {
    font-weight: 400;
}

caption,
th,
td,
table.shop_table_responsive tr td {
    padding: 0.7em 1.4em;
}

.displaynone {
    display: none;
}

.displayblock {
    display: block;
}

.cover-link {
    display: block;
    height: 100%;
}

.drop-cap:first-letter {
    float: left;
    font-size: 92px;
    font-size: 5.75rem;
    font-weight: 700;
    line-height: 0.6;
    margin: 14px 16px 4px -3px;
}

.event-list-description,
.events-content-wrapper .entry-summary,
#team-dots {
    @include flex;
}

#gallery-section .gallery-item .gallery-icon a:before,
#gallery-section .tiled-gallery .tiled-gallery-item a:before,
.more-link,
#service-section .post-thumbnail img,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
#team-dots li,
.owl-carousel .owl-dots button.owl-dot,
#costello-logo-slider-section .owl-prev:before,
#costello-logo-slider-section .owl-next:before,
#promotion-section .button.play-button:before,
.entry-content button,
.entry-summary button,
#scrollup,
nav.navigation.posts-navigation .nav-links a {
    @include transition(0.3s ease-in-out);
}

 #sticky-playlist-section .wrapper {
    padding-left: 30px;
    padding-right: 30px;
}