/*
 Theme Name: Toki Theme
 Template: milano
*/

body {font-family:'Open Sans', Arial, Helvetica, sans-serif;line-height:1.4;}

.title, .title2, .title3, .title4, .title6 {letter-spacing:normal;margin-left:0;}
h1, h2, h3, h4, h5, h6 {margin-left:0;}
input, textarea, select {font-family:'Open Sans', Arial, Helvetica, sans-serif !important;}

.posts_list a:hover {text-decoration:underline;}

.one_half, .one_third, .two_third, .one_fourth, .three_fourth {margin-bottom:0;}

.post_box, .contact_box {line-height:1.4;}

ul.text-list {list-style:square inside;}

#pageframe {border:rgba(255,255,255,0.6) 1px solid;position:absolute;top:30px;left:35px;right:30px;bottom:63px;z-index:5;pointer-events:none;}

header h1 {margin:0;}
header .social-bar {display:none;}

header .logo {position:relative;left:-25px;}
header .logo.alternate .logo-img-primary {display:none;}
header .logo.alternate .logo-img-alt {display:inline-block;}

.home #slider_box:after {content:"";width:55px;height:242px;background:url('images/slide-sign.png') center no-repeat;background-size:contain;opacity:0.5;position:absolute;bottom:63px;right:25px;z-index:10;}

.slideshow_banner {width:auto !important;}
.slideshow_banner .title2 {font-size:30px;letter-spacing:normal;}
.slideshow_banner.with_nav .title2 {margin-left:0;}

.home .slideshow_banner {display:none !important;}

