/*
Theme Name:         Dinemar
Description:        Dinemar Theme
Version:            1.0
Author:             wevolved

Text Domain:        dinemar
*/

/* Configurações BASE */
* {
	box-sizing: border-box;
}

html,
body {
	margin: 0px;
	padding: 0px;
	overflow-x: hidden;
	/* user-select: none;  */
}

/* desativar scroll quando adicionada a classe disableScroll ao HTML */
html.disableScroll {
	overflow-y: hidden;
}

img {
	max-width: 100%;
}

/********* Alterar o scroll bar **********/
html {
	scrollbar-width: thin; /* Adjust the width of the scrollbar */
	scrollbar-color: #888 transparent; /* Adjust the color of the scrollbar */
}

/* Define the style for the scrollbar track */
html::-webkit-scrollbar {
	width: 4px; /* Adjust the width of the scrollbar */
}

/* Define the style for the scrollbar thumb */
html::-webkit-scrollbar-thumb {
	background-color: #888; /* Adjust the color of the scrollbar thumb */
	border-radius: 4px; /* Adjust the border radius of the scrollbar thumb */
}

/* Style for scrollbar track (background) */
html::-webkit-scrollbar-track {
	background-color: var(--white); /* Background color of the scrollbar track */
}
/********* FIM DE Alterar o scroll bar **********/

/* Reset comportamento de links */
a,
a:hover,
a:focus,
a:active {
	text-decoration: none;
	color: var(--black);
	cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
input {
	margin: 0px;
	/* para que as fonts fiquem com linha mais fina */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

a,
span {
	/* para que as fonts fiquem com linha mais fina */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
a {
	overflow-wrap: anywhere;
}

/**************** COMPONENTES DE FORMULARIOS **************/
/* Colocar os placeholders dos inputs com cor normal, remover o cinzento */
input::placeholder {
	color: var(--white);
	opacity: 1; /* Firefox */
}

/* Change the white to any color */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
select:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--black) inset !important;
	-webkit-text-fill-color: var(--white) !important;
}

/* Change the white to any color */
.white input:-webkit-autofill,
.white input:-webkit-autofill:hover,
.white input:-webkit-autofill:focus,
.white input:-webkit-autofill:active,
.white select:-webkit-autofill,
.white select:-webkit-autofill:hover,
.white select:-webkit-autofill:focus,
.white select:-webkit-autofill:active {
	-webkit-box-shadow: 0 0 0 30px var(--white) inset !important;
	-webkit-text-fill-color: var(--black) !important;
}

input:focus,
select:focus {
	outline: none !important;
}

/* Remover incremento de número - Chrome, Safari, Edge, Opera  */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* remover espaçamentos */
.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid > li,
.vc_btn3-container {
	margin-bottom: 0px !important;
}

ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

/******** SELECT IGUAL EM TODO O LADO ********* */
/* select {
	-webkit-appearance: none;
	-moz-appearance: none;
	border: 0 !important;

	color: #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	padding: 10px;
	width: 35%;
	cursor: pointer;

	background: #0d98e8
		url(https://cdn1.iconfinder.com/data/icons/universal-icons-set-for-web-and-mobile/100/controls_0-12-512.png)
		no-repeat right center;
	background-size: 40px 37px;
}

select option {
	background-color: #fff;
	color: black;
}
select::-ms-expand {
	display: none;
} */
/******** SELECT IGUAL EM TODO O LADO ********* */

/**************** FONTS ****************/
/* Fonts */
@font-face {
	font-family: "Rubik Variable";
	src: url("fonts/Rubik-VariableFont_wght.ttf");
	font-weight: normal;
	font-style: normal;
}


/* Headers */
h1 {
	font-family: "Rubik Variable";
	font-weight: 300;
	font-size: 0px;
}

h2 {
	font-family: "Rubik Variable";
	font-weight: 300;
	font-size: 0px;
}

h3 {
	font-family: "Rubik Variable";
	font-weight: 300;
	font-size: 0px;
}

h4 {
	font-family: "Rubik Variable";
	font-weight: 500;
	font-size: 0px;
}

h5,h6 {
	font-family: "Rubik Variable";
	font-weight: 500;
	
}

/* Fonts default */
p,
a,
label,
input,
select,
textarea,
option {
	font-family: "Rubik Variable";
	font-style: normal;
	font-size: 15px;
	resize: none;
}

/* Variáveis p/ reutilizar */
:root {
	/* Cores */
	--black: #000000;
	--white: #ffffff;
	--grey: #222222;
	--header-height: 50px;
	--page-margin: 25px;
	--border-radius: 4px;
	--page-top-space: 180px;
	--page-bottom-margin: 128px;
}

/* Remover paddings */
.noPadding {
	padding-left: 0px;
	padding-right: 0px;
}

/* REGRAS PARA PROJETO */
body {
	/* margin:0px */
	overflow-x: hidden;
}

/* esconder badge do recaptcha */
.grecaptcha-badge {
	visibility: hidden !important;
}

/* esconder WPML no footer */
.otgs-development-site-front-end {
	display: none;
}
/* =====================================================
   DINEMAR — PÁGINA MANUTENÇÃO
===================================================== */

body.page-manutencao {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    background: #111;
}


/* =====================================================
   FUNDO
===================================================== */

body.page-manutencao #main {
    position: relative;

    width: 100%;
    min-height: 100vh;
    min-height: 100svh;

    display: flex;
    align-items: center;

    background-image:
        var(--dinemar-background);

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;
}




