/*
Theme Name: Posada del Abuelito
Theme URI: http://posadadelabuelito.com/
Author: Florian Lopez
Author URI: http://flpz.net
Description: Custom theme created especially for the site posadadelabuelito.com.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*Reset CSS*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, p
{margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none; padding:0; margin:0;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;}
table {border-collapse:collapse; border-spacing:0;}
a, a:hover, a:active, a:visited {border:0; text-decoration:none;}
a{transition: color .5s;}
img {border:none;vertical-align: middle;}
strong {font-weight:bold;}

/*Main elemetns*/
body{font-family:'Roboto',sans-serif;font-size:16px;background:url(images/body-bg.jpg) no-repeat top center fixed;color:#fff;background-size:cover;}
.clear{clear:both;}
nav{width:70%;padding:0 15%;height:50px;overflow:hidden;padding-bottom:20px;background:url(images/menu-bg.jpg) repeat-x bottom center #212124;}
nav .main-nav ul{float:right;}
nav .main-nav ul li{float:left;margin-left:20px;padding:15px 0;}
nav .main-nav ul li a{color:#ccc;font-family:'Satisfy',cursive;font-size:24px;line-height:28px;}
nav .main-nav ul li a:hover{color:#feffb8;}
nav .main-nav ul li.current-menu-item a,nav .main-nav ul li.current-menu-item a:hover{color:#feffb8;}
nav .main-nav ul li.current-menu-item a:before,nav .main-nav ul li.current-menu-item a:hover:before{font-family:'FontAwesome';content:"\f0da";margin-right:5px;font-size:12px;line-height:20px;}

#header-2{width:70%;padding:0 15%;background:url(images/header-2-bg.jpg) no-repeat center;background-size:cover;border-bottom:1px solid #643b24;}
#header-2 #logo{float:left;margin-top:-70px;}
#header-2 #logo-2{float:left;margin:20px 0 20px 15px;}
#header-2 #logo-2 img{max-width:100%;height:auto;}
#header-2 .addthis_sharing_toolbox{float:right;margin:15px 0;padding:15px 40px;background:url(images/share-box.png) no-repeat;background-size:100% 100%;height:20px;}
#header-2 #booking{float:right;margin:18px 0;}
#header-2 #booking #text-4{font-family:'Satisfy',cursive;font-size:22px;line-height:26px;padding:10px 30px;background:url(images/booking.png) no-repeat;background-size:100% 100%;}
#header-2 #booking #text-4 a{color:#745235;}#header-2 #booking #text-4 a:hover{color:#a35a36;}
#header-2 #booking .booking-element{float:left;margin-left:20px;}
#header-2 #booking #qtranslate-2 li{float:left;margin:8px 0 8px 5px;}
#header-2 #booking #qtranslate-2 li a{display:block;width:28px;height:28px;background:url(images/lang.png) no-repeat;}
#header-2 #booking #qtranslate-2 li a.ppqtrans_flag_en{background-position:-28px top;}
#header-2 #booking #qtranslate-2 li a.ppqtrans_flag_es{background-position:right top;}
#header-2 #booking #qtranslate-2 li a.ppqtrans_flag_fr{background-position:left top;}

#header-2 #text-5 ul{margin-top:6px;}
#header-2 #text-5 ul li{display:inline-block;margin:0 3px;}
#header-2 #text-5 ul li a{display:block;width:32px;height:32px;text-indent:-9999%;background:url(images/header-links.png) no-repeat;}
#header-2 #text-5 ul li a.facebook{background-position:left top;}
#header-2 #text-5 ul li a.tripadvisor{background-position:-32px top;}
#header-2 #text-5 ul li a.hostelworld{background-position:-64px top;}
#header-2 #text-5 ul li a.google{background-position:right top;}
#header-2 #text-5 ul li a.facebook:hover{background-position:left bottom;}
#header-2 #text-5 ul li a.tripadvisor:hover{background-position:-32px bottom;}
#header-2 #text-5 ul li a.hostelworld:hover{background-position:-64px bottom;}
#header-2 #text-5 ul li a.google:hover{background-position:right bottom;}

section{width:70%;padding:4% 15%;overflow:hidden;}
section article{text-shadow:0 0 3px #333;}

footer{width:70%;padding:4% 15%;background:url(images/footer.png) top center;background-size:cover;overflow:hidden;color:#745235;}
footer #footer-contact{margin-bottom:15px;text-align:center;}
footer #footer-contact p{display:inline-block;}
footer #footer-contact i{padding-left:15px;}
footer #footer-contact a{color:#745235;}footer #footer-contact a:hover{color:#a35a36;border-bottom:1px dashed #a35a36;}
footer #footer-links{margin-bottom:15px;padding-top:30px;background:url(images/footer-separator.png) no-repeat top center;}
footer #footer-links ul{text-align:center;}
footer #footer-links ul li{display:inline-block;padding:0 5px;}
footer #footer-links ul li a{display:block;width:45px;height:45px;text-indent:-9999%;background:url(images/footer-links-2.png) no-repeat;}
footer #footer-links ul li a.facebook{background-position:left top;}
footer #footer-links ul li a.tripadvisor{background-position:-45px top;}
footer #footer-links ul li a.hostelworld{background-position:-90px top;}
footer #footer-links ul li a.google{background-position:-135px top;}
footer #footer-links ul li a.instagram{background-position:right top;}
footer #footer-links ul li a.facebook:hover{background-position:left bottom;}
footer #footer-links ul li a.tripadvisor:hover{background-position:-45px bottom;}
footer #footer-links ul li a.hostelworld:hover{background-position:-90px bottom;}
footer #footer-links ul li a.google:hover{background-position:-135px bottom;}
footer #footer-links ul li a.instagram:hover{background-position:right bottom;}

#colophon{font-family:'Satisfy',cursive;font-size:20px;width:100%;text-align:center;padding-top:30px;background:url(images/footer-separator.png) no-repeat top center;}
#colophon a{color:#745235;}#colophon a:hover{color:#a35a36;border-bottom:1px dashed #a35a36;}

section h1,section h2{text-align:center;font-family:'Satisfy',cursive;font-size:36px;line-height:40px;text-shadow:0 0 2px #333;padding-bottom:30px;margin-bottom:45px;color:#feffb8;background:url(images/h1-separator.png) no-repeat bottom center;}
section h3{font-family:'Satisfy',cursive;font-size:28px;line-height:32px;text-shadow:0 0 1px #b1752f;margin-bottom:20px;color:#592c15;}
section .center{text-align:center;}
section .span12{width:100%;margin-bottom:40px;overflow:hidden;}
section .span12:last-of-type{margin-bottom:0;}
section ul,section p{margin-bottom:20px;line-height:1.4em;}
section ul li{list-style:none;}
section a{color:#fff;}section a:hover{color:#feffb8;border-bottom:1px dotted #feffb8;}section a.image:hover{border-bottom:none;}
section .img-desc{font-family:'Satisfy',cursive;font-size:24px;margin-top:-10px;text-align:center;}
section img{max-width:100%;height:auto;}
section i{width:18px;}
section em{font-style:italic;}

section .span12 .span6{width:47.5%;margin-right:5%;float:left;margin-bottom:20px;}
section .span12 .span6:nth-child(2n+2){margin-right:0;}
section .span12 .span6 img{display:block;margin:auto;}
section .span12 .span4{width:30%;margin-right:5%;float:left;margin-bottom:20px;}
section .span12 .span4:nth-child(3n+3){margin-right:0;}
section .span12 .span4 img{display:block;margin:auto;}
section .span12 .span3{width:22.75%;margin-right:3%;float:left;margin-bottom:20px;}
section .span12 .span3:nth-child(4n+4){margin-right:0;}

.images-right{width:100%;max-width:200px;float:right;text-align:center;}
.images-left{width:100%;max-width:200px;float:left;text-align:center;}
.images-right img,.images-left img{max-width:100%;height:auto;}

#post-44 img{max-width:200px;height:auto;}
#post-44 .metaslider .slides img {max-width:100%;}

#post-42 .span12,#post-2 .span12,#post-50 .span12{padding-bottom:20px;background:url(images/h1-separator.png) no-repeat bottom center;}
#post-42 .span12:last-of-type,#post-2 .span12:last-of-type,#post-50 .span12:last-of-type{padding-bottom:0;background:none;}
#post-46 .span3{text-align:center;}
/*Home*/

/*Access*/
.section-left{width:47%;float:left;}
.section-right{width:47%;float:right;}
#easy2map_canvas_3Parent{background:url(images/easymap-3-bg.jpg) no-repeat !important;background-size:100% 100% !important;border:none !important;box-shadow:2px 2px 7px #333;text-shadow:none;color:#141414 !important;}
#easy2map_canvas_3Parent p{margin-bottom:0;}
#easy2map_canvas_3{margin:8px !important;}

#easy2map_canvas_4Parent p,#easy2map_canvas_5Parent p,#easy2map_canvas_6Parent p{margin-bottom:0;}
#easy2map_canvas_4,#easy2map_canvas_5,#easy2map_canvas_6{margin:8px !important;}
#easy2map_canvas_4 b,#easy2map_canvas_5 b,#easy2map_canvas_6 b{font-weight:bold !important;}
#easy2map_canvas_4Parent,#easy2map_canvas_5Parent,#easy2map_canvas_6Parent{box-shadow:2px 2px 7px #333;text-shadow:none;color:#141414 !important;background:#745235 !important;border:none !important;}

.sidebar-left,.section-center,.sidebar-right{float:left;}
.sidebar-left,.sidebar-right{width:20%;}
.section-center{width:48%;margin:0 6%;}

/*Error 404*/
.error-404{text-align:center;}

.airbnb{background:#fff;padding:20px 0;margin:0 0 30px;overflow:hidden;}
#airbnb-1{float:left;width:20% !important;}
#airbnb-2{float:left;width:50% !important;}
#airbnb-3{float:left;width:30% !important;}
.airbnb iframe{margin:0 !important;}

.gallery-item{padding:10px;box-sizing:border-box;margin:0 !important;}
.gallery-item img{box-sizing:border-box;border:1px solid #ccc !important;}

@media screen and (max-width:1150px){
nav{width:90%;padding:0 5%;padding-bottom:20px;}
nav .main-nav ul{float:none;width:100%;text-align:center;}
nav .main-nav ul li{float:none;display:inline-block;margin:0 10px;}
#header-2 #logo{float:none;margin-top:0;width:100%;text-align:center;}
#header-2 #logo-2{float:none;margin-top:0;width:100%;text-align:center;margin:10px 0;}
#header-2 #booking{float:none;width:auto;text-align:center;}
#header-2 #text-5{margin-bottom:20px;}
#header-2 #booking .booking-element{float:none;margin-left:0;width:100%;}
#header-2 #booking #text-4{display:inline-block;width:auto;margin:auto;margin-bottom:20px;}
#header-2 #booking #qtranslate-2 ul{text-align:center;}
#header-2 #booking #qtranslate-2 li{float:none;display:inline-block;margin:8px 2.5px;}
}

@media screen and (max-width:900px){
nav{height:auto;overflow:hidden;}
nav .main-nav ul{padding:20px 0;}
nav .main-nav ul li{display:block;width:100%;margin-left:0;padding:5px 0;text-align:center;}
section{padding:8% 15%;}
footer{padding:8% 15%;}
footer #footer-contact p{display:block;margin-bottom:15px;}
.section-left{width:100%;float:none;margin-bottom:30px;}
.section-right{width:100%;float:none;}
#post-44 .section-left{overflow:hidden;}
.images-left,.images-right{max-width:100%;float:none;text-align:center;}
.sidebar-left,.section-center,.sidebar-right{float:none;}
.sidebar-left,.sidebar-right{width:100%;}
.section-center{width:100%;margin:10% 0;}
section .span12 .span6{width:100%;margin-right:0;float:none;}
section .span12 .span6:last-of-type{margin-bottom:0;}
section .span12 .span4{width:100%;margin-right:0;float:none;}
section .span12 .span4:last-of-type{margin-bottom:0;}
section .span12 .span3{width:100%;margin-right:0;float:none;}
section .span12 .span3:last-of-type{margin-bottom:0;}
#airbnb-1,#airbnb-2,#airbnb-3{width:100% !important;}
}

@media screen and (max-width:450px){
/*
 section h1,section h2{font-size:22px;line-height:24px;}
section h3{font-size:18px;line-height:20px;}
	*/
}