/*
Theme Name: Beyond eyes
Theme URI: https://beyond.com
Author: Brandideon | Michal Halaj
Author URI: https://brandideon.com/
Version: 1.1.0
*/


/* Global style*/


@import url('https://fonts.googleapis.com/css2?family=Mina:wght@400;700&display=swap');

@font-face {
    font-family: 'samarkannormal';
    src: url('https://beyondeyesshop.com/wp-content/themes/beyond/assets/fonts/SAMAN.TTF') format('truetype');
    font-weight: normal;
    font-style: normal;
}


:root {
    --primary-color:#937D5E;
    --contrast-color:#e8e8e8;
    --bg-color: #242424;
}


html,body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    color: white;
    font-family: 'Mina', sans-serif;
    background-color: var(--bg-color);
}

.woocommerce-checkout #payment {
    background: transparent!important;
    border-radius: 5px;
}

.pointer {
	cursor:pointer;
}

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    cursor: pointer;
    color: black;
}

.ind-font, h2.woocommerce-loop-product__title {
    font-family: 'samarkannormal', sans-serif;
}

.bg-color {
    background-color: var(--bg-color);
}


* {
    box-sizing: border-box;
}


.relative {
    position: relative;
}


.absolute {
    position: absolute;
}








.page-wrapper {
    max-width: 1250px;
    margin: auto;
}


.p-s-t {
    padding-top: 160px;
    padding-bottom: 60px;
}


.p-s {
    padding-top: 60px;
    padding-bottom: 60px;
}


.m-1 {
    margin: 1em;
}


.section-padding {
    padding: 1em;
}


img {
    width: 100%;
    height: auto;
}
/* end global style*/


/* grid setting*/
.grid-2 {
    display: grid;
    grid-template-columns: 50%50%;
}


.grid-3 {
    display: grid;
    grid-template-columns: 33%33%33%;
}


.grid-4 {
    display: grid;
    grid-template-columns: 25%25%25%25%;
}


.align-items-center {
    align-items: center;
}


.justify-items-center {
    justify-content: center;
}
/*end grid setting*/

/* color-setting*/
.bg-primary {
    background-color: var(--primary-color);
}


.bg-contrast {
    background-color: var(--contrast-color);
}
.bg-white {
    background-color: white;
}


.color-white {color: white;}


.color-primary {
    color: var(--primary-color);
}
/*end color-setting*/


/* font setting*/
.big-size {
    font-size: 5rem;
    font-weight: 900;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}


.medium-size, h2.woocommerce-loop-product__title {
    font-size: 1.7rem;
    font-weight: 900;
    margin-top: 0.8em;
    margin-bottom: 0.8em;
}


p, a {
    font-size: 0.85rem;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 1px;
  }


  a {
    text-decoration: none;
  }

  .font-with-line {
    position: relative;
    margin-left: 50px;
    font-size: 1.5rem;
  }

  .font-with-line::before {
    content: '';
    width: 30px;
    height: 2px;
    background-color: var(--primary-color);
    position: absolute;
    left: -50px;
    top: 0;
    bottom: 0;
    margin: auto;
  }


.heading-before {
    position: relative;
    margin-left: 70px;
    width: max-content;
}


.center-text-flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.heading-before::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: -70px;
    width: 50px;
    height: 5px;
    content: '';
    background-color: var(--primary-color);
}


.center-text {
    text-align: center;
}
/* end font setting*/


/* footer*/
footer .logo img {
    width: 220px;
    height: auto!important;
  }

  footer .logo {
    margin: auto;
  }

  footer a img {
    height: 20px!important;
    width: auto;
    margin-right: 0.5em;
}

footer a {
    display: flex;
    align-items: center;
    margin-bottom: 0.3em;
}

footer .copyright {
    text-align: center;
}

footer .copyright a {
    display: inline-block;
}

footer * {
	position:relative;
	z-index:3;
}

video.footer-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
	opacity:0.7;
}

.footer-gradient {
    background: rgb(36,36,36);
background: linear-gradient(180deg, rgba(36,36,36,1) 50%, rgba(36,36,36,0) 100%);
    width: 100%;
    height: 300px;
    position: absolute;
    top: 0;
    left: 0;
}
/* end footer*/


/* ul setting*/
ul {
    padding: 0;
    margin: 0;
}


ul li {
    margin: 0;
    list-style: none;
}
/* end ul setting*/


/* button setting*/


a.button-white {
    background-color: white;
    color: var(--primary-color);
    padding: 0.5em;
    padding-left: 0.9em;
    padding-right: 0.9em;
    display: inline-block;
}


.button-m-t {margin-top: 0.5em;}

div#loadmore-container {
    text-align: center;
    margin: 1em;
    padding: 1em;
}


 a.button-primary, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, button#loadmore {
    background-color: var(--primary-color);
    color: white;
    padding: 0.5em;
    padding-left: 0.9em;
    padding-right: 0.9em;
	 border:0;
	 margin-left:0.6em;
	 margin-right:0.6em;
    display: inline-block;
}
/* end button setting*/

.woocommerce table.shop_table {
	border: 1px solid white;
	border-radius:0;
	border-collapse: collapse;
}

.woocommerce a {color:white;}
.woocommerce input, .woocommerce textarea, .woocommerce select {
	padding:0.5em;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt {
	background:var(--primary-color);
	color:white;
	width:auto;
	height:auto;
	padding:0.5em;
}

.woocommerce table.shop_table td {
    border-top: 1px solid white;
}

.woocommerce table.shop_table th {
    background: var(--primary-color);
    border: 1px solid white;
}


@media only screen and (max-width: 991px) {


    .grid-2, .grid-3, .grid-4, .grid-2.grid-center-align.ref-homepage {
        grid-template-columns: 100%;
    }


    .big-size {
        font-size: 1.5rem;
    }


    .medium-size, h2.woocommerce-loop-product__title {
        font-size: 1.2rem;
    }
	
	footer a {
    justify-content: center;
}
	
	footer {
		text-align:center;
	}
}