/*
Theme Name: Anodot 2022 Theme
Author: Eagleray Web
Author URI: http://eagleray.co.il/
Description: Custom Wordpress themes tailored for your needs.
Version: 1.0.3
Text Domain: eagleray
*/

body {
    font-family: 'Inter', sans-serif;
    padding: 0;
    margin: 0;
    color: #353D46;
    font-size: 18px;
    line-height: 34px;
    overflow-x: hidden;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}

a {
    text-decoration: none;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

p,
h1 p,
h2 p,
h3 p,
h4 p,
h5 p,
h6 p {
    margin: 0;
    padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #0A2144;
}

h1 {
    font-size: 80px;
    line-height: 96px;
    letter-spacing: -0.04em;
}

h2 {
    font-size: 44px;
    line-height: 52px;
}

@media (max-width: 768px) {
    h1 {
        font-size: 40px;
        line-height: 48px;
    }
    h2 {
        font-size: 28px;
        line-height: 33px;
    }
}

.img-fluid {
    max-width: 100%;
    height: auto;
}

.h-100 {
    height: 100%;
}

input,
textarea,
button {
    outline: none;
}

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

.light-blue {
    color: #2671FF;
}

.page-template-full-width #main-header {
    position: fixed;
}

.bialty-container {
    min-height: 100vh;
}

body.page-template-full-width {
    padding: 0;
}

body.page-template-full-width #main-header {
    position: fixed;
}

#anodot-product-roadmap-cloud-cost .bialty-container iframe,
#roadmap .bialty-container iframe {
    width: 100%;
    height: 100vh;
    padding-top: 103px;
    display: block;
}

.bialty-container .comeet-social-wrap iframe {
    height: 200px!important;
}

.v-top .svg-wrapper {
    align-items: start;
    display: flex;
}

.v-center .svg-wrapper {
    align-items: center;
    display: flex;
}

.v-bottom .svg-wrapper {
    align-items: end;
    display: flex;
}

.v-top {
    align-items: start;
    display: flex;
}

.v-center {
    align-items: center;
    display: flex;
}

.v-bottom {
    align-items: end;
    display: flex;
}

.h-left .svg-wrapper {
    justify-content: start;
    display: flex;
}

.h-center .svg-wrapper {
    justify-content: center;
    display: flex;
}

.h-right .svg-wrapper {
    justify-content: end;
    display: flex;
}

.h-left {
    justify-content: start;
    display: flex;
}

.h-center {
    justify-content: center;
    display: flex;
}

.h-right {
    justify-content: end;
    display: flex;
}

.video-wrapper {
    mix-blend-mode: lighten;
}


/* FOCUS IMAGE IN CENTER WITH RESIZE WIDTH AND HEIGHT TO TAKE OUTER ELEMENT SIZES */

.focuspoint-css {
    display: flex;
    align-items: center;
    justify-content: center;
}

.focuspoint-css img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}


/* END FOCUS IMAGE IN CENTER WITH RESIZE WIDTH AND HEIGHT TO TAKE OUTER ELEMENT SIZES */


/* ADD DOTS TO TEXT IF HAS MORE ROWS */

.ellip {
    display: block;
    height: 100%;
}

.ellip-line {
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    max-width: 100%;
}

.ellip,
.ellip-line {
    position: relative;
    overflow: hidden;
}


/* END ADD DOTS TO TEXT IF HAS MORE ROWS */


/* HBSPT FORMS */

#hbspt-form-jobs .hs-form label,
.subscribe .hbspt-form label,
#sidebar-contact-form .hbspt-form label {
    display: none;
}

#hbspt-form-jobs .hs-form .hs-error-msgs,
.subscribe .hbspt-form .hs-error-msgs,
#contact-form .hbspt-form .hs-error-msgs,
#request-demo-form-wrapper .hbspt-form .hs-error-msgs,
#sidebar-contact-form .hbspt-form .hs-error-msgs {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

#c-post-main-content a.cta_button.custom-text-button {
    color: #00b7f1 !important;
}

#c-post-main-content a.cta_button.custom-text-button:hover {
    /* border: 0px solid #7fdbf8 !important; */
    border: 0px !important;
    text-decoration: underline !important;
}

