/*
Theme Name: Weltenbummler Unterwegs Child Theme
Theme URI: www.weltenbummler-unterwegs.de
Template: sydney
Author: Erstellt mit dem Child Theme Configurator
Description: Child Theme für die Weltenbummler Unterwegs Webseite
Version: 1.0.1492594555
Updated: 2020-05-18
*/

/*--------------------------------------------------------------
Google Fonts
--------------------------------------------------------------*/
/* Globale Fonts - Sparsam einsetzen */
@import url('https://fonts.googleapis.com/css?family=Neucha');

/*--------------------------------------------------------------
Versteckt die Tages am Ende des Betrags
--------------------------------------------------------------*/
span.tags-links {
    display: none !important;
}

/*--------------------------------------------------------------
Schatten um allen einzelnen Seiten sowie Linie Links von Sidebar
--------------------------------------------------------------*/
.page-wrap .content-wrapper {
	box-shadow: 0 2px 6px rgba(100,100,100,0.3);
}

.widget-area  {
border-left: 2px solid #f4f4f4; /*#767676;*/
}


/*--------------------------------------------------------------
Sydney Theme Sticky Menu mit verschiedenen Ansichten je Gerätetyp
--------------------------------------------------------------*/
.btn-menu {
      color: #FFFFFF !important;
    }

.btn-menu {
      font-size: 28px;
      font-family: "FontAwesome";
      color: #000;
    }
    .btn-menu:before{
      content: "\f0c9";
    }

#masthead.site-header.float-header.fixed {
    position: fixed !important;
    background-color: rgba(0,0,0,0.9);
}

/*Tabletauflösung*/
@media only screen and (min-width:768px) and (max-width:1024px) {
   .header-wrap {
    height: 75px;
  }
  .btn-menu {
    margin-top: -13px;
  }
  .header-wrap .col-md-8 {
    margin-top: 37px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);    
  }
}

/*Tabletauflösung+Mobile*/
@media (max-width: 1024px) {
    .site-logo {
        max-height: 75px !important;
     }
	.site-header.fixed {
    position: relative !important;
	}
}

/*Handyauflösung*/
@media (max-width: 767px) {
    .site-logo {
        display: none;
    }

    .btn-menu {
        margin-top: -20px;
    }
    .go-top.show {
	bottom : 43px !important; /*Original 11px*/
    }
   #cookie-notice {
	bottom : 43px !important;
}

    /*CSS für Landingpage Mobile*/
    body.home #masthead:not(.float-header) .site-logo {
        display: inline; 
    }
    body.home #masthead:not(.float-header) .btn-menu {
        margin-top: 0px; /*Original 15px*/
    }
}

@media (max-width: 767px) and (orientation : landscape) {
    body.home #masthead:not(.float-header) .site-logo {
        display: none !important;
    }
    body.home #masthead:not(.float-header) .btn-menu {
        margin-top: -20px !important;
    }
}

/*--------------------------------------------------------------
Farbe Cookie Knöpfe
--------------------------------------------------------------*/
.cn-button.wp-default {
    background: #00c5cd !important;
	font-family: 'Neucha', cursive !important;
}

.cn-notice-text.cn-buttons-container {
	font-family: 'Neucha', cursive !important;
}

div.cookie-notice-container {
	font-family: 'Neucha', cursive !important;
}

/*--------------------------------------------------------------
Post Kommentar Überschrift
--------------------------------------------------------------*/
.reply-title {
		font-size: 20px !important;
	}

.comment-reply-title {
		font-size: 20px !important;
	}

/*--------------------------------------------------------------
Interaktive Karte (Weltkarte)
--------------------------------------------------------------*/
.iwm_map_canvas .google-visualization-tooltip * {
	font-family: 'Neucha', cursive !important;
}

.iwm_map_canvas .google-visualization-tooltip {
max-width:250px !important;
}

/*--------------------------------------------------------------
Mail Poet
--------------------------------------------------------------*/
.wysija-submit-field {
	display: block;
    	margin-left: auto;
    	margin-right: auto; 
}

.wysija-submit {
	display: block;
    	margin-left: auto;
    	margin-right: auto; 
}

.mailpoet_text_label {
	display: block !important;
    	margin-left: auto!important;
    	margin-right: auto!important;
}

.mailpoet_paragraph {
	display: block !important;
	text-align: center !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
}

.mailpoet_submit {
	display: block !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
}

.mailpoet_text{
	display: block !important;
    	margin-left: auto !important;
    	margin-right: auto !important;
}

