/*
Theme Name: MONDIALE
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating wil be much easier then.
Version: 2.0
Author: Mischa Mandl
Author URI: https://www.mondiale.de
Text Domain: MONDIALE
Template: enfold
*/

#top .av-video-slide .avia-slide-wrap {
background: #fff; }

/* Entfernt All-Caps im Titel von Iconboxen */
.iconbox_content_title {
text-transform: none !important;
} 

/* Entfernt All-Caps von Hinweisboxen */
#avia-messagebox- > div > p {
	text-transform: none;
}

/* 			   */
/* Submenus    */
/*			   */

/* Macht die Submenus Schwarz und fett */
.av-sticky-submenu {
    font-weight: bold !important;
    background: #222222 !important;
}

/* Macht den Schrifthintergrund im Submenu transparent */
.av-sticky-submenu li a {
    background: none repeat scroll 0 0 transparent !important;
    color: white !important;
}

/* Färbt den Text im Submenu bei hover */
.av-sticky-submenu li a:hover {color:gold !important; }

/* Vergrößert die Schriftgröße im Submenü */
#top .av-subnav-menu > li > a {
font-size: 15px;
}

/* lässt das Logo auf Mobilgeräten Abstand zum Einkaufswagen halten */
.responsive .logo img {
padding-right: 50px !important;
}

/* macht die Schrift des Menüs kleiner */
@media only screen and (max-width: 1200px) and (min-width: 768px) {
.responsive .main_menu ul:first-child > li > a {
padding: 0 7px;
}
.av-main-nav > li > a {
font-size: 11px;
}
}

/* blendet auf der Startseite im Newsslider das Beitragsbild und die Kategorie aus */
.avia-content-slider-inner .slide-image {
display: none !important;
}
.avia-content-slider-inner .slide-meta {
display: none !important; 
}

/* passt die Überschriften im Header der Startseite der Bildschirmgröße an */
div.startheader h3 {
font-size: clamp(20px, calc(1rem + 1vw), 30px);
}

/* blendet im Mini-Einkaufswagen im Menü die Versandkosten aus */
.widget_shopping_cart_content .shipping-costs-cart-info {
  display:none !important;
}

/* blendet den Hinweis der Versandkosten auf der Produktseite aus */
.wc-gzd-additional-info .shipping-costs-info
{display: none !important;}
.product p.wc-gzd-additional-info.shipping-costs-info
{display: none !important;}

/* blendet die Artikelnummer und SKU auf der Produktseite aus */
div.product_meta{
display:none!important;
}

/* zentriert das Logo im Header-Menü */
.header-scrolled .logo img {
padding-top: 1%;
}
.logo img {
padding-top: 1%;
}

/* macht das Menu auf Mobil sticky */
@media only screen and (max-width:767px) {
  .responsive #top #wrap_all #header {
    position: fixed !important;
  }

  .responsive #top #main {
    padding-top: 50px !important;
  }
  
  #header_meta {
    display: none;
  }
.responsive #header_main .container {
    height: 50px !important;
}
.responsive .logo a {
    vertical-align: top !important;
}
.responsive .logo img {
    max-height: 50px !important;
    //top: -2px;
}
.responsive #top #wrap_all .main_menu {
  top: -15px;
}
}

/* macht Footerinhalte auf Mobilgeräten zentriert */
@media only screen and (max-width:767px) {
	#footer .widget {
  text-align: center;
}
}

/* macht den Sprachumschalter im Hauptmenü auf dem Desktop unsichtbar */
@media only screen and (min-width: 768px) {
#menu-item-wpml-ls-46-de, #menu-item-wpml-ls-46-en, #menu-item-wpml-ls-46-fr, #menu-item-wpml-ls-46-es {
display: none !important;
} 
} 

