/*  
Client: HELLOW FESTIVAL
Client URL: http://hellowfestival.com
Description: Festival Internacional para la Música & las Artes.
Version: 2.0
Autor: H/AC
Autor URL: http://hachac.com
*/


#collapse h1,
#collapse h1 + section,
#collapsefaq h2,
#collapsefaq h2 + sectionm
#collapsemarcas h2,
#collapsemarcas h2 + section {
    -webkit-transition: all ease-out .3s;
            transition: all ease-out .3s;
}

#collapse h1 a,
#collapsefaq h2 a,
#collapsemarcas h2 a {
    display: block;
    padding: 25px 50px;
    font-family: "Druk-Medium-Italic";
    font-size: 2em;
    text-transform: uppercase;
    letter-spacing: 5px;
    color: #fff;
    -webkit-transition: none;
            transition: none;
    background: #000 url("../images/open-close.png") right 20px top 0 no-repeat;
}

#collapse h1 + section,
#collapsefaq h2 + section,
#collapsemarcas h2 + section {
    height: 0;
    display: block !important;
}

#collapse h1.open a,
#collapsefaq h2.open a {
    background-position: right 20px top -95px;
}

#collapse h1.open + section,
#collapsefaq h2.open + section,
#collapsemarcas h2.open + section {
    height: auto;
}

#collapse section {
    overflow: hidden;
    background: #EFEB09;
}

#collapse section + h1,
#collapsefaq + h1,
#collapsemarcas + h1 {
    margin-top: 50px;
}

#collapse section div,
#collapsefaq section div,
#collapsemarcas section div {
    overflow: hidden;
    padding: 50px 50px 30px 50px;
}


/* faq */
#collapsefaq h2 a {
    color: #000;
    background: #EFEB09 url("../images/open-close-faq.png") right 20px top 0 no-repeat;
}

#collapsefaq section,
#collapsemarcas section {
    overflow: hidden;
    color: #fff;
    background: #000;
}


/* marcas */
#collapsemarcas h2 a {
    padding-right: 115px !important;
    color: #000;
    background: #EFEB09 url("../images/open-close-faq.png") right 20px top 20px no-repeat;
}

#collapsemarcas h2.open a {
    background-position: right 20px top -75px;
}