/*
 Theme Name:   Hello-elementor Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Hello-elementor Child Theme
 Author:       Frans
 Author URI:   http://example.com
 Template:     hello-elementor
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  hello-elementor-child
*/

.swap-pair{
    position: relative;
    width: 240px !important;
    max-width: 100%;
    aspect-ratio: 1 / 1;
    padding-left: 20px !important;
    padding-right: 20px !important;
}
.swap-pair .swap-base,
.swap-pair .swap-top{
    position: absolute;
    inset: 0;
    margin: 0 !important;
}
.swap-pair .swap-base img,
.swap-pair .swap-top img{
    width: 100% !important;
    height: 100% !important;
    object-fit: contain;
    display: block;
}
.swap-pair .swap-base,
.swap-pair .swap-top{
    transition: opacity 0.9s ease-in-out !important;
}
.swap-pair .swap-base{
    opacity: 1;
    z-index: 1;
}
.swap-pair .swap-top{
    opacity: 0;
    z-index: 2;
}
.swap-pair.is-active .swap-base{
    opacity: 0;
}
.swap-pair.is-active .swap-top{
    opacity: 1;
}

.ov-hidden{
    overflow: hidden !important;
}
.ov-hidden-x{
    overflow-x: hidden !important;
}
.ov-hidden-y{
    overflow-y: hidden !important;
}
.header-toggle{
    z-index: 99 !important;
    position: fixed !important;
    transition: all 0.3s !important;
    margin-top: 0px;
    width: 100%;
    background: #fff;
}
.header-toggle.toggled{
    padding: 5px 20px 5px 20px !important;
    transition: all 0.3s !important;
}
.header-toggle .logo img{
    transition: all 0.3s !important;
}
.header-toggle.toggled .logo img{
    max-width: 100px;
    transition: all 0.3s !important;
}
.page-padding{
    margin-top: 120px !important;
}
.bottomlinks img{
    max-width: 160px !important;
    margin: 0 auto !important;
}
.img-border:before{
    content: "";
    position: absolute;
    top: -20px;
    left: 20px;
    width: 100%;
    height: calc(100% + 40px);
    border: 2px solid #dabc86;
    border-radius: 0px;
}
.img-border.left:before{
    top: -20px;
    left: -20px;
}
.small-h1{
    text-transform: lowercase;
    font-family: var(--e-global-typography-accent-font-family), sans-serif;
    font-weight: bold;
}
.onlydesktop{
    display: block !important;
}
.onlymobile{
    display: none !important;
}

@media all and (max-width:1024px){
    .main-menu a{
        border: 2px solid transparent;
        border-radius: 30px;
    }
    .main-menu a:hover{
        border: 2px solid transparent;
        border-radius: 30px;
    }   
}