@import "shared/formtastic";



@import "bootstrapold";
@import "fontawesome/font-awesome";

@import "validationEngine.jquery.css";
@import "superslides";


$dark_orange :#e94f25;
$marron :#613b19;
h1, h2, h3, h4{
  
  font-family:galada;
  color : $dark_orange;
}
.center{
  max-width:1000px;
  margin:auto;
}
h1{
  text-align:center;
  font-weight:400;
  font-size: 34px;
  //text-transform:uppercase;
}

h2{
   //text-transform:uppercase;
  font-weight:400;
  font-size: 26px;
  margin-bottom:0;
  
  
}

h3{
  padding-top:0;
  font-weight:600;
  font-size: 20px;

  margin-top:0;
 
}

#top_band{
  
  position:relative;

  #menu-top{
    height:0px;
  
  }
	
  #menu{
    .logo{
      display:none;
    }
    text-align:left;
  	padding:1em 2em;
    padding-right:3em;
    background:rgba(255,255,255,0.85);
    max-width:920px;
    position:absolute;
    right:0px;
    top:300px;
    z-index:10;
    
  	.links{
      text-align:right;
  		a{
    		display:inline-block;
    		padding: 5px 10px ;
        margin:0px;
      
        text-align:center;

  			color:$marron;
  			text-decoration:none;
			
  			&:hover{
        color:$dark_orange;
        }
        &:first-child{
        border:0px;
        }
  		}
    }
  
    
        
	}

	#logo{
		width:300px;
    position:absolute;
    top:0;
    left:0;
    z-index:10;
  
	}
	
  
  .slider_container{
  

    margin:auto;
  
    padding:0px;
    background:#667731;
    
  }
  
  
  
  

}

.sub_menu_bar_container{
  .sub_menu_bar{
    text-align:center;
    background:$dark_orange;
    ul{
      margin:0;
      padding:0;
      display:inline;
    }
    li{
      display:inline;
      a{
        display:inline-block;
        color:white;
        padding:8px 10px;
      }
    }
  }

}

#body{
  margin:0 20px;
  margin-top:30px;
  min-height:400px;
  
}

.clear{
  clear:both;
}
 
#large{
  display:none;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.8);
  z-index:10;
  
  background:white;
  background:rgba(255, 255, 255, 0.98);
  .close_link{
    position:fixed;
    top:10px;
    right:10px;
    width:25px;
    cursor:pointer;
  
  }
  

   h3{
     //color:white;
     text-align:center;
     margin-top:5px;
     margin-bottom:0;
     font-weight:300;
     font-size:0.95em;
 
   }
  .next, .prev{
    width:20px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    cursor:pointer;

  }
  .prev{
    left:15px;
  }
  .next{
    right:15px;
  }
 
  .img_container{
    height:100%;
    width:100%;
    box-sizing: border-box;

   .large-img{
      box-shadow:0 0 8px rgba(0, 0, 0, 1);
      cursor:pointer;
      
      background:rgba(250, 250, 250, 0.9);
      display:block;
      margin:auto;
    }
  }
}

.rea-gal{
  padding-left:0px;

  margin-right:-5px;
  margin-bottom:-5px;
  img{
  padding-right:5px;
  padding-bottom:5px;
    //width:200px;
    float:left;
    box-sizing: border-box;
    &:hover{
      opacity:0.8;
      
    }
  }
}


div{
  
  box-sizing:border-box;
}



div.electrolux_more{
  display:none;
  padding-top:1em;
}

.clear{
  clear:both;
  height:1px;
}



body{
	font-family : 'Lato', 'san-serif';
  font-weight:400;
  background-size: cover;
  color:$marron;
  font-size:17px;
	
  #top_anchor{
		position:absolute;
		top:0px;
		left:0px;
		display:none;
	}
	

		
	
  
 
}


.more-article{
background:white;
background:rgba(255,255,255,1);
margin-bottom:4em;
padding:1em;
max-width:400px;
float:right;
text-align:right;
}

input[type=text], textarea{
width:95%;
}
a{

color:#3c3c3d;

&:hover{
color:#8ca252;
text-decoration:none;
}

}

.bottom{
color:white;
a{
  color:white;
}
}





.article{
  background:white;
  background:rgba(255,255,255,1);
  margin:auto;
  margin-bottom:4em;
  padding:1em;
  min-height:320px;
  max-width:1100px;
  //border-radius:0px 0px 10px 0px;

  

}


