/*!
Theme Name: Seating Easy
Theme URI: http://underscores.me/
Author: WEBO Digital
Author URI: https://webodigital.com.au/
Description: Custom Theme for seatingeasy.com.au
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: seatingeasy
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Seating Easy is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
@font-face {
  font-family: 'MetaBoldLF-Roman';
  font-style: normal;
  font-weight: normal;
  src: local("MetaBoldLF-Roman"), url("fonts/MetaBoldLF-Roman.woff") format("woff"); }

@font-face {
  font-family: 'MetaBookLF-Roman';
  font-style: normal;
  font-weight: normal;
  src: local("MetaBookLF-Roman"), url("fonts/MetaBookLF-Roman.woff") format("woff"); }
  
body{ font-family: "MetaBookLF-Roman"; font-size: 16px; font-weight: 400; line-height: 1.6; margin: 0; padding: 0; max-width: 100%; }
img{max-width: 100%; height: auto;}
a{
  color: #B60001;
  text-decoration: none;
}
a:hover {
    color: #B60001;
    text-decoration: none;
}
.card{
    border: unset;
}
.products-section .row{margin-bottom: 35px;}
/*search-nav-section css starts*/
.search-nav-section{background-color:#FFFFFF; border: 0.25px solid #D8D8D8; position: sticky; width: 100%; top: 0; z-index: 9;}
.search-nav-section input{border-radius: 21px;  border: 0.75px solid #D8D8D8; width: 285px; height:41px; outline: none;}
.search-box{float: right; margin-right: 80px;}
/*search-nav-section css ends*/

/*banner-section css starts*/
.banner-section{ position: relative; }
.banner-section .banner-bottom-background{ position: absolute; bottom:0; }
.banner-section h1{ font-weight: bold; color: #020202;}
.banner-section .slogan{color: #808080; font-weight: bold;}
.banner-section .description{color: #808080; font-size: 14px; font-weight: bold;}
.banner-section img{ align-self: flex-end; }
.banner-section .container-fluid{ position: relative; }
.banner-section .container-fluid:after{ content:" "; background: transparent linear-gradient(180deg, #FFFFFF05 0%, #808080 100%) 0% 0% no-repeat padding-box; opacity: 0.28;
 height: 85px; position: absolute; bottom: 0; left: 0; right: 0; }
 .chair-col{display: flex; justify-content: flex-end;}
 .banner-section .chair-col {
    display: flex ! important;
}

 /*banner-section css ends*/

/*products-section css starts*/
.products-section{padding-bottom: 80px; padding-top: 80px;}
.products-section p{color: #000000; font-weight: bold; font-size: 14px;}
.products-section button{background-color: #FFFFFF; color: #000000; border: 0.5px solid #D8D8D8; font-weight: bold; outline: none; font-size: 12px;}
/*products-section css ends*/

/*footer-section css starts*/
footer{height: 106px; background-color: #000000; border: 1px solid #707070;}
.logo-footer{float: right;}
/*footer-section css ends*/
.card img.product-img{ height: 260px; }
/*popup section css starts*/
.vl-contact {border-left: 1px solid #AFAFAF; height: 350px;}
#pop-up h4{font-weight: bold; font-size: 16px;}
#pop-up button{border: 0.5px solid #D8D8D8; background-color: #FFFFFF; color: #B60001; font-weight: bold; font-size: 12px;
outline: none;}
#pop-up{display: none;  width: 100%; margin-top: 30px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 3px 50px #00000029;}
/*popup section css ends*/
.video-section img{ position: relative; height: auto; }
.video-section button{background-color: transparent; color: #000000; border: 0.5px solid transparent; font-weight: bold; outline: none; font-size: 12px; position: absolute; margin-top:15px; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.productVideo {
  cursor: pointer;
  border: none;
  position: absolute;
  background: 0 0;
  top: 50%;
  left: 50%;
  z-index: 1;
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%)
}
.fallback-video-img{ position: relative; display: inline-block; }
.video:before {
    content: url(/img/play-icon.png);
    position: absolute;
    left: 50%;
    z-index: 15;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    top: 50%
}
.videoModel {
  display: none;
  position: fixed;
  z-index: 999999;
  padding-top: 2%;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #000;
  background-color: rgba(0, 0, 0, .4)
}
.modal-content {
  margin: auto;
  padding: 20px;
  width: 80%;
  height: calc(100vh - 200px);
  z-index: 999999;
  background: transparent;
  border: none;
}
.close {
  color: #fff;
  float: right;
  font-size: 28px;
  font-weight: 700;
  position: absolute;
  right: -15px; 
  top: -15px;
}
.close img{
  height: 50px;
  width: auto;
}

.close:focus,
.close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer
}
iframe.youtube-iframe {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    position: relative;
}
@media(max-width: 880px){
  .vl-contact{display: none;}
}
@media(max-width: 480px){
  .search-nav-section{
    position: relative;
  }
  .search-box img {
      position: relative;
      top: unset;
      left: unset;
      margin-right:7px;
  }
  .search-nav-section input {
      padding-right: 0;
      left: unset;
      top: unset;
  }
  .search-box {
    float: none;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media(max-width: 415px){
  .chair-img-col{margin-top: 25px;}
}

@media(max-width: 333px){
  .fourth-img-col{margin-top: 25px;}
}
.product-details-popup{
	width:100vw;
	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 50px #00000029;
	text-align:left;
	margin-top:45px;
	z-index: 3;
}
.vl-contact {
    border-left: 1px solid #efe9e9;
}
.product-details > .card > a{
	position:relative;
	display:block;
}

.product-details > .card > a[aria-expanded="true"]:after{
	content: '';
    top: 100%;
    width: 44px;
    height: 44px;
    position: absolute;
    left: 50%;
    transform: translate(-50%,31px) rotate(45deg);
    display: block;
    background: #fff;
    z-index: 5;
}
.product-details > .card > a.collapsed:after{
	content:none;
}
.search-nav-section input{padding-right:15px;}

/*By Shiva*/
.product-details-popup header{
  align-items: center;
  padding: 25px 0;
}
.product-details-popup header .header-section{
  display: flex;
  justify-content: space-between;
}
/*.product-details-popup {
    padding: 0;
}*/
/*.product-details > .card > a[aria-expanded="true"]:after{ content: none; }*/
.product-details-popup h4{
  font-size: 18px;
  font-weight: bold;
}

.product-details-popup .site_logo{
  margin-top: 10px;
}
.product-details-popup h2{
  font-size: 45px;
  line-height: 1.5;
  font-weight: 500;
}

img.product_logo{
  width: 200px;
}

.action:hover {
    background: #020202;
    text-decoration: none;
}

.action {
  font-family: MetaBoldLF-Roman;
  background: #b60001;
  color: #fff;
  padding: 12px 16px 10px;
  line-height: 130%;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
  white-space: nowrap;
  display: inline-block;
  margin-bottom: 20px;
}
.hollow {
  background: 0 0;
  border: 1px solid #BFBFBF;
  color: #b60001;
}
.hollow i {
  color: #BFBFBF;
  margin-right: 8px;
}
.product-details-popup header:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 10px;
  right: 10px;
  height: 1px;
  box-shadow: 4px -4px 16px 0px #000000;
}
.product-details-popup header {
  position: relative;
}
.close-popup a{
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #fafafa;
  border-radius: 50%;
  float: right;
  box-shadow: 0 2px 8px 1px rgba(0,0,0,.2);
}

@media(max-width: 768px){
  .product-details-popup h2{
    font-size: 25px;
  }
  img.product_logo{
    width: 120px;
  }
}