/* 
    Created on : Jan 15, 2015, 10:44:00 AM
    Author     : rodrigo.m2n@gmail.com
*/

@font-face
{
    font-family: KGMissSpeechyIPA;
    src: url('../fonts/KGMissSpeechyIPA.ttf');
}

.modal .modal-body{
	overflow: auto;
}

.modal-vertical-centered {
	transform: translate(0, 50%) !important;
	-ms-transform: translate(0, 50%) !important; 
	-webkit-transform: translate(0, 50%) !important;  
}
body{
	background: url('../../images/background-livros.png');
}
/* navbar */
.navbar.navbar-default {
	background-color: #005529;
	border-color: #003c1d;
}
.navbar.navbar-default .navbar-toggle {
	border-color: #003c1d;
}
.navbar.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
	background-color: #003c1d;
}
.navbar.navbar-default .navbar-toggle .icon-bar {
	background-color: #FFF;
}
.navbar.navbar-default .navbar-nav>.active>a, .navbar.navbar-default .navbar-nav>.active>a:focus, .navbar.navbar-default .navbar-nav>.active>a:hover {
	color: #FFF;
	background-color: #003c1d;
}
.navbar.navbar-default .navbar-nav>li>a {
	color: #cddee9;
}
.navbar-brand {
	background: url('../../images/logo.png');
	width: 235px;
	background-size: 100%;
}
body .navbar {
	margin-bottom: 0; 
}
@media (max-width: 768px){
    .container .navbar-toggle {
		position: relative;
		float: left;
		margin-left: 15px;
	}
	.container .navbar-brand {
		float: right;
	}
}



