/*
Theme Name: The Bistro
Theme URI: https://thebistrost.ca/
Description: the Bistro St. Thomas Restaurant
Version: 1.0
Author: Dark Horse Designs
Author URI: https://darkhorsedesigns.ca/
*/


:root {
  --darkblue: #0b1315;
  --gold: #d3a741;
  --white: #fff;
  --black: #000;
}

html {box-sizing: border-box; font-size: 12px;}
*, *:before, *:after {box-sizing: inherit;}

body {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--white); background: var(--darkblue); margin: 0; line-height: 1.4; font-size: 1.6rem;}
img {max-width: 100%; height: auto; vertical-align: middle; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: 0.75rem;}
figure {margin:0;}
.wp-block-image {margin:0 !important;}
p {margin: 48px 0;}

h1, h2, h3, h4, h5, h6 {font-family: "Oregano", cursive; font-size: 4.8rem; color: var(--gold); font-weight: 400; margin: 48px auto; line-height: 1.0;}

a{transition: all 0.3s; text-decoration: none; color:var(--red)}
a:hover {transition: all 0.3s; color:var(--darkgrey)}

.header {position: absolute; width: 100%; z-index: 1000; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background-image: linear-gradient(#0b1315 50%, #0000);}
.colhead {display: grid; grid-template-columns: 1fr 350px 1fr; align-content: center; justify-content: center; align-items: center; justify-items: center;}
.colhead div {width: 100%; margin:0;}

.colfixed {display: grid; grid-template-columns: 1fr 1fr 1fr; align-content: center; justify-content: center; align-items: center; justify-items: center;}

.logolink {max-width: 250px; padding: 0px; height: auto; display: inline-block;}
.logolink figure {display:inline-block;}
.shrink .logolink {max-width:120px; padding:2px;}
.shrink {position: fixed !important; top:0;}

.menu-top-left-menu-container ul {list-style: none; margin:0; padding:0;}
.menu-top-left-menu-container ul li {display: inline-block; margin: 6px 24px;}
.menu-top-left-menu-container ul li a {padding: 16px; color: var(--gold);}

.menu-top-right-menu-container ul {list-style: none; margin:0; padding:0;}
.menu-top-right-menu-container ul li {display: inline-block; margin: 6px 24px;}
.menu-top-right-menu-container ul li a {padding: 16px; color: var(--gold);}

.menu-top-left-menu-container, .menu-top-right-menu-container {text-transform: uppercase;}

.navline {width: 100%; height: 1px; background:var(--gold);}

.con0 {max-width: 1000px; margin: auto;}
.con1 {max-width: 1300px; margin: auto;}
.con2 {max-width: 1400px; margin: auto;}
.con3 {max-width: 1000px; margin: auto !important;}
.con3 .wp-block-image {max-width: 800px !important; margin: 48px auto !important;}
.con4 {max-width: 1000px; margin: auto;}

.page-id-81 .block3 {display:none;}
.page-id-81 .con2 {padding-top: 100px;}

.colhead2 {z-index: 5; justify-content: space-between; align-items: center; max-width: 1400px; display: flex; position: relative; margin:-20px auto 0 auto;}

.but1, .gloriafood-button.reservation, .glf-button.reservation {font-size: 1.6rem !important; font-family: "Lexend", sans-serif !important; font-weight: 400 !important; background: #FFF; background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(200, 163, 60, 1) 100%); text-transform: uppercase; color: var(--black) !important; padding: 16px; border-radius: 50%;}

.but2 {background: var(--gold); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 163, 60, 1) 100%);
    border-radius: 0px;
    color: var(--black);
    text-transform: uppercase;
    font-size: 1.2rem; padding: 12px 20px; transition: all 0.6;}
.but2:hover {background: var(--gold); background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 163, 60, 1) 100%);}

.wp-block-buttons {margin:48px auto auto auto !important;}

