/*
Theme Name: Morgadio da Calçada
Author: Eduardo Pereira
Description: Tema desenvolvido para o site morgadiodacalcada.com
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Morgadio da Calçada
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Morgadio da Calçada is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
*/

@media \0screen {
  img { 
  	width: auto; /* for ie 8 */
  }
}

@font-face {
    font-family: 'forum';
    src: url('../mdc/fonts/forum/forum-regular-webfont.eot');
    src: url('../mdc/fonts/forum/forum-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../mdc/fonts/forum/forum-regular-webfont.woff2') format('woff2'),
         url('../mdc/fonts/forum/forum-regular-webfont.woff') format('woff'),
         url('../mdc/fonts/forum/forum-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'simplifica';
    src: url('../mdc/fonts/simplifica/simplifica.eot');
    src: url('../mdc/fonts/simplifica/simplifica.eot?#iefix') format('embedded-opentype'),
		 url('../mdc/fonts/simplifica/simplifica.svg#Simplifica') format('svg'),
         url('../mdc/fonts/simplifica/simplifica.woff') format('woff'),
         url('../mdc/fonts/simplifica/simplifica.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body { height: 100% !important; }
body { padding: 20px !important; }

h1, h2, h3, h4, h5, h6, p, a, label, textarea, input { font-family: 'forum', serif !important; }
h1 { font-size: 5.5em; margin: 0; }
h2 { font-size: 5em; text-transform: uppercase; margin: 0; }


p { font-size: 1.2em; }

.homepage {
	overflow: hidden;
}

#adonepage {
	overflow: auto !important;
	padding: 0 !important;
}

/* =================== FRAME */
.top, .bottom, .left, .right { background-color: #FFFFFF; position: fixed; z-index: 100; }
.top, .bottom { left: 0; right: 0; height: 20px; }
.top { top: 0; }
.bottom { bottom: 0; }
.left, .right {	top: 0; bottom: 0; width: 20px;}
.left { left: 0; }
.right { right: 0; }
/* ======================== */

.main-nav {
	background-color: transparent;
    border: medium  none;
    border-radius: 0;
	display: table;
	height: 60px;
	left: 20px;
	position: fixed;
	text-align: center;
	top: 20px;
	z-index: 1000;
}

.main-nav .container {
    width: auto !important;
    padding-right: 0;
}

.navbar-brand {
    background-color: #FFFFFF;
    cursor: pointer;
    height: auto;
    position: relative;
    z-index: 5;
}

.navbar-default .navbar-brand:hover, 
.navbar-default .navbar-brand:focus {
    background-color: #FFFFFF;
}

.navbar-toggle {
    border: medium none;
}

.navbar-collapse {
    background-color: #FFFFFF;
    float: left;
    /*margin-left: -250px !important;*/
    position: relative;
    z-index: 2;
}

.navbar-nav {
    padding: 10px;
}

.nav li a {
    background-color: transparent !important;
	color: #777;
	font-size: 1.5em;
}

.nav li a:hover,
.nav li.active a,
.nav li a:focus {
	background-color: transparent !important;
	color: #bf9839 !important;
}

.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
     color: #bf9839;
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:hover, 
.navbar-default .navbar-nav > .open > a:focus {
    background-color: #FFFFFF;
    color: #bf9839;
}

.dropdown-menu a {
    color: #CFCFCF !important;
}

.nav li .dropdown-menu a:hover,
.nav li .dropdown-menu a:focus, {
    color: #bf9839 !important;
}

#fp-nav {
	background-color: transparent;
	top: 65% !important;
	width: auto !important;
}

#fp-nav.right {
	right: 30px !important;
}

#fp-nav li, .fp-slidesNav li {
    height: 20px !important;
    margin: 10px !important;
    width: 20px !important;
}

#fp-nav span, .fp-slidesNav span {
	height: 15px !important;
	width: 15px !important;
}

.onepage-pagination {
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 5;
}

img#bg {
  /* Set rules to fill background */
  min-height: 100%;
  min-width: 100%;
  
  max-height: 100%;
  max-width: 100%;
	
  /* Set up proportionate scaling */
  width: 100%;
  height: auto;
	
  /* Set up positioning */
  position: relative;
  top: 0;
  left: 0;
}

.full {
	height: 100% !important;
	margin: 0 auto !important;
	padding: 0 !important;
	position: relative !important;
	width: 100% !important;
	z-index: 3 !important;
}

.full .main {
	height: 100% !important;
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 100%;
}

.section {
	height: 100%; 
	overflow: hidden;
	padding: 0;
	width: 100%;
}

.section .intro {
    color: #FFFFFF;
    margin: 0 auto;
    width: 100%;
    text-align: center;
	margin: 0;
	padding: 0;
}

