.wp-caption,.wp-caption-text,.sticky,.screen-reader-text,.gallery-caption,.bypostauthor,.alignright,.alignleft,.aligncenter {}

:root {
    --weberall-font-family-heading: Jost, sans-serif;
    --weberall-font-family-general: Poppins, sans-serif;
    --weberall_website_first_color: #0e2d4c;
    --weberall_website_second_color: #222222;
    --weberall_website_third_color: #7a7a7a;
    --weberall_website_fourth_color: #aadaf0;
}

/*Loads :root website colors from admin panel -> Weberall Options -> General*/
h1, h1.weberall-heading, .weberall-advanced-icon, .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon, div.elementor-widget.elementor-widget-icon.elementor-view-default .elementor-icon, .vc_tta-color-grey .vc_tta-panel .vc_tta-panel-title>a span, .elementor-widget.elementor-widget-accordion a.elementor-accordion-title, .elementor-element.elementor-widget.elementor-widget-accordion span.elementor-accordion-icon, .woocommerce-tabs li > a, .vc_tta-color-grey .vc_tta-tab .vc_tta-title-text, .elementor-element.elementor-widget.elementor-widget-tabs div.elementor-tab-title {
    color: var(--weberall_website_first_color);
}
/*vc_tta... is applied to wpbakery tabs inactive headings' icons*/
.vc_tta-accordion.vc_tta-color-grey .vc_tta-controls-icon::before, .vc_tta-accordion.vc_tta-color-grey .vc_tta-controls-icon::after {
    border-color: var(--weberall_website_first_color);
}

h2, h3, h4, h5, h6, .weberall-heading, .elementor-widget-heading .elementor-heading-title:not(h1), .weberall-button-or-link {
    color: var( --weberall_website_second_color );
}

.weberall-text, .wpb_content_element, .weberall-post-excerpt, div.elementor-element.elementor-widget-accordion .elementor-accordion-item .elementor-tab-content, div.elementor-element.elementor-widget-tabs .elementor-tabs-content-wrapper .elementor-tab-content, .woocommerce-Tabs-panel.entry-content, .weberall-nav-li-a, .weberall-breadcrumb > ul.breadcrumbs > li, .weberall-breadcrumb > ul.breadcrumbs > li > a, .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a {
    color: var( --weberall_website_third_color );
}

.weberall-post-read-more, .elementor-widget-read-more, .vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-panel-title>a span, .elementor-widget.elementor-widget-accordion .elementor-active a.elementor-accordion-title, .elementor-element.elementor-widget.elementor-widget-accordion .elementor-active span.elementor-accordion-icon, .woocommerce-tabs li.active > a, .vc_tta-color-grey .vc_tta-tab.vc_active .vc_tta-title-text, .elementor-element.elementor-widget.elementor-widget-tabs div.elementor-tab-title.elementor-active, .post-categories-link, .post-tags-link, .product_meta a, .weberall-post-author {
    color: var( --weberall_website_fourth_color );
}
.weberall-advanced-button, .woocommerce span.onsale, .elementor-widget-button .elementor-button {
    background-color: var( --weberall_website_fourth_color );
}
.vc_tta-accordion.vc_tta-color-grey .vc_tta-panel.vc_active .vc_tta-controls-icon::before {
    border-color: var( --weberall_website_fourth_color );
}

body {
    margin: 0; /*Remove spaces from left and right for full screen background colors*/
    overflow-x: hidden; /*Removes the horizontal scroll bar created by the first row of VC with margin-left and right -15px*/
}


/* By adding Animation effect from predefined animations dropdown is not noticeable because of animation-duration: 0
so 0.1s will make it noticeable. */
* {
    /*Removes user agent stylesheet default "padding-inline-start: 40px;"*/
    padding: 0;
    margin: 0;
    animation-duration: 1.25s;
}

html, .elementor-widget-text-editor {
    font-family: var(--weberall-font-family-general), sans-serif;
    font-size: 16px;
    line-height: 1.9;
    word-spacing: 2px;
    letter-spacing: 0.5px;
}

.website_container {
    overflow: hidden; /* This line removes horizontal out of the screen space of shapes. This line is hidding submenu to be viewed in full on menu preview page http://localhost/businessall/weberall_block/businessall-header-menu/  */
    position: relative;
}

