/* 
Theme Name:		 WP Bootstrap-Child
Theme URI:		 http://childtheme-generator.com/
Description:	 WP Bootstrap-Child is a child theme of WP Bootstrap Starter, created by ChildTheme-Generator.com
Author:			 Masa
Author URI:		 http://childtheme-generator.com/
Template:		 wp-bootstrap-starter
Version:		 1.0.0
Text Domain:	 wp-bootstrap-child
*/


/*
    Add your custom styles here
*/
@import url('https://fonts.googleapis.com/css?family=Titillium+Web:400,600,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Chivo:300,400,700,900&display=swap');

html{
  scroll-behavior: smooth;
}

div.container-fluid, #primary.col-sm-12{
	padding:0;
}
.container_fluid .row,
div.container-fluid > .row{
    margin-right: 0;
    margin-left: 0;
}


body, p {
  font-family: Helvetica, Arial, Sans-serif;
}
b, bold {
	font-weight:bold;
}
h1, .h1 {
    font-size: 30px;
}
h2, .h2 {
    font-family: 'Titillium Web', sans-serif !important;
    text-transform: uppercase;
    font-weight: 900 !important;
	letter-spacing: 1.5px;
}
 h3, .h3 {
    font-size: 30px;
		color:#444;
}
p {
    font-size: 16px;
	color:#fff;
	font-weight: 200;
}
a, a:hover {
	text-decoration:none;
	color:#888;
	transition:.3s ease;
}


/*nav*/
.nav-link {
    text-transform: uppercase;
    letter-spacing: 1px;
	font-weight: bold;
}
.navbar-dark .navbar-nav .nav-link {
    color: #fff !important;
}
.navbar-dark .navbar-nav li.active:first-child > .nav-link  {
    color: #ca0404 !important;
}

.navbar-dark .navbar-nav li:last-child > .nav-link{
    color: white!important;	
}

.navbar-dark .navbar-nav li.contactnav .active  > .nav-link{
	color:#fff !important;
}
.navbar-light .navbar-nav .nav-link {
    color: #222;
    font-weight: normal;
}
header#masthead {
    box-shadow: none;
}
header#masthead {
    padding: 0px 5px 5px 5px;
}

.bg-light{
	border:none !important;
}
#menu-nav li {
	padding: 0 5px;
	font-size: 16px;
}
.navbar-light .navbar-nav .active{
    border-bottom: solid 4px #3c1400;
}

.navbar-light .navbar-brand {
    max-width: 200px;
    margin: 2% 0 1%;	
}

#content.site-content, .ms-theme-radix {
    padding: 0px !important;
}
.entry-content, .entry-summary, .metaslider .flexslider {
    margin: 0px !important;
}

#content{
	position:relative;
}

/*Slider*/
#wide{
    height: calc(100vh - 138px);
}

#wide p{
	display:none;
}

.sp-slide, .sp-mask, .slider-pro,.slider-pro img.sp-image,.sp-image-container{
    min-height: 630px!important;	
    height: calc(100vh - 99px)!important;	
}


.ms-theme-cubic {
	padding-bottom: 0px !important;
}
.flex-control-paging li a{
	background:#999;
}
.flex-control-nav:not(.flex-control-thumbs) li a {
	background:rgba(0,0,0,0.5) !important;
}
.flex-control-paging li a.flex-active{
	background:#ff6c00 !important;
}

.sc4 .metaslider .flex-control-nav {
    bottom: -30px !important;
}
.col-sm-4 {
    padding: 0;
}
.sc1 {
    background: #fff;
	padding: 30px 0;
	width:100%;
}
.sc1 h3, .sc3 h3 {
    text-align: center;
    color:#000;
    font-size: 20px;
    font-weight: bold;
}
.sc5 h3 {
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.sc2  img {
  width: 100%;
	filter: brightness(0.9);
  }
.sc2  h2 {
  color:#fff;
	font-size:50px;
  }
.imgtxt {
	 color: #fff;
    position: absolute;
    top: 50%;
    left: 35%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 50%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 1.5em;
  }

.imgtxtr {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 65%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 53%;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    font-size: 1.5em;
  }

	.page-id-70	.imgtxt{
			top:50%;
	}

	.sc2 .imgtxt h3, .sc2 .imgtxtr h3{
    color: white;
    font-style: italic;
    font-size: 2.25rem;
	}

.sc3, .sc4{
text-align: center;
	padding:30px 0;
}
.sc5{
text-align: center;
	padding:80px 0;
}
.sc3 h2 {
    color: #000;
	font-weight:900;
	margin-bottom: 0;
padding-bottom: 0;
}

.sc3 p {
    color: #000;
	font-weight: 400;
}
.sc3 h4 {
    color: #000;
	font-weight: 400;
	font-size:23px;
}
.sc3 h6 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	line-height: 30px;
}
.sc3{	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/bg2.jpg") repeat;
	background-size:contain;
}
.sc4{	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/bg1r.jpg") repeat;
	background-size: 150px;
}

