/*
Theme Name: Dior Sauvage 2020

Theme URI: http://www.johnny-depp-world.com/

Description: Geschrieben von Nadine fuer www.johnny-depp-world.de.
			 http://www.johnny-depp-world.com/wp-content/themes/diors
             Grundstruktur mit Hilfe des WordPress Tutorial auf www.wordpress.lernenhoch2.de 
			 von Christian Strang
Version: 2.0
Author: Nan Georg

/* Haupteinstellungen */

body 	{
		background-color: #000000; /* Hintergrundfarbe */
		background: url(images/background.jpg) repeat; 
  		font-size: small; /* Schriftgröße */
		}		

h1 { font-size: 150%; }
h2 { font-size: 130%; }

a:link 		{ color: #333366; }
a:visited 	{ color: #333333; }
a:hover,
a:focus 	{ 
			text-decoration: none;
			}

a:active {
  color: #000000;
}

a { text-decoration: none; } /* Unterstreichung entfernen */

#wrapper		{
				width: 1000px; 
				margin: auto; 
				text-align: left; 
				background: #222222;
				background-image: url(images/wrapper2.png); 			
				background-repeat: repeat;
				}

#header		
	            {
				height: 345px; 
				padding-top: 0px;
				}

				
#main			{
                width: 600px; 
				float: left;
				padding-left: 10px;
				padding-right: 10px; 
				padding-top: 0px;
				}


#sidebar		{
				width: 250px; 
				padding-top: 5px; 
				padding-left: 10px;
				float: right;
				}	

#footer			{
				clear: both; 
				height: 280px; 
				padding: 10px;
				background-image: url(images/foot1.jpg);
				background-repeat: repeat;
				}

#searchform     {
  	            clear: both;
  	            padding-left: 25px;
		    	margin-bottom: 5px;
	       	    margin-left: 2px;
				}

#login 		{
			Margin-left: 20px;
			Margin-right: 20px;
 			}

/* Hauptmenue */

#menulinks 	{ 
			width: 800px;
			height:38px; 
			float: right;
	 		margin-top:0px; margin-left: 100px; margin-right:0px; margin-bottom: 0px;
		    clear:both; 
	 		text-align:right; 
		   	}

#navlist 	{
			background-image: url(images/menu.jpg); 
			margin-top:0px; margin-left: 0px; margin-right:0px; margin-bottom: 0px; 
			clear:both;
			text-align:right; 
			}

ul#navlist 	{
           	margin: 0; 
	   		padding: 0; 
	   		white-space: nowrap; 
           	float:left; 
           	width:100%;
		   	} 

ul#navlist li      { 
		   font-size:10pt; 
		   display:inline; 
		   list-style-type: none; 
		   } 

ul#navlist li a 
		   { 
		   color: #666666;
		   font-family: Palatino, Georgia, MS Serif, New York, serif;
		   font-size:18px; 
		   font-weight:bold; 
		   text-decoration: none;
		   text-transform: lowercase;
		   text-align:center; 
		   height:33px; 
           margin-top: 5px;
		   margin-left: 0px;
		   padding-top:0px; padding-left:10px; padding-right:40px; 
		   display:block; 
		   float:right; 
		   } 

ul#navlist li a:hover 
		   { 
		   text-transform: none;
		   color: #333333; 
		   } 

/* Sidebar */

.main_sidebar 	{
				float: left;
				width: 250px;
				margin-bottom: 0px;
				}	

.body_sidebar 	{
				background-image: url(images/sideback.jpg);
				background-repeat: repeat;
				margin: 0px;
				padding-left: 0px;
				padding-right: 0px;
				float: left;
				width: 250px;
				}

.body_middle 	{
				margin-right: 20px;
				margin-left: 30px;
				padding-left: 0px;
				padding-right: 0px;
				width: 244px;
				}