.main_container_wpbakery {
    max-width: 1300px;
    margin: 0 auto;
    padding: 0;
}

.main_container_elementor > .template_content > .vc_row > div > div:not(:has(.weberall-post-content)), .main_container_elementor > .template_content > .vc_row > div > div .weberall-content-section-block:has([data-elementor-type="wp-post"]), .elementor-section.elementor-section-boxed > div.elementor-container, .e-con>.e-con-inner {
    max-width: 1330px;
    margin: 0 auto;
}

@media only screen and (max-width: 767px) {
    .main_container_wpbakery {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding-left: 15px;
    padding-right: 15px;
}

.video-frame-section-elementor {
    position: fixed;
    top: 0;
    left: 0;
}
.video-frame-section-elementor > div > div {
    justify-content: center;
}

.weberall-advanced-button * {
    animation-duration: 0.1s;
    -webkit-animation-duration: 0.1s;
    -moz-animation-duration: 0.1s;
    transition: all 0.1s;
    animation-fill-mode: both;
}

p {
    line-height: 1.9;
}
a {
    text-decoration: none;
    color: #000000;
}
h1, h2, h3, h4, h5, h6, .weberall-heading, .elementor-widget-heading .elementor-heading-title, .elementor-button-link {
    font-family: var(--weberall-font-family-heading);
    font-weight: 400;
    line-height: 1.3em;
}
h1 {
    font-size: 100px;
}
h2 {
    font-size: 72px;
}
h3 {
    font-size: 56px;
}
h4, .comment-reply-title {
    font-size: 37px;
}
h5 {
    font-size: 21px;
}
h6 {
    font-size: 12.7px;
    font-weight: bold;
}
.weberall-button-or-link, .weberall-post-read-more {
    font-size: 17.6px;
}

/* MENU */
/* wpbakery makes container hover settings tooltip top -30px, the last element in the menu li tooltip can be viewed now. */
.compose-mode .vc_menu_li .vc_controls>.vc_controls-out-tl {
    top: -10px;
}

.compose-mode .vc_controls-parent.vc_controls>.vc_controls-out-tl {
    right: unset !important;
}

/*This adds a border to the container of 'Menu li' element in Frontend Editor to highlight its container area*/
.vc_menu_li:hover {
    border: 1px dashed rgba(125,125,125,.4);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.header-menu {
    position: relative;
    z-index: 99;
    display: inline-flex;
    gap: 30px;
}

.weberall-nav-li {
    list-style: none;
    position: relative; /*On submenu level 1 this makes submenu width small that its items of two words break in two lines, but removing position:relative will make submen level 2 to start from the top of level 1 instead of next to its parent listitem in level 1; */
}
.weberall-nav-li-a {
    color: #757575;
    font-family: var(--weberall-font-family-heading);
    font-size: 17px;
    font-weight: 400;
    padding: 8px;
    position: relative;
    display: block; /*Viewing from non ul element such as directly viewing Weberall Block*/
}

/*Submenu*/
.weberall-submenu {
    visibility: hidden;
    /*display: none;*/ /*submenu and its menu li animation works on hover but transition does not work with it.*/
    opacity: 0;
    position: absolute;
    top: 0;
    left: 100%;
    z-index: 1;
    background-color: #ffffff;
    box-shadow: 0 10px 40px 0 rgb(0 0 0 / 12%);
    border-radius: 2px;
    min-width: 260px;
    transition-duration: 0.5s;
}
.submenu-level-1 {
    top: auto;
    left: 0;
}
/* opens submenu to the left side instead of the default right side of submenu_level_1+ */
.weberall_submenu_left {
    right: 100%;
    left: auto;
}

/*Mega menu*/
@media only screen and (min-width:768px) {
    .mega-menu {
        width: 100vw;
        max-width: var( --weberall_website_width );
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
    }
}
.full-width > ul {
    max-width: 100vw;
}
.content-width > ul {
    width: auto;
    left: auto;
    transform: unset;
    -webkit-transform: unset;
    -moz-transform: unset;
    -ms-transform: unset;
}

ul.expanded-true {
    visibility: inherit;
    opacity: 1;
}

ul.header-menu > li > a.weberall-nav-li-a.active {
    position: relative;
    z-index: 11;
}

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

    .weberall-submenu {
        box-shadow: unset;
    }

    /*.weberall-submenu.expanded-true {*/
    .expanded-true{
        position: static;
    }
}

/*Submenu icons*/
/*By default hides the close icon*/
li.weberall-nav-li > .weberall-nav-li-a > .weberall-nav-li-icon > .nav-li-icon-close {
    display: none;
}
li.weberall-nav-li.active > .weberall-nav-li-a > .weberall-nav-li-icon > .nav-li-icon-close {
    display: inline-block;
}
li.weberall-nav-li > .weberall-nav-li-a > .weberall-nav-li-icon > .nav-li-icon-open {
    display: inline-block;
}
li.weberall-nav-li.active > .weberall-nav-li-a > .weberall-nav-li-icon > .nav-li-icon-open {
    display: none;
}
.weberall-nav-li-submenu-icon.left {
    position: absolute;
    left: -15px;
}
.weberall-nav-li-submenu-icon.right {
    position: absolute;
    right: -15px;
}

ul.grid {
    padding: 0;
}
ul.container.weberall-posts-container.grid {
    min-height: 30px;
}

.weberall-breadcrumb > ul.breadcrumbs > li {
    /*color: #767676;*/
    display: inline-block;
    margin-right: 13px;
}
.weberall-breadcrumb > ul.breadcrumbs > li > a {
    /*color: #767676;*/
}

form.search-form {
    display: flex;
    align-items: center;
}
.search-form img.search-icon {
    width: 24px;
    height: 24px;
    position: absolute;
    padding-bottom: 10px
}
.search-form input.search-field {
    font-size: 31px;
    background: transparent;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    outline: none;
    padding-bottom: 10px;
    padding-left: 30px;
    width: 100%;
}
::placeholder {
    color: #000000;
    font-weight: lighter;
}

ol > li > ol, ul > li > ul:not(.weberall-submenu) {
    margin-left: 20px;
}

/* WOOCOMMERCE */

/* PRODUCT SINGLE */
.woocommerce div.product {
    display: flex;
}
.woocommerce-left-column {
    width: 50%;
    float: left;
}
.woocommerce-right-column {
    width: 50%;
    float: right;
}

/* Product Notices(Messages) - product-notices-messages element */
.woocommerce-message {
    border-top: unset;
    background-color: var(--weberall_website_fourth_color);
    color: var(--weberall_website_first_color);
    outline: none;
}
/* Tick icon in the notice */
.woocommerce-message::before {
    color: var(--weberall_website_first_color);
}
.woocommerce-message a.button.wc-forward {
    border: 1px solid black;
    background-color: transparent;
    font-weight: 400;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: unset;
}

/*Post Featured Image element for woocommerce*/
.woocommerce ul.products li.product a img {
    width: unset;
    display: unset;
}

/*Add to cart button 'View Cart' message next to the button*/
a.added_to_cart.wc-forward {
    margin-left: 10px;
    display: none;
}

/* Hides the add to cart button, price and quantity fields that has been added in footer.php for loading js files */
span.woocommerce_template_single_add_to_cart_container {
    display: none;
}
/* add to cart listing button */
.weberall-add-to-cart-listing a.button, .weberall-add-to-cart-listing a.button:hover {
    background-color: transparent;
    border: 1px solid;
    border-radius: unset;
}
/*The spin icon is not aligned with button padding settings due to position:absolute so the top is unseted*/
.woocommerce a.button, .woocommerce a::after, .woocommerce a.button.loading::after {
    top: unset;
}
/* add to cart single button */
/* Quantity product single page and cart page  */
form.cart {
    display: flex;
}
.woocommerce .quantity {
    margin: 0 20px 0 0;
    padding: 0.5rem 0.8rem 0.3rem;
}
div.quantity, .woocommerce .quantity .qty {
    color: #535353;
    background-color: transparent;
    font-size: 1rem;
    float: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 1px solid #cdcdcd;
}
div.quantity:hover, .woocommerce .quantity .qty:hover {
    border: 1px solid #000000;
}
.woocommerce .quantity .qty {
    width: 35px;
    padding: 10px 0px;
}
.quantity input.qty {
     border: unset !important;
}
.woocommerce .quantity .qty_button svg {
    background: none;
    border: unset;
    cursor: pointer;
    height: 15px;
}
.qty_button {
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.qty_button:hover {
    background: #f5f5f5;
}
/* Removes the default up and down arrows on single page quantity field with add to cart button for increasing/decreasing quantity */
quantity input::-webkit-outer-spin-button,
.quantity input::-webkit-inner-spin-button {
    display: none;
    margin: 0;
}
.quantity input.qty {
    appearance: textfield;
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

/* CHECKOUT PAGE, COMMENTS FORM */
/* Selector .input-text Checkout page input fields. Selector .comment-form input, .comment-form-comment textarea are for product single page reviews fields. */
.input-text, .comment-form input, .comment-form-comment textarea, .comment-form-author #author, .comment-form-email #email, .comment-form-url #url {
    color: #111111;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    padding: 12px 15px;
    font-size: 16px;
    transition: all .1s ease-in-out;
    outline: none;
    background-color: transparent;
    border-radius: 0;
}
.select2-container--default .select2-selection--single {
    border-radius: 0;
    border: 0;
    background: transparent;
    height: auto;
    transition: border 0.4s;
    border: 1px solid #cccccc;
    padding: 7px 7px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 50%;
    height: auto;
}
/* Checkout page coupon */
.woocommerce-info {
    padding: 1em 2em;
    border-top: unset;
}
.woocommerce-info::before {
    display: none;
}
.weberall-post-comments label {
    min-width: 120px !important;
    display: inline-block;
    margin-top: 20px;
}
.woocommerce-checkout #payment {
    margin-bottom: 100px;
}
@media only screen and (max-width: 480px) {
    .comment-form-comment textarea {
        width: 100%;
    }
}

/*My Account -> 'Account Details' website/my-account/edit-account page:*/
form fieldset {
    margin-bottom: 15px;
}

/* BUTTON */
/* Selector .woocommerce button.button is for 2 pages; 1.1) single page "add to cart" button and 1.2) cart page the "Apply coupon" and "Update cart" buttons. Select .woocommerce a.button.alt is for cart page "Proceed to checkout" button. Selector .woocommerce button.button.alt is checkout page "Place order" button. Selector .woocommerce a.button is on cart page with empty cart "Return to shop" button and website/my-account/orders page "Browse products" button. Selector .woocommerce #respond input#submit is for product single page reviews submit button. */
.woocommerce button.button, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce a.button, .woocommerce #respond input#submit {
    color: #000000;
    background-color: transparent;
    font-weight: 300;
    border: 1px solid;
    border-radius: 0px;
    padding: 1rem 1.7rem;
    font-size: 1rem;
    display: inline-block;
}
/* Selector .woocommerce a.button.alt:hover for cart page "Proceed to checkout" button. Selector .woocommerce #respond input#submit:hover is for product single page reviews button. Selector for .woocommerce a.button:hover for website/my-account/orders page "Browse products" button*/
.woocommerce a.button.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover {
    color: #000000;
    background-color: transparent;
}
/* Selector .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] cart page the "Update cart" button. */
.woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
    padding: 1rem 1.7rem;
}
.woocommerce button.button:hover, .woocommerce button.button.alt:hover {
    color: #000000;
    background-color: transparent;
}
/* Shop listing page add to cart button */
.woocommerce .weberall-add-to-cart-listing a.button {
    padding: 1rem;
}

