/*
Theme Name: The Flavour Child
Theme URI: http://demo.themefuse.com/theflavour/
Description: Child theme for the The Flavour. Child themes are the recommended way of making modifications to a theme. <a href="http://codex.wordpress.org/Child_Themes">Reade More</a>
Author: ThemeFuse
Tags: translation-ready
Author URI: http://themefuse.com
Template: theflavour-parent
*/


@import url("../theflavour-parent/style.css");
@font-face {
    font-family: 'thaisans_neueregular';
    src: url('fonts/thaisansneue-regular-webfont.eot');
    src: url('fonts/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/thaisansneue-regular-webfont.woff2') format('woff2'),
         url('fonts/thaisansneue-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.tf-menu-left,
.tf-menu-right { float:none }

.slider-full .slider-title,
.slider-full .slider-subtitle { display:none }
.slider-full .title-wrap { padding:0; height:180px }
.slider-full .carousel-control { padding-top:19% }
.slider-btn.btn span { background:transparent; border-style:none }

.carousel-indicators .active {
    margin-bottom: 5px;
    margin-top: 5px;
}

/*
.myheader { 
	color: #95292d !important;
    display: inline-block;
    font-family: 'thaisans_neueregular', sans-serif;
    font-size: 5rem !important;
    letter-spacing: .5rem;
    line-height: 3.1rem !important;
    padding: 0 0px 0 10px;
    position: relative;
	-webkit-transform-style: preserve-3d;
	   -moz-transform-style: preserve-3d;
	        transform-style: preserve-3d;
    
}
.myheader small {
	color: #333 !important;
	display: block;
	font-size: 1.5rem;
	letter-spacing: normal;
	line-height: 1rem !important
}
.myheader:before,
.myheader:after {
	background-color: #95292d;
	content:" ";
	display: block;
	height:18px;
	position: absolute;
	top:40%; 
	width: 2000px;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}
.myheader:before { left:-2000px }
.myheader:after { right:-2000px }
*/
.segment { padding-bottom: 18px }

.container.chef-loop img.chef.img-responsive {
	background-position:center top;
	background-size: cover !important
}
.portfolio-details h3 { 
	border-left: solid 5px #95292d;
    font-family: 'thaisans_neueregular', sans-serif;
    font-size: 1.6rem !important;
    line-height: 1.6rem !important;
    margin-bottom: 9px !important;
    padding-left: 9px;
    text-align: left !important; 
}
.portfolio-details h3 small {
	color: #000;
	font-size: 1.25rem;
	line-height: 1.25rem;
	display: block
}


@media (min-width:768px) {
	.slider-full .title-wrap { height:432px }
	.post-descr.entry .textwidget p { font-size:1.5rem; line-height: 1.6rem }
}


.container { padding-left:0; padding-right:0; position:relative }

.post-descr.entry p { margin-bottom: .3em; font-size: 1.15rem }

.wrapp-categories-gallery { border-top:none; border-bottom:none }
.shortcode-portfolio .wrapp-categories-gallery {
  height:42px; margin: 0 0 0 auto; padding: 0; overflow:visible
}
.shortcode-portfolio .wrapp-categories-gallery::before { left:-1200px; }
.shortcode-portfolio .wrapp-categories-gallery::after { right:-1200px; }

.shortcode-portfolio .wrapp-categories-gallery::before, 
.shortcode-portfolio .wrapp-categories-gallery::after { content:' ';
  height:136px; width:1200px;
  position:absolute; top:0; 
}
.container.buffet .shortcode-portfolio .wrapp-categories-gallery::before,
.container.buffet .shortcode-portfolio .wrapp-categories-gallery::after  {
  background:transparent url(img/headerMenuLandingSubDecore.png) left top no-repeat
}
.container.buffet .shortcode-portfolio .wrapp-categories-gallery {
	background:transparent url(img/headerMenuLandingSub12k.png) left top no-repeat;
	background-size: cover !important;
}
.container.alacarte {
	background: transparent url(img/headerMenuSubAlacarte1k.jpg) left top no-repeat;
	padding-top: 136px; 
}
.container.setmenu {
	background: transparent url(img/headerMenuSubSet1k.jpg) left top no-repeat;
	padding-top: 136px; 
}

.container.setmenu::before, .container.setmenu::after,
.container.alacarte::before, .container.alacarte::after {
  background:transparent url(img/headerMenuLandingSubDecore.png) left top no-repeat;
  content:''; position:absolute; top:0; width:1200px; height: 136px;
}
.container.setmenu::before,
.container.alacarte::before { left:-1200px }
.container.setmenu::after,
.container.alacarte::after { right:-1200px }
#gallery-list .gallery-item { float: none }
.gallery-list.six-column .gallery-item {
	width: 50%;
/*
	min-height: 220px;
	height: 100%;
*/
	list-style: none;
	margin:0 auto
}


body, h1, h2, h3, h4, h5, h6, .nav-main li a, h3.title-before, h2.before-title, h3.section-title-before, .box .box-link-gallery strong, h1.widget-title, .rhomb-title-before, .ribbon span, .dishes-content-title, .page-title-before, .gallery-categories li, .gallery-item .see-more .title .categories-item a, .blog-categories .categories-item a, .ui-datepicker-title, .ui-datepicker-header, .testimonials-title-before, .special-offer .post .entry-title a, .categories-slider a, .about-title, .gallery-item .see-more .title, .post .border-post .entry-title a, .testimonials-author span, .reservationForm label, .reservationForm #submit, .blog .entry-aside .entry-title a, .contact-form .label_title, .contact-form #submit, .widget-freshpost li a, .widget-most-comment li a, .widget-archives li a, #site-navigation3 li a {
    font-family: 'thaisans_neueregular', sans-serif
}
header { border-bottom:solid 4px white }
.nav-main .site-logo a { border:0; padding:0; margin:0 }
.nav-main .site-logo img { max-height:78px }
.nav-main .nav-menu a { font-weight: normal; text-transform:none; font-size:1.5rem }
.nav-main .hover-menu,
.nav-menu > .current-menu-item { border-bottom:3px solid transparent }
.nav-menu > .current-menu-item > a {color:#231f20}
.nav-menu li {padding:60px 0 0}

.site-main {padding-top:0}

#nav-main { border-bottom:solid 7px #95292d !important }

#menu-primary > .menu-item {
    padding-top: 44px !important;
    padding-bottom: 0 !important;
}

.image-section:before { background-color: rgba(0, 0, 0, 0) }

#submit {
	background: #8f0106; border: 2px solid #8f0106;
	color:#FFF; font-size: 1.4rem; padding:5px 50px
}
.frame_center { margin:0 auto 9px auto }

