/*
Theme Name: WpDev
Theme URI: https://frontendtanfolyam.hu/
Author: FrontendTanfolyam
Author URI: https://frontendtanfolyam.hu/pocsik-emese-frontend-fejleszto/
Description: Basic Block Theme by Emese Pocsik
Tags: one-column, custom-colors, custom-menu
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpdev
*/
@media screen and (max-width: 1199px) {
    body {
        font-size: 16px;
    }
}

html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
    padding: 0;
}

header.wp-block-template-part {
    position: relative;
    z-index: 100;
}

.wp-block-site-logo,
.wp-block-site-logo a,
.wp-block-site-logo a img {
    width: 250px !important;
}

iframe {
    margin: 0;
    display: block;
}

.wp-element-button {
    transition: all 0.2s ease-in-out;
}

.wp-element-button:hover {
    transform: translateY(-3px);
}

#mlb2-28891960.ml-form-embedContainer .ml-form-embedWrapper.embedForm {
    max-width: 100% !important;
}

#mlb2-28891960.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
#mlb2-28891960.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody {
    padding: 0 !important;
}

@media (max-width: 768px) {
    h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]) {
        writing-mode: horizontal-tb !important;
        text-align: center !important;
        rotate: 0deg !important;
    }

    footer.wp-block-template-part .wp-block-social-links {
        order: 10;
    }

    h1 br,
    h2 br,
    h3 br {
        display: none;
    }
}

.wp-block-query-pagination-numbers {
    display: flex;
    gap: 0.5rem;
    font-size: smaller;
}

.wp-block-query-pagination-numbers span,
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next-arrow {
    display: block;
    width: 2rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 3rem;
    text-align: center;
}

.wp-block-query-pagination-previous-arrow,
.wp-block-query-pagination-next-arrow {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-previous-arrow:hover,
.wp-block-query-pagination-next-arrow:hover {
    background: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--primary);
}

.wp-block-query-pagination-numbers .current {
    background: var(--wp--preset--color--primary);
    color: #fff;
}

body.single-post h2 {
    font-size: clamp(1.75rem, 5vw, 3rem);
}

.iphone {
    position: relative;
}

.iphone:before {
    position: absolute;
    content: "";
    width: 6px;
    height: 10vw;
    background: var(--wp--preset--color--border) !important;
    right: -3px;
    top: 0;
    z-index: 100;
    border-radius: 10px;
}

.iphone:after {
    position: absolute;
    content: "";
    width: 6px;
    height: 20vw;
    left: -3px;
    top: 0;
    z-index: 100;
    border-radius: 10px;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 20 780" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;"><g transform="matrix(1,0,0,1,0.019685,-1.15463e-14)"><path d="M19.98,570C19.98,564.481 15.499,560 9.98,560C4.461,560 -0.02,564.481 -0.02,570L-0.02,770C-0.02,775.519 4.461,780 9.98,780C15.499,780 19.98,775.519 19.98,770L19.98,570ZM19.98,294.936C19.98,289.416 15.499,284.936 9.98,284.936C4.461,284.936 -0.02,289.416 -0.02,294.936L-0.02,494.936C-0.02,500.455 4.461,504.936 9.98,504.936C15.499,504.936 19.98,500.455 19.98,494.936L19.98,294.936ZM19.98,10C19.98,4.481 15.499,0 9.98,0C4.461,0 -0.02,4.481 -0.02,10L-0.02,110C-0.02,115.519 4.461,120 9.98,120C15.499,120 19.98,115.519 19.98,110L19.98,10Z" style="fill:rgb(217,217,217);"/></g></svg>');
    background-position: top center;
    background-repeat: no-repeat;

}


.iphone > .wp-block-cover:before {
    position: absolute;
    content: "";
    width: 6rem;
    height: 2rem;
    background: var(--wp--preset--color--border) !important;
    right: 50%;
    margin-right: -50px;
    top: 1rem;
    z-index: 100;
    border-radius: 60px;
}



.bubble:before {
    position: absolute;
    content: "";
    width: 1rem;
    height: 1.5rem;
    right: 1rem;
    top: calc(-1.5rem + 1px);
    z-index: 100;
    background-image: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:serif="http://www.serif.com/" width="100%" height="100%" viewBox="0 0 15 25" version="1.1" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><g transform="matrix(1,0,0,1,-39.5,-69.5)"><g transform="matrix(0.150266,0,0,0.15,26.8807,54.9231)"><path d="M180.475,100.513L87.307,260.513L180.475,260.513L180.475,100.513Z" style="fill:rgb(255,255,255);"/></g><g transform="matrix(0.15,0,0,0.15,27.8821,53.772)"><path d="M174.12,108.187L80.786,268.187L174.12,108.187Z" style="fill:none;stroke:rgb(217,217,217);stroke-width:5px;"/></g><g transform="matrix(0.15,0,0,0.15,29.0909,54.3551)"><path d="M166.061,104.3L166.061,264.3" style="fill:none;stroke:rgb(217,217,217);stroke-width:5px;"/></g></g></svg>');
    background-position: top center;
    background-repeat: no-repeat;
}