/* Portrait */
@media only screen 
and (max-device-width: 320px){
	.texto-prateleira {
		font-size: 9px;
	}
	.texto-prateleira-grande {
		font-size: 12px;
	}
}
/* ----------- iPhone 4 and 4S ----------- */

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (orientation: portrait) {
	.texto-prateleira {
		font-size: 12px;
	}
	.texto-prateleira-grande {
		font-size: 14px;
	}
	h4.modal-title {
		font-size: 16px;
	}
	body .modal-footer .btn {
		border-radius: 30px;
		margin: 0 5px;
	}
	body .modal-footer .btn .glyphicon {
		line-height: 20px;
		width: 20px;
	}
	body .modal-footer, 
	.modal-footer .btn-default,
	.modal-footer .menu-fazendinha,
	.modal-footer .modal-footer {
		font-size: 12px;
	}
	body .modal-footer .glyphicon-arrow-right {
		margin: 0px 5px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 480px)
and (orientation: landscape) {
	.texto-prateleira {
		font-size: 12px;
	}
	.texto-prateleira-grande {
		font-size: 14px;
	}
	h4.modal-title {
		font-size: 16px;
	}

}

/* ----------- iPhone 5 and 5S ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
{
	.texto-prateleira {
		font-size: 12px;
	}
	.texto-prateleira-grande {
		font-size: 14px;
	}
	h4.modal-title {
		font-size: 16px;
	}

}

/* Portrait */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (orientation: portrait) {
	.texto-prateleira {
		font-size: 10px;
	}
	.texto-prateleira-grande {
		font-size: 15px;
	}
	h4.modal-title {
		font-size: 16px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 320px) 
and (max-device-width: 568px)
and (orientation: landscape) {
	.texto-prateleira {
		font-size: 12px;
	}
	.texto-prateleira-grande {
		font-size: 14px;
	}
	h4.modal-title {
		font-size: 16px;
	}
}

/* ----------- iPhone 6 ----------- */
/* Portrait */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation: portrait) { 
	.texto-prateleira {
		font-size: 13px;
	}
	.texto-prateleira-grande {
		font-size: 16px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 375px) 
and (max-device-width: 667px) 
and (orientation: landscape) { 
	.texto-prateleira {
		font-size: 8px;
	}
	.texto-prateleira-grande {
		font-size: 11px;
	}
}

/* ----------- iPhone 6+ ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
{ 

}

/* Portrait */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (orientation: portrait) { 

}

/* Landscape */
@media only screen 
and (min-device-width: 414px) 
and (max-device-width: 736px) 
and (orientation: landscape) { 

}

/* ----------- iPad mini ----------- */

/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
{
	.texto-prateleira {
		font-size: 30px;
	}
	.texto-prateleira-grande {
		font-size: 42px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* ----------- iPad 1 and 2 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
{
	.texto-prateleira {
		font-size: 30px;
	}
	.texto-prateleira-grande {
		font-size: 42px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait and Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* Portrait */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: portrait) 
{
	.texto-prateleira {
		font-size: 30px;
	}
	.texto-prateleira-grande {
		font-size: 42px;
	}
}

/* Landscape */
@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1024px) 
and (orientation: landscape) 
{
	.texto-prateleira {
		font-size: 22px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
}

/* ----------- Non-Retina Screens ----------- */
@media screen 
and (min-device-width: 1200px) 
{ 
	.texto-prateleira {
		font-size: 16px;
	}
	.texto-prateleira-grande {
		font-size: 24px;
	}
	h4.modal-title {
		font-size: 24px;
	}
	.modal .modal-body{
		font-size: 22px;
	}
}

/* ----------- Retina Screens ----------- */
@media screen 
and (min-device-width: 1200px)  
and (min-resolution: 192dpi) {
	.texto-prateleira {
		font-size: 34px;
	}
	.texto-prateleira-grande {
		font-size: 42px;
	}
	h4.modal-title {
		font-size: 21px;
	}
	.modal .modal-body{
		font-size: 18px
	}
}

#estante{
	list-style-type: none;
	padding: 0;
	margin: 0 auto;
}

.texto-prateleira-grande,
.texto-prateleira {
	color: #FFF;
	font-family: KGMissSpeechyIPA;
	margin-top: 2%;
	text-shadow: 0px 0px 20px #000;
}
.prateleira img.capa{
	box-shadow: 6px 6px 30px #000000;
}
.prateleira img{
	width: 88%;
	margin-top: 10%;
}

.ripa {
	background: url('../../images/ripa.png');
	height: 4%;
	clear: both;
	box-shadow: 1px 1px 20px #000000;
}


.width-33,
.width-50{
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;	
}
.width-50{
	width: 50%;
}
.width-33{
	width: 33%;
}


// Flipbook
#book-container{
	margin: 0 auto !important;
	overflow: hidden;
	-webkit-transform: translate3d(0px, 0px, 0px);
	position: relative !important;
}

#book{
	-webkit-transform: translate3d(0px, 0px, 0px);
}

#book .page{
	position: relative;
	width:100%;
	height:100%;
}
.page-img {
	height: 100% !important;
	width: 100% !important;
	background: url('../../images/loading.gif') no-repeat 50% 50% #FFF;
}

#button-next:hover, #button-prev:hover{
	color: rgba(255,255,255,0.5);
}

#button-next, #button-prev{
	position: absolute;
	z-index: 10;
	top: 50%;
	display: block;
	height: 15%;
	width: 8%;
	background-size: 100% 100%;
	max-width: 40px;
}

#button-prev {
	background-image: url('../../images/prev.png');
}
#button-next {
	right: 0;
	background-image: url('../../images/next.png');
}

/* FAZENDINHA */

#fazendinha-container{
	overflow: hidden;
	overflow-x: auto;
	position: relative;
}

#fazendinha{
	margin: 0 auto;
	position: relative;
	background: url('../../images/fazendinha/fazendinha.jpg');
	background-size: 100% 100%;
}
#background-fazendinha{
	width: 100%;
	height: 100%;
}

#modalInicio.mobile-modal .modal-body{
	padding: 10%;
}
#modalInicio.mobile-modal #arrow-down,
#modalInicio.mobile-modal #arrow-up{
	width: 15%;
}
#modalInicio.mobile-modal #arrow-left{
	width: 7%;
	float: left;
	position: relative;
	top: 35px;
}
#modalInicio.mobile-modal img{
	margin: 0 auto;
	display: block;
}
#modalInicio.mobile-modal #arrow-right{
	width: 7%;
	float: right;
	top: 36px;
	position: relative;
}

