/*
	Theme Name: Ogix Child
	Theme URI: https://ogix.com.br
	Description: Consultoria e Assessoria Contábil
	Author: @ch.borgesfm
	Author URI: https://www.instagram.com/ch.borgesfm
	Template: hello-elementor
	Version: 3.0.1
	License: GNU General Public License v3 or later.
	License URI: https://www.gnu.org/licenses/gpl-3.0.html
	Text Domain: hello-elementor-child
*/
/**
 * Loading first in the style.scss & classic-editor.scss
 */
/**
* Document basic styling
* Inspired by Normalize.css, HTML5 Boilerplate & Bootstrap Reboot Projects under MIT License
 */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
 */


/**
* Codigo Instagram
*/

.embed-code {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.embed-code blockquote.instagram-media {
    width: 560px !important;
    max-width: 100% !important;
    margin: 0 auto; /* Center the embed */
}

.embed-code blockquote.instagram-media > div {
    padding: 0 !important;
}
.embed-code blockquote.twitter-tweet {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto; /* Center the embed */
}
.embed-code blockquote.twitter-tweet > div {
    padding: 0 !important;
}

.elementor-heading-title.elementor-size-default:hover {
    font-weight: inherit; /* Mantém o peso da fonte definido */
}


/* Garantir que o contêiner do vídeo seja responsivo */
/* Garantir que o contêiner do vídeo seja responsivo */
.video-js {
    width: 100% !important;
    height: auto !important;
}

/* Manter uma proporção adequada */
.video-container {
    position: relative;
    padding-bottom: 56.25%; /* Proporção 16:9 */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Tamanho fixo para desktop */
@media (min-width: 768px) {
    .video-container {
        padding-bottom: 0;
        width: 640px;
        height: 360px;
        margin: 0 auto; /* Centralizar o vídeo */
    }

    .video-container video {
        width: 640px !important;
        height: 360px !important;
    }
}