#hbspt-form-jobs .hs-form .hs-error-msgs label,
#c-post-subscribe-wrapper .hbspt-form .hs-error-msgs label,
.subscribe .hbspt-form .hs-error-msgs label,
#contact-form .hbspt-form .hs-error-msgs label,
#request-demo-form-wrapper .hbspt-form .hs-error-msgs label,
#sidebar-contact-form .hbspt-form .hs-error-msgs label {
    display: block;
    font-size: 13px;
    color: #ec3409;
    line-height: 1;
    margin-top: 5px;
    text-align: left;
}

#hbspt-form-jobs .hs-form input,
#c-post-subscribe .hbspt-form input,
.subscribe .hbspt-form select,
#contact-form .hbspt-form select,
.subscribe .hbspt-form textarea,
#contact-form .hbspt-form textarea,
#taste-start-form .hbspt-form select,
#request-demo-form-wrapper .hbspt-form select,
.subscribe .hbspt-form input,
#contact-form .hbspt-form input,
#request-demo-form-wrapper .hbspt-form input,
#sidebar-contact-form .hbspt-form input {
    /* border: 2px solid #ececec; */
    /* background-color: #f7fafc; */
    /* color: #999a9b; */
    margin: 0 auto 10px auto;
    width: 100%;
    height: 46px;
    line-height: 46px;
    font-size: 14px;
    border-radius: 5px;
    padding: 0 20px;
    background: #F7FAFC;
    border: 2px solid #ECECEC;
    box-sizing: border-box;
    /* font-family: "Montserrat", sans-serif; */
    font-display: swap;
    font-style: normal;
    font-weight: normal;
    color: #7C7C7C;
}

#request-demo-form-wrapper .hbspt-form input {
    font-weight: 600;
}

.hbspt-form input {}

.hs-form input::-webkit-input-placeholder,
.hbspt-form input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #7C7C7C!important;
}

.hs-form input::-moz-placeholder,
.hbspt-form input::-moz-placeholder {
    /* Firefox 19+ */
    color: #7C7C7C!important;
}

.hs-form input:-ms-input-placeholder,
.hbspt-form input:-ms-input-placeholder {
    /* IE 10+ */
    color: #7C7C7C!important;
}

.hs-form input:-moz-placeholder,
.hbspt-form input:-moz-placeholder {
    /* Firefox 18- */
    color: #7C7C7C!important;
}

#contact-form .hbspt-form textarea {
    height: 200px;
}

#contact-form .hbspt-form .actions,
#request-demo-form-wrapper .hbspt-form .actions {
    text-align: right;
}

#sidebar-contact-form .hbspt-form .actions {
    margin: 20px 0 0 0;
}

#sidebar-contact-form .hbspt-form .actions input[type="submit"] {
    /* margin: 20px 0 0 0; */
    width: 160px;
    font-size: 16px;
    font-weight: 500;
}

.subscribe .hbspt-form .actions,
#sidebar-contact-form .hbspt-form .actions {
    text-align: center;
}

.subscribe .hbspt-form input[type="submit"] {
    border: 2px solid #fff;
    width: 176px;
    height: 46px;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 44px;
    text-align: center;
    border-radius: 8px;
    color: #fff;
    cursor: pointer;
    padding: 0 24px;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
}

.subscribe .hbspt-form input[type="submit"]:hover {
    background-color: #fff;
    color: #2671FF;
    transition: all 0.2s linear;
}

#hbspt-form-jobs .hs-form input[type="submit"],
.blue-button-small,
#c-post-subscribe .hbspt-form input[type="submit"],
#contact-form .hbspt-form input[type="submit"],
#request-demo-form-wrapper .hbspt-form input[type="submit"],
#sidebar-contact-form .hbspt-form input[type="submit"] {
    display: inline-block;
    width: 187px;
    height: 46px;
    background: #2671FF;
    box-shadow: 15px 15px 30px rgba(10, 33, 68, 0.08);
    border-radius: 50px;
    margin: 0 0 0 0;
    color: #fff;
    font-size: 15px;
    line-height: 44px;
    text-align: center;
    font-weight: 700;
    border: 0;
    cursor: pointer;
}

.blue-button-small:hover {
    color: #fff;
}

#contact-form .hbspt-form input[type="submit"] {
    padding-left: 40px;
    padding-right: 40px;
}

#sidebar-contact-form-inner p,
#sidebar-contact-form-inner p a,
.c-card-wrapper.subscribe .card .subscribe-wrapper p a,
.c-card-wrapper.subscribe .card .subscribe-wrapper p {
    color: #fff;
}