/* ADVANCED BUTTON */
.elementor-widget-button[class*='advanced-button'] .elementor-button-link, .elementor-button-link[class*='advanced-button'] {
    text-align: center;
    padding: 20px 5px;
    min-width: calc(130px + 2vw);
}

/* CART PAGE */
/* Cart page "Coupon code" textbox */
.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 0.95rem 0.6rem;
}
/* Cart page bottom margin to add space between content and footer. */
.cart-collaterals {
    margin-bottom: 70px;
}
/* Product meta: SKU, Categories, Tags using function woocommerce_template_single_meta() - For single page */
.weberall-product-meta div > span {
    display: block;
}

.weberall-product-images {
    position: relative;
}
/* Product images element single page */
/* Magnifying glass - (Zoom icon single page) */
.woocommerce-product-gallery__trigger {
    color: #808080;
    background: #ffffff;
    box-shadow: 0 0 7px rgb(0 0 0 / 8%);
    font-size: 1.1rem;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    border-radius: 50px;
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3;    
}
.woocommerce-product-gallery__trigger::before {
    content: "\f31e";
}
.woocommerce-product-gallery__trigger img.emoji {
    display: none !important;
}
.woocommerce-product-gallery .woocommerce-product-gallery__image a {
    cursor: default;
}
/* Large image container */
/* Product single large image */
.flex-viewport img.wp-post-image {
    width: 100%;
}
/* Small images(thumbs) container */
ol.flex-control-thumbs {
    display: flex;
    justify-content: space-around;
}
.vc_editor ol.flex-control-thumbs {
    display: inline-flex;
}
/* Small image container */
ol.flex-control-thumbs li {
    list-style-type: none;
    margin-top: 15px;
}
/* Small image */
/* Removes the extra space at the bottom of the li > img as img is inline element, display:block will also work. */
ol.flex-control-thumbs li img {
    vertical-align: top;
}

