/* Start custom CSS for shortcode, class: .elementor-element-82a063e *//* =========================================================
   THE FYMOUS - SINGLE POST
   ========================================================= */


/* =========================================================
   MAIN ARTICLE
   ========================================================= */

.fymous-single-post {
    width: 100%;
    max-width: 1180px;

    margin: 0 auto;

    padding: 55px 25px 0;

    box-sizing: border-box;
}


/* =========================================================
   CATEGORY
   ========================================================= */

.fymous-category {
    width: 100%;

    text-align: center;

    margin: 0 0 18px;
}

.fymous-category a {
    display: inline-block;

    font-size: 13px;

    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 1.5px;

    text-transform: uppercase;

    text-decoration: none;

    color: #111;
}


/* =========================================================
   TITLE
   ========================================================= */

.fymous-title {
    width: 100%;

    max-width: 950px;

    margin: 0 auto 20px !important;

    padding: 0;

    text-align: center;

    font-size: 56px !important;

    line-height: 1.08 !important;

    font-weight: 800 !important;

    letter-spacing: -1.5px;
}


/* =========================================================
   AUTHOR / DATE
   ========================================================= */

.fymous-meta {
    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

    gap: 10px;

    margin: 0 auto 40px;

    color: #666;

    font-size: 14px;

    line-height: 1.5;
}

.fymous-meta-separator {
    color: #aaa;
}


/* =========================================================
   FEATURED IMAGE
   ========================================================= */

.fymous-featured {
    width: 100%;

    max-width: 1100px;

    margin: 0 auto 50px;
}

.fymous-featured-image {
    display: block;

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

    margin: 0 !important;

    border-radius: 12px;
}


/* =========================================================
   ARTICLE CONTENT
   ========================================================= */

.fymous-content {
    width: 100%;

    max-width: 780px;

    margin: 0 auto;

    font-size: 18px;

    line-height: 1.8;

    color: #222;
}

.fymous-content p {
    margin: 0 0 25px;
}


/* =========================================================
   ARTICLE HEADINGS
   ========================================================= */

.fymous-content h2 {
    margin: 45px 0 20px;

    font-size: 32px;

    line-height: 1.3;

    font-weight: 700;
}

.fymous-content h3 {
    margin: 35px 0 18px;

    font-size: 26px;

    line-height: 1.3;

    font-weight: 700;
}


/* =========================================================
   ARTICLE IMAGES
   ========================================================= */

.fymous-content img {
    display: block;

    max-width: 100%;

    height: auto;

    margin: 35px auto;

    border-radius: 10px;
}


/* =========================================================
   BLOCKQUOTE
   ========================================================= */

.fymous-content blockquote {
    margin: 35px 0;

    padding: 20px 25px;

    border-left: 4px solid #111;

    font-size: 21px;

    line-height: 1.6;

    font-style: italic;
}


/* =========================================================
   THE FYMOUS BRANDING SECTION
   ========================================================= */

.fymous-branding {
    display: block !important;

    width: 100vw !important;

    position: relative;

    left: 50%;

    transform: translateX(-50%);

    margin-top: 90px;

    background: #f7f7f7;

    border-top: 1px solid #e5e5e5;

    overflow: visible;
}


/* =========================================================
   BRANDING INNER
   ========================================================= */

.fymous-branding-inner {
    width: 100%;

    max-width: 1180px;

    margin: 0 auto;

    padding: 70px 25px 65px;

    box-sizing: border-box;

    text-align: center;
}


/* =========================================================
   LOGO WRAPPER
   ========================================================= */

.fymous-logo-wrapper {
    display: block !important;

    width: 100%;

    margin: 0 auto;

    text-align: center;

    overflow: visible;
}


/* =========================================================
   THE FYMOUS LOGO
   ========================================================= */

.fymous-branding-logo {
    display: block !important;

    visibility: visible !important;

    opacity: 1 !important;

    width: 360px !important;

    max-width: 85% !important;

    height: auto !important;

    margin: 0 auto 22px !important;

    padding: 0 !important;

    object-fit: contain !important;

    border: 0 !important;

    border-radius: 0 !important;

    box-shadow: none !important;
}


