/*
Additional classes to adapt BULMA css to regify needs.
*/

/* reset bulma cleared lists */

html {
    scroll-behavior:smooth;
}

label.checkbox {
    margin-left: 1.15rem;
    text-indent: -1.15rem;
}

@media(max-width: 767px) { /* <== You can change this break point as per your  needs */
    .reverse-columns-mobile {
      flex-direction: column-reverse;
      display: flex;
    }
}

.logo {
    background-image: url("images/logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center left;
    width: 9rem;
    height: 2.2rem;
}

body {
    background-color: #b5d6f9;;
}

.navbar2::after {
    background: url('images/cross_top.png');
    content: "";
    position: absolute;
    width: 558px;
    height: 228px;
    z-index: -1;
    top: 0;
    left: 0;
}

video {
    box-shadow: 0 0 20px #70a5dd;
    border-radius: 4px;
}

.showHideIcon {
    cursor: pointer;
}

.showHideIcon::after {
    content: "";
    font-weight: lighter;
    font-size: 70%;
    vertical-align: top;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-caret-right-fill' stroke='green' fill='green' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 10px;
    transition-duration: 0.4s;
    transition-property: transform;
}

.open.showHideIcon::after {
    transform: rotate(90deg);
}

.lang-dropdown .navbar-dropdown {
    width: 180px;
}
.lang-dropdown .navbar-dropdown .navbar-item {
    display: flex;
    align-items: center;
}
.lang-dropdown .navbar-dropdown .navbar-item img {
    display: block;
    height: 26px;
    width: 26px;
    min-width: 26px;
    border-radius: 50%;
}
.lang-dropdown .navbar-dropdown .navbar-item span {
    display: block;
    margin-left: 10px;
}