/*
Theme Name: Volti Di Donne
Theme URI: http://voltididonne.it
Author: The Rope S.r.l.
Author URI: http://www.wearetherope.com
Description: Tema per il progetto fotografico di Fabio Rizzo
Version: 1.0
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
*/

/* Fonts */

@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville);

@font-face {
    font-family: 'Montserrat';
    src: url('extrafonts/montserrat-regular-webfont.eot');
    src: url('extrafonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('extrafonts/montserrat-regular-webfont.svg#montserratregular') format('svg'),
         url('extrafonts/montserrat-regular-webfont.woff') format('woff'),
         url('extrafonts/montserrat-regular-webfont.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Montserrat';
    src: url('extrafonts/montserrat-bold-webfont.eot');
    src: url('extrafonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('extrafonts/montserrat-bold-webfont.svg#montserratbold') format('svg'),
         url('extrafonts/montserrat-bold-webfont.woff') format('woff'),
         url('extrafonts/montserrat-bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Montserrat, sans-serif;
	text-transform: uppercase;
	color: #333;
}

.dmbs-main {
}

.dmbs-main p {
margin: 0 0 30px;
font-family: 'Montserrat', serif;
font-size: 15px;
font-weight: 400;
color: black;
}

label {
	font-family: 'Montserrat', serif;
font-size: 12px;
font-weight: normal;
color: black;
}

p a {
  color: #aaaaaa;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #888888;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/* Styles */

body {
	background-color: white;
	padding-top: 80px;
}

#voltislide {
		-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;

}



.fullscreen, #imageholder {
	display: none;
	opacity:0;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-position: center center;

	cursor: url('img/cursor.cur'), auto;
	  -webkit-transition: opacity 1s ease-in-out;
 	 -moz-transition: opacity 1s ease-in-out;
 	 -o-transition: opacity 1s ease-in-out;
	  transition: opacity 1s ease-in-out;
}

.fullscreen {
	background-color: rgba(0,0,0,0.8);
	z-index: 999;
	background-image:url('img/712.GIF');
	background-repeat: no-repeat;
}

#imageholder {
	background-size: cover;
}

.navbar {
	min-height: 80px;
}

.navbar-default .navbar-brand {
	padding: 30px 10px;
	text-transform: uppercase;
	font-size: 18px;
	color: #3c3c3c;
	letter-spacing: 5px;
	font-family: "Montserrat",sans-serif;
	font-weight: 400;
	z-index: 10000;
	padding-left: 30px;
}

.navbar-fullscreen {
	background: none;
	border-bottom: none;
	border: none;
	background-color: transparent;
	color: white;
}

.nav > li > a {
	letter-spacing: 3px;
	font-family: "Montserrat",sans-serif;
	padding: 30px 15px;
	text-align: right;
}


.navbar-default.navbar-fullscreen .navbar-brand, .navbar-default.navbar-fullscreen .navbar-nav > li > a {
	color: white;
}

.photocontainer {
	margin: 0;
	padding: 0;
	width: 100%;
}

.photo {
	width: 25%;
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	line-height: 0;
	cursor: pointer;
	-webkit-transition: opacity .30s ease-in-out;
    -moz-transition: opacity .30s ease-in-out;
    -ms-transition: opacity .30s ease-in-out;
    -o-transition: opacity .30s ease-in-out;
    transition: opacity .30s ease-in-out;
}

.photo:hover {
	opacity: 0.8;
}

.photo a {
	display: inline-block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.photo a img {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

.photo .overlay {
	position: absolute;
	width:auto;
	height:auto;
	background-color:red;
	z-index: 10000;
	display:none;
}

.photo:hover .overlay {
	display:block;
}

#infscr-loading {
	text-align: center;
	float: left;
	width: 100%;
	margin-top: 40px;
}

#infscr-loading div {
	opacity: 1;
	width: 100%;
	float: left;
}

#infscr-loading img {
	display: none !important;
}

#infscr-loading div em {
		color: #2b2b2b;
		font-family: Montserrat, sans-serif;
		font-style: normal !important;
		font-size: 18px;
		text-transform: uppercase;
		letter-spacing: 15px;
		padding-top: 80px;
}

#voltimenu {
position: fixed;
left: auto;
right: auto;
z-index: 1030;
width: 100%;
}

#previousphoto, #nextphoto {
	height: 186px;
	width: 92px;
	position: fixed;
	top: 50%;
	font-size: 20px;
	margin: 40px;
	margin-top: -93px;
	left: 0;
	z-index: 99999;
	display:block;
	background-image:url('img/Left.png');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	opacity: 0.7;
	-webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -ms-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}

#nextphoto {
	left: auto;
	right:0;
	background-image:url('img/Right.png');
}

#previousphoto:hover, #nextphoto:hover {
	opacity: 1;
}

.page-header {
	margin: 60px 0 40px;
}

li.current-menu-item a {
	color: #ddd !important;
	text-decoration: none !important;
}


button, html input[type="button"], input[type="reset"], input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
border: 1px solid #333;
background-color: white;
font-family: Montserrat;
text-transform: uppercase;
padding: 20px 40px;
margin-top: 40px !important;
}

button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background-color: #333;
	color: white;
}

p.credits {
  font-size: 7px;
  margin-top: 50px;
}

p.credits a {
  color: #aaa;
}

.mousehide {
	-webkit-transition: opacity 0.6s ease-in-out;
	-moz-transition: opacity 0.6s ease-in-out;
	-o-transition: opacity 0.6s ease-in-out;
	-ms-transition: opacity 0.6s ease-in-out;
	transition: opacity 0.6s ease-in-out;
}

/* Responsive Styles */

/* Smartphones (portrait) ----------- */
@media (max-width : 401px) {
/* Styles */
.photo {width:100%;}
.navbar-default .navbar-brand {padding: 36px 10px; letter-spacing: 0;}
#previousphoto, #nextphoto {height: 60px; top:auto; bottom: 0; margin-top: 0;}

}

/* iPads (portrait) ----------- */
@media (min-width : 401px)
and (max-width : 768px)  {
/* Styles */
.navbar-default .navbar-brand {padding: 36px 10px; letter-spacing: 0;}
.photo {
	width:50%;}
#previousphoto, #nextphoto {height: 100px; top:auto; bottom: 0; margin-top: -50px;}
}
#meseanno {
    top: 95%;
    position: fixed;
    right: 15%;
    font-size: 20px;
    text-transform: capitalize;
    color:#ffffff;
    text-align:center;
}