.sc4 h2 {
    color: #fff;
    font-size: 32px;
    margin-top: 10px;
}
.sc4 h3 {
    color: #fff;
    font-size: 26px;
    margin-top: 10px;
	font-weight: bold;
}
.sc4 p {
    color: #fff;
	font-weight: 400;
}
.sc5 h2{
	text-align: center;
	margin-bottom:0;
	padding-bottom:0;
}
.sc5 p {
    color: #fff;
    text-align: center;
	padding: 10px 0;
}
.sc5 img {
		padding: 10px 0;
max-width: 200px;
}

.sc6{	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/bg3.jpg") repeat;
	padding: 30px 0;
	position:relative;
}
.sc6 h2 {
	text-align: center;
	color: #fff;
	margin-bottom: 0;
	padding-bottom: 0;
}
.sc6 h3 {
	margin-bottom: 15px;
  font-size: 1.35em;	
	color:#fff;
	text-align:center;
}
.sc6 h6 {
    font-size: 18px;
    font-weight: bold;
}
.bnrb {
    margin: 0 auto;
}

.bnrb p {
	text-align:center;
}
.loc2, .loc2 a {
	color: #000;
	font-size: 17px;
	font-weight: bold;
}

.md6s .col-md-6 {
    padding: 0px;
}
.slider1 {
    background:url(https://japaneselanternbar.co.nz/wp-content/uploads/cy0.jpg)no-repeat;
	background-size: cover;
	min-height: 100vh;
	background-position:center;
}

.page-id-69 .sc6 {
    background: #3c3c2d url(https://dev3.heymasa.co.nz/wp-content/uploads/2019/11/mt7.jpg)no-repeat;
    background-position: right;
	background-size: contain;
}

.sc6 .col-sm-4 {
    padding: 30px 15px;
}

.entry-footer {
    background: #fff;
}

.page-id-70 .sc6 h3{
    font-size: 1.75em;
    font-weight: bold;
    font-family: Helvetica, Arial, Sans-serif;
    margin-bottom: 1.5%;	
}

.sc6 h4 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 30px;
	font-weight: 700;
}
.sc6 h5 {
    font-size: 20px;
}

.wp-image-830 {
    position: absolute;
    top: -10%;
    z-index: 10;
    left: 49%;
    width: auto;
    height: 118%;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

@media screen and (max-width:1023px)  {
.wp-image-830 {
    display:none;
}
	.imgtxt,.imgtxtr {
		width:80%;
		top: 50%;
		left: 50%;		
	}
}
.md6s{
	position:relative;
}

.fas.fa-envelope, .fas.fa-external-link-alt {
    color: #fff;
    font-size: 17px;
}
.sc6 .fab.fa-instagram, .sc6  .fab.fa-facebook {
	color: #000;
	font-size:30px;
	padding: 0px 5px;
}

.ic3 {
	background: #fff;
	border: 1px solid #3c1400;
	color:#3c1400;
}
.ic3:hover {
	background: #3c1400;
	color:#fff;
}

.ic1, .ic2 {
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	border: 2px solid #ca0404;
	padding: 10px 100px;
	background: rgba(255,255,255,0.7);
	margin-top: 10px;
	display: inline-block;
	transition: .3s ease;
	border-radius: 10px;
	color: #ca0404;
	font-weight:900;
	text-transform:uppercase;
	letter-spacing: 1px;
}
.ic2, a.ic1:hover {
	background: rgba(255,255,255,0.7);
	color: #ca0404;
	text-decoration: none;
}
a.ic2:hover, .ic1{
    background: #ca0404;
    transition: .3s ease;	
	color:#fff;
	text-decoration: none;
}
/*.sc3 h2::first-letter, .ic2::first-letter, .sc5 h2::first-letter {
  color: #ff6c00;
}*/
a.ic2:hover::first-letter {
  color: #fff;
}

.sc5{
	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/cy8.jpg") no-repeat;
	background-size:cover;
}
.sc5 .col-md-4 {
    font-size: 20px;
    color: #fff;
    text-align: left;
}
.sc5 .col-md-4::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f3c5";
    padding-right: 10px;
    color:#ff6c00;
}
.sc2{
	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/cy9.jpg") no-repeat;
	background-size:cover;
	padding: 30px 0;
}
.shopwrapper{
    margin-bottom: 2%;	
}
.sc7{
	background:url("https://japaneselanternbar.co.nz/wp-content/uploads/bg5.jpg") repeat;
	background-size:contain;
	padding:50px 0;
}
.sc7 h4 {
	font-size: 2rem;
	color: #ca0404;
	font-weight: 700;
	text-align: center;
	font-family: 'Titillium Web', sans-serif;
}
.sc7 p {
	color: #000;
	text-align: center;
	line-height: 30px;
}
.sc7 h5 {
	background: #000;
	text-align: center;
	padding: 10px;
	margin-top: 40px;
	font-size: 18px;
}
.oneclm {
	padding: 0 15px;
}
.icsub {
    /*margin: 30px 0px 10px 0px;*/
    font-size: 14px;
	font-weight: bold;
	margin: 0 auto;
}
.cbd {
    margin: 10px 0;
    padding: 10px 0;
    min-height: 100px;
}
.sc0 tr {
    border-bottom: 1px solid #444;
}