footer {font-size:12px;}
footer .inner {min-height:0;padding-top:4px;padding-bottom:2px;}
footer a:hover {text-decoration:none;}
footer .footer_text .social-bar {margin-right:10px;}
footer .footer_text .copyright {color:#fff;margin-right:10px;}
footer .footer_text .designedby {text-transform:none;}
footer .footer_text .designedby a {text-decoration:underline;}
footer .privacy, .footer_text {line-height:1.4;}

.footer_menu {position:relative;top:2px;}
.footer_menu a {padding-top:5px;padding-bottom:5px;}

.touch_device .main_menu .open_arrow,
.open_arrow1 {width:22px;height:80px;background:url('images/nav-arrow-bg.png') center no-repeat;}
.touch_device .main_menu .open_arrow {left:auto;right:-22px !important;}
.open_arrow1 {left:6px;right:auto;}
.touch_device .main_menu .open_arrow:before,
.open_arrow1:before {background: url('images/nav-arrow.png') 7px 50% no-repeat;display:block !important;}
.main_menu:hover .open_arrow:before {background-position:10px 50%;}

.main_menu {z-index:100 !important;}
.main_menu a:hover {text-decoration:none;}
.main_menu .sub-menu a {text-transform:none;}
.main_menu .sub-menu .sub-menu {padding-top:0;padding-bottom:0;}
.main_menu .sub-menu .sub-menu a {display:block;font-size:14px;padding-top:7px;padding-bottom:7px;}
.main_menu .menu-item .sf-sub-indicator {border-left:rgba(157,157,157,0.06) 1px solid;}
.main_menu .sub-menu > .menu-item:after {width:100%;height:1px;content: "";display:block;position:absolute;top:0;left:0;background:rgba(157,157,157,0.06);}
.main_menu .sub-menu .sub-menu > .menu-item:last-child:after {display:block;}

.main_menu.mobile-nav {display:none;}

#contact-sidebar {font-size:14px;margin-top:10px;}
#contact-sidebar h2 {font-weight:bold;font-size:1.2em;color:#eee;margin-bottom:10px;padding-bottom:10px;border-bottom:#444 1px dotted;}

#reservation-sidebar {font-size:14px;}
#reservation-sidebar h2 {font-weight:bold;font-size:1.2em;color:#eee;margin-bottom:10px;padding-bottom:10px;border-bottom:#444 1px dotted;}

.feedback textarea {height:150px;}
.feedback input.phone {background-image:url('images/phone_icon.png');background-position:14px 7px;padding-left:42px;}

.with_sidebar .widget-area {width:306px;}
.solid_box .widget-area {margin-right:-356px;}
.solid_box:after {width:306px;right:-306px;}

.social_links.yelp_account:hover span {background-color:#f00;}
.social_links.yelp_account span {background-image:url("images/yelp.png");}
header .social_links.yelp_account span,
.black_icons .social_links.yelp_account span {background-image:url("images/yelp_b.png");}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){
	.social_links.yelp_account span {background-image:url("images/yelp_2x.png");}
	header .social_links.yelp_account span,
	.black_icons .social_links.yelp_account span {background-image:url("images/yelp_b_2x.png");}
}

/*.post_track.open {top:auto !important;position:absolute;padding-bottom:49px;}
.post_track.open:after {display:none;}*/

.page .testimonial_author {color:#fff !important;}

/*pagebanner*/
.pagebanner {margin-bottom:20px;}
.pagebanner img {width:100%;display:block;}

/*input placeholder*/
input::-webkit-input-placeholder {color:#555 !important;}
input::-moz-placeholder {color:#555 !important;}
input:-ms-input-placeholder {color:#555 !important;}
textarea::-webkit-input-placeholder {color:#555 !important;}
textarea::-moz-placeholder {color:#555 !important;}
textarea:-ms-input-placeholder {color:#555 !important;}

@media (max-width: 802px){
	header {background:#eee;}
	header .header_content .inner {margin-bottom:0;margin-top:15px;}
	header .social-bar {display:block;}
	
	header .logo {position:static;}
	header .logo.alternate .logo-img-primary {display:inline-block;}
	header .logo.alternate .logo-img-alt {display:none;}
	
	#pageframe {display:none;}
	
	.slideshow_banner .title2 {font-size:20px;}
	
	#slider_box {height:350px;position:relative;}	
	.home #slider_box:after {width:28px;height:121px;bottom:25px;}
	
	footer .inner {padding-top:15px;padding-bottom:15px;}
	footer .footer_text .social-bar,
	footer .footer_text .copyright,
	footer .footer_text .designedby {display:block;margin:15px auto;}
	footer .footer_text .copyright {margin-top:30px;}
	
	.main_menu {display:none;}
	.main_menu.mobile-nav {display:block;}
	
	.main_menu.mobile-nav {width:auto !important;min-height: 5px !important;margin:auto;}
	.main_menu.mobile-nav .sf-menu2 {position:relative;}
	.main_menu.mobile-nav .menu-item > a {font-size:1.25em !important;}
	.main_menu.mobile-nav .menu-item.open > a > .sf-sub-indicator,
	.main_menu.mobile-nav .menu-item .sf-sub-indicator:hover {background-color:#ff0000 !important;}
	.main_menu.mobile-nav .sub-menu > .menu-item.open > a > .sf-sub-indicator,
	.main_menu.mobile-nav .sub-menu > .menu-item .sf-sub-indicator:hover {background-color:#484848 !important;}
	
	.main_menu.mobile-nav .mobile-nav-btn {width:47px;height:35px;display:block;position:absolute;top:-35px;right:0;background-color:transparent;background-image:none;}
	.main_menu.mobile-nav .mobile-nav-btn:after {content:"";width:100%;height:100%;display:block;background:url('images/nav-grip-bk.png') center no-repeat;position:absolute;top:0;left:0;opacity:0.5;}
	.non_touch_device .main_menu.mobile-nav .mobile-nav-btn:hover:after,
	.main_menu.mobile-nav .mobile-nav-btn.active:after {background-color:#1d1d1e;background-image:url('images/nav-grip.png');opacity:1;}
	
	.main_menu.mobile-nav .current_page_item > a > em {width:100% !important;}
	
	.map {height:100% !important;}
	
	.post_box, .contact_box {font-size:14px;}
	
	.with_sidebar .widget-area {width:100%;}
	.solid_box .widget-area {margin:0;}	
	.solid_box:after {display:none;}
}

@media (max-width: 479px){
	#slider_box {height:262px;position:relative;}
	
	.footer_left .d_in-block {display:block;}
	
	.footer_menu {top:0;}
	.footer_menu > li {display:block;margin:0;}
	.footer_menu > li a {padding:10px;font-size:1.2em;margin:0 50px;display:block;border-top:#222 1px solid;}
	.footer_menu > li:first-child a {border-top:0;}
}

/*foogallery*/
.foogallery-stack-album .topbar h2 {font-size:30px;}
.foogallery-stack-album .topbar h3 {font-size:25px;}
.foogallery-stack-album .topbar .back:before {content:"";width:100%;height:100%;background:#777 url('images/foogallery-back.png') center no-repeat;position:absolute;top:0;left:0;z-index:2;border-radius:100%;}
.foogallery-stack-album .topbar .back:hover:before {background-color:#d00;}

.fbx-modal .fbx-count {width:auto;font-size:11px;background:#fff;padding:5px 8px 5px 10px;border-radius:6px 0;text-transform:uppercase;bottom:-6px;right:-6px;top:auto;left:auto;}
.fbx-modal.fbx-phone .fbx-count {display:block;padding:3px 5px;margin-top:5px;right:0;top:100%;bottom:auto;border-radius:0;}

.fbx-modal.fbx-phone.fbx-portrait .fbx-next,
.fbx-modal.fbx-phone.fbx-portrait .fbx-close {border-left:#ccc 1px solid !important;}
.fbx-modal.fbx-phone.fbx-landscape .fbx-prev,
.fbx-modal.fbx-phone.fbx-landscape .fbx-next {border-top:#ccc 1px solid !important;}
.fbx-modal.fbx-phone.fbx-landscape .fbx-next {border-bottom:#ccc 1px solid !important;}
.fbx-modal.fbx-phone.fbx-portrait .fbx-close,
.fbx-modal.fbx-phone.fbx-portrait .fbx-prev,
.fbx-modal.fbx-phone.fbx-portrait .fbx-next {top:auto;bottom:0;}
.fbx-modal.fbx-phone .fbx-close:hover,
.fbx-modal.fbx-phone .fbx-prev:hover,
.fbx-modal.fbx-phone .fbx-next:hover {color:#666 !important;}

.fbx-modal.fbx-phone .fbx-inner {border-radius:0;}
.fbx-modal.fbx-phone .fbx-item-current,
.fbx-modal.fbx-phone .fbx-item-next,
.fbx-modal.fbx-phone .fbx-item-image {border-radius:0;}

@media (max-width: 680px){	
	.foogallery-stack-album .topbar h2,
	.foogallery-stack-album .topbar h3 {width:auto !important;padding-right:60px !important;}
	.foogallery-stack-album .topbar h3 {margin-top:10px !important;}
}

/*slidenav*/
#slidenav {width:100%;position:absolute;left:0;bottom:0;text-align:center;z-index:10;}
#slidenav > div {display:inline-block;}
#slidenav a {width:14px;height:14px;margin-left:10px;background:#1d1d1e;display:block;float:left;border-radius:100%;}
#slidenav a:first-child {margin-left:0;}
#slidenav a span {display:none;}
#slidenav a:hover {background:#d00;}
#slidenav a.active {background:#d00;}

@media (max-width: 802px){
	#slidenav {position:static;margin:20px 0;}
	#slidenav a {width:20px;height:20px;margin-left:15px;background:#fff;}
}

/*menu*/
.widget_menu nav {text-transform:uppercase;}

.page-id-686 .solid_box,
.page-id-686 .page .solid_box,
.page-id-686 .page .solid_box:after,
.parent-pageid-686 .solid_box,
.parent-pageid-686 .solid_box,
.parent-pageid-686 .solid_box:after {background-color:rgba(36,36,37,0.95);}

.menuitem {margin-bottom:15px;}
.menuitem .topline {width:100%;font-weight:bold;font-size:1.2em;color:#fff;display:flex;flex-flow:row nowrap;}
.menuitem .topline .title {flex:0 auto;}
.menuitem .topline .title em {color:#fa0;font-style:normal;}
.menuitem .topline .priceline {flex:0 auto;}
.menuitem .topline .dots {flex:1 auto;margin:0 5px;}
.menuitem .topline .dots span {width:100%;display:inline-block;border-bottom:#777 2px dotted;}
.menuitem .topline .price {color:#fa0;}
.menuitem .topline .price span {font-size:0.7em;vertical-align:top;font-weight:normal;}
.menuitem .topline .pricetag {margin-right:5px;}
.menuitem .topline .sep {margin:0 10px;border-left:#777 1px solid;}
.menuitem .desc {font-style:italic;}

h1.menutitle {font-size:3em;}
h2.menutitle {font-size:2.4em;color:#d00 !important;}
.menusection {border-bottom:#fa0 2px solid;margin-bottom:30px;padding-bottom:30px;}
.menusection.last {border-bottom:0;margin-bottom:0;padding-bottom:0;}
.menugroup {background:rgba(255,255,255,0.05);padding:15px 15px 0;border-radius:3px;margin-bottom:15px;}