/**
 * Global
 */


 /* overwritten by theme ------------------------------- */ 

 :root {
  --primary-color-1: #eab300;
--primary-color-rgb: rgb(255, 0, 0);
--secondary-color: #202124; 
  --background-color:  #161616;
  --body-color: #BBB;
  --title-color: #eceff3;
  --border-color: #888888;
  --button-color: #eab300;
  --header-height: 90px;
  --section-height: 580px;
  --hero-height: 580px;
  --padding-large: 90px;
  --padding-medium: 60px;
  --padding-small: 30px;
}


.gutenbook h1 {
  font-size: 50px;
  font-weight: 700; }

.gutenbook h2 {
  font-size: 38px;
  font-weight: 650; }

.gutenbook h3 {
  font-size: 32px;
  font-weight: 600; }

.g-bgimage{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
}


.sv-testimonial h4.title{text-decoration: none; border-bottom: 0px;}

/**
 * Carousel Layout
 */

.carousel{
	display: flex;
	flex-wrap: wrap;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 5rem;
  z-index: 10; }

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 32rem;
  background-color: #777; }

.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 32rem; }

@media (min-width: 40em) {
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    line-height: 1.4; }

 }

.carousel-indicators li{  background-color: #777 !important;}





.featurette{
	display: flex;
	flex-wrap: wrap;
}
.featurette-divider {
  margin: 5rem 0;
  /* Space out the Bootstrap <hr> more */ }

/* Thin out the marketing headings */
.featurette-heading {
  font-weight: 300;
  letter-spacing: -.05rem; }




.g-row-padv{
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}





.g-bgimage.order-md-2{padding-left: 0 !important;}
.g-bgimage.order-md-1{padding-right: 0 !important;}

/*
.title{
	display: flex;
	flex-wrap: wrap;
}
*/

/**
 * Grid Layout
 */

.card-body{
	overflow: hidden;
}

.card p{
	max-width: 100%;
}

.card-large{
	height: 450px;
	max-height: 450px;
}

.card-large .card-img-top{height: auto !important;}

.card-medium{
	height: 270px;
	max-height: 270px;
}


.card-small{
	height: 90px;
	max-height: 90px;
}

@media (min-width: 768px){
	.card-small{
		height: 150px;
		max-height: 150px;
	}
}








/* NEW V2 2024 CSS FIXES -------------------------------- */

/* positions hero images -------------------------------- */
.sv-bg-top{ background-position: top; }
.sv-bg-middle{ background-position: center; }
.sv-bg-bottom{ background-position: bottom; }



.sv-hero {

  background-position-y: top !important;
}

/* new for all buttons ---------------------------------- */
.wpcf7-submit,
.added_to_cart,
.sv-main-button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button{
  font-family: Raleway;
  height: auto;
  width: auto;
  color: rgb(0, 0, 0);
  text-decoration: none;
  white-space: nowrap;
  min-height: 0px;
  min-width: 0px;
  max-height: none;
  max-width: none;
  text-align: left;
  margin-right: 20px;
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 16px;
  line-height: 50px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 40px;
  padding-right: 40px;
  backdrop-filter: none;
  filter: none;
  transform-origin: 129.248px 23.9941px;
  opacity: 1;
  transform: translate(0px, 0px);
  visibility: visible;  
  border-width: 0px;
  background-color: var(--primary-color-1);
  border-radius: 3px !important;
}

table thead {
  height: 50px;
}


table, th, td,
.wpcf7-form input[type=text],
.woocommerce table.shop_table,
.woocommerce input, .woocommerce textarea{
  border-style: solid !important;
  border-width: 1px;
}


.sv-btn.btn-line,
.select2-container--default .select2-selection--single,
table, th, td,
.wpcf7-form input[type=text],
.woocommerce table.shop_table,
.woocommerce input, .woocommerce textarea,
.woocommerce table.shop_table td,
.wpcf7-submit,
.added_to_cart,
.sv-main-button,
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button,
.wpcf7 label,
.wpcf7-form-control,
.sr7-btn.sv-sr-btn,
#content section.sv-hero a.btn-line{
 /* border: solid 1px var(--border-color) !important; */

  border-color: var(--border-color) !important;
}

