/*---- Styled by Aleks K for Dine.TO - August 27th, 2016 ----*/

@import url(https://fonts.googleapis.com/css?family=Cutive|Raleway);



/* -- Social -- */

.social-block {
    height: 75px;
    padding: 10px;
    display: inline-block:
    margin: 0 auto;
    text-align: center;
}


.fa {
  color: #F2F07B;
  background-color: transparent;
  font-size: 36px !important;
  padding: 15px 10px 15px 18px;
  transition: all 0.5s;

}

.fa:hover {
  color:  #ABCFDA;
  background-color:  transparent;
}

/* -- Reset Widths -- */
.website, .website .website_wrapper,
.header, .header_wrapper,
.top, .top .top_wrapper,
.nav, .nav .nav_wrapper,
.content, .content .content_wrapper,
.page, .page .page_wrapper,
.footer, .footer .footer_wrapper {
    width: auto;
    min-width: 0;
    max-width: none;
}

body {
    background: #ABCFDA;
    background-image: url(/images/water_melon.png) !important;
    background-repeat: repeat;
}

.left {
    float: left;
    width: 48%;
    padding: 10px;
}

.right {
    float: right;
    width: 48%;
    padding: 10px;
}

* div, * ul, * li, * h1, * h2, * h3, * a, * i    {
    transition: all 0.5s;
}



/*- Social - slide out -*/


#slideout {
    position: fixed;
    top: 10px;
    right: 0;
    width: 35px;
    padding: 12px 0;
    text-align: center;
    background: #FE6160;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index:999999;
}
#slideout_inner {
    position: fixed;
    top: 10px;
    right: -550px;
    background: #FE6160;
    width: 550px;
    padding: 25px;
    height: 620px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    text-align: right;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index:999999;
}
#slideout_inner textarea {
    width: 360px;
    height: 100px;
    margin-bottom: 6px;
}
#slideout:hover {
    right: 545px;
}
#slideout:hover #slideout_inner {
    right: 0;
}
#slideout2 {
    position: fixed;
    top: 140px;
    right: 0;
    width: 35px;
    padding: 12px 0;
    text-align: center;
    background: #6DA4B2;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index:999999;
}
#slideout2_inner2 {
    position: fixed;
    top: 140px;
    right: -550px;
    background: #6DA4B2;
    width: 550px;
    padding: 25px;
    height: 620px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    text-align: right;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    z-index:999999;
}
#slideout2_inner2 textarea {
    width: 360px;
    height: 100px;
    margin-bottom: 6px;
}
#slideout2:hover {
    right: 545px;
}
#slideout2:hover #slideout2_inner2 {
    right: 0;
}





/*- Header -*/
.top	{
	position: relative;
	background-color: transparent;
	background-image: none;
}
.header	{
	box-shadow: none;
}
.header .header_info {
	display: none;
}



/*- Nav -*/
.nav	{
  background-color: transparent;
  border-color: transparent;
  background-image: none;
  background-size: auto 100%;
  margin-left: 100px;
  font-family: 'Raleway', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 80%;
    font-weight: bold;
}
.nav .list_pages  { 
  background-color: #F85F60;
  text-decoration: none;
  padding-left: 6px;
}

.nav .list_pages .item_page .link:hover, 
.nav .list_pages .item_page:hover .link, 
.nav .list_pages .active .link {
	text-decoration: none;

}

.nav .list_pages .active .link {
	color: #F2F37A;
    font-size: 140%;
} 

.body .float_navbar_width {
	width: 250px;
}

.nav .list_pages .active {
  background-color: rgb(109, 164, 178);
  text-decoration: none;
  padding-left: 6px;  
  text-align: right;   
}

.website_nav_left .nav .list_pages {
	text-align: left;
	margin-left: 10px;
	margin-top: 330px;
}

.header .header_logo, .nav .header_logo {
    float: left;
    top: 10px;
    position: absolute;
    margin: 0 auto;
    width: 480px;
    height: 200px;
    margin-top: 30px;
    left: -50px;
    background-size: 75%;
}


/* -- Content -- */

.content {
    text-shadow: 1px 1px black;

}

.content .body_block {
    background-color: rgba(242, 240, 123, 0.35);
    padding: 20px;
}

[data-page=menus] .content .highlight_block {
background-color: transparent;
}

.content {
    font-size: 100%;
    line-height: 140%;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
    font-weight: lighter;
}

.content hr, .content .line_divider {
	border-color:  #8d8887;
	border-style: dashed;
	border-width: 1px;
}

.content .block_info_details .item_label{
	text-transform: uppercase;
}

.content .highlight_block	{
    background-color: rgb(242, 240, 123);
    background-color: rgba(242, 240, 123, 0.35);
	background-image: none;
	border: none;
}

.content .viplist_form .section .label {
	text-transform: uppercase;
}

.content .viplist_form .section .question_consent .label {
	float: left;
	width: 85%;
	color: #ffffff;
}

.content .viplist_form .section .label {
	width: 35%;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	padding-left: 0;
	text-transform: uppercase;
	color: #F85F60;
}
.content .gallery_block .gallery_photo {
	border-width: 0px;
}