#sidebar-contact-form-inner p a:hover,
.c-card-wrapper.subscribe .card .subscribe-wrapper p a:hover {
    color: #fff;
}

.subscribe .form-columns-2,
#contact-form .form-columns-2,
#request-demo-form-wrapper .form-columns-2,
.subscribe .form-columns-1,
#contact-form .form-columns-1,
#request-demo-form-wrapper .form-columns-1 {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: none;
}

.subscribe .form-columns-2 .hs-form-field:last-child .hs-error-msgs,
#contact-form .form-columns-2 .hs-form-field:last-child .hs-error-msgs,
#contact-form .form-columns-2 .hs-form-field:last-child div.input,
#request-demo-form-wrapper .form-columns-2 .hs-form-field:last-child div.input {
    margin: 0 0 0 8px !important;
}

.subscribe .form-columns-1 .hs-form-field div.input,
#contact-form .form-columns-1 .hs-form-field div.input,
#request-demo-form-wrapper .form-columns-1 .hs-form-field div.input {
    margin: 0 !important;
}

#c-post-subscribe .hbspt-form input {
    width: 60%;
    float: left;
}

#c-post-subscribe .hbspt-form input[type="submit"] {
    width: 38%;
    float: right;
}

#c-post-subscribe-wrapper {
    margin: 15px auto 15px auto;
}

#c-post-subscribe .inputs-list {
    position: absolute;
    bottom: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    color: red;
}

#c-post-subscribe .hs_email label {
    display: none !important;
}

.subscribe .hbspt-form .actions {
    margin-top: 14px;
}

#hbspt-form-jobs .hs-form .hs_error_rollup {
    display: none;
}

#hbspt-form-jobs .hs-form .hs-form-field {
    position: relative;
    margin-bottom: 20px;
}

#hbspt-form-jobs .hs-form .hs-error-msgs.inputs-list {
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%;
}

#hbspt-form-jobs .hs-form .hs-error-msgs.inputs-list li label,
#hbspt-form-jobs .hs-form .hs-error-msgs.inputs-list li,
#hbspt-form-jobs .hs-form .hs-error-msgs.inputs-list {
    padding: 0;
    margin: 0;
    list-style: none;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
}

#hbspt-form-jobs .hs-form .hs-error-msgs label {
    /* position: absolute;
  top: 40px;
  left: 0; */
}

#hbspt-form-jobs .hs-form .actions {
    text-align: center;
}

#hbspt-form-jobs .hs-form #resume-fd73513b-73d3-44c6-9c28-03c32b3e1c41 {
    /* display: none; */
    text-align: right;
    padding: 0;
    line-height: 36px;
}

#hbspt-form-jobs .hs-form #label-resume-fd73513b-73d3-44c6-9c28-03c32b3e1c41 {
    font-weight: 400;
    font-size: 15px;
    line-height: 28px;
    text-align: center;
    color: #2671FF;
    display: block;
}

#hbspt-form-jobs .submitted-message {
    font-weight: 600 !important;
    font-size: 28px;
    line-height: 37px;
    min-height: 60px;
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    text-align: center;
    color: #0A2144;
}

.subscribe .hbspt-form .hs_error_rollup {
    display: none;
}

.subscribe .field {
    height: 70px;
    position: relative;
}

.subscribe .hbspt-form .hs-error-msgs label {
    position: absolute;
    top: 46px;
}


/* END HBSPT FORMS */


/* DROPDOWN */

.fade {
    opacity: 0;
    transition: opacity 0.15s linear;
}

.fade.show {
    opacity: 1;
}

.collapse {
    display: none;
}