.top_sidebar 	{
				background-image: url(images/sidehead.png);
				background-repeat: no-repeat;
				margin: 0px;
				padding-left: 5px;
				float: left;
				height: 45px;
				width: 250px;
				}

.bottom_sidebar {
				background-image: url(images/sidebottom.png);
				background-repeat: no-repeat;
				margin:0px;
				padding-left:0px;
				float: left;
				height:80px;
				width: 250px;
				}

.body_sidebar h2 	{
					position:relative;
					left:20px;
					top: 5px;
					font-family: Palatino, Georgia, MS Serif, New York, serif;
					font-size:18px; 
					font-weight:bold; 
					text-decoration: none;
					text-transform: lowercase;
					color: #666666;
					}

.body_sidebar a 	{
					max-width: 250px; 
                 	position:relative;
		 			left:35px;
		 			font-size:13px;
	         		font-family: Verdana, Helvetica, Arial;
					font-style: normal;
					font-variant:small-caps;
					color: #999999;
					}

.body_sidebar a:hover  	{
						position:relative;
						left:35px;
						font-size:13px;				
						font-family: Verdana, Helvetica, Arial;
						letter-spacing: 0.2em;
						font-variant:normal;
						color: #333333;
						font-variant:small-caps;
						}

.body_sidebar h4 		{
						position:relative;
						left:35px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:10px;
        				color: #666666;
						}

.body_sidebar h8 		{
						position:relative;
						left:50px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:10px;
        				color: #666666;
						}

/* Widget Sidebar */

.bar_widget  	{
				position:relative;
				max-width: 200px;
				min-width: 200px;
				padding-top: 0px;
				padding-left: 0px;
				padding-right: 0px;
				text-align: left;
	
				}

.bar_widget p 	{
				position:relative;
				left:20px;
				top: 5px;
				max-width: 230px;					
				padding-left: 10px;
				padding-right: 15px;				
				color: #666666;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				padding-top: 5px;
				padding-left: 20px;
        		
				}

.bar_widget a:link,
.bar_widget a:visited 	{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							padding-left: 0px;
							max-width: 600px;
							letter-spacing: 1px;
							}

.bar_widget a:hover 		{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #666666;
							padding-left: 0px;
							max-width: 600px;
							}

/* Bilder in der Sidebar */

.body_sidebar img 		{
						position:relative;
						max-width: 230px;	
						left:35px;
						text-decoration:none;
						font-style:normal;
						}

.body_sidebar a img 	{
         				position:relative;
						max-width: 230px;	
	 					left:10px;
	 					text-decoration:none;
	 					font-style:normal;
						}

/* Post Aussehen */

.post_top 		{
				background-image: url(images/posttop.png);
				background-repeat: no-repeat;
				background-position: bottom;
				float: left;
				width: 700px;
        		height: 45px;
				padding-top: 10px;
				padding-left: 0px;
				}

.post_bottom 	{
				background-image: url(images/postbottom.png);
				background-repeat: no-repeat;
				background-position: bottom;
				float: left;
				width: 700px;
				padding-right: 0px;
				padding-left: 0px;
				height: 24px;
				}

/* Inhalt Ueberschrift */

.post_headline	{
			float: left;
			background-image: url(images/postback.png);
			background-repeat: repeat;
			width: 700px;
			}

/* Ueberschrift Beitrag */

.post_titel 	{
				float: left;
				width: 700px;
				max-width: 200px;
				padding-top: 10px;
				padding-left: 30px; 
				padding-top: 5px;
				}

.post_titel h2 	{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: normal;
				max-width: 600px;
				color: #333333;
				padding-left: 40px;
				float: left;
				
				}

.post_title h2 a:link,
.post_title h2 a:visited 	{
							font-size: 22px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #666666;
							padding-left: 40px;
							max-width: 600px;
							letter-spacing: 1px;
							background: none;
							font-variant: small-caps;
							letter-spacing: 0px;
							}

