/*

Theme Name: Maria Carolina - Entretenimento e Cultura Pop
Theme URL: http://www.mcarolina.com.br/
Description: Template desenvolvido por Maria Carolina para o seu blog / portal. Todos os direitos reservados.
Version: 3.0
Author: Maria Carolina
Author URL: http://portfolio.mcarolina.com.br/

*/

/* import */

@import url('css/style_topo.css');
@import url('css/style_lateral.css');
@import url('css/style_index.css');
@import url('css/style_interna.css');
@import url('css/responsivo.css');

/* fontes */

@font-face {
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/* Montserrat */

@font-face {
    font-family: 'Montserrat Bold Italic';
    src: url('fonts/montserrat-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Italic';
    src: url('fonts/montserrat-italic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-italic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Medium Italic';
    src: url('fonts/montserrat-mediumitalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-mediumitalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('fonts/montserrat-medium-webfont.woff2') format('woff2'),
         url('fonts/montserrat-medium-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat SemiBold Italic';
    src: url('fonts/montserrat-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibolditalic-webfont.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('fonts/montserrat-semibold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-semibold-webfont.woff') format('woff');
}

/* global reset */

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
body, html { width: 100%;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
a {text-decoration: none;}

.container { margin: 0 auto; }

/* fundo */

body { background-image: linear-gradient(to bottom, #ffc8dd, #d5b7e7, #d5b7e7, #d5b7e7, #bde0fe); -webkit-font-smoothing: antialiased; 
    font-family: 'Montserrat Regular', Arial, sans-serif; font-size: 14px; overflow-x: hidden; display: block; position: relative; }

body::after { content: ""; opacity: 0.3; top: 0; left: 0; bottom: 0; right: 0; position: absolute; z-index: -1;
    background: url('images/pattern_mcarolina.png') repeat; }

/* botão topo */

#buttontop::after { content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 2em; line-height: 50px; color: #fff;}
#buttontop { display: inline-block; background-color: #984780; width: 50px; height: 50px; text-align: center; border-radius: 5px; position: fixed;
    bottom: 30px; right: 15px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }

#buttontop:hover { cursor: pointer; background-color: #c76088; }
#buttontop:active { background-color: #c76088; }
#buttontop.show { opacity: 1; visibility: visible;}

/* footer */

footer.end { text-align: center; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; }
footer.end .ft { height: 270px; align-items: center; justify-content: center; display: flex; }

footer.end .ft.mnfooter ul { display: inline-flex; width: 100%; }
footer.end .ft.mnfooter ul li { list-style: none; margin-right: 15px; }
footer.end .ft.mnfooter ul li:last-child { margin-right: 0; }
footer.end .ft.mnfooter ul li a { font-weight: bold; padding-bottom: 5px; font-family: 'Montserrat Bold', Arial, sans-serif; font-size: 18px; text-transform: uppercase; 
    color: #456e95; transition:All 0.3 ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }
footer.end .ft.mnfooter ul li:hover a { border-bottom: 2px solid #456e95; }

footer.end .ft.lgfooter { width: 50%; }

footer.end .ft.scfooter ul { display: inline-flex; }
footer.end .ft.scfooter ul a li { list-style: none; background: #456e95; margin-right: 19px; width: 40px; height: 40px; border-radius: 50%;
    transition:All 0.3 ease-in-out; -o-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out;
    text-align: center; line-height: 47px; }
footer.end .ft.scfooter ul a:last-child li { margin-right: 0; }
footer.end .ft.scfooter ul a li i { font-size: 20px; color: #fff; }
footer.end .ft.scfooter ul a:hover li { background: #2f567b; }

footer.end .cred { line-height: 30px; font-weight: bold; font-family: 'Montserrat Bold', Arial, sans-serif; font-size: 12px; cursor: default;
    text-transform: uppercase; color: #456e95; }
footer.end .cred a { font-weight: bold; color: #456e95; font-style: normal; font-family: 'Montserrat Bold', Arial, sans-serif; 
    transition:All 0.3 ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }
footer.end .cred a:hover { color: #2f567b;  font-style: normal; font-family: 'Montserrat SemiBold', Arial, sans-serif; }