/*

Theme Name: Peraf 3
Theme URI: 

Author: Martial Pasci

Author URI: 

Description: 

Version: 1.0

License: 

License URI: 

Tags: 

*/@charset "utf-8";
/* CSS Document */



#numberDisplay{display:none !important;}
#imageDataContainer{padding-bottom:10px;}
span #titleText{font-size: 16px;
color: #333;
font-weight: normal;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
}

span #titleText p{font-size: 13px;
color: #777;
white-space: nowrap;
text-overflow: ellipsis;
width: 100%;
overflow: hidden;
margin-top:5px;}


.wpcf7-form input{height:25px;}
.wpcf7-form input.wpcf7-captchar{width:100px;}


*{margin:0;padding:0;}
html{height:100%;}
a{text-decoration:none;}
.clear{clear:both;}
body{font-family: 'Open Sans', sans-serif;background:#f1f1f1;}

#page{width:100%;max-width:1260px;margin:0 auto ;}
#header{background:white;with:100%;padding:10px 0;}
#space{height:50px;}
.article{
  border:1px solid #ccc;
  padding:1%;
  width:20%;
  margin:1%;
  float:left;

  background:white;
  height:auto;
}
#menu{background:#f1f1f1;}
.box{
	position: relative;
	width: 100%;		/* desired width */
}
/*
.box:before{
	content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}*/
.content{
  /*position:  absolute;*/
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow:hidden;
  background:white;
}
/* Add M*/
#lightboxImage {
    max-width: 100%;
}
.content img{
	/*min-width: 100%;*/
        max-width: 100%;
	height: auto;
}

a .content img:hover{
	opacity:0.7;
}




