/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

.wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button, .wc-block-grid__products .wc-block-grid__product-image img, .products .ct-image-container img, .button, .wpcf7 .wpcf7-submit, [data-archive=default][data-layout=simple] article:not(:last-child), [type=submit], body.stk--anim-init :is(.stk-block,.stk-container,.stk-container-padding,.stk-img-wrapper,.stk-img-wrapper img,.stk-block-heading__top-line,.stk-block-heading__bottom-line,.stk-block-posts__item-hide,.stk-block-posts__title>a,.stk-button,.stk-button__inner-text,.stk-block li,.stk-block p,.stk-block h1,.stk-block h2,.stk-block h3,.stk-block h4,.stk-block h5,.stk-block h6,.stk-block [class*=__text]), .wp-block-button.wc-block-grid__product-add-to-cart .added_to_cart, .wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button {
    border-radius: 10px !important;
}

.acc-extra {
    display: flex;
    width: 100%;
    text-align: left !important;
    margin-top: 8px;
}


@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;0,1000;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900;1,1000&display=swap');

/* reset style */

/*.entry-content > *:last-child {*/
/*    margin: 0 15px;*/
/*}*/

a.site-logo-container {
    padding-left: 0 !important;
}

footer  p {
    margin-bottom: 2px !important;
}


a.glink img {
    border-radius: 100%;
    width: 17px;
    height: 14px;
}

#gt-wrapper-43973629 {
    margin: 0 15px !important;
}

[data-footer*="type-1"] .ct-footer [data-row*="bottom"] > div {
    border-top: 1px solid white;
}

a {
    text-decoration: none;
    color: inherit;
}

/* helper class */

.container {
    width: 1440px;
    margin: 0 auto;
    padding: 0 15px;
}


.learn {
    padding: 121px 0 141px 0;
}

.learn .learn__title {
    /* Style for "Mokymai sp" */
    color: #e05930;
    font-family: Mulish;
    font-size: 48px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 70px;
    text-align: center;
    /* Text style for "Mokymai sp" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 20px;
}

.learn .learn__sub {
    /* Style for "Čia galima" */
    color: #707070;
    font-family: Mulish;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
    text-align: center;
    /* Text style for "Čia galima" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    margin-bottom: 90px;
}

.learn .learn__block-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.learn .learn__btn {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    /* Style for "Rectangle" */
    width: calc(33.33% - 10px);
    height: 139px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
    border-radius: 10px;
    border: 1px solid #707070;
    background-color: #f6f6f6;
    /* Style for "Grožio pas" */
    color: #676767;
    font-family: Mulish;
    font-size: 28px;
    font-weight: 700;
    font-style: normal;
    letter-spacing: normal;
    line-height: 36px;
    text-align: left;
    /* Text style for "Grožio pas" */
    font-style: normal;
    letter-spacing: normal;
    line-height: normal;
    padding: 25px 0 35px 40px;
    transition: all .2s ease-in-out;
}

.learn .learn__btn img {
    margin-right: 34px;
}

.learn .learn__btn:hover {
    background-color: #F2692C;
    border: none;
    color: white;
    transform: scale(1.02);
}

.learn .learn__btn:hover img {
    filter: brightness(100000%);
}


/* Response here start */

@media only screen and (max-width: 1450px) {
    .container {
        width: 100%;
        padding: 0 15px;
    }

}

@media only screen and (max-width: 1220px) {

    .learn .learn__btn {
        width: calc(50% - 10px);
    }


    .learn .learn__btn {
        font-size: 22px;
    }

}

@media only screen and (max-width: 1024px) {
    .learn {
        padding-bottom: 80px;
    }
}


@media only screen and (max-width: 770px) {
    .learn .learn__btn {
        width: 100%;
        font-size: 20px;
    }
}

@media only screen and (max-width: 480px) {
    .learn .learn__btn {
        height: 90px;
        padding: 10px 20px;
        font-size: 17px;
    }

    .learn .learn__btn img {
        height: 40px;
        width: 40px;
    }

    .header__info h1,
    .learn .learn__title,
    .orange-form .orange-box .box .title,
    .news-section .title {
        font-size: 34px;
    }

    .learn .learn__sub {
        font-size: 22px;
    }

    .orange-form .orange-box .box:nth-of-type(3) a {
        font-size: 19px;
    }
}