td, th {
    padding: 5px;
}
tr td:first-child {
    font-weight:bold;
}

.home .tg-wrap tr td:first-child {
	    max-width: 180px;
    display: inline-block;
    min-width: 180px;
}

.home .tg-wrap tr td:nth-child(2){
    text-align: center;	
    max-width: 180px;
    display: inline-block;
    min-width: 180px;	
}

.tg-wrap tr td:nth-child(2){
    text-align: center;	
}

.home .tg-wrap tr td:last-child {
    display: inline-block;
    min-width: 50%;	
}

.moreinfo{
			color:#714a36;
    margin-left: 2em;
    border: 1px solid;
    padding: 1% 2%;
		 transition:.3s ease;
	   display:inline-block;
    border-radius: 20px;
    font-size: .8em;	
}

.moreinfo:hover{
			background:#714a36;
		  color:white;
			transition:.3s ease;
}
.mgn50 {
	margin-top: 50px;
}
.mgn100 {
	margin-top: 100px;
}
table{
   text-align:left;
}
.tlabel {
	font-family: 'Titillium Web', sans-serif;
	padding: 5px 10px;
	background: #ca0404;
	color: #fff;
	text-align: center;
}
.sc0 {
    padding: 30px 0;
}


.sc6 ul  {
padding-left: 15px;
	position: relative;
	font-size: 16px;
}

.sc6 ul li {
    line-height: 18px;
    padding: 5px 0;
    margin-bottom: 2%;
 /* list-style-type: none; */
	color: #fff;
}

/*.sc6 li::before {
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  position: absolute;
  left : 0px;
  color: #333;
	font-weight: 900;
} */
.col-sm-6 {
    padding: 0px;
}
.col-md-8 .col-md-6 {
    padding-left: 0px;
}
.entry-content .row {
    margin-left: 0;
    margin-right: 0;
}
.sc2, .sc2b  {
  position: relative;
  }
.sc1 h2 {
    color: #000;
    text-align: center;
    font-weight: 900;
	margin-bottom: 0;
padding-bottom: 0;
}
.sc1 h4{
    font-size: 15px;
    padding: 5px;
    margin: 0px;
}
.sc2 h4 {
    font-size: 22px;
    color: #fff;
	margin-bottom: 0px;
}
.bd1{
	margin-top: 30px;
	background: repeating-linear-gradient(-65deg, #aaeee5, #aaeee5 2px,#fff 2px, #fff 15px);
    background-size: auto;
	background-size: cover;
	height: 20px;
	margin-bottom: 30px;
}


/*Contact Form*/
.foorm-control {
	width: auto;
}
div.wpcf7 {
	padding: 20px 0;
	color: #fff;
}
.form-control{
	background-color: #eaeaea;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-primary {
    font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
	border: 2px solid #fff;
	padding: 10px 100px;
	background: #000;
	margin-top: 10px;
	display: inline-block;
	transition: .3s ease;
	border-radius: 10px;
	color: #fff;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.wpcf7-form-control.wpcf7-submit.btn.btn-primary:hover {
	background:#fff;
	color:#000;
	
}
.btn-primary:hover {
    color: #fff;
    background-color: #714a36;
    border-color: #714a36;
	transition: .3s ease;
}
#footer-widget h3, #footer-widget p {
    color: #000;
}
#footer-widget h3 {
	font-size: 18px;
	font-weight: bold;
}
#footer-widget {
    padding: 30px 0px;
    background:#969687 url("https://dev3.heymasa.co.nz/wp-content/uploads/2019/11/mt5.png") center no-repeat;
}
#footer-widget p {
    font-size: 14px;
}
#footer-widget h2{
    text-align:center;
	font-size: 28px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);
}
#footer-widget h4 {
    text-align:center;
	    font-size: 22px;
	font-style: italic;
}
footer#colophon {
    background: none !important;
}
.fab.fa-instagram, .fab.fa-facebook {
    font-size: 35px;
    padding-right: 10px;
    margin: 10px 0;
		color:#fff;
	margin-bottom: 20px;
}


.backtop{
    position: absolute;
    bottom: 1%;
    right: 4%;	
	 z-index:100;
	 color: #ff6c00;
    font-size: 2em;	
}

