/*
	Theme Name: ND Mais
    Theme URI: https://ndmais.com.br
    Version: 2.4.18
	Description: Tema do portal de conteúdo do Grupo ND
	Author: Diêgo Deyvison, Aline Estvo (Based on HTML5 Blank by Todd Motto (@toddmotto))
	Author URI: https://ndmais.com.br
	Tags: ND Mais
*/

/* global box-sizing */

*,
*:after,
*:before {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-family: 'Merriweather' , 'Lucida Sans Unicode', serif;
    color: #666;
    overflow-x: hidden;
}

:root {
    --nd-azul: #23AAE2;
    --nd-roxo: #90288D;
    --jornal-nd-azul: #002866;
}

.font-roboto{
    font-family: 'Roboto' , 'Arial' , 'Arial', 'sans-serif'!important;
}

.font-merriweather{
    font-family: 'Merriweather' , 'Lucida Sans Unicode', 'serif'!important;;
}

.font-poppins{
    font-family: 'Poppins' , 'Arial' , 'sans-serif'!important;;
}

.font-inter{
    font-family: 'Inter' , 'Arial' , 'sans-serif'!important;;
}


.font-alegreya{
    font-family: 'Alegreya Sans', sans-serif!important;
}

/* clear */

.clear:before,
.clear:after {
    content: ' ';
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

a {
    color: #444;
    text-decoration: none;
}

a:hover {
    color: #444;
}

a:focus {
    outline: 0;
}

a:hover,
a:active {
    outline: 0;
    text-decoration: none;
}

input:focus {
    outline: 0;
    border: 1px solid #04A4CC;
}

.img-responsive,
.responsive-img{
    max-width: 100%;
    height: auto;
}


/* Fix boostrap columns no Safari */

.row:before,
.row:after {
    display: none !important;
}


/* wrapper */

html,
.wrapper {
    background-color: #fff;
}

.wrapper {
    position: relative;
}


/* nav */

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

/* Social icons */

.social-icons a.social-icon {
    color: #333;
    font-size: 30px;
    line-height: 1;
    margin-right: 3px;
}


/* 404 */

.error-404 .number-label {
    font-size: 50px;
    display: block;
    text-align: center;
    font-weight: 900;
    color: #333;
    width: 100%;
    margin-bottom: 20px;
    line-height: 1;
}

.error-404 .title {
    font-size: 35px;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 30px 0;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {}

@media only screen and (min-width:480px) {}

@media only screen and (min-width:768px) {
    /* 404 */
    .error-404 .number-label {
        font-size: 65px;
        margin-bottom: 30px;
    }
    .error-404 .title {
        font-size: 40px;
        margin: 0 0 40px 0;
    }
    .error-404 .description {
        font-size: 22px;
        line-height: 1.2;
    }
}

@media only screen and (min-width:992px) {
    /* 404 */
    .error-404 .number-label {
        font-size: 120px;
        margin-bottom: 40px;
    }
    .error-404 .title {
        font-size: 50px;
        margin: 0 0 40px 0;
    }
    .error-404 .description {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media only screen and (min-width:1024px) {}

@media only screen and (min-width:1140px) {}

@media only screen and (min-width:1280px) {}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-webkit-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}

::-moz-selection {
    background: #04A4CC;
    color: #FFF;
    text-shadow: none;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}