.collapse.show {
    display: block;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropup .dropdown-menu {
    margin-top: 0;
    margin-bottom: 0.125rem;
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropright .dropdown-menu {
    margin-top: 0;
    margin-left: 0.125rem;
}

.dropright .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-menu {
    margin-top: 0;
    margin-right: 0.125rem;
}

.dropleft .dropdown-toggle::before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid transparent;
    border-right: 0.3em solid;
    border-bottom: 0.3em solid transparent;
}

.dropleft .dropdown-toggle:empty::after {
    margin-left: 0;
}

.dropleft .dropdown-toggle::before {
    vertical-align: 0;
}

.dropdown-divider {
    height: 0;
    margin: 0.5rem 0;
    overflow: hidden;
    border-top: 1px solid #e9ecef;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #007bff;
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #6c757d;
    background-color: transparent;
}

.dropdown-menu.show {
    display: block;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.btn-group>.btn:hover,
.btn-group-vertical>.btn:hover {
    z-index: 1;
}

.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1;
}

.btn-group .btn+.btn,
.btn-group .btn+.btn-group,
.btn-group .btn-group+.btn,
.btn-group .btn-group+.btn-group,
.btn-group-vertical .btn+.btn,
.btn-group-vertical .btn+.btn-group,
.btn-group-vertical .btn-group+.btn,
.btn-group-vertical .btn-group+.btn-group {
    margin-left: -1px;
}

.btn-toolbar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.dropdown button {
    width: 100%;
    height: 48px;
    background: #FFFFFF;
    box-shadow: 5.35406px 16.0622px 28.9119px rgba(66, 94, 165, 0.12);
    border-radius: 5px;
    border: 0;
    text-align: left;
    padding: 0 50px 0 16px;
    font-weight: 600;
    font-size: 16px;
    color: #0A2144;
}


/* END DROPDOWN */

body main[role="main"] {
    overflow-x: hidden;
}

body>img {
    position: absolute;
    top: 0;
    left: 0;
}

#back-to-demo-button {
    display: none!important;
}

@media(max-width: 768px) {
    #back-to-demo-button.active {
        /* display: block!important; */
        overflow: auto!important;
        /* bottom: -64px; */
        height: 64px;
        opacity: 1;
        transition: opacity 0.4s ease-in-out;
    }
    #back-to-demo-button {
        display: block!important;
        /* z-index: -9999; */
        position: fixed;
        bottom: 0;
        opacity: 0;
        width: 100%;
        height: 0;
        overflow: hidden;
        color: #fff;
        font-weight: 600;
        font-size: 20px;
        z-index: 99;
        background: #2671FF;
        text-align: center;
        line-height: 64px;
        /* transition: opacity 0.2s ease-in-out;
      transition: height 0.2s ease-in-out 0.2s; */
    }
}

.content-image-wrapper {
    margin-bottom: 0;
}

.content-image-wrapper img {
    display: block;
}

.content-image-wrapper .aligncenter {
    margin: 0 auto;
}

.content-image-wrapper .alignleft {
    float: left;
    padding-right: 12px;
}

.content-image-wrapper .alignright {
    float: right;
    padding-left: 12px;
}

@media(max-width: 768px) {
    .content-image-wrapper .alignleft {
        float: none;
        padding-right: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
    }
    .content-image-wrapper .alignright {
        float: none;
        padding-left: 0;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 16px;
    }
}

/* Easy Table of Contents PLUGIN custom */
#c-post-main-content div#ez-toc-container {
    /* font-family: 'Inter', sans-serif;
    font-size: 20px;
    font-weight: 700; */
    padding: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}
#c-post-main-content div#ez-toc-container .ez-toc-title-toggle {
    display: none;
}
#c-post-main-content div#ez-toc-container .ez-toc-title {
    font-weight: 700;
    color: #0A2144;
}
/* END Easy Table of Contents PLUGIN custom */

#list-pagination {
    display: block;
    padding: 0 0 80px 0;
}
#list-pagination .page-numbers {
    display: flex;
    padding: 0;
    margin: 0 auto;
    flex-direction: row;
    justify-content: center;
    gap: 10px;
    list-style-type: none;
}
#list-pagination .page-numbers li {
    
}
#list-pagination .page-numbers li .page-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: 4px 12px 40px rgba(66, 94, 165, 0.1);
    transition: all 0.2s ease-in-out;
    font-family: 'Inter', sans-serif;
    font-size: 14px;
    font-weight: 500;
}
#list-pagination .page-numbers li .page-numbers:hover,
#list-pagination .page-numbers li .page-numbers.current {
    transition: all 0.2s ease-in-out;
    background-color: #2671FF;
    color: #fff;
}
#c-post-main-content iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}
.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube-video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%!important;
}


.bialty-container .youtube-video-container iframe {
        padding-top: 0;
}

.fa-search {
    background-size: 30px 30px;
    background-image: url(./img/ic_search.svg);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}