.bogo-language-switcher {
	display: table;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

ul.bogo-language-switcher li {
    display: table-cell;
    float: left;
    height: 40px;
    margin: 10px;
    padding: 0px;
    text-indent: -1e+7px;
    width: 40px;
}

.bogo-language-switcher .en-US,
.bogo-language-switcher .pt-PT  {
	background: none !important;
}

.bogo-language-switcher .en-US a, 
.bogo-language-switcher .pt-PT a {
    display: block;
    width: 40px;
    height: 40px;
}

.bogo-language-switcher .pt-PT {
	background: url('../mdc/images/pt_lang.png') repeat scroll 0px 40px transparent !important;
}
.bogo-language-switcher .pt-PT a {
	background: url('../mdc/images/pt_lang.png') repeat scroll 0px 0px transparent !important;
}

.bogo-language-switcher .en-US {
	background: url('../mdc/images/en_lang.png') repeat scroll 0px 40px transparent !important;
}
.bogo-language-switcher .en-US a {
	background: url('../mdc/images/en_lang.png') repeat scroll 0px 0px transparent !important;
}

s.section .image {
	display: block;
}

.section .text {
	display: table;
	height: 55%; 
	padding: 0 20%;
	text-align: center;
	width: 100%;
}

.page-template-page-textScroll-php .section .text {
	padding: 3% 20%;
}

.section .text .middle {
	display: table-cell;
	padding-bottom: 30px;
	width: 100%;
	vertical-align: middle;
}

.section .text h1 {
	font-size: 3.5em;
	margin: 2% 0 0 0;
	text-transform: uppercase;
}

.douro {
    margin: 0 -300px 0 0;
	overflow: auto;
	width: 102%;
}

.douro .text {
    height: auto !important;
}

.inLineBlock .fp-tableCell { 
	display: inline-block !important;
	vertical-align: middle;
}

.line {
	border-bottom: 1px solid #FF0000;
	display: block;
	margin: 4% auto 4% auto;
	width: 90px;
}

.row {
	height: 100%;
}

.row-gallery {
	-moz-column-width: 18em;
	-webkit-column-width: 18em;
	-moz-column-gap: 1em;
	-webkit-column-gap:1em; 
}

.thumb {
	float: none; 
	display: inline-block;
	padding:  .25rem;
	width:  100%;
}

.homepage .left-content h1.site-name {
	color: #ffffff;
	position: relative;
	text-align: center;
}

.left-content {
	display: block;
	height: 100% !important;
	min-height: 100%;
	padding-left: 0;
	position: relative;
	overflow: hidden;
}

.divScroll {
	height: 100%;
	overflow: hidden;
	width: 100%;
	position: relative;
}

.thumb-gallery {
	height: 100%;
	width: 100%;
	padding: 10%;
	overflow: auto;
}

.gallery, .booking-form  {
	display: block;
	height: 100%;
    width: 100%;
	padding: 10% 20%;
	overflow: auto;
}

#room-img {
	bottom: -100%;
	margin: auto;
	min-height: 100%;
	min-width: 100%;
	position:absolute; 
	left: -100%; 
	right: -100%; 
	top: -100%; 
}

#map {
	background-color: #FFFFFF;
    height: 100%;
	position: relative;
    width: 100%;
}

.right-content,
.right-content-2 {
	display: block;
	height: 100%;
	padding: 5%;
	position: fixed;
	right: 20px;
}

.right-content {
	background-color: #f7f5e8;
	color: #3e2c18;
}

.right-content-2 {
	background-color: #533f34;
	color: #fffde5;
}

.wines {
	padding-bottom: 50px;
	overflow: scroll;
	margin-right: -20px;
}

.right-content .room-name,
.right-content-2 .room-name {
	display: block;
	text-align: center;
	width: 100%;
}

.room-name h1 {
	margin-top: 0;
}

.room-description,
.wine-description {
    position: relative;
	text-align: center;
	width: 100%;
}

.wine-description {
	margin-bottom: 75px !important;
}

.wines table {
	font-family: "forum", serif !important;
	text-align: left;
	vertical-align: middle;
}

.form {
    margin-top: 12.5%;
}

.form p {
    margin: 0 0 30px 0; 
}

.room-gallery {
	margin-top: 3em;
	position: relative;
	width: 100%;
}

.room-image {
	display: block;
	float: left;
	height: 100%;
	margin: 0 2.5%;
	position: relative;
	width: 20%;
}