.info{margin-top:10px;}
.info h3{font-size:13px;color:#333;font-weight:normal;  white-space: nowrap;text-overflow: ellipsis;width:100%;overflow:hidden;}
.info p{font-size:11px;color:#777; white-space: nowrap;text-overflow: ellipsis;width:100%;overflow:hidden;}

h1, h2.site_title{font-size: 18px;  margin: 10px 0 5px 0;  font-weight:700;text-transform: uppercase;text-align:center;color:#333;}
h2, h3.site_description{color: #aaa; font-size: 13px;  font-weight: 300;  margin-bottom:10px; text-transform: uppercase;text-align:center;}

#page h1.page_title{color:#000000;font-weight:300;font-size:40px;text-transform:none;margin-bottom:10px;margin-top:40px;}

#page_content{margin:0 auto;width:800px;padding-bottom:50px;}
#page_content a {text-decoration:underline;color:#333;}
#page_content a:hover {text-decoration:underline;color:#000;}
#page_content h1.page_title{color:#000000;font-weight:300;text-align:left;font-size:40px;text-transform:none;margin-bottom:10px;margin-top:40px;}
#page_content h2{margin-top:0;margin-bottom:40px;text-align:left;font-size:18px;}
#page_content h3{margin:40px 0;}
#page_content h4{margin:40px 0 ;font-weight:300;color:#5e5e5e;font-size:24px;}
#page_content p{line-height:1.5em;color:#333;font-weight:300;margin-bottom:10px;	font-size:1em;}
#page_content p strong{font-weight:400;}
#page_content img{width:100%;height:auto;}
#page_content img.alignleft{width:30%;float:left;margin-right:25px;}
#page_content img.alignright{width:30%;float:right;margin-left:25px;}

#page_content img.ajax-loader{width:auto;height:auto;}
#page_content img.wpcf7-captchac{width:auto;height:auto;padding-top:10px;}


#page_content blockquote{
	font-style: italic;
	font-weight: 300;
	margin: 20px 0;
	padding: 0 0 0 20px;
	border-left:2px solid #5e5e5e;
}


#single_content{margin:0 auto;width:800px;padding-bottom:50px;}
#single_content img{height:auto;width:100%;margin-top:40px;}
#single_content h1{text-align:left;}
#single_content p{text-align:left;}
#single_content ul{}
#single_content ul li{list-style-type:none;float:left;margin-top:20px;}
#single_content ul li a{margin:0 20px 0 0;padding:5px;background:#ccc;color:#333;font-weight:600;font-size:0.9em;text-transform:uppercase;}


#index_content{margin:0 auto;width:800px;padding-bottom:50px;text-align:center;}
#index_content p.error_404{margin:50px auto 25px auto;font-weight:bold;font-style:italic;}
#index_content img{height:600px;width:auto;margin-top:40px;}



#footer{width:100%;background:#333;min-height:200px;padding-bottom:40px;}
#footer_content{width:100%;max-width:1260px;margin:0 auto ;}
#footer_content h2{text-align:left;font-size:18px;padding-top:40px;1}

#sidebar_facebook{float:right;max-width:300px;margin-right:20px;}
#sidebar_facebook ul, #menu_footer ul {list-style-type:none;}

#menu_footer{float:left;max-width:300px;margin-left:20px;}
#menu_footer ul li ul{margin-left:20px;}
#menu_footer ul li a{color: #fff;text-decoration:none;text-transform: uppercase;font-size:12px;}
#menu_footer ul li a:hover{color: #ccc;}

@media (max-width: 1024px) {
#page{padding-top: 30px }


}

@media (max-width: 800px) {

.article{width:45%; }
#page_content, #index_content, #single_content, #footer_content, #sidebar_facebook, #menu_footer{width:90%;}
#sidebar_facebook{float:none;margin:0;}
#menu_footer{float:none;margin:0;}
#index_content img{height:auto;width:100%;margin-top:40px;}

.info h3{font-size:16px;color:#333;font-weight:normal;  white-space: nowrap;text-overflow: ellipsis;width:100%;overflow:hidden;}
.info p{font-size:13px;color:#777; white-space: nowrap;text-overflow: ellipsis;width:100%;overflow:hidden;}

}

@media (max-width: 640px) {

.article{width:90%;margin:0 auto 30px auto;float:none; }
#page_content p{font-size:1.2em;}
#page h1.page_title{font-size:30px;font-weight:400;}



}
@media (max-width: 480px) {

#page_content img.alignleft, #page_content img.alignright{width:100%;float:none;margin:0;}



}


/* Navigation Menu */
.main-navigation {
	/*margin-top: 24px;
	margin-top: 1.714285714rem;*/
/*padding-top: 24px;*/
	
	text-align: center;
}
.main-navigation li {
	margin-top: 24px;
	margin-top: 1.714285714rem;
	font-size: 12px;
	font-size: 0.857142857rem;
	line-height: 1.42857143;
}
.main-navigation a {
	color: #5e5e5e;
}
.main-navigation a:hover {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	display: none;
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}





/* =Media queries
-------------------------------------------------------------- */

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.main-navigation ul.nav-menu,
	.main-navigation div.nav-menu > ul {
		border-bottom: 1px solid #ededed;
		border-top: 1px solid #ededed;
		display: inline-block !important;
		text-align: left;
		width: 100%;
	}
	.main-navigation ul {
		margin: 0;
		text-indent: 0;
	}
	.main-navigation li a,
	.main-navigation li {
		display: inline-block;
		text-decoration: none;
	}
	.main-navigation li a {
		border-bottom: 0;
		color: #6a6a6a;
		line-height: 3.692307692;
		text-transform: uppercase;
		white-space: nowrap;
	}
	.main-navigation li a:hover {
		color: #000;
	}
	.main-navigation li {
		margin: 0 20px;
		position: relative;
	}
	.main-navigation li ul {
		display: none;
		margin: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 1;
	}
	.main-navigation li ul ul {
		top: 0;
		left: 100%;
	}
	.main-navigation ul li:hover > ul {
		border-left: 0;
		display: block;
	}
	.main-navigation li ul li a {
		background: #fff;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		font-size: 0.785714286rem;
		line-height: 2.181818182;
		padding: 8px 10px;
		padding: 0.571428571rem 0.714285714rem;
		width: 180px;
		width: 12.85714286rem;
		white-space: normal;
	}
	.main-navigation li ul li a:hover {
		background: #e3e3e3;
		color: #444;
	}
	.main-navigation .current-menu-item > a,
	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_item > a,
	.main-navigation .current_page_ancestor > a {
		color: #636363;
		font-weight: bold;
	}
}