/* =========================================================
   LOGO DIVIDER
   ========================================================= */

.fymous-branding-line {
    display: block;

    width: 45px;

    height: 2px;

    margin: 0 auto 20px;

    background: #222;
}


/* =========================================================
   TAGLINE
   ========================================================= */

.fymous-branding-text {
    display: block;

    margin: 0;

    padding: 0;

    font-size: 18px;

    line-height: 1.5;

    font-weight: 500;

    letter-spacing: 0.3px;

    color: #444;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 1024px) {

    .fymous-single-post {
        padding: 45px 22px 0;
    }


    .fymous-title {
        max-width: 850px;

        font-size: 48px !important;

        line-height: 1.1 !important;
    }


    .fymous-featured {
        max-width: 100%;
    }


    .fymous-content {
        max-width: 760px;
    }


    .fymous-branding-inner {
        padding: 60px 22px 55px;
    }


    .fymous-branding-logo {
        width: 330px !important;

        max-width: 80% !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .fymous-single-post {
        padding: 35px 17px 0;
    }


    /* CATEGORY */

    .fymous-category {
        margin-bottom: 14px;
    }


    .fymous-category a {
        font-size: 12px;

        letter-spacing: 1.2px;
    }


    /* TITLE */

    .fymous-title {
        max-width: 100%;

        font-size: 34px !important;

        line-height: 1.15 !important;

        letter-spacing: -0.5px;
    }


    /* META */

    .fymous-meta {
        font-size: 13px;

        gap: 7px;

        margin-bottom: 28px;
    }


    /* FEATURED */

    .fymous-featured {
        margin-bottom: 32px;
    }


    .fymous-featured-image {
        border-radius: 8px;
    }


    /* ARTICLE */

    .fymous-content {
        font-size: 17px;

        line-height: 1.75;
    }


    /* HEADINGS */

    .fymous-content h2 {
        margin-top: 38px;

        font-size: 27px;
    }


    .fymous-content h3 {
        margin-top: 30px;

        font-size: 22px;
    }


    /* BLOCKQUOTE */

    .fymous-content blockquote {
        font-size: 19px;

        padding: 16px 18px;
    }


    /* BRANDING */

    .fymous-branding {
        margin-top: 60px;
    }


    .fymous-branding-inner {
        padding: 45px 18px 42px;
    }


    /* LOGO */

    .fymous-branding-logo {
        width: 250px !important;

        max-width: 88% !important;

        height: auto !important;

        margin-bottom: 18px !important;
    }


    /* DIVIDER */

    .fymous-branding-line {
        width: 35px;

        height: 2px;

        margin-bottom: 17px;
    }


    /* TAGLINE */

    .fymous-branding-text {
        font-size: 15px;

        line-height: 1.5;
    }

}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width: 480px) {

    .fymous-title {
        font-size: 30px !important;
    }


    .fymous-content {
        font-size: 16px;
    }


    .fymous-branding-logo {
        width: 220px !important;

        max-width: 90% !important;
    }


    .fymous-branding-text {
        font-size: 14px;
    }

}
/* =========================================================
   FYMOUS SPAIN IMPROVEMENTS
   ========================================================= */

.fymous-title{
    text-wrap: balance;
}

.fymous-content{
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.fymous-content iframe,
.fymous-content video{
    width:100%;
    max-width:100%;
    border-radius:12px;
}

.fymous-content table{
    display:block;
    overflow-x:auto;
    width:100%;
}

.fymous-content a{
    color:#111;
    text-decoration:underline;
}

.fymous-content ul,
.fymous-content ol{
    margin-bottom:25px;
    padding-left:25px;
}

.fymous-content li{
    margin-bottom:10px;
}

.fymous-featured-image{
    object-fit:cover;
}

.fymous-featured{
    overflow:hidden;
    border-radius:16px;
}

@media(max-width:767px){

    .fymous-title{
        font-size:32px !important;
    }

    .fymous-content{
        font-size:17px;
    }

    .fymous-content p{
        margin-bottom:22px;
    }
}/* End custom CSS */