#wysija-box-after-comment {
    	width: 13px !important;
	display: inline !important;
/* Entfernt Abstand der Checkboxen unter Kommentaren links zum Seitenrand*/ 
}

/*--------------------------------------------------------------
Menü Social Icons
--------------------------------------------------------------*/
li.social-icon a:hover {
	color: #00c5cd !important;
}


/*--------------------------------------------------------------
Anzeige Kategorien in Beiträgrn
--------------------------------------------------------------*/
.single .hentry .meta-post a {
font-family: 'Neucha', cursive !important;
}

.hentry .meta-post {
	font-family: 'Neucha', cursive !important;
}

div.meta-post {
	font-family: 'Neucha', cursive !important;
}

a.post-cat {
	font-family: 'Neucha', cursive !important;
}

/*--------------------------------------------------------------
Änderung Farbe für Menü bei Mouse Hover (Effekt)
--------------------------------------------------------------*/

#mainnav ul ul a {
	font-family: 'Neucha', cursive !important;
}
#mainnav ul li a {
	font-family: 'Neucha', cursive !important;
}
/*--------------------------------------------------------------
Kontaktforumlar Contactform 7
--------------------------------------------------------------*/
/*position: absolute;*/

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea
{

    width: 100% !important; 
}

.wpcf7-form-control-wrap {
margin-bottom: 24px !important;
/* Fügt Abstand nach unten zum Senden Button ein*/
}

/*--------------------------------------------------------------
Easy Social Share Button Widget
--------------------------------------------------------------*/
.essbfc-container-profiles ul { text-align: center !important; }

.essbfc-container.essbfc-container-profiles i { font-size: 30px !important; width: 30px !important; margin: 12px !important; }

.essb-subscribe-form-content-title {
	text-transform: none!important; 
}

.essb_mailform_content_button {
	font-family: 'Neucha', cursive;
}

#essb_mailform_btn_cancel,
#essb_mailform_btn_submit
 {
	background-color: #00c5cd !important;
}

.essb-mobile-sharebottom .essb_links { background-color: transparent !important; } /*entfernt weiße Linien für Mobile Share Bar*/

.essb-mobile-sharebottom { 
        bottom: -2px !important; 
} /* entfernt kleinen Zwischenraum von unten Rand und mobiler Leiste*/

.essb-mobile-sharebottom .essb_links li a { 
        padding-top: 2px !important; padding-bottom: 2px !important;
 } /* minimiert Größe der Leiste durch Minimierung Abstand Icons nach oben und unten Default 8px */

/*--------------------------------------------------------------
Youtube
--------------------------------------------------------------*/
.epyt-gallery {
	font-family: 'Neucha', cursive !important;
}

/*--------------------------------------------------------------
Seitentitel
--------------------------------------------------------------*/
.title-post entry-title {
    color: #00c5cd !important;
    font-family: "Lobster",Sans-serif;
}

/*--------------------------------------------------------------
Cookie Banner and Button
--------------------------------------------------------------*/
.cookie-notice .button.wp-default {
	font-family: 'Neucha', cursive;
}

.cn-accept-cookie {
	font-family: 'Neucha', cursive;
}
.cn-set-cookie {
	font-family: 'Neucha', cursive;
}
.data-cookie-set {
	font-family: 'Neucha', cursive;
}

.cookie-notice {
	font-family: 'Neucha', cursive;
}

/*--------------------------------------------------------------
Photonic
--------------------------------------------------------------*/
.photonic-more-button {
	background-color: #00c5cd;
	font-family: 'Neucha', cursive;
}

#fancybox-title-inside { font-family: 'Neucha', cursive !important; }
#fancybox-title { font-family: 'Neucha', cursive !important; }
#fancybox-overlay { font-family: 'Neucha', cursive !important; }
#fancybox-wrap { font-family: 'Neucha', cursive !important; }

#cboxTitle { font-family: 'Neucha', cursive !important; }


/*--------------------------------------------------------------
Blog Designer: Post & Slider
--------------------------------------------------------------*/
/* Fix für Anzeige auf home/archive/index.php*/
.sp_wpspwpost_static {float: none !important;} 

/* Farbe und Schrift für Seitennummern */

div.wpspwpost_pagination a, 
div.wpspwpost_pagination a:visited {
    font-family: 'Neucha', cursive;
    background: #00c5cd !important;
    border: 1px solid #00c5cd !important;
}

div.wpspwpost_pagination a:hover {
    color: #767676 !important;
}