.black-button .wp-block-button {margin: auto !important;}
.black-button .wp-block-button__link {padding: 12px 20px; background: var(--black); border-radius: 0px; color: var(--white); text-transform: uppercase; font-size: 1.2rem;}

.gold-button .wp-block-button {margin: auto !important;}
.gold-button .wp-block-button__link {padding: 12px 20px; background: var(--gold); border-radius: 0px; color: var(--black); text-transform: uppercase; font-size: 1.2rem;}

.content-sub {padding-top: 200px;}

.headtext1 {max-width: 700px; margin:auto; position: relative; z-index: 10;}
.head1 {font-family: "Oregano", cursive; color:#fff; font-size: 7.0rem; text-align: center; line-height: 1.0; margin:0; text-shadow: 0px 10px 8px #000;}
.headsm1 {display:block; font-size: 5.0rem;}

.head2 {    font-family: "Lexend", sans-serif;
    font-weight: 400;
    color: var(--white);
    font-size: 2.2rem;
    margin: 18px auto 60px auto;}
  


.windowpic {margin:auto; width: 500px; height: 560px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background:#fff; margin-top: -75px; margin-bottom: -75px;}
.windowpic img {max-width: 600px !important; margin-left: -70px;}

.windowpic2 {margin:auto; width: 100%; height: 620px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; margin-top: -75px; margin-bottom: -75px;}
.windowpic2 img {max-width: 100% !important;}

.windowpic3 {margin:auto; position: relative; width: 100%; height: 620px; overflow: hidden; border-top-left-radius: 250px; border-top-right-radius: 250px; border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; margin-top: -75px; margin-bottom: -75px;}
.windowpic3 img {max-width: 300% !important;}

.aleft img {  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(0%, -50%);}

.acenter img {  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);}

.aright img {  position: absolute;
  top: 50%;
  left: 100%;
  transform: translate(-100%, -50%);}



.block1 {background-image: url("images/bg-pattern-01.jpg"); background-repeat: repeat; background-size: 300px; padding: 135px 80px 80px 80px;}
.block2 {padding: 80px;}
.block3 {background-image: url("images/bg-pattern-01.jpg"); background-repeat: repeat; background-size: 300px; padding: 80px;}
.block4 {background-image: url("images/bg-pattern-01.jpg"); background-repeat: repeat; background-size: 300px; padding: 200px 80px 80px 80px;}


.boxgold {background:var(--gold); border-top-right-radius: 28px; border-bottom-right-radius: 28px; border-top-left-radius: 100px; border-bottom-left-radius: 100px; padding:60px 60px 60px 430px;  position: relative; color: var(--black); text-align: center;}
.boxgold h2 {color: var(--black); margin-top:0;}
.boxgold img {position: absolute; left: -50px; top: -25px; width: 425px; border-radius: 300px;}

.windowpicset1 {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 90px;}

#sp-wp-tabs-wrapper_27 .sp-tab__nav {width: 100%;}
.sp-tab__nav-item {width: 20%;}
.sp-tab__tab-content {padding: 80px 120px; background-color: rgba(11, 19, 21, .4); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px);}
.sp-tab__nav {border: 1px solid #d3a741; border-bottom: 20px solid #d3a741 !important; background-color:#000 !important; width: fit-content; margin: auto !important;     border-top-left-radius: 24px; border-top-right-radius: 24px; overflow: hidden;}
#sp-wp-tabs-wrapper_27.sp-tab__lay-default > ul .sp-tab__nav-item {margin-top: 0 !important;}
.sp-tab__tab_title {font-family: "Lexend", sans-serif; font-size: 1.8rem !important; text-transform: uppercase; font-weight: 400 !important; }
#sp-wp-tabs-wrapper_27.sp-tab__lay-default > ul .sp-tab__nav-item {border-right: 2px solid #d3a741;}
#sp-wp-tabs-wrapper_27 .sp-tab__nav {justify-content: center !important;}

.menu-larger {font-size: 1.6rem; line-height: 1.6;}

.footbar {position: fixed; bottom: 0; width: 100%; padding: 12px; z-index: 1000; background-color: rgba(11, 19, 21, .4); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

.ic1 {top: 6px; padding-right: 4px; position: relative;}
.ic2 {top: 4px; padding-right: 4px; position: relative;}
.ic3 {width: 36px; height: 36px; margin-top: 28px;}

.copyright {padding: 80px; text-align: center; font-size: 1.2rem; color:#666;}

.food {display: grid; grid-template-columns: 1fr 1fr; gap: 60px; text-align: left; color: var(--white);}
.food h2 {border-bottom: 2px solid #ccc;
    margin-bottom: 38px;
    padding-bottom: 18px;}
.food h3 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--white); font-size: 2.2rem; margin: 24px 0px 12px 0;}
.food h4 {font-family: "Oregano", cursive; font-size: 2.4rem; color: var(--gold); font-weight: 400; margin: 12px auto; line-height: 1.0;}
.food h5 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--white); font-size: 1.6rem; margin: 24px 0px 12px 0;}
.food h6 {font-family: "Lexend", sans-serif; font-weight: 400; color: var(--black); font-size: 1.6rem; margin: 36px 0px 12px 0; background-color: var(--gold); padding: 8px 16px; border-radius: 48px;}
.food p {margin: 0px auto; color:#ccc}
.food strong {color:var(--gold);}
.food img {margin: 18px auto;}
























.boxset1 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:24px; text-align: center; padding-bottom: 60px;}
.boxset1 div {border-radius: 28px; border: 6px solid var(--green); overflow:hidden; position: relative; background: var(--black)}
.boxset1 h2 {width: 100%; margin: 0; font-size: 2.4rem; position: absolute; left: 50%; top:50%; transform: translate(-50%, -50%); color: var(--white); z-index: 100; text-shadow: 0px 0px 6px #000; background: rgba(0, 0, 0, 0.4); padding: 18px;}
.boxset1 img {opacity: 0.9; user-drag: none; -webkit-user-drag: none; user-select: none; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none;}
.boxset1 a {color:#fff;}

.calllist {color: #fff; list-style: none; padding: 0; margin: 0 auto; text-align:center; font-size: 1.6rem;}
.calllist li {display: inline-block; padding: 18px; border: 1px solid var(--red); border-radius: 8px; margin: 0 18px; text-align: left; min-width: 250px;}
.callic {float: left; padding: 10px; margin: 4px 14px 4px 0; background: var(--red); border-radius: 50%; color: var(--white);}
.calllist a {color:#fff !important;}

.tabset1 {text-align: center;}
.tabset1 h2 {color: var(--darkgrey); font-size: 2.2rem;}
.tabset1 i {font-size: 3.8rem !important;
  color: #0c9447;
  position: relative;
  top: 10px;
  margin-right: 6px;}

.tabset2 {padding:0 38px; text-align: center;}
.tabset2 div {border: 1px solid var(--red); border-radius: 24px; padding: 36px 24px;}
.tabset2 h2 {color: var(--darkgrey); font-size: 2.0rem;}

.google-reviews {padding: 60px;}

.txtl {text-align: left;}
.txtc {text-align: center;} 
.txtr {text-align: right;}


.con-full {max-width: 100%; width:100%; margin:auto;}
:where(.wp-block-columns) {margin-bottom: 0 !important;}



.pad1 {padding: 60px 40px;}
.pad1 :is(h1, h2, h3, h4, h5, h6):first-child {margin-top:0;}
.pad1 :is(p):last-child {margin-bottom:0;}




.brand {margin: 10px auto;}
.hash {color: var(--lightgreen); margin: 10px auto; font-size: var(--xsm); display:block;}


.button1 a{background: var(--red); color: var(--white); padding: 14px 28px 10px 28px; font-size: 1.4rem; text-transform: uppercase; font-weight: 600; border-radius: 28px; display: inline-block; text-decoration: none;}
.button2 a{background: var(--red); color: var(--white); padding: 10px 24px 6px 24px; font-size: 1.2rem; text-transform: uppercase; font-weight: 600; border-radius: 28px; display: inline-block; text-decoration: none;}
.button2 {margin: 6px 0;}

.space1 {padding: 0 100px; align-content: center;}
.overlay1 {position: relative; z-index: -1; background: #e5e5e5;}
.overlay1::before {     content: " ";
  background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
  width: 400px;
  height: 100%;
  display: block;
  z-index: 1000;
  position: absolute;}

.overlay2 {position: relative; z-index: 1;}
.overlay2::before {     content: " ";
  background: linear-gradient(90deg, rgba(245,245,245,0) 0%, rgba(245,245,245,1) 100%);
  width: 400px;
  height: 100%;
  right:0;
  display: block;
  z-index: 1000;
  position: absolute;}



.overlay {background-color: rgba(0, 0, 0, 0.4); position: absolute; height:100%; width:100%; z-index:10;}
.breadcrumbs {padding: 8px 18px; background: #242424; color: var(--white);}
.breadcrumbs a {transition: color 0.6s; text-decoration: none; color:#c7c7c7;}
.breadcrumbs a:hover {color: #fff; transition: all 0.6s;}
.breadcrumbs .bx-home-heart {position: relative; top:4px;}
.partners {border-top: 1px solid var(--orange); background: #fff3d2; text-align: center;}
.partners figure {display: inline-block; margin: 0 8px 28px 8px !important;}
.partners img {max-height: 100px; width: auto; border-radius: 18px;}
.list1 {list-style: none; padding:0; font-size: 1.8rem;}
.list1 i {margin-right: 8px; position: relative; top: 5px;}
.list2 {list-style: none; padding:0;}
.list2 li {border-bottom: 2px solid var(--lightgrey); padding: 16px 0px; font-weight: 700;}
.list2 i {margin-right: 8px; position: relative; top: 5px;}


.partner-logos {display: inline-block; margin: 0 9px;}
.partner-logos img {border-radius: 18px; margin: 0; max-width: 200px !important;}

.spc1 {margin:0;}
.spc2 {margin-top:0 !important;}
.spc3 {margin: 60px auto; gap:4em !important;}
.spc4 {margin:120px auto 0 auto !important;}

.col2a {display:grid !important; grid-template-columns: 1fr 1fr; gap:0px; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; background:#f5f5f5;}
.col2b {display:grid !important; grid-template-columns: 1fr 1fr; gap:0px; border-bottom: 1px solid #e5e5e5;}

.bar {background: var(--red); color:var(--white); padding: 40px; text-align: center;}
.bar h2 {color:#fff;}
.bar a {color:#fff; text-decoration: underline;}

#map {height: 600px;}
#mapSection h2:first-child {margin:18px 0 0 0 !important;}
#mapSection h2 {font-size: 1.2rem; margin:2px 0; display:block;}
#mapSection p {margin: 6px; font-size: 1.2rem;}
#mapSection {font-family: "noto-sans-oriya", sans-serif !important; font-size: 16px; line-height: 1.2; text-align: center;}

.gm-style-iw-chr {position: absolute; overflow: visible; right: 0;}
.gm-style-iw-d {padding-right: 28px;}

.col2 {display:grid; grid-template-columns: 1fr 1fr; gap:60px; align-items: center;}
.col3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; align-items: center;}
.col4 {display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:60px; align-items: center;}

.col3 div {position: relative;}
.ctop {align-items: start !important;}

.table1 {text-align: left;}
.foot1 {padding: 80px;}
.foot1 h2 {margin-top:0;}






.nav-footer {text-align: center; font-size: var(--ty)}
.nav-footer ul {list-style-type: none; padding:0;}
.nav-footer ul ul {list-style-type: none; padding:0;}
.nav-footer li {display: inline-block; padding: 9px;}


.box1 {background: var(--midred); margin: 48px auto !important; padding: 48px;}
.box1 h2 {margin-top:0;}

.box2 {gap: 100px; padding: 48px 0;}

.reviews {position: relative; top: 35px; padding: 24px 0;}


.accord1 div {border: 0px !important;}
.accord1 h3 {font-family: var(--bodyfont); font-size: var(--xsm);}
.accord1 .aagb__accordion_body {padding-left:50px !important;}
.accord1 .aagb__accordion_body p:first-child {margin-top: 0 !important;}
.accord1 .aagb__icon {border-radius: 50%; color: var(--white); padding: 2px; width: 24px; height: 24px;}
.accord1 .dashicons-plus-alt2 {background-color:var(--green);}
.accord1 .dashicons-minus {background-color:var(--orange);}
.accord1 .aagb__accordion_heading {padding-top: 4px !important;}







/* Form */

.form p {margin:0;}
.form label {margin: 18px 0 4px 0;}
.form .col2, .form .col3 {gap:20px}
.form input[type="text"], .form input[type="number"], .form input[type="tel"], .form input[type="email"], .form input[type="password"], .form textarea, .form select {margin-bottom: 24px;
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    padding: 10px;
    border: 1px solid #666;
    margin-top: 4px; color:#fff; font-size: 1.4rem;}

.wpcf7 {text-align:left;}
.wpcf7-not-valid-tip,.wpcf7-response-output {color: var(--gold) !important; margin: -15px 0 20px 0; font-style: italic; font-size: 1.3rem !important;}

.form input[type="submit"] {background: var(--gold); border-radius: 0px; color: var(--black); text-transform: uppercase; font-size: 1.2rem; text-decoration: none; cursor: pointer; border: 0px; padding: 12px 20px;}







/* video slideshow */

.video {position:relative; overflow:hidden; height: 850px; background:#000; box-shadow: 0px 0px 8px #333;}
.vid-con {position:absolute; z-index:1; margin:0 auto; width:100%; overflow: hidden; opacity: 0.5; top:0;}	
.vid-con video {width: 100%; height: auto; margin: 0 auto;}
.ban-con {z-index:2; width:100%; text-align: center; opacity:0; position: absolute; left: 50%; top: 50%; padding-top: 100px; 
transform: translate3d(-50%, -50%,0);
-webkit-transform: translate3d(-50%, -50%,0);
-moz-transform: translate3d(-50%, -50%,0);
-ms-transform: translate3d(-50%, -50%,0);
-o-transform: translate3d(-50%, -50%,0);
}
.ban-con h2 {color:#fff; font-size: 2.10em; font-weight:300;}

.ban-con{
    -webkit-animation: fadein 1s; 
       -moz-animation: fadein 1s; 
        -ms-animation: fadein 1s; 
         -o-animation: fadein 1s; 
            animation: fadein 1s;
    -webkit-animation-fill-mode: forwards; 
       -moz-animation-fill-mode: forwards; 
        -ms-animation-fill-mode: forwards; 
         -o-animation-fill-mode: forwards; 
			animation-fill-mode: forwards;
}

.t1 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;
}

.t2 {
	-webkit-animation-delay: 1s; 
       -moz-animation-delay: 1s; 
        -ms-animation-delay: 1s; 
         -o-animation-delay: 1s; 
			animation-delay: 1s;		
}

.t3 {
	-webkit-animation-delay: 3s;
       -moz-animation-delay: 3s;
        -ms-animation-delay: 3s;
         -o-animation-delay: 3s;
			animation-delay: 3s;
}
.t4 {
	-webkit-animation-delay: 2s;
       -moz-animation-delay: 2s;
        -ms-animation-delay: 2s;
         -o-animation-delay: 2s;
			animation-delay: 2s;	
}
.t5 {
	-webkit-animation-delay: 8s; 
       -moz-animation-delay: 8s; 
        -ms-animation-delay: 8s; 
         -o-animation-delay: 8s; 
			animation-delay: 8s;		
}

.t6 {
	-webkit-animation-delay: 6s; 
       -moz-animation-delay: 6s; 
        -ms-animation-delay: 6s; 
         -o-animation-delay: 6s; 
			animation-delay: 6s;		
}
.t7 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;		
}
.t8 {
	-webkit-animation-delay: 3s; 
       -moz-animation-delay: 3s; 
        -ms-animation-delay: 3s; 
         -o-animation-delay: 3s; 
			animation-delay: 3s;		
}
.t9 {
	-webkit-animation-delay: 8s; 
       -moz-animation-delay: 8s; 
        -ms-animation-delay: 8s; 
         -o-animation-delay: 8s; 
			animation-delay: 8s;		
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}









.grecaptcha-badge {display:none;}




.box {position: relative; top: -80px; height: 550px; overflow: hidden; background: #fff; border-top-right-radius: 40px; border-bottom-right-radius: 40px;}
.box img {transform: skewX(-20deg); height: 650px; position: relative; left: 26%; opacity: 0.6;}



.boxset3 {display:grid; grid-template-columns: 1fr 1fr 1fr; gap:60px; max-width: 85%; margin: auto; text-align: center; font-size: 1.6rem;}
.boxset3 div {padding: 28px; background: #e9e9e9; border-radius: 48px;}
.boxset3 h2 {margin: 0; font-size: 2.2rem;}


img.aligncenter {display:block; margin:auto;}


.mobmenul-container {background: #caa041; padding: 8px; height: 60px !important; margin-left: 0 !important; border-top-right-radius: 12px; border-bottom-right-radius: 12px;}
.mob-menu-left-bg-holder {background-image: url('https://thebistrost.ca/wp-content/themes/the-bistro/images/bg-pattern-01.jpg'); background-repeat: repeat !important; background-size: 300px !important;}
.mobmenu-content .widget {padding:18px 24px !important;}
.mobmenu-content .widget a {padding:0 !important;}
.mobmenu-content {margin: 0 !important; padding: 20px 0px;}
.mobmenu-content li a {padding: 14px 20px !important;}
.sub-menu a {font-size: 16px !important;}
.sub-menu li {border-bottom: 0 !important;}
.mobile {display:none;}


@media only screen and (max-width:1550px) {
.con2, .colhead2 {max-width: 95%;}
}

@media only screen and (max-width:1150px) {
.colhead {display:block;}
.colhead div:first-child {display:none;}
.menu-top-left-menu-container {display:none;}
.menu-top-right-menu-container {display:none;}
.shrink .logolink {max-width:180px; padding:2px;}
.colhead2 {margin-top: 24px; padding: 0 28px;} 
.header {position: relative;}
.shrink {position: relative !important;}
.content-sub {padding-top: 80px;}
.head1 {font-size: 5.0rem;}
.boxgold {padding: 60px; border-radius: 0;}
.boxgold img {position: relative; left: 0; top: 0; max-width: 501px !important; margin-bottom: 80px;}
}

@media only screen and (max-width:700px) {
.boxgold img {max-width: 100% !important;}
.logolink {padding: 14px;}
.windowpic {width: 90%; height: 500px;}
.head1 {font-size: 4.0rem;}
h1, h2, h3, h4, h5, h6 {font-size: 3.6rem;}
.block2 {padding: 60px 30px;}
.boxgold {padding: 60px 30px;}
.block4, .page-id-12 .block1, .page-id-81 .block1 {padding: 285px 20px 20px 20px; margin-top: -225px;}
.page-id-81 .con2 {padding-top: 0px;}
.col3 { grid-template-columns: 1fr;}
.mobile {display: block;}
.desktop, .mhide {display: none;}
.colfixed div {text-align: center;}
.block1 {padding: 135px 20px 20px 20px;}
.sp-tab__tab-content {padding: 40px;}
.food {grid-template-columns: 1fr;}
.windowpicset1 {grid-template-columns: 90%; justify-content: center;}
.spc3 {margin: 0 auto;gap: 0em !important;}
.ord1 div:first-child {order:2;}
}