@media only screen and (max-width: 850px) {
body {
.span1,.span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12{
float:none !important;
width:auto !important;
img{
max-height:90%;
}

}

#menu-top{

display:none;
}
#menu{
padding:1em;
position:inherit;
.links{

a{
display:block;
border:0px;
border-top: 1px solid #aeaeae;

}

}

}
}
.article{
  
  
  &.left, &.right{
  
  padding-left:1em;
  padding-right:1em;

  margin-right:1em;
  margin-left:1em;

  }


}


}


@media only screen and (min-width: 850px){  
  #menu.scroll{
    width:100%;
    max-width:100% !important;
    padding:3px;
    background:white;
    background:rgba(255, 255, 255, 0.98);
    position:fixed !important;
    box-shadow:0 0 8px rgba(0, 0, 0, 1);
    
    .logo{
      display:inline-block;
      height:46px;
      padding:0.6em;
      margin-left:2em;
    }
    
    .links{
      
      padding-right:0.5em;
      a{
        padding:0.6em 15px !important;
      }
    }
  }
  
  
}

.img_gallery{
img{

float:left;

cursor:pointer
}

}


#main_center{
  
  max-width:1210px;
  margin:auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  position:relative;
  background:white;
}
#big_menu_links{
  padding-left:100px;
  h3{
    display:inline-block;
    padding:5px 10px;
    margin:0 5px;
    background:#f1f1f1;
    color:$marron;
    &.active{
      background:#f2f2f2;
      color:$dark_orange;
    }
  }
  
  
}

#big_menu{
  
  .big_menu{
    display:none;
    background:#f2f2f2;
    margin-bottom:20px;
    .img{
    float:right;
    max-width:40%;
    text-align:center;
    padding:10px;
    img{

    max-width:100%;
    max-height:400px;
    }
    }
  
    .content{
      padding:10px;
      margin-right:40%;
      ul{
      margin:0px;
      display:block;
      list-style:none;
      width:100%;
      background:#f2f2f2;

      top:34px;
      left:0px;
      padding:0px;

      li{
      display:block;
      padding:10px 10px;
      text-transform:none;

      a{
      text-decoration:none;

      &:hover{

      text-decoration:underline;}
      }
      }


      }
    }
  
  }
  
}  
  
.article{
  background:#f2f2f2;
  max-width:1000px;
  margin-top:30px;
  
  img{
    position:relative;
    top:-30px;
    right:-30px;
  }
}


#newsletter {

  text-align: center;

   
    margin: 0 auto;
    text-align: left;
    background:#9ebe59;
    padding:10px;
    color:white;
    
    #newsletter_form, form, div{
    display:inline;
    
    }
    input,label{
      display:inline-block;
      width:auto;
    }
    
    
    
 }
    
    
    
#bottom {
  background: #f9f5ee;
  padding:20px;
  color: #603a18;
  width: 100%;
  text-align: center;


  text-align: left;
  a {
    color: #603a18;
    text-decoration: none; 

  } 
  
  .col{
    float:left;
  }
} 
  
  


#sidebar{
  width:300px;
  padding:30px 20px;
  float:left;
  
}

#body{
  
  &.with_sidebar{
    margin-left:340px;
  }
  
}


#reservations_index_block{
	table{
	  width:100%;
	}
	.top{
		width:100%;
		
		td{
			border:0px;
			
			
		}
		
		
	}
  .next{
    text-align:right;
  }
	#calendar{
		
		table{
			border-collapse:collapse;
      
			
			td{
				border:1px solid black;
				padding:0px;
				
				.day{
					position:relative;

					.date{
						
						position:absolute;
						font-size:40px;
						top:25px;
						right:10px;
						color:white;
						
					}
					
					.am, .pm{
						text-align:left;
						padding:20px;
						
						&.true{
							background:#ea5454;
							
						}
						
						&.false{
							background:#9bbb56;
							
						}
					
					}
					
					}
			
				
			}
			
		}
		
		
	}
	
	
}

#sidebar{
  h3 a{
    
    color:$dark_orange ;
  }
  li{
    padding-bottom:5px;
  }
  
}

.socials_links{
  position:fixed;
  bottom:300px;
  right:0;
  
  .link{
    display:block;
  
    width:50px;
    text-align:center;
    padding:12px 0;
    position:relative;
  
  
    color:white;
    font-size:1.2em;
    &.twitter{
      background:rgba(54,174,218,1);
    }
  
    &.facebook{
    
      background:rgba(60,90,150,1);
    }
  
  
  
  }

  .top_link{
    opacity:0;
    transition-duration:0.5s;
    padding:3px 7px;
    font-size:2.5em;
    display:block;
    cursor:pointer;
    color:rgba(215,215,215,1);
    &:hover{
      color:rgba(180,180,180,1);
    }
  }


}