.wpspwpost_pagination .page-numbers.current {
    font-family: 'Neucha', cursive;
    color: #00c5cd !important;
    border: 1px solid #00c5cd !important;
}
.wpspwpost_pagination .page-numbers.dots {
    color: #00c5cd !important;
}

/* Design21, entfernt orange Färbung des Balkens zwischen Datum und Content */

.wpspw-design-21 .wpspw-post-grid:hover .wpspw-post-inner-content::after {
background: #000 !important;
color: #646464 !important;
}

/* Anfang Alternatives Widget Design 3 */
.sp_wpspwpost_static.wpspw-design-w3 .wpspw-post-list-content .wpspw-post-title a {
    font-size: 14px !important;
}
.sp_wpspwpost_static.wpspw-design-w3 .wpspw-post-left-img { 
max-width: 90px !important;
}

/* Anpassung Widgets für Tablets*/

@media only screen and (max-width: 64em) and (min-width: 40.063em) and (orientation: portrait) {
.wpspw-pro-widget-wrp .post-ticker-jcarousellite > ul {left: 10rem !important;right: 10rem !important;}
}

.wpspw-pro-widget-wrp .wpspw-post_li { text-align: center !important; }

/* Layout Anpassung Seitenleiste Neuste Beiträge Scrolling Widget*/

.wpspw_pro_post_scrolling_widget .wpspw-post-image-bg { 
max-width: 90px !important;
}

.wpspw_pro_post_scrolling_widget .wpspw-post-title {
    font-size: 14px !important; }

.wpspw_pro_post_scrolling_widget .wpspw-post-date {
    font-size: 12px !important; }

/* Anpassung Slider*/

.wpspw-pro-post-slider-widget  sp_wpspwpost_static wpspw-design-w3 .wpspw-post-title {
    font-size: 14px !important; }

.wpspw-readmorebtn{
	font-family: 'Neucha', cursive;
}
.wpspw-post-content {
	font-family: 'Neucha', cursive;
	color: #767676;

}

.wpspw-post-slider.sp_wpspwpost_slider.wpspw-design-4 .wpspw-post-content {
	color: #ffffff;
}


.wpspw-post-categories{
	font-family: 'Neucha', cursive;
}
.wpspw-time{
	font-family: 'Neucha', cursive;
}


/*--------------------------------------------------------------
Content View
--------------------------------------------------------------*/
.pt-cv-title {
	font-family: 'Neucha', cursive !important;
}

.pt-cv-content {
	font-family: 'Neucha', cursive;
}
.pt-cv-readmore {
	font-family: 'Neucha', cursive;
}
.btn btn-success{
	font-family: 'Neucha', cursive;
	background-color: #00c5cd;
}
.btn {
	font-family: 'Neucha', cursive;
	background-color: #00c5cd;
}

@media (min-width: 1200px) {
.pt-cv-wrapper .pt-cv-view .col-md-6 { width: 45%; }
}

/*--------------------------------------------------------------
Überschrift Widgets rechte Seitenleiste und Abstand der Widgets
--------------------------------------------------------------*/
.widget-area .widget-title {
	padding-bottom: 15px; /*24px Original*/
	text-transform: none; 	/*text-transform: capitalize;*/
	font-family: 'Neucha', cursive !important;
	font-size: 20px !important;
	color: #424242 !important;
}


.widget-area .widget {
	margin-bottom: 15px; /*30px Original*/
	padding-top: 15px; /*50px Original*/
	/*NEU*/
	margin: 0px auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/*--------------------------------------------------------------
Schatten bei Fotos Elementor
--------------------------------------------------------------*/
.image-shadow {
box-shadow: 5px 5px 25px 1px rgba(173,166,173,1) !important;
}
.image-margin  {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;
    margin-left: 20px !important;

}

.image-left-margin {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-right: 20px !important;

}

.image-right-margin  {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    margin-left: 20px !important;

}

/*--------------------------------------------------------------
Abstand für weitere Beiträge (Related Posts)
--------------------------------------------------------------*/
.crp_related h3 {
margin-bottom: 25px !important;
margin-top: 25px !important;
}

/*--------------------------------------------------------------
Formatierung Footer
--------------------------------------------------------------*/
.site-footer .socials li:hover a {
	color: #fff;
}
.site-footer .abschnitt1 {
	float: left;
}
.site-footer .abschnitt2 {
	float: right;
}
.site-footer .clear {
	 clear: both;
}
.site-footer .inhalte-werden-zentriert {
	display: flex;
  	align-items: center;
  	justify-content: center;
}
.site-footer .zentriert-footer  {
  	text-align: center
}