@charset "utf-8";

:root{

    --radius:8px;
    --transparent: transparent;


    --color-black:              #000000;
    --color-white:              #ffffff;
    --color-red:                #B30000;

    --color-brand:              #ad0267;   
    --color-brand-hover:        #D60000;
    --color-brand-active:       #800000;
    --color-brand-subtle:       green;
    --color-brand-contrast:     pink;

    --color-heading-primary:    #ad0267;
    --color-heading-secondary:  #00c0ad;
    --color-heading-accent:     var(--color-brand);

    --color-text-primary:       #000000;
    --color-text-secondary:     purple;
    --color-text-muted:         gray;
    --color-text-disabled:      yellow;       
    --color-text-inverse:       #FFFFFF;
    --color-text-link:          var(--color-brand);
    --color-text-link-hover:    var(--color-brand-hover);

    --color-link:               var(--color-brand);
    --color-link-hover:         var(--color-brand-hover);

    --button-primary-bg:        #00c0ad;
    --button-primary-bg-hover:  #00d8c3;
    --button-primary-bg-active: #00c0ad;
    --button-primary-text:      var(--color-text-inverse);

    --color-shadow:         #0000003d;
    --color-shadow-hover:   #00000024;

    --color-gray-lines:          #e5e5e5;
    --color-gray-lines-hover:    #ffffff;

    --color-bg-page:            linear-gradient(90deg,#a8036d,#de0722,#fdc104);

    --color-bg-surface:         #FFFFFF;
    --color-surface-hover:      #FFFFFF;
    --color-surface-active:     #FFFFFF;

    --color-bg-surface-card:            #FFFFFF;
    --color-surface-card-hover:         #FFFFFF;
    --color-surface-card-active:        #FFFFFF;

    --color-bg-card:            #FFFFFF;
    --color-card-hover:         #FFFFFF;
    --color-card-active:        #FFFFFF;



    /* ------- Menu ------- */

    --color-menu-level-1-text:                  var(--color-text-primary);
    --color-menu-level-1-text-hover:            var(--color-brand);
    --color-menu-level-1-bg:                    var(--color-bg-surface);
    --color-menu-level-1-bg-hover:              #000000;
    --color-menu-level-1-lines:                 #e5e5e5;
    --color-menu-level-1-underline:             var(--color-brand);
    --color-menu-level-1-border:                var(--color-brand);
        
    --color-menu-level-2-text:                  #000000;
    --color-menu-level-2-text-hover:            var(--color-brand);
    --color-menu-level-2-text-hover-desktop:    #ffffff;
    --color-menu-level-2-bg:                    #d4d4d4;
    --color-menu-level-2-bg-desktop:            var(--color-bg-surface);
    --color-menu-level-2-bg-hover:              var(--color-brand);
    --color-menu-level-2-lines:                 #bababa;
    --color-menu-level-2-lines-desktop:         #dadada;
    --color-menu-level-2-lines-hover:           var(--color-brand);
    --color-menu-level-2-border:                var(--color-brand);
        
    --color-menu-level-3-text:                  #000000;
    --color-menu-level-3-text-hover:            #ffffff;
    --color-menu-level-3-text-hover-desktop:    #ffffff;
    --color-menu-level-3-bg:                    #bcbcbc;
    --color-menu-level-3-bg-desktop:            var(--color-bg-surface);
    --color-menu-level-3-bg-hover:              var(--color-brand);
    --color-menu-level-3-lines:                 #ababab;
    --color-menu-level-3-lines-desktop:         var(--color-menu-level-2-lines-desktop);
    --color-menu-level-3-border:               var(--color-brand);
        
    --color-menu-level-4-text:                  #000000;
    --color-menu-level-4-text-hover:            #ffffff;
    --color-menu-level-4-text-desktop:          #000000;
    --color-menu-level-4-text-hover-desktop:    #ffffff;
    --color-menu-level-4-bg:                    var(--color-bg-surface);
    --color-menu-level-4-bg-hover:              var(--color-surface-hover);
    --color-menu-level-4-lines:                 var(--color-menu-level-2-lines);

    --color-menu-language-text-no-link:         #ababab;



    /* ------------- accordion ----------------- */

    --accordion-bg:             #ffffff;
    --accordion-text:           #000000;

    --accordion-tab-bg:             linear-gradient(90deg,#a8036d,#de0722,#fdc104);
    --accordion-tab-bg-hover:       linear-gradient(90deg,#7d0051,#b20016,#fd9c04);
    --accordion-tab-bg-active:      linear-gradient(90deg,#7d0051,#b20016,#fd9c04);

    --accordion-tab-heading:        white;
    --accordion-tab-heading-hover:  white;
    --accordion-tab-heading-active:  white;

    --accordion-border:             white;


    /* ------ accordio right sidebar ----*/

    --accordion-right-tab-bg:             #ffffff;
    --accordion-right-tab-bg-hover:       var(--color-brand);
    --accordion-right-tab-bg-active:      var(--color-brand);

    --accordion-right-tab-heading:        var(--color-heading-primary);
    --accordion-right-tab-heading-hover:  #ffffff;
    --accordion-right-tab-heading-active: #ffffff;

    --accordion-right-border:             pink;



    /* ------------ footer ------------  */

    --footer-color-heading:            white;
    --footer-color-bg:                 linear-gradient(90deg,#a8036d,#de0722,#fdc104);
    --footer-color-text:                white;

    --footer-button-primary-bg:            transparent;
    --footer-button-primary-bg-hover:      #ffffff14;
    --footer-button-primary-bg-active:     #dddddd14;
    --footer-button-primary-text:          white;
    --footer-button-primary-text-hover:     #ffd600;
    

}  





/* --- Dirty solution ------*/
div ul.powermail_message.powermail_message_error { display:none; }
  
body{
  background: linear-gradient(90deg,#a8036d,#de0722,#fdc104);
  font-family: "SN Pro", sans-serif;
  font-optical-sizing: auto;
  font-size: 17px;
  }
  
html #main { 
    min-height: calc(100vh - 370px);
    margin: 0 auto;
    float: none;
}


h1,h2,h3,h4{
  font-family: "SN Pro", sans-serif;
}
      
h2 {
    font-size: 17px;
    color: #00c0ad;
}

#right{ box-shadow: none; display: none; }
#bottom-news { display: none; }

#footer { background: transparent; }
#footer-container{ padding: 33px 0 0% 0; }

:target {
  scroll-margin-top: 85px;
}

a.footer-facebook   { background-image: url(../sysimages/social_revival.png); }
a.footer-youtube    { background-image: url(../sysimages/social_revival.png); }
a.footer-instagram  { background-image: url(../sysimages/social_revival.png); }
#menu li.home a     { background-image: url(../sysimages/social_revival.png); }
#menu li.search a   { background-image: url(../sysimages/social_revival.png); }



/* --------- NOT FINISHED ----------*/


#menu > ul > li.hassub > a:after{ background-image: url(../sysimages/arrow_revival.png) }

.no-touch #menu > ul > li > ul > li.hassub:hover > a:after,
#menu > ul > li > ul > li.hassub.hover > a:after{ background-image: url(../sysimages/arrow_revival.png) }


#menu > ul > li > ul > li > ul > li > a:after { background-image: url(../sysimages/arrow_revival.png) }

.no-touch #menu > ul > li > ul > li > ul > li:hover > a:after,
#menu > ul > li > ul > li > ul > li.hover > a:after{ background-image: url(../sysimages/arrow_revival.png) }


@media (min-width: 550px) { 

}
  
@media (min-width: 720px) {

    :target {
      scroll-margin-top: 130px;
    }

    body{
        font-size: 18px;
        line-height: 27px;
    }

    h1, h3 {
        font-weight: 700;
    }
    h1 {
        font-size: 4vw;
        line-height: 4.7vw;
    }

    h2 {
        font-size: 2.4vw;
        line-height: 2.8vw;
    }

    h3 {
        font-size: 4vw;
        line-height: 4.7vw;
    }
      
}

@media (min-width: 960px) {
  

}
  
@media (min-width: 1140px) {
  
    h1 {
        font-size: 56px;
        line-height: 59px;
    }
    h2 {
        font-size: 22px;
        line-height: 28px;
    }
    h3 {
    font-size: 60px;
    line-height: 62px;
    }

}