/*
Theme Name: reg.abone
Theme URI: https://iwebsite.co.il/
Author: iWebsite
Author URI: https://iwebsite.co.il/
Template: genesis
Template Version: 3.5.0
*/

:root {
    /* Font Sizes */
    --fs-14: 0.875rem;
    --fs-16: 1rem;
    --fs-18: 1.125rem;
    --fs-20: 1.25rem;
    --fs-22: 1.375rem;
    --fs-24: 1.5rem;
    --fs-30: 1.875rem;
    --fs-26: 1.625rem;
    --fs-34: 2.125rem;

    /* Font Weights */
    --fw-400: 400;
    --fw-500: 500;
    --fw-600: 600;
    --fw-700: 700;

    --light-main-color: #FFE554;
    --dark-main-color: #222222;
    --icon-main-color: #22CC40;
    --border-main-color: #F2F1E8;
    --button-hover-color: #C06700;
}

body.no-scroll {
    overflow-y: hidden;
}

body,
div,
table,
p,
button,
input,
a,
td,
textarea,
select,
option {
    font-family: "Heebo", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

.main-wrap {
    margin: 0 auto;
    max-width: 1660px;
    padding: 0 20px;
}

main.content {
    background: #fffadf;
}

.entry-content {
    min-height: calc(100vh - 427px);
}

main.content>section {
    padding-top: 40px;
    padding-bottom: 50px;
}

span.svg-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
}

span.svg-wrapper svg {
    width: 100%;
    height: auto;
}

/* span.svg-wrapper svg path {
    fill: var(--light-main-color);
} */

/* Titles */
h2.title {
    font-size: var(--fs-24);
    font-weight: var(--fw-600);
    margin-bottom: 20px;
    line-height: 100%;
}

h4.sub-title {
    font-size: var(--fs-14);
    font-weight: var(--fw-500);
    line-height: 100%;
    margin-bottom: 20px;
}

/* Card */
.card {
    border: 1px solid #F2F1E8;
    background: #fff;
    flex-grow: 1;
}

.card-content {
    width: 100%;
    height: 100%;
}

.card.all-border {
    padding: 10px;
}

.card.bottom-border {
    display: flex;
    align-items: center;
    border-bottom: 5px solid #FFE554;
    padding: 20px 15px;
}

.card.bottom-border h3.title {
    flex: 1;
    font-size: var(--fs-24);
    font-weight: var(--fw-400);
}

.card.bottom-border .card-content {
    flex: 1;
    font-size: var(--fs-18);
    font-weight: var(--fw-400);
    color: #565656;
    text-align: center;
}

/* Breadcrumbs */
.breadcrumbs-wrap {
    padding: 20px 0 20px;
}

nav.breadcrumbs ul {
    list-style: none;
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

nav.breadcrumbs ul li {
    font-weight: 500;
    font-size: var(--fs-16);
    line-height: 100%;
}

nav.breadcrumbs ul li.active {
    font-weight: var(--fw-700);
}

/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #2e2f33
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

/* Box Sizing
--------------------------------------------- */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Float Clearing
--------------------------------------------- */
.woocommerce ul.products li.product .price:before,
ul.sub-menu:before,
ul.cart-list:before,
li.mini_cart_item:before,
.single_variation_wrap:before,
.author-box:before,
.clearfix:before,
.entry:before,
.entry-content:before,
.nav-primary:before,
.pagination:before,
.site-container:before,
.site-header:before,
.site-inner:before,
.clear:before,
.mini-cart-dropdown ul.cart_list:before,
.mini-cart-dropdown ul.cart_list li:before {
    content: " ";
    display: table;
}

.woocommerce ul.products li.product .price:after,
ul.sub-menu:after,
ul.cart-list:after,
li.mini_cart_item:after,
.single_variation_wrap:after,
.author-box:after,
.clearfix:after,
.clear:after,
.entry:after,
.entry-content:after,
.nav-primary:after,
.pagination:after,
.site-container:after,
.site-header:after,
.site-inner:after,
.mini-cart-dropdown ul.cart_list:after,
.mini-cart-dropdown ul.cart_list li:after {
    clear: both;
    content: " ";
    display: table;
}

/* Typographical Elements
---------------------------------------------------------------------------------------------------- */
body {
    background-color: #fff;
    color: #000;
    font-family: 'Heebo', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.2;
}

ins {
    text-decoration: none;
}

a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.more-link {
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

::-moz-selection {
    background-color: #2e2f33;
    color: #fff;
}

::selection {
    background-color: #2e2f33;
    color: #fff;
}

a {
    outline: none;
    text-decoration: none;
    color: #111;
}

p {
    margin: 0 0 10px;
    padding: 0;
}

ol,
ul {
    margin: 0;
    padding: 0;
}

li {
    list-style-type: none;
}

b,
strong {
    font-weight: 700;
}

blockquote,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 40px;
}

blockquote::before {
    content: "\201C";
    display: block;
    font-size: 30px;
    height: 0;
    left: -20px;
    position: relative;
    top: -10px;
}

button {
    outline: none;
}

button,
.button,
input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
.button,
.btn {
    display: inline-block;
    background-color: var(--light-main-color);
    width: auto;
    font-size: 1rem;
    font-weight: 600;
    line-height: 46px;
    color: #010101;
    cursor: pointer;
    padding: 0 40px;
    text-align: center;
    outline: none;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border: unset;
}

button:hover,
.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
.button:hover,
.btn:hover {
    background: var(--button-hover-color);
    color: #FFF;
    transition: 0.3s;
}

/* Headings
-------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Heebo', sans-serif;
    margin: unset;
}

/* Objects
--------------------------------------------- */
embed,
iframe,
img,
object,
video,
.wp-caption {
    max-width: 100%;
}

img {
    height: auto;
}

.featured-content img,
.gallery img {
    width: auto;
}

/* WooCommerce */
.woocommerce-error:focus-visible {
    outline: unset;
}

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

    button,
    .button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"],
    a.button,
    .button,
    .btn {
        padding: unset;
    }
}