/*
Theme Name: Helix Child
Description: Gebruik dit thema om maatwerk toe te passen op Helix
Author: Another Concept
Author URI: http://www.anotherconcept.nl
Version: 1.3
Template: helix
Date: 20220517

-------------------------------------------------------------- */
/* MAIN STYLES
-------------------------------------------------------------- */
#fixed-header .logo, #header .logo {
    height: 110px;
}

ul.list-of-songs {
    margin: 0;
    list-style: none;
}

li.single-song {
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 12px;
    background: #fff;
    position:relative;
    margin-bottom:15px;
}

li.single-song:after{
    font-family: "Font Awesome 6 Pro";
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    font-weight: 900;
    content:"\f054";
    position:absolute;
    right: 14px;
    top: 14px;
}

li.single-song h5{
    margin:0;
    color:#2b6767;
}

section.page-section.gray-section {
    display: none;
}

footer img {
    margin-bottom: 35px;
}
/* ----------------------------------------------------------- */
/* RESPONSIVE STYLES
-------------------------------------------------------------- */
/* Small screens */
@media only screen and (max-width: 40em) {

	
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) { 

	
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */