/*
Theme Name: Volutro WP
Theme URI: https://example.com/
Description: Lightweight Hello Elementor child theme for Volutro.
Author: Volutro
Author URI: https://example.com/
Template: hello-elementor
Version: 1.0.0
Text Domain: volutro-wp
*/


.wpml-floating-language-switcher {
    display: none;
}

/* ----------------------------
    LANGUAGE SWITCHER STYLE
------------------------------ */
.wpml-floating-language-switcher .wpml-ls-statics-shortcode_actions {
  margin-bottom: 0;
}
  
.wpml-floating-language-switcher  .wpml-ls-statics-shortcode_actions a {
  background-color: transparent !important;
}
  
.wpml-floating-language-switcher .wpml-ls-legacy-list-horizontal a {
  padding: 5px;
}
  
.wpml-floating-language-switcher .wpml-ls-item {
  display: block;
}
  
.wpml-floating-language-switcher {
  position: fixed;
  bottom: 20px;
  right: 0px;
  background: #f8f8f8; 
  border: 1px solid; 
  border-color: #eee; 
  padding: 0px; 
  border-radius: 6px 0 0 6px; 
  
  -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
  z-index: 999;
}

/* -----------------------
    BUTTON STYLES
------------------------ */
.btn-style-1 .elementor-button-icon {
    background: #FFF;
    width: 55px;
    height: 55px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.btn-style-1 .elementor-button-text {
    background-color: #FFF !important;
    border-radius: 55px;
    align-items: center;
    justify-content: center;
    display: flex;
    padding: 15px 36px;
}

.btn-style-1 .elementor-button-icon svg {
    width: 16px;
    transition: all 0.35s ease;
    transform: translateY(0) rotate(-45deg);
}

.btn-style-1 .elementor-button {
    background-color: transparent !important;
    padding: 0px !important;
}

/* Hover Effect */
.btn-style-1 .elementor-button:hover .elementor-button-icon svg {
    transform: translate(12px, -12px) rotate(-45deg);
    /* transform: translateY(-20px) rotate(-45deg); */
    opacity: 0;
}

/* Second Arrow */
.btn-style-1 .elementor-button-icon::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    background: currentColor;
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='black' d='M14.4923 11.9044L1.23304 11.7371L1.26145 9.24257L14.5154 9.40272C15.2196 9.41102 15.5832 8.5644 15.0921 8.06001L9.83724 2.66076L11.6301 0.913955L21.2115 10.7388L11.3757 20.331L9.63441 18.547L15.0347 13.2601C15.538 12.7676 15.1957 11.9135 14.4923 11.9044Z'/%3E%3C/svg%3E") no-repeat center;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 22'%3E%3Cpath fill='black' d='M14.4923 11.9044L1.23304 11.7371L1.26145 9.24257L14.5154 9.40272C15.2196 9.41102 15.5832 8.5644 15.0921 8.06001L9.83724 2.66076L11.6301 0.913955L21.2115 10.7388L11.3757 20.331L9.63441 18.547L15.0347 13.2601C15.538 12.7676 15.1957 11.9135 14.4923 11.9044Z'/%3E%3C/svg%3E") no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #000000;
    transform: translate(-14px, 14px) rotate(-45deg);
    /* transform: translateY(20px) rotate(-45deg); */
    opacity: 0;
    transition: all 0.35s ease;
}

.btn-style-1 .elementor-button:hover .elementor-button-icon::after {
    transform: translate(0, 0) rotate(-45deg);
    /* transform: translateY(0) rotate(-45deg); */
    opacity: 1;
}

.btn-style-1 .elementor-button:hover .elementor-button-text {
    background-color: #A2C613 !important;
}

.btn-style-1 .elementor-button:hover .elementor-button-icon {
    background-color: #A2C613 !important;
}


.btn-style-1.is-blue .elementor-button-icon {
    background: #62B9E9;
}

.btn-style-1.is-blue .elementor-button-text {
    background: #62B9E9 !important;
}

.btn-style-1.is-blue .elementor-button:hover .elementor-button-icon {
    background: #A2C613 !important;
}

.btn-style-1.is-blue .elementor-button:hover .elementor-button-text {
    background: #A2C613 !important;
}
 

.btn-style-1.is-green .elementor-button-icon {
    background: #A2C613; 
}

.btn-style-1.is-green .elementor-button-text {
    background: #A2C613 !important;
}

.btn-style-1.is-green .elementor-button:hover .elementor-button-icon {
    background: #62B9E9 !important;
}

.btn-style-1.is-green .elementor-button:hover .elementor-button-text {
    background: #62B9E9 !important;
}

.p-info-mb-0 p:last-child {
    margin-bottom: 0px !important;
}

/* .gradient-btn .elementor-button {
    background-size: 200% 200%;
    background-position: left;
    transition: background-position .6s ease-in-out;
}

.gradient-btn.btn-style-1.is-green .elementor-button:hover .elementor-button-icon,
.gradient-btn.btn-style-1.is-green .elementor-button:hover .elementor-button-text {
    background: linear-gradient(90deg, #cad98d 0%, #a2c613 15%, #62b9e9cf 100%) !important;
    background-size: 200% 100%;
} */


.gradient-btn.btn-style-1 .elementor-button-text,
.gradient-btn.btn-style-1 .elementor-button-icon {
    /* background-image: linear-gradient(to right, #62B9E9, #40e495, #30dd8a, #A2C613) !important;  */
    background-image: linear-gradient(to right, #62B9E9, #a2c613d9, #a2c613, #62b9e9) !important;
    box-shadow: 0 4px 15px 0 rgba(49, 196, 190, 0.75) !important;
    background-size: 300% 100%;
}

.gradient-btn.btn-style-1 .elementor-button:hover .elementor-button-text,
.gradient-btn.btn-style-1 .elementor-button:hover .elementor-button-icon {
    background-position: 100% 0 !important;
    moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}




@media (max-width: 1366px) {

}

@media (max-width: 1024px) {
    .btn-style-1 .elementor-button-text {
        padding: 9px 29px;
    }
    .btn-style-1 .elementor-button-icon {
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 767px) {
    .btn-style-1 .elementor-button-icon svg {
        width: 15px !important;
    }
    .btn-style-1 .elementor-button-text {
        padding: 9px 20px;
    }
    .btn-style-1 .elementor-button-icon {
        width: 39px;
        height: 39px;
    }

    /* Common CSS */
    .mb-font-wg-500 h1, .mb-font-wg-500 h2, .mb-font-wg-500 h3, .mb-font-wg-500 h4, .mb-font-wg-500 h5, .mb-font-wg-500 h6, .mb-font-wg-500 p{
        font-weight: 500 !important;
    }

    .mb-font-wg-600 h1, .mb-font-wg-600 h2, .mb-font-wg-600 h3, .mb-font-wg-600 h4, .mb-font-wg-600 h5, .mb-font-wg-600 h6, .mb-font-wg-600 p{
        font-weight: 600 !important;
    }

    .mb-font-wg-400 p {
        font-weight: 400 !important;
    } 

    .mb-icon-relative {
        bottom: 15px !important;
        top: auto !important;
        right: 15px !important;
    }
    
    .mb-bg-white {
        background-color: white !important;
    }

    .mb-text-grey p {
        color: #525C61 !important;
    }

    .mb-text-grey h1, .mb-text-grey h2, .mb-text-grey h3, .mb-text-grey h4, .mb-text-grey h5, .mb-text-grey h6 {
        color: #525C61 !important;
    }
    
}