/*
 Theme Name:   Amar Hostel
 Description:  Amar Hostel Theme
 Author:       Rodolfo Cristovao
 Version:      1.0.0
 License:      GPL 2.0
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


/* fogonaweb styles ------------------------------------------------------------------*/

/*general*/
body { font-family: Cantarell, "Helvetica Neue", Helvetica, sans-serif;} 
h1,h2,h3,h4,h5{margin-top: 20px; margin-bottom: 15px; color:#323232; font-family: Josefin Sans, "Helvetica Neue", Helvetica, sans-serif;}
h1{}
h2{font-size:3rem; font-weight:500; }
h3{} 
h5,h6{font-size: 2.0rem; font-weight:700;}
img{max-width:100%; height:auto;}
a{color:#323232;}
a:hover{color:#252525;}
/*
.btn{border:1px solid #fff; border-radius:0; color:#fff; text-decoration:none;}
.btn:hover{background: rgba(255,255,255,0.4);}
.btn-large{padding: 10px 25px; font-size: 1.8rem;}
.btn.black{color: #323232;  border: 1px solid #323232;  margin-top: 0px; margin-top:10px; margin-bottom:50px;}
.btn.black:hover{text-decoration:underline;}
*/
.btn{color:#fff;}
.btn::after {content: " >";}
.btn:hover{text-decoration:underline;color:#fff;}
.btn-large{padding: 10px 25px; font-size: 2rem; text-transform:uppercase;}
.btn.black{color: #323232;}

/*header*/
.navbar{background:#fff; border-bottom:1px solid #efefef;}
.admin-bar .navbar-fixed-top{top:32px;}
.navbar-brand img{height:50px;}
.navbar-nav>li>a {line-height:20px;  margin:25px 0px;   padding:5px 12px; text-transform:uppercase; color: #323232; font-weight:700;}
.navbar-toggle .icon-bar {background: #323232;}
.navbar li.border-square{margin-left:12px;}
.navbar li.border-square>a{border:1px solid #323232;}
.nav>li>a:hover,.nav>li.current-menu-item>a{background:transparent !important; text-decoration:underline;}
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; padding-top: 3px; padding-bottom: 3px; margin-top: -1px;}
.nav>li>a .caret{display:none;}

ul.dropdown-menu { border-top: none; box-shadow: none; border: none; border-radius: 0;}
ul.dropdown-menu>.active>a, ul.dropdown-menu> li >a{background:transparent; color:#323232; text-transform:uppercase; padding:6px 20px;}
ul.dropdown-menu>.active>a:hover, ul.dropdown-menu> li >a:hover{background:transparent; text-decoration:underline; color:#323232;}
ul.dropdown-menu> li {  border-top: 1px solid #efefef;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: none;
}




#page-wrapper {padding-top:51px;}
.admin-bar #page-wrapper {padding-top:83px;}

/*footer*/
footer{background:#323232; padding-top:50px; padding-bottom:30px; margin-top:50px; color:#efefef;}
footer .copyright{padding-top:50px; }
footer ul li{list-style:none;}
footer a{color:#efefef;}
footer a:hover{color:#fff; text-decoration:underline;}
footer .social-icons li{float:left;}
footer .social-icons li a{font-size:3rem; margin-left:10px;}


/*homepage*/
#home_slider .royalSlider, .rsContent{width:100%; height:600px; background:#fff;}
#home_slider .royalSlider .rsABlock{	width:100%;	text-align:center;	position:absolute;	top:30%; color:#fff; }
#home_slider .royalSlider .rsABlock h3{font-size: 4rem; line-height: 1.25; font-weight:900; color:#fff;}
#home_slider .royalSlider .rsABlock .excerpt {font-size: 3rem;}
#home_slider .royalSlider .rsABlock .btn{margin-top:30px;}
#home_slider .royalSlider .rsArrowIcn {background-color: transparent;}
    
#home_grid4{padding-top:50px;}

#home_vimeo{padding-top:100px; padding-bottom:50px;}

#news{padding-top:30px; padding-bottom:30px;}
#news .item-news{margin-bottom:30px;}

/*page*/
.page-block{padding-bottom:140px; position:relative; padding-top: 120px; margin-top: -120px;}
.page-block h2{margin-top: 3.5rem; margin-bottom: 3.5rem; font-weight:500; text-transform:uppercase;}
.page-block p{margin-top: 1.5rem;}
.page-block #map{width:100%; height:440px;}
/*
.page-block a.btn {color: #323232;border: 1px solid #323232;margin-top: 10px;}
.page-block a.btn:hover{background:#efefef;}
*/
.page-block a.btn {color: #323232;border: none; margin-top: 10px; font-weight:bold;}
.page-block a.btn::after {content: " >";}
.page-block a.btn:hover{}



.full-width-image{width:100%; height:440px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;	background-size: cover;}
.parallax-window { min-height: 440px; background: transparent;}

/*surf packages*/
.page-id-44 .col-sm-4{margin-bottom:30px;}
/*booking*/
.page-id-85 .col-sm-4{margin-bottom:50px;}


/*single*/
.single .post-top .parallax-window {height:240px; min-height: 240px;}
.single .content h2{margin-top:50px; margin-bottom:0px;}
.single .content span.date{display:inline-block; }
.single .content a{text-decoration:underline;}

/*news*/
#news{text-align:center;}
.news{border-top:1px solid #efefef; padding-top:70px;}
.post-meta { padding: 10px; text-align:center; padding-bottom:0;}
.post-meta  h5{margin-top:10px; margin-bottom:5px;}
.post-meta span {
    width: 100%;
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 15px;
}
.item-news a:hover .excerpt-text, .item-news a:hover span{text-decoration:none;}


/*booking*/
.pageinfo h6 {font-size: 1.5rem; font-weight: 500;}
.pageinfo h6 span{font-color:#666; font-weight: 300;}
#accommodation .pageinfo{margin-bottom:50px;}
#accommodation .pageinfo.last{margin-bottom:0px;}
.pageinfo ul {margin-top: 20px; margin-bottom: 20px; text-align: left;}
.row.subpanel {margin-top: 50px;}

/*instagram*/
#instagram{ text-align:center;}
#instagram ul {float: left; margin: 0; padding: 0; display:block; width:100%;}
#instagram ul li{list-style:none; float:left; width:12.5%; padding-bottom: 12.5%; background: #efefef; overflow:hidden; position:relative;}
#instagram ul li a{position:absolute; top:0; bottom:0; left:0; right:0;}
#instagram ul li img{ max-width: none; width:auto;   height:100%; min-width: 100%;}

/*quote*/
#quote {margin-top: 100px; margin-bottom:-50px; color:#fff; background:url(../gfx/amar0002.jpg) no-repeat center center; padding-top:50px; padding-bottom:75px; background-size:cover; position:relative; }
#quote  q{font-style:italic;}
#quote .overlay{ background-color: #000; top: 0; left: 0;bottom: 0;	right: 0;	position: absolute;	opacity: 0.7; }
 
#quote .quote-text{position:relative;}
#quote h2{color:#fff; margin-bottom:30px;}

/*animated hamburger*/
.navbar-toggle .icon-bar {
	  position: relative;
	  transition: all 500ms ease-in-out;
}

.navbar-toggle.active .icon-bar:nth-of-type(2) {
	  top: 6px;
	  transform: rotate(45deg);
}

.navbar-toggle.active .icon-bar:nth-of-type(3) {
	  background-color: transparent;
}

.navbar-toggle.active .icon-bar:nth-of-type(4) {
	  top: -6px;
	  transform: rotate(-45deg);
}



/* Medium Devices, Desktops */
@media only screen and (max-width : 1200px) {
	.col-xs-6{margin-bottom:50px;}
	.page-template-template-news .col-md-4{margin-bottom:50px;}

}



/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.parallax-window{min-height:350px;}

}


 /* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	

	.navbar-brand {padding:5px;}
	.navbar-brand img{height:40px;}
	.parallax-window{min-height:250px;}
	
	/*menu fixes*/
	#page-wrapper.active{display:none;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {height: 100%; /*will be corrected via js*/}
	ul#menu-principal { padding-right: 30px;text-align: left; padding-bottom: 60px;}
	ul.nav li.dropdown:hover > ul.dropdown-menu,ul.nav li.dropdown> ul.dropdown-menu  { display: block;  float:none; position:relative; margin-top:-25px;padding-top: 3px; padding-bottom: 3px; margin-top:-23px; top: 0;   left: 0;  right: 0;  bottom: 0;}
	ul.dropdown-menu> li {  border: none;}
	
	#instagram ul li{width:25%; padding-bottom:25%;}
	
	/*booking*/
	.page-id-85{text-align:center;}
	.page-id-85 .col-sm-4{margin-bottom:70px;}
	/*surf packages*/
	.page-id-44{text-align:center;}
	
	

	
	
	
	
	
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	

	.col-xs-6 {width: 100%;	}

	footer{text-align:center;	}
	footer  ul{margin:0; padding:0;}
	footer .social-icons li { float: left; display: inline-block; float: none;}
	.parallax-window{min-height:200px;}
	.page-block #map{height:250px;}
	
	.page-template-template-aboutus{text-align:center;}
	.headerin{border-bottom:1px solid #efefef;}
	
	#quote h2{font-size:2rem; }
	#quote h2 span {
    margin-bottom: 20px;
    display: inline-block;
}

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
	.page-block h2 {font-size:2.5rem;}
	
}