.content .block_info_hours .item_label{
	text-transform: uppercase;
}

.content .block_info_hours .list_item_active .item_label, 
.content .block_info_hours .list_item_active .item_value {
   padding-left: 6px;
   color: #F85F60;
}

.content .block_group_details .field_block .label{
	text-transform: uppercase;
	color: #F85F60;

}
.content h1, .content h2, .content h3,
.content h4, .content h5, .content h6,
.content .text_title {
	text-shadow: 1px 1px black;
    font-family: 'Cutive', serif;
    letter-spacing: 4px;
    font-weight: normal;
    text-transform: uppercase; 
    color: #F2F07B;
    font-size: 200%;
    line-height: 120%;
    text-align: center;
 
}

.content h2 {
    display: block;
    background-color: #F85F60;
    width: 600px;
    margin: 0 auto;
    padding: 5px;
    margin-bottom: 10px;
    text-shadow: 1px 1px black;
   
}

.title {
    display: block;
    background-color: none;
    width: 500px;
    margin: 0 auto;
    padding: 5px;
    margin-bottom: 10px;
    text-shadow: 1px 1px black;
     color: #377182;
    font-size: 150%;
    text-align: center;
    border: 1px solid #377182;
    text-transform: uppercase;
    
}

.content .menus_content .menu_text {
    display: block;
    margin: 0 auto 10px;
    padding-bottom: 30px;
    font-size: 100%;
    line-height: 180%;
    padding: 40px;
}

.content .viplist_form .section .question_consent {
	border-width: 1px;
	border-style: dashed;
	border-color:  #F85F60;
}

.content .viplist_form .section input.text, 
.content .viplist_form .section textarea.textarea, 
.content .viplist_form .section select.select {
	width: 65%;
	border-width: 1px;
	border-style: solid;
	background-color: rgb(255, 255, 255);
	background-color: rgba(255, 255, 255, 0.5);
}

.content .text_summary, .content .header_block p,
.content .body_block p {
    font-size: 110%;
    line-height: 140%;
    text-align: justify;
}

.content .block_group_details table.formatter {
    text-shadow: 1px 1px black;
}


/* -- Page -- */
.page {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6da4b2+0,f85f60+100&1+0,0.48+100 */
    background: -moz-linear-gradient(top,  rgba(109,164,178,1) 0%, rgba(248,95,96,0.48) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(109,164,178,1) 0%,rgba(248,95,96,0.48) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(109,164,178,1) 0%,rgba(248,95,96,0.48) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6da4b2', endColorstr='#7af85f60',GradientType=0 ); /* IE6-9 */
	margin-top: 330px;
	margin-left: 20%;
	width: 70% !important;
    min-height: 300px !important;
}  

.page_wrapper {
    padding: 60px;
}

.icon {
  color:  #F85F60;

}

[data-page=gallery] #page {
        margin-top: 50px;
}

[data-page=virtual-tour] #page {
        margin-top: 50px;
}

[data-page=menus] #page {
        margin-top: 50px;
}

[data-page=contact] #page {
        margin-top: 50px;
}

.content .block_contact_address .text_address {
    font-size: 90%;
    color: black;
    text-shadow: none;
    font-weight: bold;
}

[data-page=info] #page {
        margin-top: 50px;
}

[data-page=social] #page {
        margin-top: 50px;
}

.page .text_social_16x16 .social_icon {
    line-height: 16px;
    color: black;
    text-shadow: none;
    font-weight: bold;
}

.content .menus_content .menu_name {
    font-size: 160%;
    color: white;
}

.menu_section .menu_item h4.item_name {
	font-size: 14px;
	line-height: 19px;
	padding-top: 5px;
	float: left;
	margin: 0;
	clear: none;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
    color: #FBFAC0;
      text-shadow: 1px 1px black;
    font-weight: bold;
}

.menu_section .menu_item td.price {
	text-align: right;
	padding-left: 10px;
	font-family: 'Raleway', sans-serif;
	font-weight: lighter;
    color: #FBFAC0;
	font-size: 11px;
    text-shadow: 1px 1px black;
    font-weight: bold;
}

.menu_section h3.section_name {
	width: 100%;
	border-bottom: 2px dashed #8d8887;
	padding-top: 4px;
	margin: 5px 0;
}

.menu_section .menu_item {
	overflow: hidden;
	padding-bottom: 5px;
	margin: 3px 0;
	border-bottom: 1px dashed #8d8887;
}

.menu_section .menu_item table.menu_item_prices {
    text-shadow: 1px 1px black;
}

.menu_section .menu_item .item_desc {
    font-size: 14px;
    line-height: 18px;
    margin-top: 31px;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 2px;
}

.content .menu_section .menu_item .item_desc {
    font-size: 100%;
    line-height: 120%;
    text-shadow: 1px 1px black;
}

/*- Footer -*/
.footer {
	background-color: transparent;
	background-image: none;
	border: none;
}
.footer .footer_info{
	display: none;
}