/*!
Theme Name: MRG QRCode 2
Theme URI: http://underscores.me/
Author: Young Studio
Author URI: https://youngstudio.com.br
Description: Tema desenvolvido para o site qr.grupomorenarosa.com.br
Version: 2.0.0
Text Domain: mrg-qrcode
*/

/* General */
body {font-family:'Montserrat'; }
img {max-width:100%; }
video {max-width:100%; }

/* Header */
header.site-header {text-align:center; padding:24px 0; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.06); }
header.site-header img {width:auto; height:15px; }
nav.site-menu {width:100%; display:flex; justify-content:center; position:fixed; bottom:-85px; left:0; background-color:#fff; font-size:26px; color:#333; box-shadow:0px -4px 10px 0px rgba(0, 0, 0, 0.06); z-index:2; transition:.2s bottom; }
nav.site-menu.show {bottom:0; }
nav.site-menu a {padding:20px 40px; color:#333; text-align:center; text-decoration:none; }
nav.site-menu a p {font-size:14px; letter-spacing:-0.28px; margin:0; padding:0; }

/* Footer */
footer.site-footer .logo {filter:brightness(0) invert(1); }
footer.site-footer a {text-decoration:none; display:block; }
footer.site-footer .mr {background-color:#333; text-align:center; padding:40px 20px; }
footer.site-footer .mr a {font-size:14px; color:#fff; margin-top:8px; }
footer.site-footer .ys {background-color:#111; text-align:center; padding:8px 0; }
footer.site-footer .ys a {font-size:12px; color:#9e9e9e; }

/* Home */
main.home {width:100vw; height:100vh; display:flex; align-items:center; justify-content:center; }

/* Single */
main.qrcode {max-width:455px; margin:auto; padding:0 12px; }
main.qrcode .page-title {font-size:24px; font-weight:500; letter-spacing:-0.72px; }
main.qrcode .section-title {font-size:18px; font-weight:600; letter-spacing:-0.54px; margin:0 0 8px 0; }
main.qrcode ul,
main.qrcode ul li {padding:0; margin:0; list-style:none; }
main.qrcode p {font-size:18px; color:#333; margin:0; }
main.qrcode span.icon {background-color:#333; color:#fff; font-size:24px; padding:3px; }
main.qrcode header.page-header {text-align:center; padding:51px 20px 36px; }
main.qrcode section.gallery {text-align:center; }
main.qrcode section.gallery ul li {margin-bottom:11px; }
main.qrcode section.gallery a {display:inline-block; position:relative; }
main.qrcode section.gallery .icon {position:absolute; top:0; right:0; margin:13px 11px 0 0; }
main.qrcode section.content,
main.qrcode section.files {max-width:326px; margin:auto; }
main.qrcode section.content {margin:50px auto 59px; padding-bottom:29px; border-bottom:1px solid #D9D9D9; }
main.qrcode section.content ul li {margin-bottom:30px; }
main.qrcode section.files {padding-bottom:70px; }
main.qrcode section.files .icon {font-size:18px; }
main.qrcode section.files ul {margin-top:15px; }
main.qrcode section.files ul li {border-bottom:1px solid #D9D9D9; padding-bottom:10px; margin-bottom:10px; }
main.qrcode section.files ul li:last-of-type {border-bottom:0; }
main.qrcode section.files ul li a {display:flex; justify-content:space-between; align-items:center; text-decoration:none; color:#333; }
main.qrcode section.files ul li a div {display:flex; align-items:center; }
main.qrcode section.files ul li a .filesize {font-size:13px; margin-right:5px; font-weight:600; }