.room-image img {
	max-width: 100%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.booking-btn {
	display: block;
	height: auto;
	margin: 3em 0 0 0;
	text-align: center;
	width: 100%;
}

.right-content-2 .booking-btn a {
	border: 1px double #fffde5;
	color: #fffde5;
}

.booking-btn a {
	font-size: 1.5em;
	padding: 5px 15px;
	text-decoration: none;
}

.thumb-gallery {
	background-color: #3B4144;
	height: 100%;
	width: 100%;
	padding: 10%;
	overflow: auto;
	width: 102%;
}

.thumb-gallery h1 {
	color: #D9C05B;
	display: block;
	margin: 0 0 1em 0;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
}

.form-cell {
	display: table;
	width: 100%;
	height: 90%;
}

#b_editDates {
	display: table-cell;
	vertical-align: middle;
}

#b_editDates h3 {
	display: none;
}

#b_editDates form {
    border: 1px solid #FFFFFF !important;
}

.b_availFormInner {
	background-color: #FFFFFF !important;
}

.b_availDatesInner h4 {
	color: #777 !important;
    margin: 0.5em 0px !important;
    font-size: initial !important;
}

#b_availSubmit input {
	padding: 10px !important;
}

.booking-logo {
	float: right;
	height: 34px;
	width: 200px;
}

.booking-logo a {
	background: url('../mdc/images/booking-logo.jpg') no-repeat right top;
	display: block;
	width: 200px;
	height: 34px;
}

.scrollFix {
    line-height: 1.35;
    overflow: hidden;
    white-space: nowrap;
}

.contact-form {
	display: block;
	height: auto;
	padding: 30px;
	width: 100%;
}

#contact .row {
	margin: 15px 0;
	position: relative;
	width: 100%;
}

#contact .row label {
	display: block;
	font-weight: normal;
	width: 100%;
}

.wpcf7-form p {
	color: #3E2C18 !important;
}

.wpcf7-textarea {
	color: #3E2C18 !important;
	height: 75px !important;
}

#form-name-input,
#form-email-input,
#form-subject-input,
#form-message-input {
	display: block;
	width: 100%;
}

#form-name-input,
#form-email-input,
#form-subject-input {
	background: transparent;
	border-top: 1px solid #f7f5e8 !important;
	border-right: 1px solid #f7f5e8 !important;
	border-bottom: 1px solid #3e2c18 !important;
	border-left: 1px solid #f7f5e8 !important;
	color: #3E2C18 !important;
	padding: 5px;
}

#form-message-input {
	background: transparent;
	border-top: 1px solid #f7f5e8;
	border-right: 1px solid #f7f5e8;
	border-bottom: 1px solid #3e2c18 !important;
	border-left: 1px solid #f7f5e8;
	resize: none;
	padding: 5px;
}

#submit-button {
	background: transparent;
	border-color: #3E2C18 !important;
	border-bottom: 1px double !important;
	border-top: 1px double !important;
	color: #3E2C18 !important;
	font-size: 1.5em;
}

span.wpcf7-not-valid-tip {
	display: none;
}

img.lazyOwl, img.no-lazyOwl {
	display: block;
	margin: 0 auto;
	width: auto;
}

.scroll-icon {
	background: url('../mdc/images/scroll_down.png') no-repeat right top;
	display: block;
	position: absolute;
	bottom: 0;
	right: 40px;
	width: 40px;
	height: 40px;
}

@media (max-width: 990px) {
	html, body {
		overflow: visible !important; 
	}
	
	.homepage {
		overflow: visible !important;
	}
}

@media (max-width: 768px) {
    .wide {
        display:  none;           
    }
	
	.navbar .container {
		padding-left: 0;
	}
    
    .navbar-toggle {
        border-radius: 0 !important;
        margin-bottom: 0;
		margin-left: 15px;
		margin-right: 0;
		margin-top: 0;
		float: left;
    }
    
    .navbar-collapse {
        margin-left: 0 !important;   
    }
    
    .section .image {
        height: 30% !important;   
    }
    
    .section .text {
        height: auto !important;
        padding: 8% 8% 25% 8% !important;
    }
    
    .section .text h1 {
        font-size: 2.5em;   
    }
    
    .section .text .line {
        margin: 10% auto;
    }

    .right-content, .right-content-2 {
        position: relative;
        right: 0;
    }
}


/*.right-content #sidebar {
	background-color: #f7f5e8;
	font-family: 'simplifica', sans-serif;
	font-size: 1em;
	width: 41.66666667%;
	height: 100%;
	padding: 100px 0 0 0;
	text-align: center;
}

.right-content #sidebar li {
	font-size: 1.75em;
}

.right-content #sidebar li a {
	color: #3e2c18;
}

.nav > li > a:hover, .nav > li > a:focus {
	background-color: transparent !important;
}*/