/* =====================================================
   WPBAKERY RESET
===================================================== */

body.page-manutencao .wpb-content-wrapper {
    position: relative;
    z-index: 2;

    width: 100%;
    min-height: 100vh;
    min-height: 100svh;
}

body.page-manutencao .wpb-content-wrapper > .vc_row {
    width: 100%;
    min-height: 100vh;
    min-height: 100svh;

    margin: 0 !important;

    display: flex;
    align-items: center;
}

body.page-manutencao .vc_column_container > .vc_column-inner {
    padding: 0 !important;
}

body.page-manutencao .wpb_content_element {
    margin-bottom: 0;
}


/* =====================================================
   LADO ESQUERDO — MARCA
===================================================== */

body.page-manutencao .vc_col-sm-8 {
    width: 58%;
    min-height: 100vh;
    min-height: 100svh;

    display: flex;
    align-items: center;

    overflow: hidden;
}

body.page-manutencao .vc_col-sm-8 > .vc_column-inner,
body.page-manutencao .vc_col-sm-8 .wpb_wrapper,
body.page-manutencao .vc_col-sm-8 .wpb_single_image,
body.page-manutencao .vc_col-sm-8 .vc_figure,
body.page-manutencao .vc_col-sm-8 .vc_single_image-wrapper {
    width: 100%;
}

body.page-manutencao .vc_col-sm-8 .vc_single_image-wrapper {
    display: block;
}

body.page-manutencao .vc_col-sm-8 img {
    display: block;

    width: clamp(430px, 45vw, 780px);
    max-width: none;
    height: auto;

    margin-left: clamp(20px, 3vw, 60px);

    object-fit: contain;
}


/* =====================================================
   LADO DIREITO
===================================================== */

body.page-manutencao .vc_col-sm-4 {
    --logo-width: clamp(270px, 26vw, 376px);

    width: 42%;
    min-height: 100vh;
    min-height: 100svh;

    display: flex;
    align-items: center;

    padding:
        clamp(40px, 5vw, 80px)
        clamp(40px, 7vw, 130px)
        clamp(40px, 5vw, 80px)
        clamp(20px, 2vw, 40px);
}

body.page-manutencao .vc_col-sm-4 > .vc_column-inner {
    width: 100%;
}

