/*
Theme Name: Verband IKA
Description: basierend auf dem responsive Theme Flash von Themegrill
Author: Thomas Bruhin
Author URI: http://www.mediasonics.ch
Template: flash
Version: 2.0
Tags: one column, two colun
*/
@import url("../flash/style.css");
/* 
    hier kommen die eigenen CSS-Angaben
    ab 2018 mit cssd variablen */

:root { 
  /* css varibalen deklaration und inizialisierung */
  --main-color: rgb(249, 178, 51); /* neue Farbe Orange: #f9b233; alte farbe türkis: #30afb8; */ 
  --main-color-text-link: rgba(249, 178, 51, 0.3);
  --nav-background-color: rgb(85, 99, 113);
  --text-light-color: rgb(240, 255, 255);
}

body { font-family: 'Montserrat','Lucida Grande','Helvetica Neue',Calibri,Geneva,sans-serif; }

.tg-blog-widget .entry-author { visibility: hidden; } /* blendet den autor beim blogpost auf der homepage aus */

.header-bottom,
.header-sticky .is-sticky .header-bottom { 
  background-color: rgb(85, 99, 113);
  background-color: var(--nav-background-color); 
}
#site-navigation ul li a { color: white; }
#site-navigation ul li { padding-right: 24px; }
#site-navigation ul.sub-menu { 
  background-color: rgb(85, 99, 113);
  background-color: var(--nav-background-color); 
}

/* logo im headerbalken */
.logo .logo-image { padding: 0; padding: 5px 0;}

/* inhaltsbereich */
#main .entry-content p a,
.entry-content li a { 
  font-weight: bold;
  background-color: none;}
#main .entry-content p a:hover,
.entry-content li a:hover { 
  color: rgb(85, 99, 113);
  color: var(--nav-background-color); 
  background-color: rgba(249, 178, 51, 0.3);
  background-color: var(--main-color-text-link);
}


/* rechte widgets spalte links anpassen */
#secondary a { font-weight: bold; }
#secondary a:hover {
  color: var(--nav-background-color) !important;
  background-color: var(--main-color-text-link);
}

li > ul, li > ol { margin-left: 17px; }

/* die h3 ueberschriften nicht abaendern */
.section-title { text-transform: none; }
.section-title-wrapper:last-child,
.panel-last-child { margin-bottom: 0 !important; }
.title-spnosoren h3 { margin-bottom: 0; }
.panel-row-style.panel-row-style-for-337-3 { padding-bottom: 20px !important; }

/* untertitel im homepage slider nicht Capitalize */
.tg-slider-widget .caption-desc { text-transform: none; }
/* homepageslider hoehe nur so hoch wie bild, kein weissraum unten */
.swiper-container, .swiper-container-horizontal { height: auto !important;}

/* fusszeilenbereich */
div.sponsoren-logos { margin-bottom: 20px; vertical-align: text-bottom !important;}
#bottom-footer { 
  background-color: rgb(85, 99, 113); 
  background-color: var(--nav-background-color); 
}

/* vorstand mailadresse: abstand zwischen mailicon und text */
a i.fa-envelope { padding-right: 5px; }
/*div.mc-field-group ul { margin-top: 0; padding-top: 0; }*/

#main a:hover img { background-color: white; }

@media (max-width: 769px) {
  .tablepress-id-3 { min-width: 600px; }
  
  .tablepress-id-3 .column-1 img,
  .tablepress-id-3 .column-3 img { max-width: 120px; }
  
  .tablepress-id-3 .column-1,
  .tablepress-id-3 .column-3 { max-width: 125px; }
  
  .tablepress-id-3 .column-2,
  .tablepress-id-3 .column-4 { min-width: 175px; }
}

@media (min-width: 769px) {
  .header-top .contact-info li { margin-right: 25px;}
  div.panel-row-style { padding-top: 0 !important;}
  div.sponsoren-logos {display: table-row; }
  .panel-grid-cell { display: table-cell; vertical-align: bottom !important;}
  p.site-description a { 
    font-size: .8em; 
    color: rgb(240, 255, 255); 
    color: var(--text-light-color); 
  }
  
  /* menupunkt mitgliederbereich mit linie nach oben abgrenzen */
  li#menu-item-720 { 
    border-top: 1px solid rgb(249, 178, 51);
    border-top: 1px solid var(--main-color); 
    padding-top: .5em;
  }
  div.left-content { flex: 2 !important; }
  
  /* table press plugin css overrides: erste spalte mit den uhrzeiten kwin textumbruch */
  .tablepress-id-2 .column-1,
  .tablepress-id-1 .column-1 { white-space:nowrap !important;}
}


/* fuer mobile geräte spezielle formatierungen */
@media screen and (max-width: 980px) {  
  /* hintergrundfarbe des dropdown */
  #site-navigation .menu { 
    background-color: rgb(85, 99, 113);
    background-color: var(--nav-background-color) !important; 
  }
  
  /* content width nicht default 65.5% sondern breiter */
  .full-width-content { width: 95% !important; }
  
  /* hamburger menu fontawesome .fa-bars */
  i.fa-bars { color: white !important; }
  
}