/*
 * Theme Name: Eye Prefer Paris Tours
 * Theme URI: http://october29.com/
 * Author: Dolly Meieran
 * Author URI: http://october29.com/
 * Description: A custom theme for Eye Prefer Paris Tours.
 * Version: 1.0.0
 * License: For EPPT use only.
 */
/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/30ceac");

  
@font-face {font-family: 'AdLibBT-Regular';src: url('webfonts/30CEAC_0_0.eot');src: url('webfonts/30CEAC_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/30CEAC_0_0.woff2') format('woff2'),url('webfonts/30CEAC_0_0.woff') format('woff'),url('webfonts/30CEAC_0_0.ttf') format('truetype');}
  
* {
	margin: 0;
	padding: 0;
	
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


body {
	font-family: 'museo-sans', arial, helvetica, sans-serif;
	font-weight: 100;
	font-size: 16px;
	line-height: 1.5em;
	background-image: url('images/cobblestones.jpg?v1.2.3');
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	/* overflow: hidden; */
}

div {		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

/* class to restrict width and center element */
.container {
	position: relative;
	clear: both;
	max-width: 1200px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 90%;
}

#container {	overflow-y: scroll; overflow-x: hidden;
}
#sub-wrapper {float:left;width:200%;position:relative;left:280px;padding-bottom:50px;}
#content-wrapper {
	width: 50%;
	float: right;
	position:relative;
	right: 280px;
}
#content {
	margin-left: 300px;
	margin-top: 20px;
	position:relative;
	float: right;
	right: 100%;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

}
#content img {margin-right:1em;}
#sidebar {
	float: left;
	width: 280px;
	line-height: 1.2em;
	position: relative;
	right: 280px;
}
h1, h2 {
	letter-spacing: -1px;
	line-height: 1.1em;
	color: rgb(255,0,0);
	text-transform: uppercase;
	font-weight: 200;
}
h2 {font-size: 20px;margin-top:1em;}
@media (min-width:481px) {h1 {font-size:48px;}}
@media (max-width:480px) {h1 {font-size:32px;}}
h1.widget-title {color:#fff;font-size:15px;margin-bottom: 1em;}
a {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #000;
}
a:hover, a:focus {
	border-bottom: none;
	background-color: #F6C;
}

strong, b {	
color: rgb(255,0,0);	
font-family: 'museo-sans',sans-serif;
font-weight: 300;

}
blockquote {clear:both;}
blockquote p:before, blockquote p:after {
font-size:50px;
font-family: 'AdLibBT-Regular',sans-serif;
position:relative;
top:18px;
line-height:1px;
color:rgb(208,184,248);}
blockquote p:before {content:'\201C';
}
blockquote p:after {content:'\201D';}
blockquote + p {margin-top: 0;}
/*
 * SIDEBARS
 */

#sidebar a {
	color: #fff;
	border-bottom: 1px dotted #Fff;
}
#sidebar a:hover, a:focus {
	color: #000;
	background-color: #Fff;
}

/* aside#text-3 {margin-bottom:10px;} */
p {
	margin-top: 1.4em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
#sidebar p {color: #fff;}
.textwidget > p:first-child {margin-top:0;}
#sidebar > div {
	width: 280px;
	float: left;
	padding: 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 20px;
	}
.red, .sub-menu {	
	background-color: rgba(255,0,0,0.8);
}
.white {	
	background-color: rgba(255,255,255,0.9);
}
.blue {	
	background-color: rgba(42,54,134,0.8);
}
#sidebar-3 {	font-size: 70%;
}
ul {
	list-style-type: none;
	list-style-image: url('images/asterisk-black.png');
	margin-left: 1em;
}

/*
 * NAVIGATION
 */
#main-menu-wrapper {	
	background-color: rgba(255,0,0,0.8);
	width: 100%;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
button, #main-menu {/* padding: 10px; */
font-size: 15px;
font-family: 'AdLibBT-Regular',sans-serif; 
text-transform: lowercase;
text-shadow: 2px 2px 0 #000;
}
  
ul#menu-main-menu, ul#menu-main-menu ul {	
/* list-style-image: url('images/asterisk.png');  */
list-style-image: none; 
list-style-position:inside; 
color: #fff; 
/* overflow:auto; */
margin-left:-10px;
}
ul#menu-main-menu {min-height:44px;line-height:24px;
}
ul#menu-main-menu > li:before {
content: '*';font-size:52px;padding-top:28px;line-height:1px;position:absolute;color: rgb(208,184,248);
}
ul#menu-main-menu > li {margin-right: 18px; float: left;/* position:relative */;margin-left:0;padding:10px;}
#main-menu a, #main-menu a:hover, #main-menu a:focus {color: #fff;	border-bottom: none; 
background-color: transparent;}

