/*
 Theme Name:   Occasio Child
 Description:  Mein Child Theme
 Author: ThemeZee
 Author URI: https://themezee.com
 Template:     occasio
 Version:      1.0
 Text Domain:  occasio-child
*/


/*--------------------------------------------------------------
# - CSS Variables
--------------------------------------------------------------*/
:root {
	--primary-color: #333333;
	--secondary-color: #5d7b94;
	--tertiary-color: #90aec7;
	--accent-color: #60945d;
	--contrast-color: #e63e4c;
	--highlight-color: #915d94;
	--light-gray-color: #ededef;
	--gray-color: #84848f;
	--dark-gray-color: #24242f;
	--text-color: rgba(0, 0, 0, 0.9);
	--medium-text-color: rgba(0, 0, 0, 0.7);
	--light-text-color: rgba(0, 0, 0, 0.5);
	--medium-border-color: rgba(0, 0, 0, 0.3);
	--light-border-color: rgba(0, 0, 0, 0.1);
	--link-color: #333333;
	--link-hover-color: #333333;
	--button-color: #333333;
	--button-text-color: #fff;
	--button-hover-color: #5d7b94;
	--button-hover-text-color: #fff;
	--header-background-color: #333333;
	--header-text-color: #fff;
	--header-text-hover-color: rgba(255, 255, 255, 0.5);
	--header-border-color: rgba(255, 255, 255, 0.1);
	--title-color: #333333;
	--title-hover-color: #5d7b94;
	--post-meta-background-color: #ededef;
	--comments-background-color: #ededef;
	--widget-title-color: #333333;
	--widget-title-hover-color: #5d7b94;
	--widget-background-color: #ededef;
	--footer-background-color: #333333;
	--footer-text-color: rgba(255, 255, 255, 0.6);
	--footer-link-color: #fff;
	--footer-link-hover-color: rgba(255, 255, 255, 0.6);
	--footer-border-color: rgba(255, 255, 255, 0.1);
	--text-font: "Barlow", arial, helvetica, sans-serif;
	--title-font: "Barlow", arial, helvetica, sans-serif;
	--navi-font: "Barlow", arial, helvetica, sans-serif;
	--widget-title-font: "Barlow", arial, helvetica, sans-serif;
	--title-font-weight: bold;
	--navi-font-weight: normal;
	--widget-title-font-weight: bold;
	--title-text-transform: none;
	--navi-text-transform: none;
	--widget-title-text-transform: none;
	--text-line-height: 1.75;
	--title-line-height: 1.4;
}


/*--------------------------------------------------------------
# - Galerie Untertitel entfernen (Zufallsfoto)
--------------------------------------------------------------*/

.sl-wrapper .sl-image .sl-caption {
display: none !important;
}


/* ----------- Sidebar widget -------------*/

.ngg-widget,
.ngg-widget-slideshow {
    overflow: hidden;
    margin: 0pt;
    padding: 5px 0px 0px 0pt;
    text-align: center;
}

.ngg-widget img {
    border: 2px solid #A9A9A9;
    margin: 0pt 2px 2px 0px;
    padding: 1px;
    height: auto; /* silly, but without this the images will appear distorted with some WP themes */
    float: center;