.sv-btn.btn-line{
  border-color: var(--border-color) !important;
  background-color: var(--button-color) !important;
  width: 130px;
}
.sv-btn.btn-line:hover{
  border-color: var(--border-color) !important;
  background-color: var(--button-color) !important;
}


	/* remove the 30px padding on posts at bot ----- */
	.sv-grid-posts,
	.sv-news{margin-bottom:-30px}




  

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{

  border-color: var(--primary-color-1);

}

.btn-outline-primary {
  color: var(--primary-color-1) !important;
  border-color: var(--primary-color-1)  !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary-color-1) !important;
  color: #000 !important;
  border-color: var(--primary-color-1)  !important;
}


/* skinnig --------------------------------- */


.color-primary{
  color: var(--primary-color-1)  !important;
}

.cls-1, .cls-2,.cls-3,.cls-4,.cls-5,.cls-6{
  color: var(--primary-color-1)  !important;
  fill: var(--primary-color-1)  !important;
}

.primary-color-rgb{
  color: var(--primary-color-rgb)  !important;
  fill: var(--primary-color-rgb)  !important;
}

.color-secondary{
  color: var(--secondary-color)  !important;
  fill: var(--secondary-color)  !important;
}


.size-50{
  height:50px;
  width:50px;
  margin-top: -10px;
  margin-right: 5px;
}

.size-100{
  height:100px;
  width:100px;
}

.size-200{
  height:200px;
  width:200px;
}

.size-300{
  height:300px;
  width:300px;
}



/* WOO COMMERCE ------------- */

.woocommerce-message::before{color: var(--primary-color-1) ;}
.woocommerce-message{border-top-color: var(--primary-color-1); background-color: inherit;}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{background-color: inherit;}


table, th, td,
.woocommerce table.shop_table,
.woocommerce input, .woocommerce textarea,
.select2-container .select2-selection--single .select2-selection__rendered{
  background-color: var(--secondary-color);
}