.post_title h2 a:hover 		{
							font-size: 22px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							padding-left: 40px;
							max-width: 600px;
							}


/* Ueberschrift Seite */

.post_top h2	{
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 22px;
				font-weight: normal;
				max-width: 690px;
				color: #333333;
				padding-left: 40px;
				float: left;
				width: 690px;
				letter-spacing: normal; 
				background: none;
				}

.post_top h2 a:link,  
.post_top h2 a:visited	{
						font-size: 22px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
				        color: #333333;
						padding-left: 40px;
						max-width: 690px;
						background: none;
						}

.post_top h2 a:hover 	{
						font-size: 22px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						color: #333333;
						padding-left: 40px;
						max-width: 690px;
						}

/* Inhalt Eintraege */

.entry 		{
			float: left;
			background-image: url(images/postback.png);
			background-repeat: repeat;
			width: 700px;
			}

.entry p 	{
			max-width: 600px; /* maximale Groesse des Posts */
			position:relative;
			text-align: left;
			padding-top: 1px;
			padding-bottom: 1px;
			padding-left: 40px;
			padding-right: 40px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
        	color:#999999;
			letter-spacing: 0.3px;
			}

.entry a:link,
.entry a:visited 	{
					font-size: 12px;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					color: #999999;
					background: none;
					padding-left: 0px;
					max-width: 600px;
					font-variant: small-caps;
					letter-spacing: 1px;
					}

.entry a:hover 		{
					font-size: 12px;
					font-family:  Verdana, Arial, Helvetica, sans-serif;
					color: #333333;
					background: none;
					padding-left: 0px;
					max-width: 600px;
					}

.entry img 			{ 
					width: auto; height: auto;
        			position:relative;
					padding-left: 40px;
					padding-right: 80px;
					max-width: 600px;
					}


.post_image {
							padding-left: 40px;
							max-width: 600px;
}



/* Listen */

.entry ul 	{
			max-width: 600px;
        	position:relative;
			padding-left: 50px;
			padding-right: 50px;
			margin-left: 50px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color:#999999;
			letter-spacing: 0.3px;
			}

.entry ol 	{
			max-width: 600px;
        	position:relative;
			padding-left: 50px;
			padding-right: 50px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			color:#999999;	
			letter-spacing: 0.3px;
			}

/* Textblock Aussehen */

.post_the_content 	{
					background-image: url(images/text-back.jpg);
					background-repeat: repeat;
					background-position: bottom;
					}

.post_meta 			{
					background-image: url(images/postback.png);
					background-repeat: repeat;
					background-position: bottom;
					float: left;
					width: 700px;
					}

/* Meta Daten */

.post_info 		{
				background-image: url(images/postback.png);
				background-repeat: repeat;
				background-position: bottom;
				float: left;
				width: 700px;
				text-align: left;
				}

.post_info_head 		{
						background-image: url(images/postback.png);
						background-repeat: repeat;
						background-position: bottom;
						float: left;
						width: 700px;
						text-align: left;
						}

.post_info_head p 		{
						max-width: 400px;
						position:relative;
						float: right;
						right:40px;
						font-family: Verdana, Arial, Helvetica, sans-serif;
						font-size:10px;
						padding-top: 10px;
						padding-left: 40px; 
						padding-top: 5px;
						color: #666666;
						}

.post_info_head a:link,
.post_info_head a:visited 	{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #666666;
							max-width: 600px;
							letter-spacing: 1px;
							background: none;
							}

.post_info_head a:hover 		{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							padding-left: 0px;
							max-width: 600px;
							}

.post_info p 	{
				max-width: 600px;
				position:relative;
				left:30px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size:10px;
				padding-top: 80px;
				padding-bottom: 5px;
				padding-left: 20px;
        		color: #999999;
				}

.post_info a:link,
.post_info a:visited 	{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #666666;
							padding-left: 0px;
							max-width: 600px;
							letter-spacing: 1px;
							}