a.backtop:hover{
	 color: white;	
}

.backtop img{
    width: 24px;
}

table {
    color: #000 !important;
}

/*responsive*/
/*mobile*/
@media screen and (max-width:639px) {
	h1, h2, .imgtxt h2, .sc6 h4 {
		font-size:24px;
	}
	

p {
	font-size: 13px;}

	.flex-control-nav.flex-control-paging, flex-direction-nav {
    display: none !important;
}
	.icpkb {
    width: 100%;
}
#footer-widget .col-12.col-md-4 {
    max-width: 50%;
    margin-top: 20px;
    padding-left: 10%;	
}
	
	
	.tg-wrap tr td:first-child {
	    max-width: unset;
    display: block;
    min-width: unset;
}
	
	.home .tg-wrap tr td:first-child,	.home .tg-wrap tr td:nth-child(2){
    max-width: 100%;
    display: block;		
	}
	
	.home .tg-wrap tr td:last-child{
    text-align: center;	
    display: block;		
	}

.tg-wrap tr td:nth-child(2){
    max-width: unset;
    display: table-cell;
    min-width: unset;	
}

	
	.sc1 + .row .col-sm-4 .sc2 .imgtxt{
			bottom: unset;
    top: 50%;		
	}	
		
	.textwidget h3 {
    font-size: 2.5em;
	}
	
	.page-id-69 .sc6{
    background-position: bottom;		
	}
	
	.page-id-69 .sc6 > .row{
    padding-bottom: 170%;		
	}
	
	.page-id-69 .sc6 .col-sm-4 {
    padding: 30px 15px 0;
	}
	
	.sc4, .sc5{
	padding: 10px 15px;
	}
	.sc6 img {
	padding: 5px 20px;
}
	
	.sc3 br, .sc4 br, .sc5 br{
		display:none;
	}
	
	.ic3{
    margin: 10px auto 0;
    display: block;		
    padding: 10px 7%;		
	}
	
	.page-id-70 .sc6 h3, .page-id-70 .sc6 h3 + p{
    text-align: center;
    font-size: 2em;
	}
	
	 .page-id-70 .sc6 h3 + p{
    text-align: center;
    font-size: 1.25em;
	}
	
	.entry-footer {
    margin-top: 10%;
	}
	
	/* Sushi Platter page */
	.post-664 div h1{
		font-size: 2em;		
	}
	
	.post-664 div.sc3 h2{
    max-width: 80%;		
	}

	.post-664 div.sc3 h2:after {
    top: 33px;
	}
	
	ul.sushilist{
    display: block;		
	}
	
	ul.sushilist li{
    margin-bottom: 10%;		
	}
	
	ul.sushilist li h3{
		    font-size: 2em;
	}
	
	/* menu */
	header#masthead{
    background: rgba(74, 74, 74, 0.5)!important;
    position: relative;
    z-index: 15;	
	}
	
	.flexslider ul.slides{
	 height: 100vh;
	 margin-top: -31%!important;
    z-index: -1;		
	}
	
	.metaslider ul.slides li img{
    margin-top: 0.375%;
    height: 94vh;
    object-fit: cover;
    object-position: 53%;		
	}
	
	.page .sc2{
    height: 100%;
    width: 100%;
	}
	
	.wpcf7-form .row {
		width: 100%;
		margin: auto;		
	}
	
	.page .sc2 img{
    height: 94vh;
    object-fit: cover;
    object-position: 87%;		
	}	
	
	#booking > .container > .row > .col-md-8{
		width: 95%;
		margin: 5% auto;		
	} 
	
	.slider-pro img.sp-image {
	}
	
	.sp-slide, .sp-mask, .slider-pro,.slider-pro img.sp-image,.sp-image-container{
    	min-height: unset!important;	
    height: calc(100vh - 97px)!important;		
	}
	#wide{
    height: calc(100vh - 117px);	
    overflow: hidden;		
	}
	
}
/*tablet*/   
@media only screen and (min-width:640px) and (max-width:1023px) {
	.sc2 .imgtxt{
    top: 45%!important;		
	}
	
		.post-664 div.sc3 h2{
    max-width: 80%;		
	}

	.post-664 div.sc3 h2:after {
    top: 33px;
	}
	
	.sp-slide, .sp-mask, .slider-pro,.slider-pro img.sp-image,.sp-image-container{
    	min-height: unset!important;	
	}
	
}
/*pc*/  
@media screen and (min-width:1024px) {}

.on .nobooking{
	display:none;
}

.nobooking{
    font-size: 2em;
    color: white;
    margin-top: 3em;
    text-align: center;	
}

.nobooking p{
	font-size: 2em;
    font-weight: bold;	
}

div.wpcf7{
	display:block;	
}

div#booking:not(.on) div.wpcf7{
	display:none;	
}