.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box{
  background-color: var(--primary-color-1) !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box{
  color: #fff;
}

.woocommerce input,
.select2-container--default .select2-selection--single .select2-selection__rendered, .woocommerce  textarea{
  color: #fff;
  padding-left: 10px;
  padding-right: 10px;
}

input::placeholder,
.woocommerce  textarea::placeholder{
  color: #888; 
}

.woocommerce a.remove{color: var(--primary-color-rgb)}

.button.wc-forward,
.add_to_cart,
.added_to_cart,
.woocommerce section.product .images .woocommerce-product-gallery__trigger,
.add_to_cart_button,
form.cart .button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce button.button,
button.button.alt,
.woocommerce button{background-color: var(--primary-color-1) !important; color: #fff !important;    height: 50px;}

.woocommerce section.product .images .woocommerce-product-gallery__trigger::before{border-color: #fff;}
.woocommerce section.product .images .woocommerce-product-gallery__trigger::after{background: #fff;}

.entry-summary .product_title{text-align: left;}

section.product, p.price{color: var(--primary-color-1) !important; }



.sv-shop .widget-area{display:flex;}

.sidebar-widget{text-align: center;}

.woocommerce .product form.cart .button {
  border-radius: 0 3px 3px 0;
  margin-left: -4px;
}

.woocommerce input {
  height: 36px !important;
}

.quantity {
  display: inline;
}

.woocommerce-product-details__short-description h3{display: inline;}

.woocommerce-product-details__short-description p {
  margin-bottom: 0px;
  font-size: 20px;
  display: inline;
  color; var(--primary-color-1) !important;
}

.woocommerce-product-details__short-description{color; var(--primary-color-1) !important;    margin-bottom: 30px;}

.product-entry h2{
  font-size: 1.2em;
  margin-bottom: 0px;
}

section.products{margin-top:30px}
.woocommerce-product-details__short-description .product-description{display: block;}
.woocommerce-product-details__short-description p,
.woocommerce-product-details__short-description .product-description p{color: #fff !important;}

.woocommerce-product-summary{padding-left: 0px; padding-right: 0px;}

.st0{fill:aqua !important;}

footer .product img:hover{background-color: none !important;}

.woocommerce-product-gallery{padding:0px;}

.woocommerce section.product .images .woocommerce-product-gallery__trigger {
  opacity: 0;
  position: relative;
  z-index: 9999;
  float: left;
  margin-right: -40px;
  z-index: 99999;
  width: 40px;
  padding-left: 10px;
  /* height: 40px; */
  line-height: 40px;
}

blockquote.testimonial-big .name{color: var(--primary-color-1) !important;}

.sv-cta.sv.call-to-action a:hover {
  background-color: var(--primary-color-1);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button:hover {
  background-color: var(--primary-color-1);
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
  padding: 0px;
  line-height: 50px;
}


.theme-dark .woocommerce .blockUI.blockOverlay { 
background-color: #000 !important;
}

.theme-light .woocommerce .blockUI.blockOverlay { 
  background-color: #fff !important;
  }

  .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    line-height: 50px !important;
    height: 50px !important;
    padding: 15px;
  }


  .select2-container .select2-selection--single {
    height: 50px;
    line-height: 50px;
    background-color: var(--secondary-color);
  }

  
 

  #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 1em solid var(--primary-color-1);
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.woocommerce input {
  height: 30px !important;
  width: 30px;
}

.woocommerce .cart input {
  height: 50px !important;
  margin-right: -2px;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
  background-color: var(--background-color);
  color: #ffffff;
  min-height: 125px;
  padding-left: 120px;
}

.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before {
  top: 46px;
  left: 20px;
  font-size: 80px;
  color: var(--primary-color-1);
}


.woocommerce-form__input-checkbox { 
  filter: invert(100%);
  accent-color: #d5d1d1 !important;
}

.woocommerce-form__label-for-checkbox span{
  position: relative;
  left: 5px;
  top: -7px;
}


.sv-testimonial .fa-brands {
  vertical-align: sub;
  position: relative;
  top: 2px;
  left: -10px;
}



sr7-module .sv-title {
  position: relative;
  top: -35px;
}

.sv-cta.sv-bg-top.padding60.no-padding{
    margin-top: 60px !important;
    margin-bottom: 60px !important;
    padding-bottom: 30px !important;
}

/*  sv call-to-action text-dark */



/* new for all buttons ---------------------------------- */
.type-product .add_to_cart_button, .type-product .added_to_cart{
  margin-bottom: 20px !important;
    padding-left: 15px !important;
    /* padding-top: 17px !important; */

    padding-right: 15px !important;
    margin-right: 20px;
    border-radius: 3px;
}

.woocommerce a.added_to_cart {
  padding-top: 0px !important;
}

.checkout #order_review_heading {
  margin-top: 20px !important;
}

.related.products .type-product .add_to_cart_button, .type-product .added_to_cart{
  padding-top: 17px !important;
  margin-right: 15px !important;
}


.cart .add_to_cart_button{
  padding-top: 10px !important;
}

.product-template-default .woocommerce-message{
padding-top: 50px;
}

.woocommerce .woocommerce-message .button{
  line-height: 50px;
}

.product img{background: url(../../../../../../../wp-content/plugins/wp.plugin.blockstrap/img/sv-product-foreground.png) bottom center no-repeat, url(../../../../../../../wp-content/plugins/wp.plugin.blockstrap/img/sv-product-background.png) repeat !important;}
.product img:hover{background: url(../../../../../../../wp-content/plugins/wp.plugin.blockstrap/img/sv-product-foreground-hover.png) bottom center no-repeat, url(../../../../../../../wp-content/plugins/wp.plugin.blockstrap/img/sv-product-background-hover.png) repeat !important;}


.sv-hero.no-top .col-md-5{
  margin-top: 170px !important;
}


header{
	background: rgba(40, 40, 40, 0.9);
    backdrop-filter: blur(10px);
}

.post-text span{display: block;}

.sv-grid-posts .item .post-text h4 {
  margin-bottom: 0px !important;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals{
  float: none;
  width: 50%;
}

.woocommerce-cart .cart-collaterals .cart_totals table th {
  width: 90px;
}

.woocommerce-cart .cart-collaterals .shipping-calculator-form{
  padding: 0px !important;
  width: 100%;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.woocommerce form .form-row textarea{height: 100px !important;}





.woocommerce table.shop_table{
  border-style: solid !important;
  color: #fff;
}

thead .product-remove, thead .product-thumbnail, thead .product-price, thead .product-quantity, thead .product-subtotal,
thead .product-name, thead .product-total{
  border-style: solid !important;
  color: #000 !important;
  border-top-width: 0px;
  background-color: var(--primary-color-1);
}

tfoot .cart-subtotal th, tfoot .woocommerce-shipping-totals th, tfoot .order-total th,
tfoot .cart-subtotal td, tfoot .woocommerce-shipping-totals td, tfoot .order-total td{
  border-style: solid !important;
  border-top-width: 0px;
  color: var(--title-color);

}

.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table .product-total{
  border-left-width: 1px !important;
  border-left-color: var(--title-color) !important;
}

.woocommerce table.shop_table thead .product-total{
  border-color: var(--background-color) !important;

  border-left-width: 0px !important;
}

.sv-hero h2, .sv-hero p {    text-shadow: 0px 1px 7px rgba(0, 0, 0, 0.8);}




.accordion-button::after{
  margin-top: 12px;
  background: var(--primary-color-1) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDgwMCA4MDAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwMCA4MDA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCjxwYXRoIGlkPSJYTUxJRF8xNV8iIGNsYXNzPSJzdDAiIGQ9Ik04MDAsNzYzLjZWMzYuNEM4MDAsMTYuMyw3ODMuNywwLDc2My42LDBMMzYuNCwwQzE2LjMsMCwwLDE2LjMsMCwzNi40bDAsNzI3LjMgIEMwLDc4My43LDE2LjMsODAwLDM2LjQsODAwaDcyNy4zQzc4My43LDgwMCw4MDAsNzgzLjcsODAwLDc2My42eiBNMzc0LjMsNTIyLjdMMTgwLjMsMzI4LjdjLTcuMS03LjEtMTAuNi0xNi40LTEwLjYtMjUuNyAgYzAtOS4zLDMuNS0xOC42LDEwLjctMjUuN2MxNC4yLTE0LjIsMzcuMi0xNC4yLDUxLjQsMEw0MDAsNDQ1LjVsMTY4LjItMTY4LjJjMTQuMi0xNC4yLDM3LjItMTQuMiw1MS40LDAgIGMxNC4yLDE0LjIsMTQuMiwzNy4yLDAsNTEuNEw0MjUuNyw1MjIuN2MtNi44LDYuOC0xNi4xLDEwLjctMjUuNywxMC43QzM5MC40LDUzMy4zLDM4MS4xLDUyOS41LDM3NC4zLDUyMi43eiIgLz4KPC9zdmc+) !important;
}

.accordion-button:not(.collapsed) {
  color: var(--background-color) !important;
  background: var(--primary-color-1)  !important;
}

.accordion-button i{
  color: var(--background-color) !important;
}




.accordion-button:not(.collapsed) {
  border-bottom: 1px solid var(--secondary-color);
}

.accordion-button{
  align-items: inherit !important;

}

.accordion-button:not(.collapsed) {
	border-top: 0px solid var(--primary-color-1) !important;
  border-bottom: 1px solid var(--primary-color-1);
}

.accordion-button i{
  font-size: 30px;
  margin-top: 10px;
  margin-right: 20px;
  line-height: 19px !important;
}

.accordion-header {
  line-height: 44px;
}

.accordion-button.collapsed i {
  color: var(--primary-color-1) !important;
}

.accordion-button {
  color: var(--body-color) !important;
}




header div#logo, header {height: 90px;}

#logo .logo{
    height: 20px;
}

footer .subfooter .logo-small{
  height: 20px !important;
  margin-bottom: 10px;
}




#contact_form input[type=text], #contact_form textarea, #contact_form input[type=email], #contact_form input[type=number], #search, .wpcf7-form input[type=text], .wpcf7-form textarea, .wpcf7-form input[type=email], .wpcf7-form input[type=number] {
  padding: 10px;
  margin-bottom: 20px;
  color: #fff;
  background: var(--secondary-color);
  border-radius: 0 !important;
  height: auto;
  border-style: groove;
}

blockquote.testimonial-big:before,
.sv-testimonial h4,
.sv-news h4,
.sv-grid-text h3{color: var(--primary-color-1) !important;}


#content section.sv-hero{padding-top: 120px !important;;  padding-bottom: 30px !important;}
#content section.sv-hero h2{ margin-bottom:70px !important !important;}


/*
#content section.sv-hero a.btn-line{border: solid 1px var(--border-color-1) !important;}

*/

.woocommerce div.product {
  margin-bottom: 30px;
}


.woocommerce form .form-row input.input-text:focus, input[type=text]:focus, textarea:focus, .wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus,
textarea:focus:not(:focus-visible), input:focus:not(:focus-visible),.wpcf7-form input[type=number]:focus, .wpcf7-form textarea:focus, #search:focus, .wpcf7-form .de_light input[type=text]:focus, .wpcf7-form .de_lighttextarea:focus, .wpcf7-form .de_light {
    border-color: var(--primary-color-1) !important;
    outline: none;
    -webkit-appearance: none; 
    -moz-appearance: none; 

}

.product-thumb img{
  width: 100%;
}

.row {
  --bs-gutter-y: 0;
}
.sv-sr-text-strip{
  margin-right: 10px !important;
  margin-left: 10px !important;
  width: calc(100% - 20px) !important;
  min-height: 50px;
}


@media only screen and (max-width: 576px){
  .order-md-1,
  .order-md-2{text-align: center !important;}

  .sv-title img{width:200px; height: 200px;}


.sr7-btn.sv-sr-btn{
  margin-right: 30px !important;
  margin-left: 30px !important;
  width: calc(100% - 60px) !important;
  }



  
}

.sr7-btn.sv-sr-btn{
  min-height: 50px;

  line-height: 100%;
  display: inline-block !important;

  }



  .wp-block-themepunch-revslider.revslider{
   /* max-height: 900px !important;*/
  }


  /*
  sr7-bg,
  sr7-module-bg{
    background-color: #ff6600 !important;
  }
    */


    .sr7-btn.sv-sr-btn.sv-h-50{

      }


      .waveplayer-container:has(.wvpl-skin-w3-standard){
        margin-top: 30px;
      }


   svg image{display: none !important;}


   #content{min-height: calc( 100vh - 200px );}

   .sb-hover,
   .sboard-nodata{
    
    background-color: var(--primary-color-1) !important;
   }

   .filter-items input[type=text]{
    background: var(--secondary-color) !important;
    border-color: var(--border-color) !important;
   }

 .sv-icon    .sv-has-media i{font-size: 300px !important;}

   .sv-has-media{text-align: center;}

   .sv-no-media{z-index: 99;}


   .sv-has-media video{
    top: auto !important;
    position: initial !important;
    display: inline-block !important;
    vertical-align: baseline !important;
    min-width: auto !important;
    min-height: auto !important;
      object-fit: contain;
      overflow-clip-margin: content-box;
      overflow: clip;
   }

   .sv-has-media sr7-module,
   .sv-has-media sr7-content,
   .sv-has-media sr7-slide{
    height: 100% !important;
    max-width: 100% !important;
    /*width: 100% !important;*/
    max-height: 100% !important;

   }

   .sv-has-media sr7-content{
    transform: translate(0px, 0px)  !important;
    position: absolute !important;
   }

   .sv-has-media sr7-module{
    max-height: var(--section-height) !important;
    
   }




.sv-v2-video.fullscreenscroll{	
  top: 0 !important;
  bottom: 0px;
  position: fixed;
  height: 100%;
}

.sv-v2-video.tophero{
  top: 0 !important;
  position: fixed !important;
  min-height: var(--section-height) !important;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
  max-height: var(--section-height) !important;
  margin-top: var(--header-height) !important;
}






/* 
video at top only
PAGE HEIGHT IS FULL VIDEO LENGTH SO WHITEPACE TILL END
*/




   .sv-v2-video{
    top: 0 !important;
    position: fixed !important;
    width: 100%;
    min-width: 100%;
    object-fit: cover;
    max-height: var(--section-height) !important;
    min-height: var(--section-height) !important;
    margin-top: var(--header-height) !important;
  } 
  
   
/* 
remove to vieew content at end of video
*/ 








    .is_fixed_height.sv_section_height{
      height: var(--hero-height) !important;
    }


/* VIDEO FULL SCREEN AND SCROLL TO END AND CONTENT*/
.sv-v2-video.is_full_screen{
  min-height: 100% !important;
}

.sv .sv_hero_txt{
  z-index: 2 !important;
}

.sv *{
  z-index: 1 !important;
}

/*no padding between sections */
.sv_hero_fx{
  height: 0;
}

.sv-fx{height: 100%;}

.f_vertical-center_t-center {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

#set-height {
  display: block;
}