/* Product data tabs - product-data-tabs element */
.weberall-product-data-tabs ul {
    border-bottom: 2px solid #e4e5e9;
    margin-bottom: 40px;
    padding-bottom: 10px;
}
.weberall-product-data-tabs a {
    font-size: 18px;
}
.woocommerce-Tabs-panel h2 {
    font-size: 30px;
    margin-bottom: 15px;
}

/* Product cart count - woocommerce mini cart */
a.cart-contents {
    position: relative;
}
a.cart-contents { text-decoration: none; }
a.cart-contents span, a.cart-contents img {
    vertical-align: middle;
}
.cart-contents > span.cart-item-count {
    color: #fff;
    font-size: 10px;
    background: #000000;
    width: 21px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -3px;
    left: 17px;
}
.cart-contents > span.cart-text {
    margin-left: 10px;
}
.weberall-mini-cart-header-left {
    float: left;
}
.weberall-mini-cart-header-right {
    float: right;
}
.weberall-mini-cart-header-left > span.cart-item-count {
    vertical-align: super;
}
.weberall-mini-cart-header-right .mini-cart-close-button {
    float: right;
}
img.cart-icon {
    width: 30px;
    height: 30px;
}
span.cart-text {
    color: #000;
}

/* woocommerce mini cart */
ul.woocommerce-mini-cart.cart_list.product_list_widget {
    max-height: 60vh;
    overflow: auto;
}
.woocommerce ul.cart_list li:not(:first-child), .woocommerce ul.product_list_widget li:not(:first-child) {
    border-top: 1px solid #eee;
    margin-top: 20px;
    padding-top: 20px;
}
.woocommerce-mini-cart__total.total {
    color: #444444;
    border-top: 1px solid #eeeeee;
    padding-top: 20px;
    margin-top: 20px;
}
.woocommerce-mini-cart__buttons > .button.wc-forward, .woocommerce-mini-cart__buttons > .button.wc-forward:hover {
    color: #000000;
}
.woocommerce ul.cart_list li img, .woocommerce ul.product_list_widget li img {
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 12px;
}
.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    color: #444444;
    font-size: 16px;
    font-weight: 300;
}
.woocommerce ul.cart_list li .quantity, .woocommerce ul.product_list_widget li .quantity {
    color: #aaaaaa;
}
a.remove.remove_from_cart_button {
    color: #bbbbbb !important;
    font-size: 22px !important;
    font-weight: 300 !important;
    float: right;
}
.woocommerce a.remove:hover {
    color: #bbbbbb !important;
    background: #eeeeee !important;
}
.woocommerce-mini-cart__total.total > .woocommerce-Price-amount.amount {
    float: right;
}
.woocommerce-mini-cart__buttons.buttons .button {
    display: block;
    text-align: center;
    border-radius: unset;
    padding: 12px 0;
}
.woocommerce-mini-cart__buttons.buttons .button:not(.checkout) {
    background: transparent;
    border: 2px solid #000000;
    margin-bottom: 10px;
}
.woocommerce-mini-cart__buttons.buttons .button.checkout {
    color: #ffffff;
    background-color: #000000;
    border: 2px solid #000000;
}