@media (min-width:768px) {#main-menu li:hover {background-color:#000;}}

ul#menu-main-menu > li > a {margin-left: 27px;}
.menu-item-has-children {position: relative;}
ul.sub-menu {position: absolute;padding:0;list-style:none;z-index:200;top:44px;	
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-bottom-left-radius: 10px;
-moz-border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

}
.sub-menu > li {padding:10px;}
.sub-menu > li:first-child {margin-top:0px;}
.small-menu-toggle{display:none;}


#header {position: relative; height: 260px;width:100%;line-height:310px;}
.shadow, .sub-menu {box-shadow: 0px 6px 12px #777;}
#header-inner {position: relative;top:-260px;}
@media (max-width: 1199px) {/* #menu-main-menu {font-size: 14px;} */ ul#menu-main-menu > li {margin-right:8px;}}

@media (max-width: 990px) { #menu-main-menu {font-size: 13px;} ul#menu-main-menu > li {margin-right:-5px;margin-left:0px;}}

@media (max-width: 768px) {
.menu {display:none;line-height:44px;}
.small-menu-toggle{display:block;}
.show-small-menu{display:block;}
ul#menu-main-menu > li {float:none;}
ul.sub-menu {position:relative;top:0;box-shadow: none;}
}

button {background-color:transparent;border:none;height:24px;width:auto;}
/* @media (min-width: 767px) {button{display: none:;}} */

/*
 * FOOTER
 */
  
#footer {
width: 100%;
background-color: rgba(0,0,0,0.7);
color: #fff;
height: 40px;
position: fixed;
bottom: 0;
}
#footer a, #red a, button {color: #fff;	border-bottom: none/* 1px dotted #F6C */;
}
#social a, #logo a {border-bottom: none;}
#social a:hover, #logo a:hover {background-color:transparent;}

.clearfix {clear: both;}

#skirt {position: absolute; top: 0; right: 0;z-index: -1;height:260px;}

#logo {/* width: 100%; height: auto;*/}

#logo a {
width: 100%;
background-size: 100%;
display: block;
background-position: center;
background-repeat: no-repeat;}
@media (min-width: 481px) {#logo a {background-image: url('images/eppt-logo-white.png');height: 260px;}}

#footer-left {/* float: left; */ line-height: 40px; vertical-align: bottom;}
#social {float: right; line-height: 200%}
img.social {width: 30px; height: 30px;margin-left:10px;margin-top: 5px;vertical-align:middle;}
@media (max-width:480px) {img.social {width: 20px; height: 20px;margin-left:5px;margin-top:0;}}
.md {margin-left:15px;}
@media (min-width:600px) {#telephone:before {content:'contact me!';}}
.hide {display: none;
}
.push-right {float: right;}

		#makeMeScrollable
		{
			width:100%;
			height: 260px;
			position: relative;
			z-index: -20;
		}
		
		/* Replace the last selector for the type of element you have in
		   your scroller. If you have div's use #makeMeScrollable div.scrollableArea div,
		   if you have links use #makeMeScrollable div.scrollableArea a and so on. */
		#makeMeScrollable div.scrollableArea img
		{
			position: relative;
			float: left;
			margin: 0;
			padding: 0;
			height: 260px;
			/* If you don't want the images in the scroller to be selectable, try the following
			   block of code. It's just a nice feature that prevent the images from
			   accidentally becoming selected/inverted when the user interacts with the scroller. */
			-webkit-user-select: none;
			-khtml-user-select: none;
			-moz-user-select: none;
			-o-user-select: none;
			user-select: none;
		}


@media (max-width: 768px){

#sidebar {clear: both; float: left;right:0;}
#sub-wrapper {width:100%;left:0;}
#content-wrapper {float:left;margin-left: 0;width:100%;right:0;}
#content {margin-left: 0; right: 0;}

}
@media (min-width:480px) {.xs {display:none;}}
@media (max-width: 479px){
#header {height:180px;}
#makeMeScrollable {height:180px;}
#header-inner {top:-180px} /* to match height of #makeMeScrollable */
#telephone:before {content:'';}
.md {display:none;width:0;height:0;}
#logo a {background-image: url('images/eppt-logo-white-small.png');height:180px;}
#skirt {height: 180px;}
}