.container.full-width { width:auto !important } 
.container.contact {
   background-color: rgba(255,255,255,0.78);
   border-radius:5px;
   padding:32px 45px 32px; 
   max-width:1024px
}
.container.contact .address  .textwidget{
  padding: 60px 0 0
}
.container.contact .address .textwidget > p {
    color:#000; font-size:1.3rem; margin-bottom:9px;
    position:relative; line-height:1.5rem
}
.container.contact .address .textwidget > p:before {
    position: absolute;
    top: 0; left: -1.6rem;
    display: inline-block;
    font-family: 'FontAwesome';
    font-style: normal;
    font-weight: 400;
/*    line-height: 1; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.container.contact .address .textwidget > p:nth-child(1):before { content: "\f015"; }
.container.contact .address .textwidget > p:nth-child(2):before { content: "\f095"; } /* "\f095"f10b */
.container.contact .address .textwidget > p:nth-child(3):before { content: "\f0e0"; font-size:1rem}

.wpcf7-not-valid-tip {
    font-size: .6em !important;
    padding: 0;
    position: absolute;
    width: 200px;
    top: 45px;
    left: 18px;
    font-family: sans-serif;
}
div.wpcf7-response-output {
  font-size: 1.4em !important;
  margin:0; background-color:#FFF
}
span.wpcf7-form-control-wrap { display:block } 
.wpcf7-form-control.wpcf7-textarea,
.wpcf7-form-control.wpcf7-text { 
  border-radius: 4px;
  border-style:none;
  color:#333;
  padding: 6px 12px; margin-bottom:20px;
  font-size: 1.6rem;
  line-height: 1.9rem;
}
.wpcf7-form-control.wpcf7-text { height:40px }
.wpcf7-form-control.wpcf7-textarea { height:180px }

::-webkit-input-placeholder {
   color: #999999;
}

:-moz-placeholder { /* Firefox 18- */
   color: #999999;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: #999999;  
}

:-ms-input-placeholder {  
   color: #999999;  
}

/* location */
.container.location .textwidget p { font-size:1.28rem; text-indent:2.5rem; margin-bottom:.25rem; }

/* about us */
.blog-details .entry h3 { font-size:2rem; line-height:2rem; margin:0; text-align:center }

.blog-details .entry h4 { font-size:1.68rem; margin 9px auto 18px; font-weight:normal }
.post-descr.entry .aboutus .textwidget p { font-size:1.28rem; text-indent:2.5rem; margin-bottom:.25rem; }
.segment.aboutus,
.segment.contactus { padding-bottom:3.5rem }

/* 2015.10.14 */

.gallery-categories { 
    overflow:hidden; 
    float:right 
}
.categories-item { 
  background-color:#95292d; 
  border-radius:5px; 
  color:#FFFFFF !important
}

.categories-item:hover,
.categories-item.active {
    background-color:#FFFFFF;
    color:#95292d !important
}


footer { font-family: 'thaisans_neueregular', sans-serif }
.footer-nav { padding:15px 0 }
.footer-nav.footer-top {
    border-bottom:solid 7px #ed1c24;
    font-size:20px
}
.footerLogo { width:160px }
.social-icons a {
  width:36px; height:36px; border-radius:5px; color:#000
}
div.vAlign {
  position:relative;
  min-height:67px;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
div.vAlign > p {
   position: absolute;
   display: block;
   top: 50%;

   -webkit-transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
}

.copyright { color:#000; font-size:1.2em; margin:0 0 70px}

.gallery {
    margin-bottom: 20px;
	overflow: visible
}
.gallery-img {
  -webkit-transform-style: preserve-3d;
     -moz-transform-style: preserve-3d;
          transform-style: preserve-3d;

    -ms-transform-origin: 50% 50%; /* IE 9 */
-webkit-transform-origin: 50% 50%; /* Chrome, Safari, Opera */
        transform-origin: 50% 50%;

  background-size:cover; 
  background-position:center center;
  -webkit-transition: all .3s ease-out;
     -moz-transition: all .3s ease-out;
       -o-transition: all .3s ease-out;
          transition: all .3s ease-out;   
}

.gallery-item .see-more { 
	background:transparent; 
	background-image:transparent;
}
.gallery-item:hover .see-more { background:transparent; background-image:transparent }
.gallery-item:hover .see-more .title { opacity:1 }
.gallery-item .see-more .title { 
/*   opacity:0;  */
  background-color:rgba(5, 0, 0, 0.3);
  padding:0; 
  width:100%; 
  height:100%; 
  display:block
}
.gallery-item .see-more .title > p {
  color:#FFF;
  text-align:center; font-size:1em; width:100%
}
.home_menu {
	position: relative;
	overflow: hidden;
}
.home_menu:hover:before {
	content: '';
	position: absolute;
	left: 0;top:0; width: 100%; height: 100%; 
	background-color: #932a30; background-color: rgba(147,42,48,0.5);
	pointer-events: none;
}

.home_menu > .mytitle {
	position: absolute;
	display: block;

	top: -50%;
	left: -50%;

	border:solid 2px #ab0613;
	background-color: #000; color: #FFF;
	font-size: 2em;
	padding: 4px 8px;
	pointer-events: none;
		
-webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
}
.home_menu:hover > .mytitle {
	top: 50%;
	left: 50%;
}

.categories-item { 
	font-size:1.5rem !important;
	padding: 0 10px 0;
	margin-right:.1rem;
}

.gallery-categories { padding:7px 0 0 !important }
.gallery-categories li { margin-right: 18px }
.container { padding-left:3px; padding-right:3px }
.container.full-width { margin:0; padding-left:0; padding-right:0 }
footer.footer .vAlign { width:90% }


@media screen and (max-width:1199px) {
  .container { width:100% !important; margin: 0 !important }
  .post-descr.entry .textwidget p { font-size:1.88rem }
}

@media screen and (min-width:769px) {
	.gallery-categories { padding:2.5rem 0 !important }
	.nav-main { margin-bottom:0 }
	.logo-right .site-logo, .logo-left .site-logo { margin: 9px 0 0 !important }
	.container.contact { padding:32px 60px 32px }	
}

@media screen and (max-width:768px) {
	.container.full-width { margin-left:-15px; margin-right:-15px }
/* 	.gallery-categories { padding: 1.3rem 0 !important } */
	.gallery-list.six-column .gallery-item { margin: 0 }
	.nav-main { margin-bottom:0 }
	.wrapp-categories-gallery { max-width:768px; background-size:contain !important }
}

@media (min-width:480px) {
	.slider-full .title-wrap { height:270px }
}

@media screen and (min-width:481px) {
	.gallery-list.six-column .gallery-item {
		width: 185px;
		min-height: 220px;
		height: 220px;
		margin: 0 10px 10px 0px 
	}
	.gallery-categories { padding:2.5rem 0 !important }
	
	.categories-item { 
		font-size:3rem !important;
		padding: 10px 16px 10px 20px
	}
	.shortcode-portfolio .wrapp-categories-gallery {
		height:136px; margin: 0 0 0 auto; padding: 0; overflow:visible
	}
	#gallery-list .gallery-item { float: left }
	.gallery-img:hover {
	  -webkit-transform: scale(1.1,1.1); /* Safari */
	      -ms-transform: scale(1.1,1.1); /* IE 9 */
	          transform: scale(1.1,1.1);
	  z-index:9999
	}
}
@media screen and (min-width:768px) {
	.tf-menu-left {  float:right }
	.tf-menu-right { float:left  }
	
	.gallery-list.six-column .gallery-item {
		width: 24.3%;
		margin: 0 5px 5px 0px 
	}
	.gallery-categories li {
		margin-right: 35px;
	}
	
}

@media screen and (min-width:1024px) {
    .container { padding-left:0; padding-right:0; width:1024px !important }
	.container.menu::before,
	.container.chef::before,
	.container.aboutus::before,
	.container.location::before,
	.container.contactus::before {
		position:absolute;
		top:0; 
		left:-1200px;
		width:1200px;
		height:175px;
	}
	.container.menu::after,
	.container.chef::after,
	.container.aboutus::after,
	.container.location::after,
	.container.contactus::after {
		position:absolute;
		top:0; 
		right:-1200px;
		width:1200px;
		height:175px;
	}

	.container.menu::before, .container.menu::after { content:' ';
		background:transparent url(img/headerMenu1kDecore.png) center top no-repeat
	}
	.container.chef::before, .container.chef::after { content:' ';
		background:transparent url(img/headerChef1kDecore.png) center top no-repeat
	}
	.container.aboutus::before, .container.aboutus::after { content:' ';
		background:transparent url(img/headerAboutUS1kDecore.png) center top no-repeat
	}
	.container.location::before, .container.location::after { content:' ';
		background:transparent url(img/headerLocation1kDecore.png) center top no-repeat
	}
	.container.contactus::before, .container.contactus::after { content:' ';
		background:transparent url(img/headerContact1kDecore.png) center top no-repeat
	}
	
	.container.chef-loop { overflow: hidden }
	.container.chef-loop article { width:25%; float: left; padding:0 3px }
	
	.categories-item { margin-right:1rem }
	.gallery-list.six-column .gallery-item { width:16% }

	.slider-full .title-wrap { height:576px }

	.portfolio-details header { border-style: none; }
	.portfolio-details .entry-content p { padding: 9px 0 }
	.portfolio-details .entry-content p { 
		background-size: cover
	}
}
#gallery-desc { 
	padding: 18px 0;
	max-width: 700px;
	margin: 0 auto;
    font-family: 'thaisans_neueregular', sans-serif;
    font-size: 1.3rem !important;
    line-height: 1.3rem !important;
}