/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/*----------------------------------------------------------------------------------------------------------------------------
A BRAND NEW NEXDOM
CSS ganeshaproduccions v.26.01 JAN26
----------------------------------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------
ROOT VARIABLES
--------------------------------------------------------------*/
:root{
    --break: 1em;
    --break-rem: 1rem;
    --radius: 6px;
    --radius-small: 4px;
    --radius-huge: 16px;

    /* COLOR SYSTEM */
    --color-base: #1A1A1A;
    --color-contrast: #FFFFFF;
    --color-ink: #2F2F2F;
    --color-shadow: #57595D;
    --color-granite: #71757A;
    --color-moon:#92979E;
    --color-fog: #AAB1B8;
    --color-gray: #CED5DE;
    --color-apollo: #DEE3E9;
    --color-solitude: #E8ECF0;
    --color-lighthouse: #F0F2F5;
    --color-smoke: #FAFBFC;
    --color-racc: #FFCF00;
    --color-racc-golden: #F3C500;
    --color-racc-citronite: #D2AB00;
    --color-racc-lemonade: #FFE98A;
    --color-racc-corn: #FFF5CA;
    --color-nexdom-smoke: ##F4F4F0;
    --color-info: #1D569F;
    --color-success: #00C04D;
    --color-error: #B3261E;

    /* SIZES SYSTEM BASED ON 18 */
    --font-h1: clamp(2rem, 1.818rem + 0.91vw, 2.5rem); /*40 --> 32*/
    --font-h2: clamp(1.75rem, 1.659rem + 0.45vw, 2rem); /*32 --> 28*/
    --font-h3: clamp(1.5rem, 1.455rem + 0.23vw, 1.625rem); /*28 --> 24*/
    --font-h4: clamp(1.25rem, 1.205rem + 0.23vw, 1.375rem); /*22 --> 20*/
    --font-base: clamp(1.063rem, 1.04rem + 0.11vw, 1.125rem); /*18 --> 17*/
    --font-base16: clamp(0.938rem, 0.896rem + 0.14vw, 1rem); /*16 --> 15;*/
    --font-small: clamp(0.813rem, 0.771rem + 0.14vw, 0.875rem); /*14 --> 13*/

    --font-light: 300;
    --font-regular: 400;
    --font-semibold: 600;
    --font-bold: 700;

    --font-height-body: 1.5;
    --font-height-heading: 1.3;
}


/*--------------------------------------------------------------
TYPOGRAPHY
--------------------------------------------------------------*/
body{
    font-size: var(--font-base);
    font-weight: var(--font-regular);
    line-height: var(--font-height-body);
}
h1, h2, h3, h4, h5, h6, [class$="-style"] {
    font-weight: var(--font-bold);
    line-height: var(--font-height-heading) !important;
    color: inherit !important;
}
h1,
.fusion-modal h1,
.fusion-page-title-bar h1,
.fusion-tb-footer h1,
.fusion-tb-page-title-bar h1,
.fusion-title h1,
.fusion-widget-area h1,
.post-content h1,
.search-page-search-form h1{
    font-size: var(--font-h1);
    line-height: 1.2 !important;
    text-wrap: balance;
}
h2,
.ei-title h2,
.main-flex .slide-content h2,
.post h2,
.post-content h2{
    font-size: var(--font-h2);
    text-wrap: balance;
}
h3,
.fusion-post-content h3,
.fusion-title h3,
.person-author-wrapper span,
.post-content h3,
.project-content h3,
.sidebar .widget h3,
.title h3{
    font-size: var(--font-h3);
}
h4,
.fusion-project-details-tb .project-info h4,
.fusion-theme-sharing-box h4,
.fusion-title h4,
.fusion-widget-area h4,
.post-content h4,
.project-content .project-info h4{
    font-size: var(--font-h4);
}
h5,
.fusion-post-content h5,
.fusion-title h5,
.fusion-widget-area h5,
.post-content h5,
.title h5{
    font-size: var(--font-base);
}
.h1-style{
    font-size: var(--font-h1) !important;
}
.h2-style{
    font-size: var(--font-h2) !important;
}
.h3-style{
    font-size: var(--font-h3) !important;
}
.h4-style{
    font-size: var(--font-h4) !important;
}
.h5-style{
    font-size: var(--font-base) !important;
}
p,
.post-content p{
    text-wrap: pretty;
    font-size: var(--font-base);
    font-weight: var(--font-regular);
    line-height: var(--font-height-body);
}
p:empty{
    display: none
}
p[class$="-style"]{
    line-height: var(--font-height-body);
}
small {
    font-size: var(--font-small);
}
.fusion-text a:not(:is(:hover, :focus-visible)){
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
}

@media screen and (max-width: 767px) {
    .h5-style{
        font-size: var(--font-h4) !important;
    }
}

/*--------------------------------------------------------------
RESET TYPOGRAPHY RESPONSIVE
--------------------------------------------------------------*/
@media only screen and (max-width: 1099px) {
    h1.fusion-responsive-typography-calculated,
    *.h1-style.fusion-responsive-typography-calculated{
        font-size: var(--font-h1) !important;
    }
    h2.fusion-responsive-typography-calculated,
    *.h2-style.fusion-responsive-typography-calculated {
        font-size: var(--font-h2) !important;
    }
    h3.fusion-responsive-typography-calculate,
    *.h3-style.fusion-responsive-typography-calculated {
        font-size: var(--font-h3) !important;
    }
    h4.fusion-responsive-typography-calculated,
    h5.fusion-responsive-typography-calculated,
    *.h4-style.fusion-responsive-typography-calculated,
    *.h5-style.fusion-responsive-typography-calculated {
        font-size: var(--font-h4) !important;
    }
    .h5-style.fusion-responsive-typography-calculated{
        font-size: var(--font-base) !important;
    }
}

/*--------------------------------------------------------------
HELPERS
--------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
    .show-large{
        display: inherit !important;
    }
    .show-small{
        display: none !important;
    }
}
@media screen and (max-width:1024px) {
    .show-large{
        display: none !important;
    }
    .show-small{
        display: inherit !important;
    }
}
.hidden{
    display: none !important;
}
.text-left{
    text-align: left;
}
.text-right{
    text-align: right;
}
.text-center{
    text-align: center;
}
.inline-list{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    gap: 0 calc(var(--break) * 1.5);
    padding-left: 0;
}
.inline-list li{
    list-style-type: none;
    margin-block-start: 0;
}
.no-bullets{
    list-style: none;
    padding-left: 0;
}
.color-contrast{
    color: var(--color-contrast) !important;
}
.ratio-16-9 img{
    aspect-ratio: 16/9;
}


/*--------------------------------------------------------------
SPACING BLOCKS
--------------------------------------------------------------*/
.awb-off-canvas .fusion-fullwidth,
.fusion-tb-footer .fusion-fullwidth,
.fusion-tb-header .fusion-fullwidth,
.fusion-tb-page-title-bar .fusion-fullwidth,
.width-100 .fusion-fullwidth{
    --awb-padding-top: calc(var(--break) * 3.5);
    --awb-padding-bottom: calc(var(--break) * 3);
    --awb-padding-right: var(--container_padding_100_right, var(--hundredp_padding));
    --awb-padding-left: var(--container_padding_100_left, var(--hundredp_padding));
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
    .width-100 .fusion-fullwidth > .fusion-builder-row{
        max-width: calc(100% + 30px) !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media screen and (max-width: 767px) {
    .awb-off-canvas .fusion-fullwidth,
    .fusion-tb-footer .fusion-fullwidth,
    .fusion-tb-header .fusion-fullwidth,
    .fusion-tb-page-title-bar .fusion-fullwidth,
    .width-100 .fusion-fullwidth{
        --awb-padding-top: calc(var(--break) * 2.5);
        --awb-padding-bottom: calc(var(--break) * 2.5);
        --awb-padding-right: calc(var(--break) * 1.5);
        --awb-padding-left: calc(var(--break) * 1.5);
    }
    .width-100 .fusion-fullwidth > .fusion-builder-row{
        max-width: 100% !important;
    }
}


/*--------------------------------------------------------------
RHYTHM
--------------------------------------------------------------*/

.hentry .fusion-text :where(p, li, h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-end: calc(var(--break) / 2)  !important;
    text-align: left !important;
}
.hentry .fusion-text * + :where(h1, h2, h3, .h1-style, .h2-style, .h3-style){
    margin-block-start: calc(var(--break) * 2) !important;
}
.hentry .fusion-text * + :where(p, ul, ol, button){
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.hentry .fusion-text :where(p,ol,ul) + :where(h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-start: calc(var(--break) * 2.25) !important;
}
.hentry .fusion-text :where(p,ol,ul) + p[class$="-style"]{
    margin-block-start: calc(var(--break) * 1.5) !important;
}
/*.hentry .fusion-text ul:not(.inline-list) li + li{
    margin-block-start: var(--break);
}*/
.hentry .fusion-text li li + li{
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.hentry .fusion-text :where(p, ul, ol, h1, h2, h3, h4, h5, [class$="-style"]) + :where(div, section, img, figure, embed, video, table, form, button),
.hentry .fusion-text :where(div, section, img, figure, embed, video, table, form, button) + :where(p, ul, ol, h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.hentry .fusion-text p > a > img,
.hentry .fusion-text p > img{
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.hentry .fusion-text iframe{
    margin-inline: auto !important;
    margin-block-start: calc(var(--break) * 2) !important;
    margin-block-end: calc(var(--break) * 2) !important;
}



/*--------------------------------------------------------------
BUTTONS
--------------------------------------------------------------*/
.fusion-button{
    text-transform: initial;
}
.fusion-button.button-large{
    width: fit-content;
    padding: var(--break-rem) calc(var(--break-rem) * 2);
    font-size: var(--font-base);
}
.button-xlarge,
.fusion-body .fusion-button-xlarge,
.fusion-body .wpcf7-form .wpcf7-submit.button-xlarge,
.fusion-body .wpcf7-form .wpcf7-submit.fusion-button-xlarge {
    padding: calc(var(--break-rem) * 1.118) calc(var(--break-rem) * 3);
    line-height: 21px;
    font-size: var(--font-base);
}
.ghost-button{
    border: 2px solid transparent;
}
.ghost-button:not(:is(:hover, :focus-visible)){
    background: transparent;
    color: var(--color-base);
    border-color: var(--color-racc);
    transition: all 0.35s ease-in-out;
}
.ghost-button:is(:hover, :focus-visible){
    background-color: var(--color-racc-corn);
    border-color: var(--color-racc);
}



/*--------------------------------------------------------------
FOOTER
--------------------------------------------------------------*/

.layout-wide-mode.avada-has-100-footer footer.fusion-footer-widget-area > .fusion-row{
    max-width: 1600px !important;
}
.fusion-footer footer .fusion-columns{
    margin: 0;
}
.fusion-footer footer .fusion-columns .fusion-column{
    --footer_widgets_padding: 0;
    padding-left: 0;
    padding-right: 0;
}
.fusion-footer footer .fusion-row .fusion-columns{
    --columns-for-large:5;
    --breakpoint-large:1251px;
    --columns-for-medium:4;
    --breakpoint-medium:1025px;
    --columns-for-small:2;
    --breakpoint-small:601px;

    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(clamp(100%/(var(--columns-for-large) + 1) + 0.1%, (var(--breakpoint-large) - 100vw)*1000, 100%/(var(--columns-for-medium) + 1) + 0.1%), (var(--breakpoint-medium) - 100vw)*1000, 100%/(var(--columns-for-small) + 1) + 0.1%), (var(--breakpoint-small) - 100vw)*1000, 100%), 1fr));
    gap: calc(var(--break) * 2.5);
}
.fusion-footer footer .fusion-row .fusion-columns > .fusion-column{
    width: 100% !important;
}
.fusion-footer-widget-area .widget-title{
    font-size: var(--font-base16) !important;
    margin-bottom: calc(var(--break) / 2);
}
.fusion-footer-widget-area ul li a{
    padding-inline: 0 !important;
}
.fusion-footer-widget-area .fusion-clearfix{
    display: none;
}
.fusion-footer-widget-area .inline-list{
    gap: var(--break)
}
.fusion-footer-widget-area .inline-list a:is(:hover, :focus-visible) img{
    opacity: 0.5
}
.fusion-footer-widget-area .fusion-social-networks.boxed-icons .fusion-social-network-icon:not(.custom){
    background-color: var(--color-granite);
    border-color: var(--color-granite);
    color: var(--colo-contrast);
}
.fusion-footer-widget-area .fusion-social-networks.boxed-icons .fusion-social-network-icon:not(.custom):is(:hover, :focus-visible){
    background-color: var(--color-racc);
    border-color: var(--color-racc);
    color: var(--colo-base);
}
#wrapper .fusion-footer-widget-area .fusion-vertical-menu-widget .menu li.current-menu-item > a,
#wrapper .fusion-footer-widget-area .fusion-vertical-menu-widget .menu li.current_page_item > a,
#wrapper .fusion-footer-widget-area .fusion-vertical-menu-widget .menu li.current_page_item > a,
.fusion-footer-widget-area .side-nav li.current_page_item a{
    border: none !important;
}
.fusion-footer-copyright-area p a:is(:hover, :focus-visible){
    color: var(--color-racc-corn);
}

@media screen and (max-width: 1250px) {
    .fusion-footer footer .fusion-row .fusion-columns > .fusion-column:first-child{
        grid-column: 1 / -1;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: var(--break) calc(var(--break) * 2);
        margin-block-end: var(--break);
    }
    .fusion-footer footer .fusion-row .fusion-columns > .fusion-column:first-child .fusion-footer-widget-column{
        margin-bottom: 0;
    }
}
@media screen and (max-width: 850px) {
    .fusion-footer footer .fusion-row .fusion-columns > .fusion-column:first-child{
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}
@media only screen and (max-width: 800px) {
    .fusion-footer footer .fusion-columns .fusion-column {
        margin: 0;
    }
}


/*---------------------------------------------------------------------------------------------------------------------------
BLOG
---------------------------------------------------------------------------------------------------------------------------*/

.single .fusion-date{
    display: block !important;
}
.single-post .post-main-content .fusion-text ul li{
    --awb-font-size: var(--font-base);
    font-size: var(--font-base);
}

.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input::placeholder,
.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input::placeholder-shown,
.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input::-webkit-input-placeholder,
.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input::-moz-placeholder,
.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input::-ms-input-placeholderr{
    font-size: var(--font-base) !important;
}
.bulletin-search .fusion-search-element .searchform .fusion-search-form-content .fusion-search-field input,
.bulletin-search .fusion-search-element.fusion-search-form-clean .searchform .fusion-search-form-content .fusion-search-field input{
    color: var(--color-base);
    font-size: var(--font-base) !important;
    line-height: 1 !important;
    border-color: var(--color-fog);
    border-radius: var(--radius-small);
    padding: var(--break-rem) calc(var(--break-rem) * 2) var(--break-rem) calc(var(--break-rem) * 2.5);
    height: auto;
}
.bulletin-search  .fusion-search-element .searchform.fusion-search-form-clean .fusion-search-button,
.bulletin-search .fusion-search-form-clean .searchform:not(.fusion-search-form-classic) .fusion-search-button{
    height: 100%;
    display: flex;
    place-items: center;
    padding-inline: calc(var(--break) / 2);
}
.bulletin-search .fusion-search-element.fusion-search-form-clean .searchform .fusion-search-form-content .fusion-search-button input[type="submit"]{
    font-size: var(--font-base);
    color: var(--color-shadow);
}
body[class*="page-paged-"] .bulletin-highlights{
    display: none
}
.bulletin-highlights .fusion-recent-posts .fusion-columns{
    display: grid;
    grid-template-columns: 1fr;
    gap: calc(var(--break) * 1.5);
}
.bulletin-highlights .fusion-recent-posts{
    overflow: visible;
    margin-inline: var(--break-rem);
}
.bulletin-highlights .fusion-recent-posts .fusion-columns{
    overflow: visible;
}
.bulletin-highlights .fusion-recent-posts article{
    display: grid;
    width: 100% !important;
    height: 100%;
    padding: 0;
    margin-block-end: 0;
    border-radius: var(--radius) !important;
    overflow: clip !important;
    background-color: var(--color-contrast) !important;
}
.bulletin-highlights .fusion-recent-posts article:first-child{
    grid-row: span 2;
    display: grid;
    grid-auto-rows: minmax(0, 1fr);
    justify-content: flex-start;
    align-items: flex-end;
    isolation: isolate;
}
.bulletin-highlights .fusion-recent-posts article:first-child > *{
    grid-column: 1 / -1;
    grid-row: 1 / -1;
}
.bulletin-highlights .fusion-recent-posts article:not(:first-child){
    grid-template-columns: 1fr;
    gap: 0 var(--break);
    margin-block-end: 0;
    box-shadow: 0px 0px 12px rgba(24, 24, 24, 0.2);
    background-color: var(--color-smoke);
    overflow: visible;
}
.bulletin-highlights .fusion-recent-posts article .fusion-flexslider,
.bulletin-highlights .fusion-recent-posts article .fusion-flexslider *{
    height: 100%;
}
.bulletin-highlights .fusion-recent-posts article:first-child .flexslider .slides a{
    overflow: clip;
}
.bulletin-highlights .fusion-recent-posts article:first-child .flexslider .slides a{
    position: relative;
    display: block;
}
.bulletin-highlights .fusion-recent-posts article:first-child .flexslider .slides a::after{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(47, 47, 47, 0.3) 46.79%, #2F2F2F 85.2%);
    z-index: 1;
}
.bulletin-highlights .fusion-recent-posts article .flexslider .slides a img{
    object-fit: cover;
    transition: transform 0.35s ease-in-out;
}
.bulletin-highlights .fusion-recent-posts article .flexslider .slides a:is(:hover, :focus-visible) img{
    transform: scale(1.1);
}
.bulletin-highlights .fusion-recent-posts article:not(:first-child) .flexslider .slides img{
    aspect-ratio: 16/9;
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content{
    display: flex;
    flex-direction: column;
    padding: calc(var(--break) * 1.5);
}
.bulletin-highlights .fusion-recent-posts article:first-child .recent-posts-content{
    padding: calc(var(--break) * 2) calc(var(--break) * 1.5);
    position: relative;
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .entry-title{
    order: 2;
    line-height: var(--font-height-heading) !important;
    text-wrap: initial;
    margin-block-start: 0;
    margin-block-end: 0;
    z-index: 10;
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .entry-title a:not(:is(:hover, :focus-visible)){
    color: var(--color-base);
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .entry-title a:is(:hover, :focus-visible){
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2.5px;
}
.bulletin-highlights .fusion-recent-posts article:first-child  .recent-posts-content .entry-title a:not(:is(:hover, :focus-visible)),
.bulletin-highlights .fusion-recent-posts article:first-child .recent-posts-content .entry-title a:is(:hover, :focus-visible){
    color: var(--color-contrast);
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .meta{
    order: 1;
    display: flex;
    gap: calc(var(--break) / 2);
    z-index: 10;
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .meta a{
    font-size: var(--font-base);
    color: var(--color-base);
    font-weight: var(--font-semibold);
    line-height: 1;
    text-align: center;
    border: 1px solid var(--color-fog);
    border-radius: var(--radius-small);
    padding: calc(var(--break) / 3) var(--break);
    transition: all 0.35s ease-in-out;
}
.bulletin-highlights .fusion-recent-posts article:first-child .recent-posts-content .meta a{
    border-color: var(--color-contrast);
    color: var(--color-contrast);
}
.bulletin-highlights .fusion-recent-posts article .recent-posts-content .meta a:is(:hover, :focus-visible){
    color: var(--color-base);
    border-color: var(--color-racc-corn);
    background-color: var(--color-racc-corn);
}
.bulletin-highlights .fusion-recent-posts article:first-child .recent-posts-content .meta a:is(:hover, :focus-visible){
    color: var(--color-base);
    border-color: var(--color-fog);
    background-color: var(--color-contrast);
}
.bulletin-grid .fusion-filters{
    display: flex;
    flex-wrap: wrap;
    border: none;
    gap: calc(var(--break) / 1.5);
    margin-bottom: calc(var(--break) * 2.5);
}
.bulletin-grid .fusion-filter {
    float: initial;
    margin-right: 0;
    border: none;
}
.bulletin-grid article .fusion-portfolio-content .fusion-content-sep{
    display: none;
}
.bulletin-grid .fusion-filter a,
.bulletin-grid article .fusion-portfolio-content .fusion-portfolio-meta a{
    font-size: var(--font-base);
    color: var(--color-base);
    font-weight: var(--font-semibold);
    line-height: 1;
    text-align: center;
    border: 1px solid var(--color-fog);
    border-radius: var(--radius-small);
    padding: calc(var(--break) / 3) var(--break);
    transition: all 0.35s ease-in-out;
}
.bulletin-grid .fusion-filter a:is(:hover, :focus-visible),
.bulletin-grid article .fusion-portfolio-content .fusion-portfolio-meta a:is(:hover, :focus-visible){
    color: var(--color-base);
    border-color: var(--color-racc-corn);
    background-color: var(--color-racc-corn);
}
.bulletin-grid .fusion-filters .fusion-filter.fusion-active a{
    color: var(--color-base);
    border-color: var(--color-racc-lemonade);
    background-color: var(--color-racc-lemonade);
}
.bulletin-grid .fusion-recent-works {
    overflow: visible;
}
.bulletin-grid article .fusion-portfolio-content-wrapper{
    border: none !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 0 22.3px rgb(0 0 0 / .1);
    overflow: clip;
}
.bulletin-grid article .fusion-portfolio-wrapper .fusion-col-spacing{
    padding-bottom: 24px;
}
.bulletin-grid article .fusion-image-wrapper{
    cursor: pointer;
}
.bulletin-grid article .fusion-image-wrapper:is(:hover, :focus-visible) .fusion-rollover{
    opacity: 0 !important;
}
.bulletin-grid article .fusion-image-wrapper img{
    aspect-ratio: 16/9;
    object-fit: cover;
    transition: transform 0.35s ease-in-out;
    overflow: clip;
}
.bulletin-grid article .fusion-image-wrapper:is(:hover, :focus-visible) img{
    transform: scale(1.1);
}
.bulletin-grid article .fusion-portfolio-content{
    display: flex;
    flex-direction: column;
    gap: calc(var(--break) / 2);
    padding: calc(var(--break) * 1.5) !important;
}
.bulletin-grid article .fusion-portfolio-content .fusion-portfolio-meta{
    display: flex;
    gap: calc(var(--break) / 2) ;
    order: 1;
    margin-block-end: calc(var(--break) / 3);
}
.bulletin-grid article .fusion-portfolio-content .entry-title{
    --post_title_typography-font-size: var(--font-h3) !important;
    line-height: var(--font-height-heading) !important;
    text-wrap: initial;
    order: 2;
}
.bulletin-grid article .fusion-portfolio-content .entry-title a:not(:is(:hover, :focus-visible)){
    color: var(--color-base);
}
.bulletin-grid article .fusion-portfolio-content .entry-title a:is(:hover, :focus-visible){
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2.5px;
}
.bulletin-grid article .fusion-portfolio-content .fusion-post-content{
    order: 3;
    margin-block-start: calc(var(--break) / 2);
}
.bulletin-grid article .fusion-portfolio-content .fusion-post-content p{
    margin-block-start: 0;
    margin-bottom: calc(var(--break) / 1.5);
}
.bulletin-grid .pagination{
    display: flex;
    justify-content: center;
    gap: calc(var(--break) / 2);
    margin-block-start: calc(var(--break) * 4);
}
.bulletin-grid .pagination > *{
    color: var(--color-base);
    width: 50px !important;
    height: 50px !important;
}
.bulletin-grid .pagination > .current{
    font-weight: var(--font-semibold);
}
.bulletin-grid .pagination .pagination-dots{
    display: flex;
    justify-content: center;
    align-items: center;
}
.bulletin-history.custom-banner .banner-content h2{
    color: var(--color-racc) !important;
}
.bulletin-history.custom-banner .banner-content h2 span{
    font-style: italic;
    font-size: var(--font-h1);
}
.bulletin-history.custom-banner .banner-content p{
    color: var(--color-contrast);
}
.bulletin-history.custom-banner .banner-image::after{
    content: "";
    display: block;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: linear-gradient(90deg, #4F5558 0%, rgba(79, 85, 88, 0.9) 19.63%, rgba(79, 85, 88, 0.2) 67.31%);
}

@media screen and (min-width: 1025px) {
    .bulletin-highlights .fusion-recent-posts .fusion-columns{
        grid-template-columns: repeat(2, 1fr);
        gap: calc(var(--break) * 2) calc(var(--break) * 1.5);
    }
    .bulletin-highlights .fusion-recent-posts article:not(:first-child){
        grid-template-columns: 1fr 1fr;
    }
    .bulletin-highlights .fusion-recent-posts article:not(:first-child) .flexslider .slides img{
        aspect-ratio: 1/1;
    }
    .bulletin-highlights .fusion-recent-posts article:not(:first-child) .recent-posts-content{
        justify-content: center;
    }
    .bulletin-highlights .fusion-recent-posts article:first-child .recent-posts-content{
        padding: calc(var(--break) * 3) calc(var(--break) * 2.5);
    }
    .bulletin-history.custom-banner .banner-image::before{
        background-size: contain !important;
    }
}
@media screen and (min-width: 641px) {
    .bulletin-search .searchform .fusion-search-form-content{
        max-width: 450px;
        margin-left: auto;
    }
}
@media screen and (max-width: 1024px) {
    .bulletin-grid article{
        padding-left: 0;
        padding-right: 0;
    }
    .bulletin-history.custom-banner > .fusion-row{
        flex-direction: column-reverse;
    }
    .bulletin-history.custom-banner .banner-content{
        text-align: left;
        padding: 0 calc(var(--break) * 3) calc(var(--break) * 2) calc(var(--break) * 3);
    }
    .bulletin-history.custom-banner .banner-image{
        height: auto;
    }
    .bulletin-history.custom-banner .banner-image::after{
        background-image: linear-gradient(0.08deg,#4F5558 13%,rgba(79, 85, 88, 0.5) 49.97%,#fff0 74.71%);
    }
}

/* SINGLE POST */
html.avada-is-100-percent-template .single-post #main.width-100{
    padding-left: calc(10px * 2.5);
    padding-right: calc(10px * 2.5);
}
.post-headline .fusion-breadcrumbs{
    margin-block-end: calc(var(--break) / 1.5);
}
.post-headline .fusion-breadcrumbs :where(a, span){
    font-size: var(--font-small);
    font-weight: var(--font-semibold);
}
.post-headline .fusion-breadcrumbs a:is(:hover, :focus-visible){
    --awb-text-hover-color: var(--color-info);
}
.post-headline .fusion-breadcrumbs .awb-breadcrumb-list,
.post-headline .fusion-breadcrumbs .fusion-breadcrumb-item{
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 0 calc(var(--break) / 1.5);
}
.post-headline .fusion-breadcrumbs .awb-breadcrumb-sep::after {
    --awb-breadcrumb-sep: "›";
    margin: 0;
    font-size: 20px;
    line-height: 19px;
}
.post-headline .fusion-title{
    border-top: 1px solid var(--color-fog);
    margin-block-start: calc(var(--break) / 2) !important;
    margin-block-end: calc(var(--break) / 1.5) !important;
    padding-top: calc(var(--break) / 1.5);
}
.post-headline h1.fusion-title-heading{
    font-size: var(--font-h1) !important;
}
.post-headline .fusion-meta-tb{
    border: none;
    padding: 0;
    color: var(--color-base);
}
.post-headline .fusion-meta-tb + .fusion-meta-tb{
    margin-block-start: var(--break);
    display: flex;
    gap: calc(var(--break) / 1.5);
}
.post-headline .fusion-tb-tags{
    color: transparent;
    display: flex;
    gap: calc(var(--break) / 2.5);
}
.post-headline .fusion-tb-tags a{
    --awb-link-color: var(--color-base);

    font-weight: var(--font-semibold);
    text-transform: capitalize;
    border: 1px solid var(--color-fog);
    border-radius: var(--radius-small);
    padding: calc(var(--break) / 2) var(--break);
    text-align: center;
    transition: all 0.35s ease-in-out;
}
.post-headline .fusion-tb-tags a:is(:hover, :focus-visible){
    --awb-text-hover-color: var(--color-base);

    border-color: var(--color-racc-corn);
    background-color: var(--color-racc-corn);
}
.post-headline .fusion-tb-author a:not(:is(:hover, :focus-visible)){
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
}
.post-headline .fusion-tb-author a:is(:hover, :focus-visible){
    --awb-text-hover-color: var(--color-info);
}
.post-headline .fusion-tb-author + .fusion-meta-tb-sep{
    font-size: 20px;
    line-height: 19px;
    font-weight: var(--font-bold);
}
.post-highlighted-image{
    margin-block-start: calc(var(--break) * 2);
}
.post-highlighted-image .fusion-layout-column{
    margin-block-end: 0;
}
.post-highlighted-image .fusion-imageframe{
    width: 100%;
}
.post-highlighted-image .fusion-imageframe img{
    width: 100%;
    object-fit: cover;
    aspect-ratio: 21/9;
}
.post-main-content:not(.page-as-post):not(.special-guides){
    padding: 0;
}
.post-main-content:not(.special-guides) .fusion-content-tb,
.post-main-content:not(.special-guides) .fusion-content-tb > .fusion-fullwidth:not(.post-banner) > .fusion-builder-row{
    max-width: 925px !important;
    margin-inline: auto !important;
}
.post-main-content .fusion-column-wrapper{
    margin-left: 0;
    margin-right: 0;
}
.post-main-content .fusion-fullwidth{
    padding: 0;
}
.post-main-content a:not(.fusion-button):not(:is(:hover, :focus-visible)){
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
}
.post-main-content a:not(.fusion-button):is(:hover, :focus-visible){
    color: var(--color-info);
}
.post-main-content ul{
    padding-left: calc(var(--break) * 2);
}
.post-main-content :where(p, li, h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-end: 0 !important;
    text-align: left !important;
}
.post-main-content * + :where(h1, h2, h3, .h1-style, .h2-style, .h3-style){
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.post-main-content * + :where(p, ul, ol, button){
    margin-block-start: calc(var(--break) * 1.25) !important;
}
.post-main-content :where(p,ol,ul) + :where(h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-start: calc(var(--break) * 1.5) !important;
}
.post-main-content :where(p,ol,ul) + p[class$="-style"]{
    margin-block-start: calc(var(--break) * 1.25) !important;
}
.post-main-content ul:not(.inline-list) li + li{
    margin-block-start: var(--break);
}
.post-main-content li li + li{
    margin-block-start: calc(var(--break) * 1.25) !important;
}
.post-main-content :where(p, ul, ol, h1, h2, h3, h4, h5, [class$="-style"]) + :where(div, section, img, figure, embed, video, table, form, button),
.post-main-content :where(div, section, img, figure, embed, video, table, form, button) + :where(p, ul, ol, h1, h2, h3, h4, h5, [class$="-style"]){
    margin-block-start: calc(var(--break) * 1.25) !important;
}
.post-main-content p > a > img,
.post-main-content p > img{
    margin-block-start: calc(var(--break) * 1.25) !important;
}
.post-main-content iframe{
    margin-inline: auto !important;
    margin-block-start: calc(var(--break) * 2) !important;
    margin-block-end: calc(var(--break) * 2) !important;
}
.post-banner{
    margin-block-start: calc(var(--break) * 3.5);
}
.post-author-bio{
    margin-block-start: calc(var(--break) * 6);
    margin-block-end: calc(var(--break) * 3);
}
.post-author-bio .fusion-column-wrapper{
    gap: calc(var(--break) * 1.5);
    border: 1px solid var(--color-fog);
    border-radius: var(--radius-small);
    padding: calc(var(--break) * 1.5);
}
.post-author-bio .image{
    margin-block-end: 0;
}
.post-author-bio .content {
    flex-basis: 100%;
}
.post-author-bio .content h4{
    margin-block-start: 0;
}
.post-author-bio .content h4 a{
    text-decoration: none;
    font-weight: var(--font-semibold);
}
.post-author-bio .content h4 a:is(:hover, :focus-visible){
    text-decoration: underline;
    color: var(--color-racc-golden);
}
.post-author-bio .content h4 + p{
    margin-block-start: calc(var(--break) / 1.5) !important;
}
.post-related-sample .related-posts{
    margin-block-start: 0;
    margin-block-end: calc(var(--break) * 1.5);
    overflow: visible;
}
.post-related-sample .related-posts > .awb-carousel{
    overflow: visible;
}
.post-related-sample .related-posts .swiper-wrapper{
    padding: 0;
}
.post-related-sample .related-posts .swiper-wrapper .swiper-slide {
    height: 100%;
}
.post-related-sample .related-posts .swiper-wrapper .swiper-slide:nth-child(n+4){
    display: none
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper{
    display: flex;
    flex-direction: column;
    gap: 0;
    border: none !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 0 22.3px rgb(0 0 0 / .1);
    overflow: clip;
    height: 100%;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-image-wrapper{
    order: 1;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-image-wrapper:is(:hover, :focus-visible) .fusion-rollover{
    opacity: 0 !important;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-image-wrapper img{
    aspect-ratio: 16/9;
    object-fit: cover;
    transition: transform 0.35s ease-in-out;
    overflow: clip;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-image-wrapper:is(:hover, :focus-visible) img{
    transform: scale(1.1);
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-carousel-title{
    order: 3;
    font-weight: var(--font-bold);
    padding: calc(var(--break-rem) * 1.5);
    padding-top: calc(var(--break) / 2);
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-carousel-title a:not(:is(:hover, :focus-visible)){
    color: var(--color-base);
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-carousel-title a:is(:hover, :focus-visible){
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2.5px;
}
.post-related-sample .related-posts .fusion-carousel-item-wrapper .fusion-carousel-meta{
    --meta_font_size: var(--font-small);

    order: 2;
    padding: calc(var(--break-rem) * 1.5);
    padding-bottom: 0;
    margin-block-start: 0 !important;
}

@media screen and (min-width: 768px) {
    .post-author-bio .fusion-column-wrapper{
        flex-direction: row !important;
    }
}
@media screen and (max-width: 1024px) {
    .post-highlighted-image{
        padding-left: 0;
        padding-right: 0;
        margin-block-start: 0;
    }
    .post-main-content:not(.page-as-post){
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
    .post-highlighted-image > .fusion-row,
    .post-highlighted-image > .fusion-row .fusion-column-wrapper{
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}
@media screen and (max-width: 639px) {
    .post-related-sample .fusion_builder_column,
    .post-related-sample .related-posts{
        margin-block-end: 0;
    }
    .post-related-sample .related-posts .swiper-wrapper .swiper-slide:nth-child(n+3){
        display: none
    }
    .post-related-sample .related-posts .swiper-wrapper{
        height: auto !important;
        flex-direction: column;
        gap: calc(var(--break) * 1.5);
    }
    .post-related-sample .related-posts .swiper-wrapper .swiper-slide{
        width: 100% !important;
        height: auto;
    }
}

/* AUTHOR ARCHIVE */
.archive-headline .fusion-title{
    margin-block-start: calc(var(--break) / 2) !important;
    margin-block-end: calc(var(--break) / 1.5) !important;
}
.archive-grid .fusion-blog-shortcode {
    overflow: visible;
}
.archive-grid article .fusion-post-wrapper{
    border: none !important;
    border-radius: var(--radius) !important;
    box-shadow: 0 0 22.3px rgb(0 0 0 / .1);
    overflow: clip;
}
.archive-grid article .fusion-image-wrapper{
    cursor: pointer;
}
.archive-grid article .fusion-image-wrapper:is(:hover, :focus-visible) .fusion-rollover{
    opacity: 0 !important;
}
.archive-grid article .fusion-image-wrapper img{
    aspect-ratio: 16/9;
    object-fit: cover;
    transition: transform 0.35s ease-in-out;
    overflow: clip;
}
.archive-grid article .fusion-image-wrapper:is(:hover, :focus-visible) img{
    transform: scale(1.1);
}
.archive-grid article .fusion-post-content-wrapper{
    display: flex;
    flex-direction: column;
    gap: calc(var(--break) / 2);
    padding: calc(var(--break) * 1.5) !important;
}
.archive-grid article .fusion-post-content-wrapper .entry-title{
}
.archive-grid article .fusion-post-content-wrapper .entry-title{
    font-size: var(--font-h3) !important;
    line-height: var(--font-height-heading) !important;
    text-wrap: initial;
    order: 2;
}
.archive-grid article .fusion-post-content-wrapper .entry-title a:not(:is(:hover, :focus-visible)){
    color: var(--color-base) !important;
}
.archive-grid article .fusion-post-content-wrapper .entry-title a:is(:hover, :focus-visible){
    color: var(--color-base) !important;
    text-decoration: underline;
    text-decoration-thickness: 2px;
    text-underline-offset: 2.5px;
}
.archive-grid article .fusion-post-content-wrapper .fusion-content-sep{
    display: none;
}
.archive-grid article .fusion-post-content-wrapper .fusion-post-content-container{
    order: 3;
    margin-block-start: calc(var(--break) / 2);
}
.archive-grid article .fusion-post-content-wrapper .fusion-post-content-container p{
    margin-block-start: 0;
    margin-bottom: calc(var(--break) / 1.5);
}
.archive-grid .pagination{
    display: flex;
    justify-content: center;
    gap: calc(var(--break) / 2);
    margin-block-start: calc(var(--break) * 4);
}
.archive-grid .pagination > *{
    color: var(--color-base);
    width: 50px !important;
    height: 50px !important;
}
.archive-grid .pagination > .current{
    font-weight: var(--font-semibold);
}
.archive-grid .pagination .pagination-dots{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 1024px) {
    .archive-grid article{
        padding-left: 0;
        padding-right: 0;
    }
}


/* MOLONGUI */
.m-a-box {
    --awb-padding-top: calc(var(--break) * 3.5);
    --awb-padding-bottom: calc(var(--break) * 3);
    --awb-padding-right: var(--container_padding_100_right, var(--hundredp_padding));
    --awb-padding-left: var(--container_padding_100_left, var(--hundredp_padding));

    padding: var(--awb-padding-top) var(--awb-padding-right) var(--awb-padding-bottom) var(--awb-padding-left);
    margin-block: 0 !important;
}
.m-a-box-container {
    border-radius: var(--radius);
    background-color: var(--color-lighthouse);
    border-color: var(--color-lighthouse);
    box-shadow: 10px 10px 10px 0 var(--color-fog);
}
.m-a-box-avatar{
    align-self: initial !important;
}
.m-a-box-avatar img,
.m-a-box-avatar div[data-avatar-type="acronym"]{
    border-radius: var(--radius-small);
    border: none;
}
.m-a-box-data .m-a-box-bio p{
    margin-bottom: calc(var(--break) / 1.5) !important;
}




/*--------------------------------------------------------------
CUSTOM BANNER
--------------------------------------------------------------*/
.custom-banner .fusion-layout-column{
    height: 100%;
}
.custom-banner .banner-image .fusion-imageframe picture{
    display: flex;
}
.custom-banner .banner-image .fusion-imageframe picture img{
    object-fit: cover;
    object-position: bottom;
}
.custom-banner .banner-content{
    height: fit-content;
    justify-content: center;
    align-items: center;
}
.custom-banner .banner-content h3{
    margin-block-end: 0;
}
.custom-banner .banner-content h4{
    margin-block-start: calc(var(--break) / 1.5);
    margin-block-end: calc(var(--break)/ 1.5);
    font-weight: 600;
}
.custom-banner .banner-content .fusion-button{
    margin-block-start: var(--break)
}

@media screen and (min-width: 1418px) {
    .custom-banner .banner-content{
        justify-content: flex-end;
    }
     .custom-banner .banner-content > .fusion-column-wrapper{
        max-height: max(60vh, 480px);
        margin-left: calc(((100vw - 1400px) / 2 + 30px) + 2%);
    }
}
@media screen and (max-width: 1417px) and (min-width: 1025px) {
    .custom-banner .banner-content{
        justify-content: flex-start;
    }
    .custom-banner .banner-content > .fusion-column-wrapper{
        max-width: inherit;
        margin-left: 30px;
        padding-left: 30px;
    }
}
@media screen and (min-width: 1025px) {
    .custom-banner,
    .custom-banner .banner-image,
    .custom-banner .banner-image .fusion-imageframe{
        display: flex;
        max-height: max(60vh, 480px);
    }
    .custom-banner.backgroud-with-text{
        padding-top: calc(var(--break) * 3);
        padding-bottom: calc(var(--break) * 3);
    }
    .custom-banner .banner-image .fusion-imageframe img{
        object-fit: cover;
    }
    .custom-banner .banner-image.image-contain .fusion-imageframe img{
        object-fit: contain;
    }
    .custom-banner .banner-content{
        height: 100%;
    }
}
@media screen and (max-width: 1024px) {
    .custom-banner .banner-content{
        text-align: center;
        padding: calc(var(--break) * 2) calc(var(--break) * 3) var(--break) calc(var(--break) * 3);
    }
    .custom-banner.backgroud-with-text .banner-content{
        padding: calc(var(--break) * 3);
    }
    .custom-banner .banner-content > .fusion-column-wrapper div:has(.banner-button) {
        text-align: center;
    }
    .custom-banner .banner-content > .fusion-column-wrapper .banner-button {
        width: 100%;
    }
    .banner-button{
        width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .custom-banner .banner-content{
         padding: calc(var(--break) * 2);
    }
    .custom-banner.backgroud-with-text .banner-content{
        padding: calc(var(--break) * 3)  calc(var(--break) * 2);
    }
}

/*BANNER SQUARES*/
.custom-banner.banner-squares .banner-image::after{
    content: "";
    display: block;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background-image: linear-gradient(270deg, rgba(255,255,255,0.00) 81%, rgba(255,255,255,0.24) 86%, rgba(255,234,149,0.99) 98%, #FFEA95 98%);
}
.custom-banner.banner-squares .banner-image::before{
    content: "";
    display: block;
    position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 20;
    background: url("https://www.racc.es/wp-content/uploads/2024/11/banner-squares_vertical-1.png") no-repeat left top;
}
@media screen and (min-width: 1025px) {
    .custom-banner.banner-squares .banner-image::before{
        background-size: contain !important;
    }
}
@media screen and (max-width: 1024px) {
    .custom-banner.banner-squares .banner-image::after{
        background-image: linear-gradient(1deg, rgba(255,255,255,0.00) 69%, rgba(255,255,255,0.24) 87%, rgba(255,234,149,0.99) 99%, #FFEA95 100%);
    }
    .custom-banner.banner-squares .banner-image::before{
        background: url("https://www.racc.es/wp-content/uploads/2024/11/banner-squares_horizontal-1.png") repeat-x left top;
    }
}

/*BANNER OVERLAPPINGS*/
.banner-overlapping .fusion-column-wrapper .fusion-builder-row{
    display: grid;
    grid-template-columns: 80px 1fr 100px 1.25fr;
    grid-template-rows: 90px auto 90px;
    background-color: var(--color-racc);
}
.banner-overlapping-content{
    grid-area: 2 / 2 / 3 / 4;
    width: 100%;
    height: 100%;
    align-items: center;
    margin-bottom: 0;
    z-index: 10;
}
.banner-overlapping-content > .fusion-column-wrapper{
    margin: 0;
    padding: calc(var(--break) * 2.5);
    background-color: var(--color-contrast) !important;
    box-shadow: 0px 0px 16.4px rgba(93, 86, 64, 0.2);
    border-radius: var(--radius-small);
    z-index: 1000;
}
.banner-overlapping-content h3{
    margin-block-end: 0;
}
.banner-overlapping-content h4{
    margin-block-start: calc(var(--break) / 1.5);
    margin-block-end: calc(var(--break)/ 1.5);
    font-weight: 600;
}
.banner-overlapping-content .fusion-button {
    margin-block-start: var(--break);
}
.banner-overlapping-content .content-with-stamp {
    display: grid;
    grid-template-columns: 1fr 156px;
    grid-template-rows: auto auto;
    align-items: center;
    grid-gap: 0 calc(var(--break) * 1.5);
}
.banner-overlapping-content .content-with-stamp h3{
    grid-area: 1 / 1 / 2 / 2;
    margin-block-start: 0;
}
.banner-overlapping-content .content-with-stamp .content{
    grid-area: 2 / 1 / 3 / 2;
}
.banner-overlapping-content .content-with-stamp .content h3{
    margin-block-start: 0;
}
.banner-overlapping-content .content-with-stamp .stamp{
    grid-area: 1 / 2 / 3 / 3;
}
.banner-overlapping-content .content-with-stamp .stamp img{
    width: clamp(95px, 100%, 156px);
}
.banner-overlapping-image{
    grid-area: 1 / 3 / 4 / 5;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
}
.banner-overlapping-image .fusion-image-element,
.banner-overlapping-image .fusion-image-element .fusion-imageframe,
.banner-overlapping-image .fusion-image-element .fusion-imageframe img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.banner-overlapping-image > .fusion-column-wrapper{
    margin: 0;
}

@media screen and (max-width: 1024px) {
    .width-100 .fusion-fullwidth.banner-overlapping{
        --awb-padding-top: 0;
        --awb-padding-bottom: 0;
        --awb-padding-right: 0;
        --awb-padding-left: 0;
    }
    .banner-overlapping .fusion-column-wrapper .fusion-builder-row{
        grid-template-columns: 2.5rem 1fr 2.5rem;
        grid-template-rows: 50px auto 70px 350px
    }
    .banner-overlapping-content{
        grid-area: 2 / 2 / 4 / 3;
    }
    .banner-overlapping-content > .fusion-column-wrapper{
        padding: calc(var(--break) * 1.5);
    }
    .banner-overlapping-image{
        grid-area: 3 / 1 / 5 / 4;
    }
    .banner-overlapping-image .fusion-image-element .fusion-imageframe img{
        object-fit: cover;
    }
    .banner-overlapping-content .fusion-button{
        width: 100%;
    }
}
@media screen and (max-width: 767px) {
    .banner-overlapping .fusion-column-wrapper .fusion-builder-row{
        grid-template-columns: 1.5rem 1fr 1.5rem;
        grid-template-rows: 30px auto 80px 275px
    }
    .banner-overlapping-content .content-with-stamp h3{
        grid-area: 1 / 1 / 2 / 3;
    }
    .banner-overlapping-content .content-with-stamp .content{
        grid-area: 2 / 1 / 3 / 2;
    }
    .banner-overlapping-content .content-with-stamp .stamp{
        grid-area: 2 / 2 / 3 / 3;
    }
    .banner-overlapping-content .content-with-stamp {
        grid-template-columns: 1fr 95px;
    }
}




/*--------------------------------------------------------------
PILLS WITH IMAGE & LINK
--------------------------------------------------------------*/
.pills-with-link .fusion-content-boxes{
    --columns-for-large:3;
    --breakpoint-large:1101px;
    --columns-for-medium:2;
    --breakpoint-medium:768px;
    --columns-for-small:2;
    --breakpoint-small:641px;

    display:grid;
    grid-template-columns: repeat(auto-fill, minmax(clamp(clamp(clamp(100%/(var(--columns-for-large) + 1) + 0.1%, (var(--breakpoint-large) - 100vw)*1000, 100%/(var(--columns-for-medium) + 1) + 0.1%), (var(--breakpoint-medium) - 100vw)*1000, 100%/(var(--columns-for-small) + 1) + 0.1%), (var(--breakpoint-small) - 100vw)*1000, 100%), 1fr));
    gap: calc(var(--break) * 1.5);

    padding-left: calc(var(--awb-spacing-left) / 2);
    padding-right: calc(var(--awb-spacing-right) / 2);
}
.pills-with-link.pills-1col .fusion-content-boxes{
    --columns-for-large:1;
    --columns-for-medium:1;
    padding: 0;
    margin: 0;
}
.pills-with-link.pills-2col .fusion-content-boxes{
    --columns-for-large:2;
}
.pills-with-link.pills-3col .fusion-content-boxes{
    --columns-for-large:3;
}
.pills-with-link.pills-4col .fusion-content-boxes{
    --columns-for-large:4;
}
.pills-with-link .fusion-content-boxes::before,
.pills-with-link .fusion-content-boxes::after,
.pills-with-link .fusion-content-boxes .fusion-clearfix,
.pills-with-link .content-box-wrapper .fusion-read-more::after{
    display: none;
}
.pills-with-link .fusion-content-boxes .content-box-column{
    height: 100%;
    padding: 0;
    margin: 0;
    container-name: pill-box;
    container-type: inline-size;
}
.pills-with-link .fusion-content-boxes .content-box-wrapper{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
    align-items: start;
    justify-content: center;
    height: 100%;
    background-color: var(--color-contrast);
    border-radius: var(--radius-small);
    border: 1px solid var(--color-apollo);
    box-shadow: 0px 0px 12px rgba(24, 24, 24, 0.15);
    position: relative;
    overflow: visible;
}
.pills-with-link.pills-1col .fusion-content-boxes .content-box-wrapper{
    gap: calc(var(--break) / 2) calc(var(--break) * 3);
}
.pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper{
    grid-template-columns: 130px 2fr;
    align-items: center;
    box-shadow: none;
}
.pills-with-link.pills-no-cta.pills-with-logo .fusion-content-boxes .content-box-wrapper{
    grid-template-columns: 1fr 2fr;
    box-shadow: none;
}
.pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible){
    box-shadow: 0px 0px 12px rgba(24, 24, 24, 0.2);
    background-color: var(--color-smoke);
    overflow: visible;
}
.pills-with-link .content-box-wrapper .heading{
    grid-row: span 2;
    margin: 0;
    height: 100%;
    display: flex;
    overflow: clip;
}
.pills-with-link .content-box-wrapper .heading .heading-link{
    flex: 1;
    display: flex;
}
.pills-with-link .content-box-wrapper .heading .heading-link .image{
    flex: 1;
    position: relative;
    align-self: center;
    height: 100%;
}
.pills-with-link.pills-no-cta .content-box-wrapper .heading .heading-link .image::before,
.pills-with-link .content-box-wrapper .heading .heading-link .image::before{
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.pills-with-link.pills-no-cta .content-box-wrapper:is(:hover, :focus-visible) .heading .heading-link .image::before,
.pills-with-link .content-box-wrapper .heading .heading-link:is(:hover, :focus-visible) .image::before{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
    border-radius: var(--radius-small);
}
.pills-with-link:not(.pills-no-cta) .content-box-wrapper .heading .heading-link:is(:hover, :focus-visible) .image::before{
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.7) 100%);
}
.pills-with-link:not(.pills-no-cta) .content-box-wrapper .heading{
    max-height: 180px;
}
.pills-with-link .content-box-wrapper .heading img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 4/3;
    margin: 0;
    border-radius: var(--radius-small) var(--radius-small) 0 0;
}
.pills-with-link:not(.pills-no-cta) .content-box-wrapper .heading img{
    aspect-ratio: 16/9;
}
.pills-with-link.pills-no-cta.pills-with-logo  .content-box-wrapper .heading img{
    aspect-ratio: 1/1;
}
.pills-with-link.pills-no-cta .content-box-wrapper .heading img{
    border-radius: var(--radius-small) 0 0 var(--radius-small);
}
.pills-with-link .content-box-wrapper .content-container{
    margin: var(--break);
}
.pills-with-link.pills-no-cta .content-box-wrapper .content-container{
    grid-row: span 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: calc(var(--break) / 1.5);
}
.pills-with-link .content-box-wrapper .content-container *{
    font-size: var(--font-base) !important;
    line-height: var(--font-height-heading);
    margin-block-end: calc(var(--break) / 2);
}
.pills-with-link.pills-no-cta .content-box-wrapper .content-container *{
    margin-block-end: calc(var(--break) / 3);
}
.pills-with-link .content-box-wrapper .content-container *:last-child{
    margin-block-end: 0;
}
.pills-with-link.pills-no-cta .content-box-wrapper .content-container h3{
    margin-block-start: 0;
}
.pills-with-link .content-box-wrapper .content-container a{
    color: var(--color-base);
}
.pills-with-link .content-box-wrapper .content-container a:is(:hover, :focus-visible){
    color: var(--color-base);
    text-decoration: underline;
    text-underline-offset: 2px;
    text-decoration-thickness: 1px !important;
}
.pills-with-link .content-box-wrapper .fusion-read-more{
    margin: var(--break);
    margin-block-start: calc(var(--break) / 2);
    color: var(--color-base);
}
.pills-with-link .content-box-wrapper .fusion-read-more:is(:hover, :focus-visible){
    color: var(--color-racc-golden);
}
.pills-with-link.pills-cta-button .content-box-wrapper .fusion-read-more{
    width: calc(100% - (var(--break) * 2));
    font-weight: var(--font-bold);
    text-align: center;
    background-color: transparent;
    border-radius: var(--radius);
    border: 2px solid var(--color-racc-golden);
    padding: calc(var(--break) / 1.5);
}
.pills-with-link.pills-cta-button .content-box-wrapper .fusion-read-more:is(:hover, :focus-visible){
    background-color: var(--color-racc-corn);
    color: var(--color-base);
}
.pills-with-link.pills-no-cta .content-box-wrapper .fusion-read-more{
    position: absolute;
    grid-column: 1 / -1;
    grid-row: 1 / -1;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 10;
}

@media screen and (min-width: 901px) {
    .pills-with-link.square-image .content-box-wrapper .heading .heading-link .image{
        aspect-ratio: 1/1;
    }
}
@container pill-box (min-width: 514px) {
    .pills-with-link.pills-1col .fusion-content-boxes .content-box-wrapper{
        grid-template-columns: repeat(2, 1fr);
    }
    .pills-with-link:not(.pills-no-cta) .fusion-content-boxes .content-box-wrapper{
        grid-template-columns: 1fr 2fr;
    }
    .pills-with-link:not(.pills-no-cta) .content-box-wrapper .heading{
        max-height: initial;
    }
    .pills-with-link:not(.pills-no-cta) .content-box-wrapper .heading img{
        border-radius: var(--radius-small) 0 0 var(--radius-small);
        aspect-ratio: 4/3;
    }
}
@media screen and (max-width: 900px) {
    .pills-with-link.pills-no-cta:not(.pills-with-logo) .fusion-content-boxes .content-box-wrapper{
        grid-template-columns: 1fr;
    }
    .pills-with-link.pills-no-cta.pills-with-logo .fusion-content-boxes .content-box-wrapper{
        grid-template-columns: auto 1fr;
    }
    .pills-with-link.pills-no-cta:not(.pills-with-logo) .content-box-wrapper .heading{
        margin-inline: calc(var(--break) / 1.5);
        padding-top: calc(var(--break) / 1.5);
    }
    .pills-with-link.pills-1col.pills-no-cta:not(.pills-with-logo) .content-box-wrapper .heading{
        margin-inline: 0;
    }
    .pills-with-link.pills-no-cta .content-box-wrapper .heading img{
        max-width: 90px;
    }
    .pills-with-link.pills-no-cta:not(.pills-with-logo)  .content-box-wrapper .heading img{
        border-radius: var(--radius-small);
    }
}



/*VARIANTS*/

/*Pills in 1 col as Guides*/
.pills-with-link.pills-1col .fusion-column-wrapper{
    overflow: visible;
    margin-left: 0;
    margin-right: 0;
    padding-left: 30px;
    padding-right: 30px;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper{
    transition: all 0.35s ease-in-out;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible){
    background-color: var(--color-racc);
    border-color: var(--color-racc);
}
.pills-with-link.pills-1col .content-box-wrapper .heading{
    order: 2;
}
.pills-with-link.pills-1col .content-box-wrapper .heading .heading-link .image::before{
    display: none
}
.pills-with-link.pills-1col .content-box-wrapper .content-container{
    order: 1;
}
.pills-with-link.pills-1col.grid-guides .content-box-wrapper .content-container {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    height: 100%;
    padding: calc(var(--break-rem) * 1.5);
    margin: 0;
}
.pills-with-link.pills-1col.grid-guides .content-box-wrapper .content-container h3{
    font-size: var(--font-h3) !important;
    margin-block-end: var(--break);
}
.pills-with-link.pills-1col.grid-guides .content-box-wrapper .content-container h3{
    line-height: var(--font-height-body);
}
.pills-with-link.pills-1col.grid-guides .content-box-wrapper .content-container .chevron-link-wrapper {
    padding-top: calc(var(--break) / 2);
    margin-block-start: auto !important;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper .content-container .chevron-link{
    font-weight: var(--font-semibold);
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper:not(:is(:hover, :focus-visible)) .content-container .chevron-link{
    text-decoration: none;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible) .content-container .chevron-link{
    color: var(--color-base);
    text-decoration: underline;
    text-decoration-thickness: 1px !important;
    text-underline-offset: 2px;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible) .content-container .chevron-link::before{
    animation: fadein ease forwards;
    animation-duration: 0.9s;
}
.pills-with-link.pills-1col.grid-guides .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible) .content-container .chevron-link::after{
    transform: translateX(6px);
}

@media screen and (min-width: 901px) {
    .pills-with-link.pills-1col.pills-no-cta .content-box-wrapper .heading img{
        border-radius: 0 var(--radius-small) var(--radius-small) 0;
        aspect-ratio: initial;
    }
}
@media screen and (max-width: 900px) {
    .pills-with-link.pills-1col.pills-no-cta .content-box-wrapper .heading img{
        max-width: 100%;
        border-radius: 0 0 var(--radius-small) var(--radius-small);
        aspect-ratio: 21/9;
    }
}
@media screen and (max-width: 767px) {
    .pills-with-link.pills-1col .fusion-column-wrapper{
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*Pills as Guides*/
.guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper{
    background-color: var(--color-lighthouse);
    border: 1px solid var(--color-lighthouse);
    transition: all 0.35s ease-in-out;
}
.guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible){
    background-color: var(--color-apollo);
    border-color: var(--color-apollo);
    box-shadow: none;
}
.guides .pills-with-link.pills-no-cta .content-box-wrapper .content-container{
    margin-bottom: var(--break);
}
.guides .pills-with-link.pills-no-cta .content-box-wrapper .heading {
    padding: var(--break) 0;
}
.guides .pills-with-link .content-box-wrapper .heading .heading-link .image::before{
    display: none
}
.guides .pills-with-link.pills-no-cta .content-box-wrapper .heading img{
    aspect-ratio: 1/1;
    max-width: 50px;
    height: auto;
}
.guides .pills-with-link.pills-no-cta .content-box-wrapper:is(:hover, :focus-visible) .heading .heading-link .image::before {
    background: none;
    border-radius: inherit;
}
.guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper::after {
    content: "";
    display: block;
    position: absolute;
    background: url(https://www.racc.es/wp-content/uploads/2024/12/icon_arrow-forward.svg) no-repeat center center;
    width: 50px;
    height: 50px;
    right: 0;
}

@media screen and (min-width: 901px) {
    .guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper {
        grid-template-columns: 80px 2fr;
    }
    .guides .pills-with-link.pills-no-cta .content-box-wrapper .content-container{
        padding-right: calc(var(--break) * 2);
    }
    .guides .pills-with-link.pills-no-cta .content-box-wrapper .heading {
        padding: var(--break);
    }
}

@media screen and (max-width: 900px) {
    .guides .pills-with-link.pills-no-cta:not(.pills-with-logo) .fusion-content-boxes .content-box-wrapper{
        grid-template-columns: calc(40px + var(--break)) 2fr;
    }
    .guides .pills-with-link.pills-no-cta .content-box-wrapper .heading{
        padding-bottom: calc(var(--break) / 2);
    }
    .guides .pills-with-link.pills-no-cta:not(.pills-with-logo) .content-box-wrapper .heading{
        padding-top: calc(var(--break) / 2);
    }
    .guides .pills-with-link.pills-no-cta .content-box-wrapper .heading img{
        max-width: 40px;
        width: 100%;
    }
    .guides .pills-with-link .fusion-content-boxes{
        margin-left: -7px;
        margin-right: -7px;
    }
}


/*Pills in Buletin (Blog) Guides*/
.bulletin-guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper{
    background-color: var(--color-lighthouse);
    border: 1px solid var(--color-lighthouse);
    transition: all 0.35s ease-in-out;
}
.bulletin-guides.ablaze .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper{
    background-color: var(--color-contrast);
}
.bulletin-guides.ablaze .pills-with-link.pills-no-cta.in-vertical .fusion-content-boxes .content-box-wrapper{
    background-color: var(--color-contrast);
}
.bulletin-guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper:is(:hover, :focus-visible){
    background-color: var(--color-apollo);
    border-color: var(--color-apollo);
    box-shadow: none;
}
.bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .content-container{
    margin-bottom: var(--break);
}
.bulletin-guides.ablaze .pills-with-link.pills-no-cta .content-box-wrapper .content-container{
    justify-content: flex-start;
}
.bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .heading {
    height: fit-content;
    padding: var(--break) 0;
}
.bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .heading img{
    aspect-ratio: 1/1;
    max-width: 50px;
    height: auto;
}
.bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper:is(:hover, :focus-visible) .heading .heading-link .image::before {
    background: none;
    border-radius: inherit;
}

@media screen and (min-width: 1025px) {
    .bulletin-guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper {
        grid-template-columns: 80px 2fr;
    }
    .bulletin-guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper::after {
        content: "";
        display: block;
        position: absolute;
        background: url(https://www.racc.es/wp-content/uploads/2024/12/icon_arrow-forward.svg) no-repeat center center;
        width: 50px;
        height: 50px;
        right: 0;
    }
    .bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .content-container{
        padding-right: calc(var(--break) * 2);
    }
    .bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .heading {
        padding: var(--break);
    }
}
@media screen and (max-width: 1024px) {
    .bulletin-guides .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper {
        grid-template-columns: 1fr;
    }
    .bulletin-guides.ablaze .pills-with-link.pills-no-cta .fusion-content-boxes .content-box-wrapper{
        place-content: flex-start;
    }
    .bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .heading{
        padding-bottom: calc(var(--break) / 2);
        margin-inline: calc(var(--break) / 1.5);
    }
    .bulletin-guides .pills-with-link.pills-no-cta .content-box-wrapper .heading img{
        max-width: 40px;
    }
    .bulletin-guides .pills-with-link .fusion-content-boxes{
        margin-left: -7px;
        margin-right: -7px;
    }
}