.post_info a:hover 		{
							font-size: 10px;
							font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
							color: #333333;
							padding-left: 0px;
							max-width: 600px;
							}

.post_sozial 	{
				float: left;
				padding-top: 2px;
				padding-left: 10px;
				}

/* neue posts alte posts blaettern auf Index */

.index_page				{
						float: left;
						padding-top: 0px;
						padding-bottom: 10px;
						width: 600px;
						}

.index_page	p			{
						max-width: 600px; /* maximale Groesse */
						position:relative;
						text-align: center;
						padding-left: 40px;
						padding-right: 40px;
						font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
						font-size: 13px;
						color:#333333;
						letter-spacing: 0.3px;
						}
	
.index_page a:link,
.index_page a:visited 	{
						font-size: 13px;
						font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
						color: #666666;
						padding-left: 0px;
						max-width: 600px;
						letter-spacing: 1px;
						}

.index_page a:hover 	{
						font-size: 13px;
						font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
						color: #333333;
						padding-left: 0px;
						max-width: 520px;
						}


.entry-meta {display:none !important;}
.home .entry-meta { display: none; }
.entry-footer {display:none !important;}
.home .entry-footer { display: none; }


/* Footer */

.site-footer {
    clear: both;
}

.footer-widgets {
    margin-right: -2em;
}

.widget-title {
  position: relative;
  font-family: sans-serif;
  font-weight: bold;
  font-size: 0px;
  color: #000000;
  padding: 12px 12px;
}

.footer-widget-column {
	float: left;
	width: 25%;
	padding-right: 2em;
	box-sizing: border-box;
}

.footer-widget-column p 	{
				max-width: 600px;
				position:relative;
				left:30px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 13px;
				padding-top: 5px;
				padding-left: 10px;
        		color: #666666;
				}

.footer-widget-column a:link,
.footer-widget-column a:visited 	{
									font-size: 14px;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									color: #666666;
									padding-left: 0px;
									max-width: 600px;
									letter-spacing: 0px;
									font-variant:small-caps;
									}

.footer-widget-column a:hover 		{
									font-size: 14x;
									font-family: Verdana, Arial, Helvetica, sans-serif;
									font-variant:small-caps;
									color: #333333;
									padding-left: 0px;
									max-width: 600px;
									}



.footer-widget-column ul 	{
							max-width: 600px;
							list-style-type: square;
							color: #333333;
							position:relative;
							padding-left: 15px;
							padding-right: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 13px;
							}

.footer-widget-column ol 	{
							max-width: 600px;
							position:relative;
							padding-left: 15px;
							padding-right: 0px;
							font-family: Verdana, Arial, Helvetica, sans-serif;
							font-size: 13px;
							}


.footer-widget-column title 	{
				max-width: 600px;
				position:relative;
				left:30px;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				font-size: 0px;
				padding-top: 5px;
				padding-left: 20px;
        		color: #000000;
				}

/* Footer div Box */

.box6				{
					width:100%;
					float:right;
					margin:10px;	
					margin-bottom:0px;
					margin-top:50px;
					text-align: center;
					}

.box6 h2 			{
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 14px;
        			color:#999999;
        			font-weight: lighter; 
					}

.box6 a:link,
.box6 a:visited		{
					font-family: Verdana, Arial, Helvetica, sans-serif;
        			color:#333333;
					font-size: 10px;
					}

.box6 a:hover 		{
    				color: #333333;
    				text-decoration: none;
					}


/* Bop nav Plugin */

.main-navigation li.bop-nav-search {
	float: left;
	margin: 0.5em 0;
}

form.bop-nav-search div #s {
	display: inline-block;
	max-width: 150px;
	background: #666666;
	border: #000000;
}




/* Seitentitel in Navi-Menue kuerzen */
.widget .page_item {
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
}

