/* 
Theme Name: Rio-Niteroi 2031 Hello Elementor Child
Author: Blue Opera Online
Author URI: https://blueopera.com.br
Template: hello-elementor
Version: 3.0.23
Text Domain: rio-niteroi-2031-hello-elementor-child
*/
:root {
    --extra-big-sun-bottom-position: -90vh;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Bold.woff2') format('woff2'),
        url('fonts/BROmny-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Black.woff2') format('woff2'),
        url('fonts/BROmny-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Light.woff2') format('woff2'),
        url('fonts/BROmny-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Regular.woff2') format('woff2'),
        url('fonts/BROmny-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Medium.woff2') format('woff2'),
        url('fonts/BROmny-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-BoldItalic.woff2') format('woff2'),
        url('fonts/BROmny-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-Thin.woff2') format('woff2'),
        url('fonts/BROmny-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-SemiBold.woff2') format('woff2'),
        url('fonts/BROmny-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'BROmny';
    src: url('fonts/BROmny-RegularItalic.woff2') format('woff2'),
        url('fonts/BROmny-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

body {
    font-family: BROmny, sans-serif;
}

.invert-colors {
	filter: invert(100%);
	-webkit-filter: invert(100%);
}

.after-sun {
    position: relative;
}

.after-sun:after {
    content: '';
    position: absolute;
    height: calc(73px * 2);
    width: calc(154px * 2);
    background: url("/wp-content/uploads/2025/08/logo_sol_half_svg.svg");
    background-repeat: no-repeat;
    bottom: 0;
    left: calc(50% - (154px / 2 * 2));
}

.single-post .page-header {
    background: none;
    background-image: url("/wp-content/uploads/2025/09/header_pan.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 200px;
    display: flex;
    align-items: center;
    padding: 50px 0;
}

.single-post .page-header .entry-title {
    width: 100%;
    max-width: none;
    text-align: center;
    padding: 10px;
    margin: 0;
    font-family: "BROmny", Sans-serif;
    font-size: 46px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.5em;
    color: var( --e-global-color-4a3e7a81 );
}

.single-post .page-content.fullsingle {
    padding: 50px 0;
}

.elementor-widget-image-carousel.carousel-legend-top .swiper .swiper-slide figure {
    display: flex;
    flex-direction: column-reverse;
}

.elementor-widget-image-carousel.carousel-legend-top .swiper .swiper-slide figure .elementor-image-carousel-caption {
    padding-bottom: 25px;
}

#home-hero-banner > .elementor-container {
    min-height: calc(100vh - 232px);
}

.blue-bold b {
    font-weight: bold;
    color: var( --e-global-color-55e9815e );
}

.extra-big-sun {
    position: relative;
    overflow: hidden;
}

.extra-big-sun:after {
    content: '';
    position: absolute;
    height: 200vh;
    width: 200vh;
    background: url('/wp-content/uploads/2025/08/logo_sol_svg.svg');
    background-repeat: no-repeat;
    bottom: var(--extra-big-sun-bottom-position);
    right: -50vh;
    z-index: 0;
    opacity: 0.8;
    transition: 0s linear;
    transition-property: all;
}

@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}