/* Products catalog sorting ordering listing  */
.woocommerce .woocommerce-ordering select {
    padding: 10px;
    padding-right: 0;
}
.woocommerce .woocommerce-ordering select option {
    color: #888888;
}

/* WooCommerce pagination */
/*The first selector is for woocommerce listing and the second is for wordpress default listing*/
.woocommerce-pagination, .pagination-row.display-style-row {
    margin-top: 50px;
}
ul.page-numbers {
    border: unset !important;
}
.woocommerce nav.woocommerce-pagination ul li {
    border: unset;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li span.current {
    font-size: 1.2rem;
    font-weight: bold;
    background: transparent;
    color: var(--weberall_website_first_color);
}


/*Cart Page*/
.woocommerce table.shop_table {
    border: unset;
}
.woocommerce table.shop_table td {
    padding: 17px 12px;
}
.woocommerce table.cart td.actions .input-text {
    width: unset;
}
.cart_totals h2 {
    font-size: 2rem;
    margin-bottom: 20px;
}


/*TEMPLATE FILE*/

/* Blog Navigation*/
nav.navigation.pagination {
    margin-top: 50px;
}

/*header-template*/
header#weberall-header {
    border-bottom: 1px solid rgba(230, 230, 230, 1);
    padding: 5px 0;
    margin-bottom: 30px;
    display: flex;
}
header#weberall-header > div {
    display: flex;
    align-items: center;
}
header#weberall-header > .weberall-vc-row.vc_row,  .weberall-content-section.template-file {
    width: 90%;
    margin: 0 auto;
}
header.weberall-header-block > .weberall-vc-row > .vc_col-sm-3, header.weberall-header-block > .weberall-vc-row > .vc_col-sm-9 {
    float: left;
}
header#weberall-header .weberall-template-file-logo{
    margin: -15px;
}