/* ergänzt Icon für externe Links hinter die Links */
.content a:not([href*='mondiale.de']):not([href*='mondiale-testing.de']):not([href*='mondiale-toptraining.de']):not([href^='#']):not([href^='/']):after { content: url(https://www.mondiale.de/web/wp-content/uploads/externallink.png); }
.content div.heateor_sss_sharing_container a:not([href*='mondiale.de']):not([href*='mondiale-testing.de']):not([href*='mondiale-toptraining.de']):not([href^='#']):not([href^='/']):after { content:none; }

/* blendet das Footer-Menü auf Auflösungen unter 1200 Pixel aus */
@media only screen and (max-width: 1200px) {
#avia3-menu {
  display:none;
}
}

/* macht Text in einem Element justified, wenn Custom CSS um die genannte Klasse ergänzt wird */
#justified p {
    text-align: justify;
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

/* fügt Schriftschatten bei Seitenüberschriften und Icons hinzu */
.schatten .av-special-heading-tag {
	text-shadow: 0 0 2px #fff, 0 0 10px #000;
}
@media only screen and (max-width:767px) {
	.schatten .av-special-heading-tag {
	zoom:0.8;
	}
}
div.av_three_fourth h2.av-special-heading-tag,
div.av_two_third h2.av-special-heading-tag,
div.av_one_fourth span.av_font_icon,
div.av_one_third span.av_font_icon {
    text-shadow: 0 0 2px #fff, 0 0 10px #000;
}

/* rückt die Icon-Leiste mit den Kontaktdaten in die Mitte */
@media only screen and (min-width: 768px) {
.kontaktleiste {
	margin-left: 25%;
}
}

/* fügt kleinen Abstand zwischen WPML-Flagge und Text ein, vor allem im Mobilmenü */
img.wpml-ls-flag {
    margin-right: 5px !important;
}

/* begrenzt die maximale Höhe des Charts für den Kursverlauf Deutsch Intensiv */
.kursverlauf canvas.avia-chart {
    max-height: 300px;
}

/* färbt die Buttons im Cookie-Fenster Grün und Grau */
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-3.avia-cookie-close-bar.avia-cookie-select-all.avia-cookie-consent-modal-button
{
background-color: green !important;
border-color: green !important;
}
a.avia-button.avia-color-theme-color-highlight.avia-cookie-consent-button.avia-cookie-consent-button-5.avia-cookie-close-bar.avia-cookie-consent-modal-button
{
background-color: gray !important;
border-color: gray !important;
}

/* verbirgt den Nach-Oben-Pfeil in der rechten unteren Browserecke */
#scroll-top-link {
    display: none !important;
}

/* aktiviert die vertikale Leiste von Sassy Social Share erst beim Runterscrollen */
.heateor_sss_sharing_container.heateor_sss_vertical_sharing {
display: none;
}

/* sorgt für Abstand zwischen Überschrift und Auflistungen in Iconboxen */
.iconbox_content .iconbox_content_container ul {
margin-top: 10px !important;
}

/* verkleinert die Schrift in Preis-Tabellen in der Preis-Zeile, z.B. bei der Seite Sprachprüfungen */
div .examtabelle .first-table-item {
    font-size: 80%;
}

/* vergrößert die Schrift für das Datum der nächsten Prüfung auf der Prüfungsseite */
.examtabelle .avia-heading-row {
	font-size: 15px;
}

/* 			   */
/* WooCommerce */
/*			   */

/* blendet den Reset-Button bei variablen Produkten aus */
.reset_variations {
    display:none !important;
}

/* fixt das Auge-Icon zum Anzeigen des Passworts in WC-Passwortfeldern */
.woocommerce form .password-input, .woocommerce-page form .password-input {
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.woocommerce form .password-input input[type=password], .woocommerce-page form .password-input input[type=password] {
padding-right: 2.5rem;
}
.woocommerce form .show-password-input, .woocommerce-page form .show-password-input {
position: absolute;
right: 0.7em;
top: 0.7em;
cursor: pointer;
}
.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
font-family: WooCommerce;
speak: never;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
content: "\e010";
text-decoration: none;
}

/* Zusätzliche Bestellfelder auf der Thank You-Seite ausblenden */
section.wc-block-order-confirmation-additional-fields-wrapper {
    display: none !important;
}

/* curved underline für die Startseite */
b.underlined {
  position: relative;
}
b.underlined:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  height: 7px;
  width: 100%;
  border: solid 2px #ac1712;
  border-color: #ac1712 transparent transparent transparent;
  border-radius: 50%;
}

/* fixt die Border-Linien beim Warenkorb */
.wp-block-woocommerce-cart table th,
.wp-block-woocommerce-cart table td {
border-top-width: 0px;
border-left-width: 0px;
}

/* macht den Widerruf-Button im Footer auf dem Desktop linksbündig */
@media only screen and (min-width: 768px) {
p.eu-owb-order-withdraw-from-contract-button {
	text-align: left !important;
}
}