address {
  text-align: center; /* zentrieren */
  font-size: 80%; /* etwas kleiner als der Rest */
  font-style: normal; /* normale Schrift, nicht kursiv */
  letter-spacing: 2px; /* Abstand zwischen den Buchstaben */
  line-height: 1.5; /* Zeilenabstand, ohne Einheit */
}


@media (min-width: 750px) {
 
    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 100%;
    }
 
    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 100%;
    }
 
}

blockquote {
max-width: 550px;
width: 60%; height: auto;	
position:relative;	
padding-left: 50px;
padding-right: 50px;
margin: 20px;
padding-left: 20px;
padding: 20px;
}

twitter-widget-1 {
	width: 400px; 
	height: 221px; 
	display: block; 
	flex-grow: 1;
}

wp-block-embed__wrapper {
						max-width: 600px;
						padding-left: 40px;
						padding-right: 40px;
						}

.wp-block-columns 	{
			  			display: flex;
						max-width: 600px;
						padding-left: 40px;
						padding-right: 40px;
						padding-bottom: 40px;
						}

/* Twitter ausrichten */

figure.wp-block-embed-twitter.wp-block-embed.is-type-rich.is-provider-twitter {
					padding-left: 30px;
					padding-right: 30px;
					}

.twitter-tweet 		{ 
					margin:0 auto!important;
					}

/* Instagram ausrichten */

.instagram-media 	{ 
					margin:0 auto!important;
					}
/* Instagram Box Ausrichtung */
figure.wp-block-embed-instagram.wp-block-embed.is-type-rich.is-provider-instagram {
					margin-left: 100px;
 					margin-right: 100px;
					margin-bottom: 20px;					}
					
/* YouTube ausrichten */

figure.wp-block-embed-youtube.wp-block-embed.is-type-video.is-provider-youtube.wp-embed-aspect-16-9.wp-has-aspect-ratio {
						padding-left: 40px;
						padding-right: 40px;
}

/* FB ausrichten */

/* FB Box Ausrichtung */
.fb-post 	{ 
			margin:0 auto!important;
			}

div.fb-post { background: #ffffff; }
	
.wp-block-embed-facebook {
			position:relative; bottom:10; left:0;
			}

div.fb-post { 
			position:relative; top:10; bottom:10; left:40; background: #ffffff;
			margin-bottom: 40px;
			}


/* Video Ausrichtung */

div.wp-video 	{ 
			max-width: 500px;
			margin:0 auto!important;
			}	





/*     Sidebar Navigation      */

nav > ul {
	list-style-type: none;
	max-width: 250px; 
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	display: flex;    
	position:relative;
	right: 15;
}

nav li {
list-style-type: none;
} 


@media (min-width: 45em) {
	nav > ul {

	}
	nav li {

	}
}

nav a {
	max-width: 250px; 
	position:relative;
	left:40px;
	font-size:13px;
	font-family: Verdana, Helvetica, Arial;
	font-style: normal;
	font-variant:small-caps;
	color: #999999;
	display: block;
}

nav li[aria-current] a {
	max-width: 200px; 
	position:relative;
	left:40px;
	font-size:13px;
	font-family: Verdana, Helvetica, Arial;
	font-style: normal;
	font-variant:small-caps;
	color: #999999;
	display: block;
}

nav a:focus,
nav a:hover,
nav li[aria-current] a:focus,
nav li[aria-current] a:hover {
}
/*     submenu navigation links      */

nav .submenu {
	visibility: hidden;
	height: 0;
	z-index: 1000;
}

nav .submenu li {
	display: block;
	/* width: 15em; */
}

/**     Show the submenu on hover, focus     **/

nav li:hover .submenu,
nav li:active .submenu,
nav li:focus .submenu {
	visibility: visible;
	height: auto;
}

nav li:focus-within .submenu {
	visibility: visible;
	height: auto;
}

nav ul:active .submenu {
	visibility: visible;
	height: auto;
}