/*
*  CUSTOM RESPONSIVE WEBSITE STYLES
*  Use this stylesheet to overwrite or define new rules for your website's visual appearance.
*  If you need to reference the location of image files, please start your URLs with "/images/".
*/

/* -- Viewport Styles ( Media Query $7 / Default 1161px ) -- */
@media (min-width: $7){

}


/* -- Viewport Styles ( Media Query $6 / Default 1160px ) -- */
@media (max-width: $6){

    .nav .list_pages .item_page .link {
    font-size: 16px;
    }
}


/* -- Viewport Styles ( Media Query $5 / Default 1024px ) -- */
@media (max-width: $5){


}


/* -- Viewport Styles ( Media Query $4 / Default 900px ) -- */
@media (max-width: $4){
    .page .page_content {
        padding: 0;
    }
      
    .nav .list_pages .item_page .link {
    font-size: 11px;
    }
    
    .page:first-child > .page_banner.has_video {
    margin-top: 95px;
	padding: 0 0 52%;
	height: 50vw;
    }
}

/* -- Viewport Styles ( Media Query $3 / Default 800px ) -- */
@media (max-width: $3){

  
}


/* -- Viewport Styles ( Media Query $2 / Default 640px ) -- */
@media (max-width: $2){
    .header {
        background-color: #f6f3e9;
    }
    .header .header_info .social {
        color: #231f20;
        right: 70px;
        top: 8px;
    }
    .header .top .nav_toggle {
        color: #231f20;
    }
    .website .top .action_buttons {
        padding-top: 45px;
    }
    .nav .list_pages {
        background-color: #f6f3e9;
    }
    
   
    
    /*
    .nav .list_pages .item_page .link, 
    .nav .list_pages .item_page:hover .link, 
    .nav .list_pages .item_page.active .link {
        font-size: 24px;
        line-height: 48px;
        color: #231f20;
    }
    */
    
    .page .page_banner {
        display: block;
    }
    .page .page_content {
        padding: 0;
        min-height: 0;
    }
    
    /*
    .page[data-page="groups"] .clear_body {
        min-height: 320px;
    }
    .content .private_dining_form {
        display: none;
    }
    */
    
    .popup_messages .list_messages {
        min-width: 320px;
        padding: 20px 15px;
    }   
    
    
    .page:first-child > .page_banner.has_video {
    margin-top: 0px;
	padding: 0 0 52%;
	height: 50vw;
    }
    
}


/* -- Viewport Styles ( Media Query $1 / Default 420px ) -- */
@media (max-width: $1){


}


/* -- Viewport Styles ( Media Query $0 / Default 320px ) -- */
@media (max-width: $0){


}