/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/
.archive section.elementor-section-content-middle, .woolentor_current_theme_hello-elementor-child section.elementor-section-content-middle{
    background-color: #8520be;
    background-image: url(https://jokersmoker.dreamsites.io/wp-content/uploads/2023/11/image-8.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.avwp-av {
    background-color: #80C41C;
    border-radius: 16px;
    top: 100px !important;
    min-height: 400px;
    padding: 70px;
    line-height: 32px;
    text-align: left;
    min-width: 62%;
    max-width: 90%;
    background-image: url(https://jokersmoker.dreamsites.io/wp-content/uploads/2023/05/js-drop.png);
    background-size: contain;
    background-position: 100% 130%;
    background-repeat: repeat-x;
}
.avwp-av h2 {
    font-size: 60px;
    color: #fff;
    font-weight: 400;
    line-height: 70px;
    width: calc(100% - 94px);
    border: none;
    display: inline-block;
    -webkit-animation: 2s Blazing infinite alternate linear;
    animation: 2s Blazing infinite alternate linear;
    text-shadow: 0 3px 20px red, 0 0 20px red, 0 0 10px orange, 4px -5px 6px yellow, -4px -10px 10px yellow, 0 -10px 30px yellow;
}
.avwp-av p {
    line-height: 32px;
    color: #fff;
    font-size: 22px;
}
.avwp-av p button {
    width: 136px;
    height: 52px;
    border-radius: 16px;
    border: 4px solid #5D2E78;
    font-size: 16px;
    background-color: #FFFE54 !important;
    color: #5D2E78;
}
.avwp-av p:last-child {
    text-align: left;
}
.avwp-av:after {
    content: "";
    position: absolute;
    background-image: url('https://jokersmoker.dreamsites.io/wp-content/uploads/2023/05/js-logo.png');
    width: 80px;
    height: 74px;
    top: 60px;
    right: 36px;
    background-size: contain;
    background-repeat: no-repeat;
}
.avwp-av p strong {
    color: #ff1f1f;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    transform-origin: bottom;
    display: inline-block;
    animation-name: bounce-1;
    animation-timing-function: linear;
}
@keyframes bounce-1 {
        0%   { transform: translateY(0); }
        50%  { transform: translateY(-10px); }
        100% { transform: translateY(0); }
    }
    @keyframes Blazing {
    0%   { text-shadow: 0 3px 20px red, 0 0 20px red,
        0 0 10px orange,
        0 0 0 yellow,
        0 0 5px yellow,
        -2px -5px 5px yellow,
        4px -10px 10px yellow; }
    25%   { text-shadow: 0 3px 20px red, 0 0 30px red,
        0 0 20px orange,
        0 0 5px yellow,
        -2px -5px 5px yellow,
        3px -10px 10px yellow,
        -4px -15px 20px yellow; }
    50%   { text-shadow: 0 3px 20px red, 0 0 20px red,
        0 -5px 10px orange,
        -2px -5px 5px yellow,
        3px -10px 10px yellow,
        -4px -15px 20px yellow,
        2px -20px 30px rgba(255,255,0,0.5); }
    75%   { text-shadow: 0 3px 20px red, 0 0 20px red,
        0 -5px 10px orange,
        3px -5px 5px yellow,
        -4px -10px 10px yellow,
        2px -20px 30px rgba(255,255,0,0.5),
        0px -25px 40px rgba(255,255,0,0)}
    100%   { text-shadow: 0 3px 20px red, 0 0 20px red,
        0 0 10px orange,
        0 0 0 yellow,
        0 0 5px yellow,
        -2px -5px 5px yellow,
        4px -10px 10px yellow; }
}

@media screen and (min-width: 1024px) and (max-width: 1199px) { 
.avwp-av {
    min-width: 80%;
}   
}
@media screen and (max-width: 1024px) { 
.avwp-av {
    min-width: 90%;max-width: 95%;    top: 50px !important;
    padding: 50px;
}   
.avwp-av:after {
    top: 50px;
    right: 40px;
}
}
@media screen and (max-width: 767px) { 
.avwp-av {
    padding: 35px;min-height: auto;
}
.avwp-av h2 {
    font-size: 45px;
    line-height: 60px;
}
.avwp-av p {
    line-height: 27px;
    font-size: 19px;
}
.avwp-av:after {
    top: 22px;
    right: 58px;
    width: 70px;
    height: 70px;
}   
}