#modalInicio #texto-inicio{
	padding: 15px;
}
#modalInicio.mobile-modal #texto-inicio{
	width: 86%;
	float:left;
	padding: 10%;
	text-align: center;
}

#lago{
	width: 11%;
	top: 47%;
	position: absolute;
}
#minhocario{
	width: 11%;
	top: 33%;
	left: 23%;
	position: absolute;
}
#corredor{
	width: 11%;
	top: 0%;
	left: 37%;
	position: absolute;
}
#composteira{
	width: 11%;
	top: 52%;
	left: 25%;
	position: absolute;
}
#producao{
	width: 11%;
	top: 9%;
	right: 19%;
	position: absolute;
}
#galinheiro{
	width: 11%;
	top: 42%;
	left: 59%;
	position: absolute;
}
#curral{
	width: 11%;
	bottom: 29%;
	right: 9%;
	position: absolute;
}

#horta{
	width: 11%;
	bottom: 2%;
	left: 6%;
	position: absolute;
}
#mata{
	width: 11%;
	top: 5%;
	left: 0px;
	position: absolute;
}
#cerca{
	width: 11%;
	bottom: 42%;
	left: 46%;
	position: absolute;
}
.modal{
	color :#005529;
}
#voltar,
.info-title,
.modal-title{
	font-family: KGMissSpeechyIPA;
}

.modal-body {
	text-align: justify;
}
.modal .close{
	border-radius: 10px;
	display: block;
	background: #006F35;
	opacity: .8;
	width: 20px;
	font-size: 20px;
	color: #FFF;
}

.zoom-fazendinha {
	width: 100%;
	margin: 10px 0;
}


/* Gallery */
.info-title {
	color: #005529;
	text-align: center;
	margin-top: 20px;
}
#lightbox .modal-content {
	display: inline-block;
	text-align: center;   
}
#lightbox .close {
	position: absolute;
	top: 2px;
	right: 0px;
	z-index: 1032;
}
.gallery .modal-body {
	padding: 0px;
}
.gallery .modal-dialog {
	margin: 5px auto;
}

#voltar i{
	font-size: 22px;
	color:#005529;
	margin: 10px 10px 0px 0px;
}
#voltar {
	font-size: 15px;
	line-height: 15px;
}
#voltar a{
	color: #FFF;
}

.btn-default {
	background-color: #dde2d8;
	font-size: 26px;
}
.btn-default:hover {
	background-color: #00d3d9;
}

.btn{
	border-radius: 40px;
	padding: 5px;
	margin: 0 15px;
}
.btn .glyphicon{
	color: #35413d;
	line-height: 42px;
	width: 40px;
}

/* VIDEO */
#video-page video{
	width: 100%;
}

.video-text {
	text-align: center;
}

#credits-page .credit-text{
	position: relative;
}
#credits-page .credit-text a{
	color: #cddee9;
}
.menu-fazendinha{
	border: none !important;
	width: 300px;
	margin: 0 auto;
	background: url('../../images/filete.png') no-repeat 50% 35%;
}
.menu-fazendinha,
.modal-footer {
	font-size: 24px;
	padding: 15px;
	text-align: right;
	border-top: 1px solid #e5e5e5;
	font-family: KGMissSpeechyIPA;
}
.modal-footer .glyphicon-arrow-right{
	margin: 0px 10px;
}

.jogos-icon{
	display: none;
}
#pagina-jogos img{
	height: 100px;
}
.farm-arrow{
	margin: 0 auto;
	display: none;
}
/* creditos */

#credits-page img {
    max-height: 95px;
}
.credit-text{
	font-family: Verdana, sans-serif;
	position: absolute;
	text-align: justify;
	color: #FFF;
	padding: 2%;
	text-shadow: 0px 0px 20px #000;
}