/*
 Theme Name:   Megastrap Child
 Author:       Konstantin
 Template:     megastrap
*/

.body {
    font-family: "Inter", system-ui;
    font-optical-sizing: auto;
}

/* Main Navigation styles
--------------------------------------*/

.line-height-thin {
    line-height: 1!important;
}
.content-v-margin {
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.lang-picker-wrapper {
    background-color: #e1e9f8;
    border-radius: 0.4rem;
    padding: 0.2rem 0.3rem;
}
.lang-picker-wrapper>a {
    color: #222222;
    opacity: 0.5;
    display: inline-block;
    padding: 0.2rem 0.3rem;
    transition: 0.5s;
    line-height: 1;
}
.lang-picker-wrapper>a:hover {
    opacity: 1;
    background-color: #ffffff;
    border-radius: 0.3rem;
}
@media screen and (max-width: 380px) {
    .lang-picker-wrapper {
        padding: 0.2rem 0.2rem;
    }
    .lang-picker-wrapper>a {
        padding: 0.2rem 0.2rem;
    }
    .navbar-brand-logo.custom-logo-link {
        margin-right: 0;
    }
}
@media (min-width: 992px) {
    .navbar.navbar-trading a.nav-link {
        padding: 0.2rem 1rem;
    }
    .navbar.navbar-trading a.nav-link.active {
        background-color: #e1e9f8;
        border-radius: 1rem;
    }
	.rounded-lg-pill {
		    border-radius: var(--bs-border-radius-pill) !important;
	}
}
div.header-homepage {
    position:absolute; 
    z-index:5; 
    top:0; 
    left:0; 
    right:0;
}
.wp-block-button.is-style-outline>.wp-block-button__link, 
.wp-block-button .wp-block-button__link.is-style-outline {
    border: 1px solid;
    padding: 0.6em 1.2em;
}

/* Primary button style
--------------------------------------*/
.m-bootstrap-button.btn-primary {
    /* Use specific gradient */
    background: linear-gradient(125deg, rgb(133, 185, 103) 0%, rgb(47, 121, 182) 38%, rgb(96, 86, 167) 100%);
    color: #ffffff !important;
    border: none;
    transition: opacity 0.3s ease;
}

.m-bootstrap-button.btn-primary:hover, .m-bootstrap-button.btn-primary:focus {
    /* Since gradients can't be "darkened" easily with CSS alone, 
       slight transparency is a quick way to show interaction */
    opacity: 0.9;
    color: #ffffff !important;
    background: linear-gradient(125deg, rgb(133, 185, 103) 0%, rgb(47, 121, 182) 38%, rgb(96, 86, 167) 100%);
}

.m-bootstrap-button.btn-primary:active {
    opacity: 0.8;
}


/* Block styles
--------------------------------------*/
.wp-block-separator {
    border: none;
    border-top: 1px solid;
}

/* Slider Block styles
--------------------------------------*/

.is-style-icons-carusel figure.k-block-slick-classic-item img.k-block-slick-classic-image {
    aspect-ratio: 4/1;
    object-fit: contain;
    object-fit: scale-down;
    padding: 0 1rem;
}

/* gTranslate Button fixes
--------------------------------------*/
.btn>font, .btn>font>font {
    display: inline;
    vertical-align: baseline!important;
}


/* Check list style 
--------------------------------------*/
.is-style-check-list {
    list-style-type: '✓ ';
    padding-left: 1.25rem;
    line-height: 1.25;
}
ul.is-style-check-list li::marker {
    color: var(--bs-primary);
    font-size: 1.2em;
    font-weight: bold;
}
ul.is-style-check-list li {
    margin-bottom: 0.5rem;
}