/*
Theme Name: flipping ROCKS
URL:  www.flippingrocks.de
Description: 
Author: 
Author URL:
Version: 
Template: Divi
*/

/*==========================================
 Farben:
 Hauptrot: #d51116; rgba(213,17,22,1) 
 Dunkelrot: rgba(168,24,21,1)
  
   
 ==========================================*/
/* links not active */

li.not-active {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}



/*==========================================
  FONTS
 ==========================================*/
 
 
 

/*==========================================
  Allgemein
 ==========================================*/

p.intro {
  font-family:'Bitter',Georgia,"Times New Roman",serif;
  font-weight: 500;
  font-style: italic; 
  font-size: 30px;
  line-height: 1.2em !important; 
  color: #000;
}

@media only screen and (max-width: 1300px) { 
p.intro {
  font-size: 20px;
}
}

/*==========================================
  Anchor
===========================================*/


/*==========================================
  Überschriften
 ==========================================*/

h1.klein_uber {
  font-size: 45px !important;
}



h2 {
  font-family:'Work Sans',Helvetica,Arial,Lucida,sans-serif;
  font-weight: 700 ;
  font-size: 40px;
  line-height: 1em !important; 
  color: #333;
  padding-bottom: 10px; 
}

@media only screen and (max-width: 1300px) { 
h1 {
 font-size: 30px !important;  
}
h1.klein_uber {
  font-size: 25px !important;
}
h2 {
font-size: 25px !important;
}
}


h3.weiss {
color: #fff;
}

/*---------- [Ende Überschriften ]----------*/

/*==========================================
  Header
 ==========================================*/
 /* Schatten bei der Menueleiste */
 
#main-header {
   box-shadow: 0px 20px 75px -17px rgba(0,0,0,0.25);
}

/*==========================================
  Menu
 ==========================================*/ 
 
/*animierte Linie von Menu-Punkten */

#top-menu .current_page_item a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
}

#top-menu li a:before {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    bottom: 35%;
    background: rgba(213,17,22,1);
    height: 4px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

#top-menu li a:hover {
    opacity: 1 !important;
}

#top-menu li a:hover:before {
    right: 0;
}

/* unterstriche bei submenu */

#top-menu .current-menu-item li a::before,
#top-menu .current_page_item li a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 100%;
}

#top-menu li li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 5%;
 background: rgba(255,255,255,1);
 height: 4px;
 -webkit-transition-property: right;
 transition-property: right;
 -webkit-transition-duration: 0.3s;
 transition-duration: 0.3s;
 -webkit-transition-timing-function: ease-out;
 transition-timing-function: ease-out;
}
#top-menu li li a:hover {
 opacity: 1 !important;
}
#top-menu li li a:hover:before {
 right: 0;
}

/* Farbe current menu */

#top-menu li a.current {
  color: #d51116 !important;
}


/* Farbe current menu when scrolled */
@media only screen and (min-width: 1100px) {
.et-fixed-header #top-menu li.current-menu-ancestor > a,
.et-fixed-header #top-menu li.current-menu-item {
  color: #d51116 !important;
}

/* Farbe current submenu */
 
#top-menu li li a.current {
  color: #fff !important;
}
}


/* Breite Submenu */

@media only screen and (min-width: 1100px) {
#top-menu .sub-menu { 
  width: 340px;
   border-radius: 0 20px;  
}  
#top-menu .sub-menu a {
  width: 300px;
} 
}

/* Text Transform Submenu */
#top-menu li li a {
 text-transform: none;
}
 
 
/* Farbe von Linkkasten im Menu */
#top-menu li li a:hover { 
  background-color: rgba(0, 0, 0, 0) !important;
}

/* line-height und Abstand */

#top-menu li li a {
  width: 200px;
  padding: 15px 20px;
}
    
#top-menu li li a {
  line-height: 1.3em;
}

/*==========================================
 Menu on Desktop vs Mobile
 ==========================================*/


/*---------- [Ende Menu on Mobile ]----------*/

/*==========================================
 Top-Navi und Info
 ==========================================*/

/*==========================================
 Sidebar
 ==========================================*/


/*==========================================
 Footer
 ==========================================*/


/*==========================================
Tabellen
 ==========================================*/

/* Tabelle einfärben */
.tablepress th, .tablepress td {
   color: #000 !important;
}

.tablepress tfoot th {
    background-color: rgba(0, 0, 0, 0) !important;   
}

.tablepress thead th {
  background-color: rgba(213,17,22,1) !important ; 
  color: #fff !important;
}

.tablepress .even td {
    background-color: rgba(0, 0, 0, 0.1) !important ; 
}

.tablepress .odd td {
    background-color: rgba(0, 0, 0, 0.15) !important; 
}

.tablepress .column-1 {
 font-weight: bold;
}

.tablepress {
    border-collapse: separate !important;
    border-spacing: 7px 7px !important;
    padding: 5px 0;
}

/* Tabelle Border entfernen */

.tablepress, tr, td, th {
    border: 0 none !important;
}

/* cell padding */

.tablepress tr,
.tablepress td,
.tablepress th  {
    padding: 12px 20px !important;
}

/*==========================================
 Eventon
 ==========================================*/

/*Anpassungen Eventon Kalender*/
.eventon_events_list .eventon_list_event .evcal_desc span.evcal_desc2, .evo_pop_body .evcal_desc span.evcal_desc2 {
    text-transform: none !important;
    font-family: 'Work Sans', Helvetica, Arial;
}

.eventon_events_list .eventon_list_event .evcal_desc .evcal_desc_info, .evo_pop_body .evcal_desc .evcal_desc_info {
    font-size: 16px !important;
    font-family: 'Work Sans', Helvetica, Arial !important;
}

.evcal_cblock .evo_start em.month, .evcal_cblock .evo_end em.month, .evcal_cblock .evo_start em.day {
    font-size: 16px !important;
    font-family: 'Work Sans', Helvetica, Arial !important;
}
.eventon_events_list .eventon_list_event .evcal_cblock em, .evo_pop_body .evcal_cblock em {
    font-family: 'Work Sans', Helvetica, Arial !important;
}

.ajde_evcal_calendar #evcal_head.calendar_header #evcal_cur, .ajde_evcal_calendar .evcal_month_line p {
    font-family: 'Work Sans', Helvetica, Arial !important;
}

  

/*==========================================
 Seiten spezifisch
 ==========================================*/


/*==========================================
 Startseite
 ==========================================*/

/*==========================================
 Kontakt
 ==========================================*/
 
 

 
 /*==========================================
 Beruf und Ausbildung
 ==========================================*/
 
.et_pb_toggle_title:before {
    font-size: 50px !important ;
    content: "3" !important;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}

.et_pb_toggle_open .et_pb_toggle_title:before {
    color: green;
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}