header.weberall-header-block nav ul#weberall-header-menu-list li.menu-item a {
    color: var( --weberall_website_third_color );
    text-decoration: none;
    padding: 8px;
}

/*footer-template*/
aside#weberallfooter {
    text-align: center;
    background-color: #f6f6f6;
    padding: 15px;
    margin-top: 30px;
}

.alignleft {
  float: left;
  margin: 0 15px 15px 0;
}
.aligncenter {
  display: block;
  margin: 15px auto;
}
.alignright {
  float: right;
  margin: 0 0 15px 15px;
}

table thead tr th, table tbody tr td {
    padding: 10px 25px;
}


/*Desktops and laptops*/
@media only screen and (min-width: 992px) {
}
/*@media only screen and (min-width: 1024px) {
}*/

/*Tablet landscape mode*/
/*@media only screen and (max-width: 1023px) {*/
@media only screen and (max-width: 991px) {
    h1 {
        font-size: 85px;
    }
    h2 {
        font-size: 50px;
    }
    h3 {
        font-size: 40px;
    }
    h4, .comment-reply-title {
        font-size: 25px;
    }
    h5 {
        font-size: 19px;
    }
    h6 {
        font-size: 12.8px;
    }
}

@media only screen and (min-width: 768px) {
    .weberall-element-container.weberall-header-menu-container.dynamic_742296130-container {
        float: right;
        padding-right: 22px;
    }
    nav .weberall-header-menu > li.weberall-nav-li {
        display: inline-block;
        margin: 10px 18px;
    }
}

/*Tablet portrait mode and Smartphone landscape mode*/
@media only screen and (max-width: 767px) {
    h1 {
        font-size: 65px;
    }
    h2 {
        font-size: 37px;
    }
    h3 {
        font-size: 28px;
    }
    h4, .comment-reply-title {
        font-size: 22px;
    }
    h5 {
        font-size: 19px;
    }
    h6 {
        font-size: 12.8px;
    }

    .search-form input.search-field {
        font-size: 24px;
    }

    /* WOOCOMMERCE*/
    /* shop page, products' category page, products' tag page. This overrids the woocommerce default 48% width of each product in mobiles/tablets */
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%;
    }
}

/*Smartphone portrait mode*/
@media only screen and (max-width: 575px) {
    h1 {
        font-size: 38px;
    }
    h2 {
        font-size: 30px;
    }
    h3 {
        font-size: 25px;
    }
    h4, .comment-reply-title {
        font-size: 22px;
    }
    h5 {
        font-size: 19px;
    }
    h6 {
        font-size: 12.8px;
    }
}

/*Back to top button. fas has display inline-block to override display none and shows the button by default at the top.*/
/*.fas.back-to-top{
    visibility: hidden;
}*/
.back-to-top {
    visibility: hidden;
    color: #898989;
    border: 2px solid #898989;
    border-radius: 50%;
    height:50px;
    width:50px;
    position:fixed;
    right:25px;
    bottom:25px;
    Z-index:114;
    display: flex;
    justify-content: center;
    align-items: center;
}
.back-to-top:hover {
    background-color: #e9e9e9;
}


