/* This file is used for undesired css ignoration caused by elementor
 The purpose is to hide specific elementor elements on desktop and add missing styles */


/* Sponsor Title + Logo Block */
#sponsor-heading-container{
    display:block !important;
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}
#sponsor-heading-container + .elementor-hidden-desktop{
    display:none !important;
}
#sponsor-heading-container .e-con-inner{
    display:block !important;
}
#sponsor-heading-container h1{
    padding:0px 20px !important;
    text-align:center !important;
    font-size:22px !important;
    font-family: Cocon Pro Bold !important;
}
/* Infomaterial Styles */
#sponsor-info-container{
    background: linear-gradient(180deg, #D8DFE3, #FFFFFF) !important;
    display:block;
}
#sponsor-info-container h2.elementor-heading-title{
    text-align:center !important;
    font-size:22px !important;
    font-family: Cocon Pro Bold !important;
    margin-bottom: 20px !important;
}
#back-toinfo-button{
    margin-top: 35px !important;
}

 /* first of all hide everything for desktop */
 @media (min-width: 1024px){

    /* Sponsor Title, Information Material, Banner + Image1 + Image2 (Elementor Wording) */
    #sponsor-heading-container,
    #sponsor-info-container,
    #sponsor-banner-section,
    #sponsor-logo
    {
        display:none !important;
     }
}