/*
Theme Name: Divi Child
Description: 
Version: 1.0
Author: WeMakeWebsites / Jonas Langreuter
Author URI: https://www.wemakewebsites.de
Template: Divi
*/

@import url("../Divi/style.css");

/*Add your own styles here:*/


/* Main Header mit Logo und Hamburger Menu soll immer mit scrollen                    */
.et_fixed_nav #main-header {
	position: absolute;
}

/* Hamburger Menu ... rot #ff0736 */
.mobile_menu_bar::before{
	color: #000;
	font-size: 46px;
}

.et_header_style_fullscreen .et_menu_container #et-top-navigation{
	padding: 30px 0 100px !important;
}

#mobile_menu_slide #menu-item-50 a,
#mobile_menu_slide #menu-item-49 a{
	font-size: 18px;
	padding-top: 8px;
	padding-bottom: 8px;
}

#mobile_menu_slide #menu-item-49 a{
	padding-top: 0px;
}

#main-footer{
	display: none;
}

/*    Linkfarben korrigieren (unnötig, daher ausgeklammert)
.et_pb_text a,
.et_pb_text a:hover,
.et_pb_text a:focus,
.et_pb_text a:active,
.et_pb_text a:visited{
	color: #2ea3f2;
	text-decoration: underline;
}
*/

.et_pb_text a:hover{
	text-decoration: none;
}


/* Here we make the content of our page builder sections transparent. This is so that the background image shows through */

.et_pb_section {
  background-color: transparent;
}

/* Here we set the background image for our specific pages. We also set the background image to cover so that it always fills the screen */


/*  Desktop Background Image             "agenturen"       */
body.page-id-32.et_cover_background {
  background: url(/wp-content/uploads/assets/ptb_bg_agenturen.jpg);
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

/*  Desktop Background Image             "kontakt"       */
body.page-id-38.et_cover_background {
  background: url(/wp-content/uploads/assets/ptb_bg_kontakt.jpg);
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

/*  Desktop Background Image             "datenschutz"       */
body.page-id-40.et_cover_background {
  background: url(/wp-content/uploads/assets/ptb_bg_datenschutz.jpg);
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

/*  Desktop Background Image             "impressum"       */
body.page-id-42.et_cover_background {
  background: url(/wp-content/uploads/assets/ptb_bg_impressum.jpg);
  background-size: cover !important;
  background-position: top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed;
}

/* Desktop Background Image             Store Finder */
body.page-id-44.et_cover_background{   
  background: url("/wp-content/uploads/assets/ptb_bg_stores.jpg") no-repeat fixed;
  background-position: right top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Desktop Background Image             Galerie */
body.page-id-34.et_cover_background{   
  background: url("/wp-content/uploads/assets/ptb_bg_galerie.jpg") no-repeat fixed;
  background-position: right top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* Desktop Background Image             Galerie II */
body.page-id-144.et_cover_background{   
  background: url("/wp-content/uploads/assets/ptb_bg_galerie2.jpg") no-repeat fixed;
  background-position: right top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* start */
body.page-id-39.et_cover_background {   
  background: url("https://www.pridetobe.de/wp-content/uploads/2022/03/bg_start.jpg") no-repeat fixed;
  background-position: center top !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body.page-id-78,
body.page-id-209{
	background-color: #4F4744;
}


/* media queries */

@media screen and (max-width: 767px) {
	
		body.page-id-41.et_cover_background{
				background-image: url("https://www.pridetobe.de/wp-content/uploads/2021/04/background_mobile.jpg");
			background-color: #DDD;
		}
		

	#mobile_menu_slide #menu-item-47 a,
	#mobile_menu_slide #menu-item-105 a,
	#mobile_menu_slide #menu-item-46 a,
	#mobile_menu_slide #menu-item-82 a{
			line-height: 30px;
	}
		
		#main-header .et_menu_container{
			margin: -40px 0 0 25px;
		}
		
		.et_header_style_fullscreen .et_menu_container #et-top-navigation{
			padding: 50px 0 80px !important;
		}
		
		#mobile_menu_slide #menu-item-48 a{
			line-height: 54px;
		}
		
		.et_slide_in_menu_container #mobile_menu_slide li#menu-item-48 a{
			padding: 16px 0;
		}
		
}

@media screen and (max-width: 980px) {
	
	/* Main Header weißer Hintergrund muss transpatent werden           */
	#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
  	background: transparent !important;
	}
	
	body.page-id-39.et_cover_background {   
		background-position: center center !important;
	}
	
	/* wechselt jeweils die Hintergundbilder auf neutral beim Übergang zu Tablet          */
	body.page-id-32.et_cover_background, body.page-id-34.et_cover_background, body.page-id-38.et_cover_background, body.page-id-39.et_cover_background, body.page-id-40.et_cover_background, body.page-id-42.et_cover_background, body.page-id-44.et_cover_background, body.page-id-144.et_cover_background {
		background-image: url("/wp-content/uploads/assets/ptb_bg__neutral.jpg");
		background-color: #FFF;
	}
	
	/* Logo anpassen auf kleinen Bildschirmen 	*/
	.et_header_style_left #logo,
	.et_header_style_split #logo {
		max-width: 40%;
	}

}