/*STICKY POPUP:*/
/*Class used by js/sticky-popup.js file*/
.top_left_vc_row { top: 0; left: 15px !important; }
.top_left { top: 0; left: 0; }

.top_center_vc_row { top: 0; left: calc(15px + 50%) !important; transform: translateX(-50%) !important; }
.top_center { top: 0; left: 50%; transform: translateX(-50%); }

.top_right_vc_row { top: 0; right: 15px !important; }
.top_right { top: 0; right: 0; }

.middle_left_vc_row { top: 50%; left: 15px !important; transform: translateY(-50%) !important; }
.middle_left { top: 50%; left: 0px; transform: translateY(-50%); }

.middle_center_vc_row { top: 50%; left: calc(15px + 50%) !important; transform: translate(-50%, -50%) !important; }
.middle_center { top: 50%; left: 50% !important; transform: translate(-50%, -50%) !important; }

.middle_right_vc_row { top: 50%; right: 15px !important; transform: translateY(-50%) !important; }
.middle_right { top: 50%; right: 0 !important; transform: translateY(-50%) !important; }

.bottom_left_vc_row { bottom: 0; left: 15px !important; }
.bottom_left { bottom: 0; left: 0 !important; }

.bottom_center_vc_row { bottom: 0; left: calc(15px + 50%) !important; transform: translateX(-50%) !important; }
.bottom_center { bottom: 0; left: 50%; transform: translateX(-50%); }

.bottom_right_vc_row { bottom: 0; right: 15px !important; }
.bottom_right { bottom: 0; right: 0 !important; }


/*WORDPRESS DEFAULT CSS WITHOUT SETTING THEME TEMPLATES*/

/*Archive page title*/
header.page-header {
    margin-bottom: 70px;
}

/*Heading of each post in archive page*/
header.entry-header.alignwide {
    margin-top: 50px;
}


/*ELEMENTOR*/
/*.full-width {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw !important;
    position: relative;
    right: 50%;
    width: 100vw;
}*/


/*WEBERALL ANIMATIONS:*/
/*Hide element before animation when delay is used.*/
.wpb_popInUp.popInUp, .wpb_popInUp.squeezeIn, .wpb_popInUp.floating, .wpb_popInUp.spin, .wpb_popInUp.scaleIn {
    visibility: hidden;
}

.popInUp {
    display: block;
    animation: popInUp 2s forwards;
    animation-timing-function: cubic-bezier(0.14, 1.23, 0.33, 1.16);
    transform-origin: 50% 100%;
}
@keyframes popInUp {
    from {
        transform: rotateX(120deg);
    }
    to {
        transform: rotateX(0);
        visibility: visible;
    }
}

.clipInUp {
    animation-name: clipInUp;
}
@keyframes clipInUp {
    from {
        transform: translate3d(0px, 140%, 0px) scale3d(1, 1, 1) skew(0deg, 8deg);
        clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
    }
    to {
        transform: translate3d(0px, 0%, 0px) scale3d(1, 1, 1) skew(0deg, 0deg);
        clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    }
}

.clipTop {
    animation-name: clipTop;
}
@keyframes clipTop {
  from {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  to {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}

.clipInDown {
    animation-name: clipInDown;
}
@keyframes clipInDown {
    from {
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    to {
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    }
}

.squeezeIn {
    animation-name: squeezeIn;
}

@keyframes squeezeIn {
    from {
        transform: translate3d(0px, 50px, -40px) rotateX(-80deg);
    }
    to {
        transform: translate3d(0px, 0px, 0px);
        visibility: visible;
    }
}

.floating {
    animation-name: floating;
    animation-iteration-count: infinite;
    animation-duration: 3.6s;
}
@keyframes floating {
    0% {
        transform: translate3d(0, 0, 0);
    }
    50% {
        transform: translate3d(0, 8%, 0);
    }
    100% {
        transform: translate3d(0, 0, 0);
        visibility: visible;
    }
}

.spin {
    animation-name: spin;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-duration: 10s;
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
        visibility: visible;
    }
}

.scaleIn{
    animation-name: scaleIn;
}
@keyframes scaleIn {
    from {
        transform: scale(1.2);
    }
    to {
        transform: scale(1.0);
    }
}