body.page-manutencao
.vc_col-sm-4
> .vc_column-inner
> .wpb_wrapper {
    width: 100%;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


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

body.page-manutencao .vc_col-sm-4 .wpb_single_image {
    width: 100%;
    margin-bottom: clamp(28px, 3vw, 42px);
}

body.page-manutencao .vc_col-sm-4 .vc_figure,
body.page-manutencao .vc_col-sm-4 .vc_single_image-wrapper {
    display: block;
}

body.page-manutencao .vc_col-sm-4 img {
    display: block;

    width: var(--logo-width);
    max-width: 100%;
    height: auto;
}


/* =====================================================
   BLOCO ARRASTAR
   ALINHADO COM O TEXTO DO LOGO
===================================================== */

body.page-manutencao .arrastar {
    margin-left: calc(var(--logo-width) * 0.33);
    margin-top: clamp(32px, 4vw, 70px);
}


/* =====================================================
   MANUTENÇÃO
===================================================== */

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:first-of-type {
    margin-bottom: clamp(30px, 3vw, 44px);
}

body.page-manutencao .vc_col-sm-4 h5 {
    margin: 0 0 6px;

    color: #a1d6b1;

    font-size: clamp(18px, 1.35vw, 22px);
    line-height: 1.2;
    font-weight: 600;
}

body.page-manutencao .vc_col-sm-4 h6 {
    margin: 0;

    color: #a1d6b1;

    font-size: clamp(14px, 1vw, 16px);
    line-height: 1.45;
    font-weight: 400;
}


/* =====================================================
   CONTACTOS
===================================================== */

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:last-of-type {
    color: #fff;
}

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:last-of-type p {
    margin: 0 0 clamp(10px, 1vw, 14px);

    color: #fff;

    font-size: clamp(13px, 0.95vw, 15px);
    line-height: 1.5;
    font-weight: 400;
}

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:last-of-type a {
    color: #fff;
    text-decoration: none;
}

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:last-of-type strong {
    color: #fff;

    font-size: clamp(17px, 1.6vw, 25px);
    line-height: 1.2;
    font-weight: 600;
}

body.page-manutencao
.vc_col-sm-4
.wpb_text_column:last-of-type
p:last-of-type {
    margin-top: clamp(36px, 5vw, 80px);
    margin-bottom: 0;
}


/* =====================================================
   FOOTER
===================================================== */

body.page-manutencao footer {
    display: none;
}


/* =====================================================
   DESKTOP MÉDIO
   1200 — 1440
===================================================== */

@media (max-width: 1440px) {

    body.page-manutencao .vc_col-sm-8 {
        width: 56%;
    }

    body.page-manutencao .vc_col-sm-4 {
        --logo-width: clamp(250px, 25vw, 340px);

        width: 44%;

        padding:
            40px
            clamp(40px, 5vw, 80px)
            40px
            clamp(20px, 2vw, 32px);
    }

    body.page-manutencao .vc_col-sm-8 img {
        width: clamp(420px, 46vw, 670px);
    }

}


/* =====================================================
   TABLET / LAPTOP PEQUENO
===================================================== */

@media (max-width: 1199px) {

    body.page-manutencao .vc_col-sm-8 {
        width: 53%;
    }

    body.page-manutencao .vc_col-sm-4 {
        --logo-width: clamp(230px, 27vw, 310px);

        width: 47%;

        padding:
            40px
            clamp(30px, 4vw, 55px)
            40px
            clamp(20px, 3vw, 35px);
    }

    body.page-manutencao .vc_col-sm-8 img {
        width: clamp(390px, 48vw, 600px);
        margin-left: 15px;
    }

    body.page-manutencao .arrastar {
        margin-left: calc(var(--logo-width) * 0.33);
        margin-top: clamp(28px, 4vw, 50px);
    }

}


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

@media (max-width: 991px) {

    body.page-manutencao .vc_col-sm-8 {
        width: 50%;
    }

    body.page-manutencao .vc_col-sm-4 {
        --logo-width: clamp(210px, 30vw, 270px);

        width: 50%;

        padding:
            36px
            clamp(25px, 4vw, 45px);
    }

    body.page-manutencao .vc_col-sm-8 img {
        width: clamp(350px, 52vw, 500px);
        margin-left: -4vw;
    }

    body.page-manutencao .vc_col-sm-4 h5 {
        font-size: clamp(17px, 2vw, 20px);
    }

    body.page-manutencao .vc_col-sm-4 h6 {
        font-size: 14px;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type p {
        font-size: 13px;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type strong {
        font-size: clamp(17px, 2.5vw, 22px);
    }

}


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

@media (max-width: 767px) {

    body.page-manutencao #main {
        overflow-y: auto;
    }

    body.page-manutencao
    .wpb-content-wrapper > .vc_row {
        display: flex;
        flex-direction: column;

        min-height: 100svh;
    }


    /* MARCA */

    body.page-manutencao .vc_col-sm-8 {
        width: 100%;
        min-height: auto;

        display: flex;
        justify-content: center;
        align-items: center;

        padding:
            clamp(35px, 8vw, 55px)
            20px
            clamp(15px, 4vw, 25px);
    }

    body.page-manutencao .vc_col-sm-8 img {
        width: clamp(280px, 72vw, 380px);

        margin: 0 auto;

        object-fit: contain;
    }


    /* CONTEÚDO */

    body.page-manutencao .vc_col-sm-4 {
        --logo-width: clamp(220px, 66vw, 290px);

        width: 100%;
        min-height: auto;

        display: block;

        padding:
            clamp(20px, 5vw, 35px)
            clamp(24px, 7vw, 40px)
            clamp(50px, 10vw, 80px);
    }

    body.page-manutencao
    .vc_col-sm-4
    > .vc_column-inner
    > .wpb_wrapper {
        width: 100%;
        max-width: 440px;

        margin: 0 auto;
    }

    body.page-manutencao .vc_col-sm-4 img {
        width: var(--logo-width);
    }

    body.page-manutencao .vc_col-sm-4 .wpb_single_image {
        margin-bottom: 26px;
    }

    body.page-manutencao .arrastar {
        margin-left: calc(var(--logo-width) * 0.28);
        margin-top: 30px;
    }

    body.page-manutencao .vc_col-sm-4 h5 {
        font-size: clamp(18px, 5vw, 21px);
    }

    body.page-manutencao .vc_col-sm-4 h6 {
        font-size: clamp(14px, 3.8vw, 16px);
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:first-of-type {
        margin-bottom: 28px;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type p {
        font-size: clamp(13px, 3.5vw, 15px);
        line-height: 1.55;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type strong {
        font-size: clamp(18px, 5vw, 23px);
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type
    p:last-of-type {
        margin-top: 35px;
    }

}


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

@media (max-width: 480px) {

    body.page-manutencao .vc_col-sm-8 {
        padding:
            32px
            16px
            12px;
    }

    body.page-manutencao .vc_col-sm-8 img {
        width: min(82vw, 330px);
    }

    body.page-manutencao .vc_col-sm-4 {
        --logo-width: min(72vw, 260px);

        padding:
            20px
            24px
            45px;
    }

    body.page-manutencao .arrastar {
        margin-left: calc(var(--logo-width) * 0.28);
        margin-top: 26px;
    }

    body.page-manutencao .vc_col-sm-4 .wpb_single_image {
        margin-bottom: 22px;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:first-of-type {
        margin-bottom: 24px;
    }

    body.page-manutencao
    .vc_col-sm-4
    .wpb_text_column:last-of-type
    p:last-of-type {
        margin-top: 30px;
    }

}

a:focus{
	outline: none;
	border: none;
}
/****************************** MEDIA QUERIES ************************************/
/* Intermédio 1 */
@media only screen and (max-width: 1750px) {
}
/* Intermédio 2 */
@media only screen and (max-width: 1650px) {
}
/* HD READY - Resolução Base Desenvolvimento */
@media only screen and (max-width: 1440px) {
}

/* Media query para menu hamburguer */
@media print, screen and (max-width: 1250px) {
}

/* Media query para menu hamburguer */
@media print, screen and (max-width: 1200px) {
}

/*tablet landscape or old laptop */
@media print, screen and (max-width: 1024px) {
}

/* Size considerado para Tablet */
@media only screen and (max-width: 991px) {
}
/* Size considerado para Tablet modo portrait*/
@media only screen and (max-width: 767.5px) {
}

@media only screen and (max-width: 600px) {
}
/* Size considerado Mobile - 430px*/
@media only screen and (max-width: 430px) {
}
/* smartphones plus */
@media only screen and (max-width: 414px) {
}
/* smartphones normais  */
@media only screen and (max-width: 378px) {
}
/* iphone 5 <=  */
@media only screen and (max-width: 320px) {
}