@charset "UTF-8";

/*
Theme Name: Música Mundo 2022
Author: Carolina Almeida
Author URI: https://carolina-almeida.com
Description: Música Mundo 2022 is a theme created to 
Requires at least: 5.3
Tested up to: 5.6
Requires PHP: 5.6
Version: 1.4.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: musicamundo
Tags: music, festival, business

Música Mundo 2022 WordPress Theme, (C) 2022 Música Mundo
Música Mundo 2022 is distributed under the terms of the GNU GPL.
*/

@font-face {
    font-family: 'Sharp Grotesk 10';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-book_10-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-book_10-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Sharp Grotesk 10';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-book_italic_10-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-book_italic_10-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}

@font-face {
    font-family: 'Sharp Grotesk 10';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-bold_10-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-bold_10-webfont.woff') format('woff');
	font-weight: 600;
	font-style: normal;

}

@font-face {
    font-family: 'Sharp Grotesk 15';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-book_15-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-book_15-webfont.woff') format('woff');
	font-weight: 400;
    font-style: normal;

}

@font-face {
    font-family: 'Sharp Grotesk 15';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-book_italic_15-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-book_italic_15-webfont.woff') format('woff');
    font-weight: 400;
    font-style: italic;

}
@font-face {
    font-family: 'Sharp Grotesk 10';
    src: url('../musicamundo2022/assets/fonts/sharpgroteskbolditalic10-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharpgroteskbolditalic10-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Sharp Grotesk 15';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk_semibold_15-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk_semibold_15-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'Sharp Grotesk 15';
    src: url('../musicamundo2022/assets/fonts/sharp_grotesk-semibold_italic_15-webfont.woff2') format('woff2'),
         url('../musicamundo2022/assets/fonts/sharp_grotesk-semibold_italic_15-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

*{
    font-family: 'Sharp Grotesk 15', sans-serif;
    font-weight: 400;
    font-style: normal;
}

:root {
	/* Font Family */
	--global--font-primary: 'Sharp Grotesk 15', sans-serif;
	--global--font-secondary: 'Sharp Grotesk 10', sans-serif;
    
	/* Font Size */
	--global--font-size-base: 18px;
	--global--font-size-xxs: 14px;
	--global--font-size-xs: 16px;
	--global--font-size-sm: 18px;
	--global--font-size-md: 24px;
	--global--font-size-l: 30px;
	--global--font-size-lg: 36px;
	--global--font-size-xl: 48px;
	--global--font-size-xxl: 90px;
	--global--font-size-xxxl: 110px;
	--global--letter-spacing: 0.05em;

	/* Line Height */
	--global--line-height-body: 1.8;
	--global--line-height-heading: 1.2;

	/* Colors */
	--global--color-black: #000;
	--global--color-gray: #BFBFBF;
    --global--color-gray-light: #E4E4E4;
	--global--color-white: #FFF;
    --global--color-yellow: #FFF812;
    --global--color-orange: #FF9600;
    --global--color-red: #FF5A00;
    --global--color-dark-red: #943B1B;
    --global--color-green: #148C32;
    --global--color-green-light: #77E508;
    --global--color-blue: #0046B4;
    --global--color-blue-light: #60FFEA;
	--global--color-primary: var(--global--color-blue-light);

	/* Body text color, site title, footer text color. */
	--global--color-secondary: var(--global--color-white);

	/* Headings */
	--global--color-primary-hover: var(--global--color-primary);
	--global--color-background: var(--global--color-blue);

	/* Mint, default body background */
	--global--color-border: var(--global--color-primary);
}

.admin-bar {
	--global--admin-bar--height: 32px;
}
@media only screen and (max-width: 782px) {

	.admin-bar {
		--global--admin-bar--height: 46px;
	}
}

/*GENERAL*/

b {font-weight: 600;}

a {
	transition: 0.2s all;
	color: var(--global--color-blue-light);
	text-decoration: none;
}

a:hover{
	color: var(--global--color-white);
	transition: 0.2s all;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--global--font-secondary);
	font-weight: 400;
	letter-spacing: 0.03em;
	line-height: var(--global--line-height-heading);
	margin: 0;
	color: var(--global--color-purple);
	text-transform: uppercase;
}

h1 {font-size: var(--global--font-size-xl);}
h2 {font-size: var(--global--font-size-lg);}
h3 {font-size: var(--global--font-size-l);}
h4 {font-size: var(--global--font-size-md);}
h5 {font-size: var(--global--font-size-sm);}
h6 {font-size: var(--global--font-size-xs);}

h1 strong,
h2 strong {
	font-family: var(--global--font-secondary);
	font-weight: 600;
}

strong {font-weight: 600;}

h1 span {
    font-family: var(--global--font-secondary);
    font-weight: 600;
    letter-spacing: 0.03em;
}

button {
    transition: 0.2s all;
    user-select: none;
}

button:focus{outline: none;}

body {
	font-family: var(--global--font-secondary);
	font-size: var(--global--font-size-sm);
	line-height: var(--global--line-height-body);
	letter-spacing: var(--global--letter-spacing);
	margin: 0;
	position: relative;
	scrollbar-color: var(--global--color-black) var(--global--color-black);
	scrollbar-width: thin;
	overflow-x: hidden;
	z-index: -1;
	color: var(--global--color-blue-light);
	background-color: var(--global--color-blue); 
    overflow-y: scroll;
}

body.hidden {
	height: 100vh;
	overflow: hidden;
}

body.hidden .background-bottom{display: none;}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: var(--global--color-black);
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: var(--global--color-black);
}

::-webkit-scrollbar-thumb
{
	background-color: #111;
	border: 2px solid #111;
}

.no-select {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

/*TEMA MM*/

/*GENERAL*/

a {transition: 0.2s all;}

a:hover{
	color: var(--global--color-turquoise);
	transition: 0.2s all;
}

button {transition: 0.2s all;}

button:focus{outline: none;}

button:hover{color: var(--global--color-turquoise);}

body {
	width: 100vw;
	overflow-x: hidden;
	position: relative;
	top: 0 !important;
	font-style: normal;
	font-weight: 400;
}

body.hidden {
	height: 100vh;
	overflow: hidden;
}

body.hidden .background-bottom{display: none;}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: var(--global--color-bege);
}

::-webkit-scrollbar
{
	width: 10px;
	background-color: var(--global--color-bege);
}

::-webkit-scrollbar-thumb
{
	background-color: var(--global--color-dark-gray);
	border: 2px solid var(--global--color-dark-gray);
}

html {
	scrollbar-color: var(--global--color-dark-gray) var(--global--color-bege);
	scrollbar-width: thin;
}

.background {
	position: absolute;
}

button {
	background-color: transparent;
	color: var(--global--color-dark-gray);
	transition: 0.2s all;
}

.btn {    
	text-transform: lowercase;
    background-color: transparent;
    border: 2px solid var(--global--color-blue-light);
    padding: 10px 30px;
	font-size: var(--global--font-size-sm);
	letter-spacing: 0.03em;
	cursor: pointer;
}

.btn:hover {    
    background-color: var(--global--color-blue-light);
    border: 2px solid var(--global--color-blue-light);
	color: var(--global--color-blue);
}

.btn-light {    
    border: 2px solid var(--global--color-white);
	color: var(--global--color-white);
}

.btn-light a {
	text-decoration: none;
    color: var(--global--color-white);
}

.btn-dark {    
    border: 2px solid var(--global--color-blue-light);
	color: var(--global--color-blue-light);
	letter-spacing: 0.03em;
	font-size: var(--global--font-size-sm);
	cursor: pointer;
}

.btn-dark:hover {    
    border: 2px solid var(--global--color-blue-light);
	background-color: var(--global--color-blue-light);
	color: var(--global--color-blue);
}

.close {
	cursor: pointer;
	transition: 0.2s all;
}

.close:hover {opacity: 0.3;}

a.glink {padding: 0 5px;}

a.glink.hidden {display: none;}

#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
.goog-text-highlight {background-color:transparent !important;box-shadow:none !important;}
#google_translate_element2 {display:none!important;}

/*HEADER*/
header {
	display: grid;
	grid-template-areas:
		"financiamento lang icon"
		"logo menu menu";
	grid-template-columns: auto 150px 100px;
	grid-template-rows: 60px 70px;
	padding: 30px 40px 20px 90px;
	user-select: none;
}

#txt-financiamento {
	grid-area: financiamento;
	color: var(--global--color-white);
}

#language {
	grid-area: lang;
	text-align: right;
	color: var(--global--color-white);
}

#language a {color: var(--global--color-white);}

#language button {
	background: transparent;
	border: none;
}

#language a {transition: 0.2s all;}

#language a:hover {opacity: 0.5;}

.home #logo {pointer-events: none;}

#logo {grid-area: logo;}

#logo img {
    height: 100%;
    width: auto;
    max-width: 900px;
}

#icon {grid-area: icon;}

#icon img {
	float: right;
    height: 30px;
    width: auto;
}

#menu {
	grid-area: menu;
	text-align: right;
    display: flex;
    align-items: end;
    justify-content: end;
}

.menu-item.active{display: none;}

path.icon-mm-path, path.logo-mm-path{fill: var(--global--color-dark-gray);}

.clear {clear: both;}

/*HEADER AND FOOTER*/

.menu ul {
	padding: 0;
	margin: 0;
    list-style: none;
    display: inline-flex;
}

header .menu ul li {
	margin-left: 30px;
	line-height: 1;
}

.menu ul a {
	text-decoration: none;
	transition: 0.4s all;
}

.page-template-contato .menu ul a {color: var(--global--color-yellow);}

.menu ul a:hover {color: var(--global--color-white);}

.menu {text-transform: lowercase;}


/*FOOTER*/

footer {
	display: grid;
	grid-template-areas: 
		"menu-footer social-medias"
		"regua-logos regua-logos";
	grid-template-columns: calc(50% + 92px) auto;
	grid-template-rows: 150px auto;
	padding: 20px 40px 40px 90px;
	position: relative;
	color: var(--global--color-white);
	user-select: none;
}

.home footer {padding: 280px 40px 40px 90px;}

footer a {transition: 0.2s all;}

.page-template-contato footer {padding: 100px 40px 40px 90px;}

.page-template-sobre footer {grid-template-rows: 80px auto;}

.page-template-contato footer .menu ul a {color: var(--global--color-white);}

footer a:hover {opacity: 0.5;}

#regua-logos {
	grid-area: regua-logos;
	background-image: url('img/regua-logos.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat; 
	width: 100%;
	height: 100px;
}

#social-medias.menu {
	grid-area: social-medias;
	text-align: right;
}

#social-medias.menu ul li:not(:last-child) {margin-right: 30px;}

footer .menu {grid-area: menu-footer;}

.menu .fa, .menu .fab {font-size: 30px;}

/*HOMEPAGE*/

.home .content {position: relative;}

.content-sections-home {position: relative;}

.content-sections-home section {
    margin: 0 40px 0 90px;
    position: relative;
    width: calc(100% - 130px);
    padding: 0;
    min-height: 115px;
	cursor: pointer;
	z-index: 1;
}

.content-sections-home section:hover {
    background-size: auto 100%;
}

.content-sections-home section.disabled-section {
	opacity: 0.3 !important;
}

.section-close {display: none;}

.section-nav {
    position: absolute;
    bottom: 0;
    left: -90px;
    transform-origin: 0 0;
	width: 90px;
	text-transform: lowercase;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 0.2s all;
	user-select: none;
}

.section-nav span {
    display: block;
    transform: rotate(270deg);
    text-align: center;
    width: calc((100vh - 200px)/3);
    position: absolute;
	line-height: 1.2;
}

section.active .section-nav,
section:hover .section-nav {
	color: var(--global--color-white);
    left: -80px;
}

.section-img-box {
    height: 100%;
	overflow: hidden;
	-moz-transition: width .5s;
	-ms-transition: width .5s;
	-o-transition: width .5s;
	-webkit-transition: width .5s;
	transition: width .5s;
	width: 100%;
}

#section-0.active .section-img-box,
#section-2.active .section-img-box {width: 0;}

.section-img {
    height: 100%;
    width: calc(100vw - 130px);
	transform: scale(1.1);
	transition: 0.5s all;
}

section .section-img{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-img:hover {
	transform: scale(1);
	transition: 0.5s all;
}

.section-content {
    position: absolute;
    top: 0;
    left: 90px;
    width: calc(100vw - 130px);
    overflow-y: hidden;
    transition-property: all;
    transition-duration: .5s;
    transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 1;
}

.section-content.section-txt {background-color: var(--global--color-black);}

.section-content.section-programadores {background-color: var(--global--color-green);}

.programadores-infos {display: none;}

.section-content.section-btn-group {
	display: none;
}

.section-content:not(.section-btn-group) {
	height: 0;
}	

.section-content:not(.section-btn-group).active {
	height: 100%;
	max-height: calc(100vh - 180px); /* approximate max height */
	overflow-y: auto;
	scrollbar-color: #2e2d2ca3 #2e2d2c29;
	scrollbar-width: thin;
}

.section-content.section-btn-group.active {
	display: block;
}

.section-content-box {
	height: 100%;
    overflow-y: auto;
	scrollbar-color: #2e2d2ca3 #2e2d2c29;
	scrollbar-width: thin;
}

.section-content-txt {
	position: relative;
	z-index: 3;
}

.section-content .section-title {
    height: 30px;
    padding: 20px 40px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--global--color-white);
}

.section-content .section-title span.material-icons {
    font-size: var(--global--font-size-lg);
}

.section-content .section-title h4 {
    color: var(--global--color-white);
    font-family: var(--global--font-primary);
	font-weight: 600;
}

.section-content .section-title h4 span {
	font-weight: 400;
	margin-left: 10px;
}

.section-aba .section-content-box {
    height: auto;
    margin: 10px 0 20px 40px;
    min-height: calc(100vh - 270px);
}

.section-txt .section-content-box {
    margin: 10px 40px 40px;
	background-color: var(--global--color-blue);
    padding: 40px;
}

.section-content-box::-webkit-scrollbar { 
    display: none; 
}

.aba-background {
    width: 100%;
    height: 100%;
    top: 100px;
    left: 0;
    bottom: 0;
    position: absolute;
    overflow: hidden;
    z-index: 1;
    display: grid;
    align-items: end;
}

.aba-background img {
    width: 110%;
    bottom: -100px;
    position: relative;
}

.programadores-item {
	cursor: pointer;
	transition: 0.2s all;
}

.programadores-item h1 {
    font-weight: 600;
    letter-spacing: 0.05em;
    color: var(--global--color-green-light);
	display: flex;
	transition: 0.2s all;
}

.programadores-item.active h1,
.programadores-item h1:hover {opacity: 0.3;}

.col-programadores-1 {
    width: calc(60% - 160px);
    float: left;
    margin: 0 160px 30px 0;
	column-count: 2;
}

.col-programadores-2 {
    width: 40%;
    float: right;
    position: sticky;
    height: calc(100vh - 300px);
    display: flex;
    align-items: flex-end;
}

.active .col-programadores-2 {
	position: fixed;
	top: 250px;
	right: 40px;
}

.col-programadores-2 .pg-img {
    width: 60%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    z-index: -1;
}

.pg-txt {
    width: 45%;
    color: var(--global--color-green-light);
    display: grid;
    word-break: break-word;
    align-items: flex-end;
    height: 100%;
}

.pg-txt-1 {
	height: 100%;
    width: 250%;
}

.pg-nome h1 {
    font-family: var(--global--font-secondary);
    text-transform: uppercase;
    display: block;
    font-size: var(--global--font-size-xxl);
    font-weight: 600;
    line-height: 0.7;
    color: var(--global--color-green-light);
}

.pg-nome h3 {
    font-size: var(--global--font-size-lg);
    font-weight: 400;
    letter-spacing: 0.05em;
}

.pg-nome {
    margin-top: 30px;
}

.pg-nome h1 {margin: 15px 0 0;}

.pg-local {
    font-size: var(--global--font-size-md);
    margin-top: 30px;
    line-height: 0.7;
}

.pg-infos p {
	margin: 0;
	line-height: 1.2;
}

.pg-infos a {
	margin-top: 10px;
	font-size: var(--global--font-size-xs);
	font-weight: 600;
	color: var(--global--color-green-light);
	transition: 0.2s all;
	display: inline-block;
}

.pg-infos a:hover {opacity: 0.3;}

.btns-group {
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
	opacity: 1;
}

.section-btn-group.active .btns-group {animation: visible 1s;}

.section-content-box .form-title {
	text-align: right;
	margin-right: 40px;
}

.section-content-box .form-title h1 {line-height: 1;}

.section-content-box .form-title h1 span {display: block;}

.section-content-box form label {
    display: block;
    text-transform: lowercase;
    line-height: 1;
}

.section-content-box form input:focus {outline: none;}

.section-content-box form input:not([type="submit"]) {
    background-color: transparent;
    border: 2px solid var(--global--color-blue-light);
    height: 38px;
    width: 200px;
    margin: 10px 20px 0 0;
	padding: 0 10px;
	color: var(--global--color-white);
	font-size: var(--global--font-size-sm);
}

.section-content-box form input[type="submit"] {
    background-color: transparent;
    color: var(--global--color-blue-light);
    border: 2px solid var(--global--color-blue-light);
    padding: 8px 30px;
    margin: 0;
    position: relative;
    top: 0px;
    font-size: var(--global--font-size-sm);
    text-transform: lowercase;
	cursor: pointer;
	transition: 0.2s all;
}

.section-content-box form input[type="submit"]:hover {
    background-color: var(--global--color-blue-light);
    color: var(--global--color-blue);
}

@keyframes visible {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
   
.btns-group button {margin: 0 10px;}

.content-newsletter {
    margin: 90px 40px 0 90px;
}

.content-newsletter h4 {
    font-family: var(--global--font-secondary);
    text-align: right;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    line-height: 1;
    font-size: var(--global--font-size-lg);
    color: var(--global--color-blue-light);
    user-select: none;
    display: grid;
    justify-content: flex-start;
    width: 150px;
    float: left;
}

.content-newsletter h4 span {
	font-family: var(--global--font-secondary);
    font-weight: 600;
    display: block;	
	letter-spacing: 0.03em;
}

.newsletter {
	grid-area: newsletter;
	position: relative;
	padding: 0;
}

.newsletter .fields {
    display: flex;
    justify-content: space-between;
	margin-left: 30px;
}

.newsletter form {
    margin: 0;
	width: calc(100% - 150px);
	float: right;
}

.newsletter label {
	text-transform: lowercase;
    margin: 0 30px 0 0;
	width: 100%;
}

.newsletter label span {user-select: none;} 

.newsletter input {
	background-color: transparent;
    border: 2px solid var(--global--color-blue-light);
    -webkit-appearance: none;
	border-radius: 0;
}

.newsletter input:focus {
    outline: none;
}

.newsletter input[type=text], .newsletter input[type=email] {
    height: 41px;
    margin: 0;
    padding: 0 10px;
    width: calc(100% - 24px);
	color: var(--global--color-white);
	font-size: var(--global--font-size-sm);
}

.newsletter input[type=submit]{
	float: right;
	clear: both;
    margin: 33px 0 0 0;
    text-transform: lowercase;
    padding: 5px 30px;
    transition: 0.2s all;
    color: var(--global--color-blue-light);
	cursor: pointer;
	font-size: var(--global--font-size-sm);
}

.newsletter input[type=submit]:hover{
	background-color: var(--global--color-blue-light);
    color: var(--global--color-blue);
}

.mc4wp-alert {
    text-align: center;
    margin: 10px 0 0;
    border: none;
    padding: 5px;	
	width: 100%;
}

.mc4wp-error,
.mc4wp-notice,
.mc4wp-success {background: transparent;}

.mc4wp-error {color: var(--global--color-red);}

.home .background {
    width: 110vw;
    left: -5vw;
    bottom: 230px;
	z-index: -1;
}

.home .background img {
	width: 100%;
	height: auto;
}

/*Programa Inspire - Seção 01 (Textos) */

#section-content-01 .section-content-box {
	padding: 20px 50px 50px;
	background-color: var(--global--color-dark-gray);
	color: var(--global--color-white);
	position: relative;
}

#section-content-01 h1{text-transform: uppercase;}

#section-content-01 h4 {
    text-transform: uppercase;
    font-weight: 500;
}

/*Programa Inspire - Seção 01 (Textos) */

.inspire-txt-box {
	background-image: url('img/musica-mundo-conecta-programa-inspire-01.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 20px 0;
	display: grid;
	grid-template-areas:
		"inspire-txt-01 inspire-txt-02";
	padding: 70px 0;
}

.inspire-txt {padding: 0 15%;}

.inspire-txt h4, .inspire-txt p {margin: 0 0 20px;}

.scroll-down {
	height: 40px;
    width: 40px;
    background-color: var(--global--color-dark-gray);
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    top: calc(100vh - 260px);
    left: calc(50% - 20px);
	transition: 0.2s all;
}

.scroll-down:hover {transform: scale(0.9);}

.scroll-down .material-icons {
	font-size: 30px;
	padding: 5px;
    display: block;
    color: var(--global--color-turquoise);
}

.bounce {
	-moz-animation: bounce 2s infinite;
	-webkit-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	
	40% {transform: translateY(-30px);}
		
	60% {transform: translateY(-15px);}
}

/*Programa Inspire - Seção 02 (Consultores) */ 

.inspire-consultores-box {    
	height: calc(100vh - 300px);
    max-height: 500px;
    background-color: gray;
	position: relative;
}

.title-inspire-consultores {margin: 40px 0 10px;}

.consultor-box {
    float: left;
    width: calc(100% / 7);
    height: calc(100vh - 300px);
    max-height: 500px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
}

.consultor-img {
	position: absolute;
	width: 100%;
	height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: grayscale(1) opacity(0.5);
	transform: scale(1.1);
	transition: 0.3s all;
}

.consultor-img:hover {
    filter: grayscale(0) opacity(1);
	transform: scale(1);
}

.consultor-box h5 {
    z-index: 1;
    position: absolute;
    bottom: 3vh;
    left: 3vh;
	text-transform: uppercase;
}

.consultor-box span.modalidade-consultor {
    font-size: 16px;
	font-weight: 300;
	margin: 0 0 10px;
}

.consultor-box h5 span {display: block;}

.consultor-box .sobre-consultor.hidden {display: none;}

#consultor-destaque {
	position: absolute;
    z-index: 2;
    height: calc(100vh - 300px);
    max-height: 500px;
	display: none;
	width: 100%;
}

#consultor-destaque.active {display: block;}

.consultor-destaque-txt h4 span.modalidade-consultor {display: none;}

.consultor-destaque-img-box {
	width: calc(100% / 7);
    height: 100%;
    float: left;
}

.consultor-destaque-img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.consultor-destaque-txt-box {
	width: calc(100% - 100% / 7);
    height: 100%;
    float: right;
	position: relative;
}

.consultor-destaque-background-layer {
    width: 100%;
    height: 100%;
    background-color: var(--global--color-dark-gray);
	position: absolute;
	z-index: -2;
}

.consultor-destaque-background-img {
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	filter: grayscale(1) opacity(0.1);
	position: absolute;
	z-index: -1;
}

#consultor-destaque .close {
	text-align: right;
    padding: 2% 2% 0 0;
}

#consultor-destaque .close .material-icons{font-size: 40px;}

.consultor-destaque-txt {padding: 0 20%;}

.consultor-destaque-txt h4 {
	text-transform: uppercase;
	text-align: right;
	float: left;
    width: 200px;
}

.consultor-destaque-txt h4 span {display: block;}

.consultor-destaque-txt p {
	width: calc(100% - 230px);
    float: right;
    max-height: calc(100vh - 420px);
    overflow-y: auto;
	padding: 0 20px 0 0;
	scrollbar-color: #ffffff1a #ffffff0f;
	scrollbar-width: thin;
}

.consultor-destaque-txt p::-webkit-scrollbar-track{
	-webkit-box-shadow: none;
	background-color: #ffffff0f;
}

.consultor-destaque-txt p::-webkit-scrollbar{
	width: 10px;
	background-color: transparent;
}

.consultor-destaque-txt p::-webkit-scrollbar-thumb{
	background-color: #ffffff1a;
	border: none;
}

/*Programa Inspire - Seção 03*/

.inspire-info-box {
	background-image: url('img/musica-mundo-conecta-programa-inspire-02.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 50px 0 0;
	display: grid;
	grid-template-areas:
		"inspire-info-01 inspire-txt-03";
    grid-template-columns: 60% 40%;
	padding: 70px 0;
}

.inspire-info-list {
	grid-area: inspire-info-01;
	padding: 0 15%;
}

#inspire-txt-03 {grid-area: inspire-txt-03;}

.inspire-info {
    display: grid;
    grid-template-areas: "title-info list-info";
	grid-template-columns: 30% 70%;
}

.inspire-info:not(:last-child) {margin: 0 0 50px;}

.inspire-info h4 {text-align: right;}

.inspire-info h4 span {display: block;}

.inspire-info-txt ul {list-style: none;}

.inspire-info-txt button {margin: 15px 0 0 calc(2 * var(--global--spacing-horizontal)) ;}

/*Entrevistas*/

#section-content-1 {background-color: var(--global--color-blue);}

.sobre-section {
	background-color: var(--global--color-dark-gray);
    padding: 5px;
    color: var(--global--color-white);
    position: relative;
    z-index: 1;
    text-align: center;
}

.sobre-section a {
	color: var(--global--color-white);
    text-decoration: none;
	transition: 0.2s all;
}

.sobre-section a:hover {color: var(--global--color-turquoise);}

.card-box {
	width: calc(50% - 20px);
    float: left; 
    height: calc(100vh - 180px);
	position: relative;
	margin-bottom: 40px;
}

.card-even {float: right;}

#section-content-1 .card-box {
	background-color: var(--global--color-orange);
	color: var(--global--color-yellow);
}

.card-txt-box {
	width: calc(50% - 3vh - 20px);
    float: left;
	text-align: left;
	position: relative;
	z-index: 3;
	padding: 3vh 20px 3vh 3vh;
    height: calc(100% - 6vh);
}

.card-txt-box h2 {
    margin: 25px 0 50px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: var(--global--font-secondary);
    letter-spacing: 0.04em;
    font-size: 72px;
    line-height: 0.9;
    margin-left: 100px;
    width: calc((100vw - 170px)/2 - (100px + 3vh));
}

.card-txt-box h3 {
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 0.04em;
    font-size: 54px;
	text-align: left;
	line-height: 0.9;
}

.card-txt-box h6{
    margin: 10px 0 0;
    text-transform: uppercase;
}

.card-txt-box h6 span{font-weight: 300;}

.release-box {
    height: calc(100vh - 370px - 6vh);
    display: grid;
    align-items: flex-end;
}

.card-txt-box .release p:first-child {margin-top: 0;}

.card-txt-box .release p:last-child {margin-bottom: 0;}

.card-txt-box .release {
    margin: 0;
    height: 100%;
    overflow-y: auto;
    padding: 0 10px 0 0;
    scrollbar-color: #fff812a1 transparent;
	scrollbar-width: thin;
    font-size: var(--global--font-size-xs);
    text-align: justify;
}

.card-txt-box .release::-webkit-scrollbar-track{
	-webkit-box-shadow: none;
	background-color: #fff8123b;
	border-radius: 5px;
}

.card-txt-box .release::-webkit-scrollbar{
	width: 5px;
	background-color: transparent;
}

.card-txt-box .release::-webkit-scrollbar-thumb{
	background-color: #fff71280;
    border: none;
	border-radius: 5px;
}

.card-txt-box .release h4 {font-size: var(--global--font-size-lg);}

.card-box button.btn-dark {
	margin: 20px 0 0;
    border: 2px solid var(--global--color-yellow);
    color: var(--global--color-yellow);
}

.card-box button.btn-dark:hover {
    background-color: var(--global--color-yellow);
    color: var(--global--color-orange);
}

.card-img-box {
    width: 50%;
    height: 100%;
    position: relative;
    float: right;
	z-index: 1;
}

.slider {
	margin: 3vh auto;
	max-width: 940px;
    height: calc(100% - 6vh);
}

.slide-viewer {
	height: 100%;
	overflow: hidden;
	position: relative;
}

.slide-group {
	height: 100%;
	width: 100%;
	position: relative;
}

.slide {
	display: none;
	height: 100%;
	position: absolute;
	width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
	background-position: center;
}

.slide:first-child {display: block;}

.slide-buttons {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	text-align: center;
}

a.slide-btn {
	color: var(--global--color-white);
	font-size: 42px;
	margin: 0 0.175em;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

h6.slide-txt {
	color: white;
    text-align: center;
    padding: 10px 20px;
    text-transform: uppercase;
    font-size: 14px;
    position: absolute;
    top: 85%;
    right: 0;
    width: 100%;
}

.card-odd .card-background {
	position: absolute;
	background-image: url('../musicamundo2022/assets/img/background-08.svg');
    background-repeat: no-repeat;
	width: 100%;
    height: 100%;
    top: -50px;
	z-index: 0;
}

.card-even .card-background {
	position: absolute;
	background-image: url('../musicamundo2022/assets/img/background-04.svg');
    background-repeat: no-repeat;
	width: 100%;
    height: 100%;
	bottom: 140px;
    z-index: 0;
}

.card-background-bottom-box  {
	width: 100%;
    height: 160px;
	overflow: hidden;
    z-index: 0;
	bottom: 0;
	position: absolute;
}
.card-even:last-child .card-background-bottom {
	position: absolute;
	background-image: url('img/background-04.svg');
    background-repeat: no-repeat;
	width: 100%;
    height: 100vh;
}

#video-container {
    position: absolute;
    background-color: var(--global--color-black);
    width: calc(100vw - 80px);
    height: calc(100vh - 80px);
    top: 0;
    z-index: 9;
    padding: 40px;
    display: none;
}

#video-container.show {display: block;}

#video-iframe {
	width: 80%;
	margin: 0 10%;
	height: 90%;
}

#video-container .close {
	text-align: right;
    color: var(--global--color-white);
}

#video-container .close .material-icons {font-size: 35px;}

/*MINI CURSOS*/

.mc-content {margin: 40px 40px 40px 90px;}

.page-template-minicurso .card-box {
	background-color: var(--global--color-dark-red);
	color: var(--global--color-red);
}

.page-template-minicurso .slide-btn.active, .page-template-minicurso .slide-btn:hover {
	color: var(--global--color-red);
	cursor: pointer;
}

.page-template-minicurso .card-box button {
	background-color: transparent;
	border-color: var(--global--color-red);
	color: var(--global--color-red);
}

.page-template-minicurso .card-box button:hover {
	background-color: var(--global--color-red);
	border-color: var(--global--color-dark-red);
	color: var(--global--color-dark-red);
}

.page-template-minicurso .card-box h2 {margin: 0 0 10px;}

.page-template-minicurso .card-box h4 {
    font-size: var(--global--font-size-lg);
    position: relative;
    width: 100%;
    margin: 0 0 30px;
}

.page-template-minicurso .release-box {height: calc(100vh - 370px - 6vh);}

.page-template-minicurso .card-txt-box .release::-webkit-scrollbar-track{background-color: #ff5a002b;}

.page-template-minicurso .card-txt-box .release::-webkit-scrollbar-thumb{background-color: #ff5a0069;}

.page-template-minicurso .background {
    width: 110%;
    bottom: 250px;
	z-index: -1;
}

.page-template-minicurso .background img {
	width: 100%;
	height: auto;
}


/*404 PAGE*/

body.error404 {background-color: var(--global--color-dark-red);}

.error404 .content {
    height: calc(100vh - 180px);
    overflow: hidden;
    position: relative;
    color: var(--global--color-red);
}

.content-404 {
	padding: 0;
	margin: 40px 40px 0 90px;
    height: calc(100vh - 240px);
	user-select: none;
}

.content-404 .btn-dark {
    border: 2px solid var(--global--color-red);
    color: var(--global--color-red);
    font-size: var(--global--font-size-sm);
	transition: 0.2s all;
	cursor: pointer;
}

.content-404 .btn-dark:hover {
    background-color: var(--global--color-red);
    color: var(--global--color-dark-red);
}

.error404 .background {
	bottom: -40vh;
	width: 105vw;
	left: 0;
	z-index: -1;
}

.content-404 h1 {
    text-align: right;
    padding: 0 10%;
    text-transform: uppercase;
    font-weight: 600;
    font-size: var(--global--font-size-xxl);
	letter-spacing: 0.03em;
}

.content-404 h4 {
    text-align: right;
    padding: 0 10%;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0;
    font-size: var(--global--font-size-lg);
	letter-spacing: 0.03em;
}

/*CONTATO*/

body.page-template-contato {background-color: var(--global--color-orange);}
.page-template-contato .content {position: relative;}

.contato-content {
    background-color: var(--global--color-orange);
    padding: 2vh 15% 40px;
	margin: 0 40px 0 90px;
	height: 100%;
}

.wpcf7-form {
	display: grid;
    grid-template-areas:
        "nome mensagem"
        "email mensagem"
        "assunto mensagem"
        "enviar enviar";
	position: relative;
	z-index: 1;
}

.wpcf7-form p:nth-child(2){grid-area: nome;}

.wpcf7-form p:nth-child(3){grid-area: email;}

.wpcf7-form p:nth-child(4){grid-area: assunto;}

.wpcf7-form p:nth-child(5){grid-area: mensagem;}

.wpcf7-form p:nth-child(6){
	grid-area: enviar;
	display: flex;
	justify-content: flex-end;
}

.wpcf7-form .wpcf7-spinner {display: none;}

.wpcf7-submit {
	margin: 20px 0 0 calc(100% - 150px);
    text-transform: lowercase;
    padding: 10px 50px;
    transition: 0.2s all;
    color: var(--global--color-yellow);
    cursor: pointer;
	letter-spacing: 0.03em;
}

.wpcf7-submit:hover {
	background-color: var(--global--color-yellow);
    color: var(--global--color-orange);
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus  {
	outline: none;
}

.wpcf7-not-valid-tip {
    position: absolute;
}

.wpcf7-form p {margin: 0 0 30px;}

.wpcf7-form label {
	text-transform: lowercase;
    display: block;
    margin: 0;
	color: var(--global--color-yellow);
}

.wpcf7-form input, .wpcf7-form textarea {
    background-color: transparent;
    border: 2px solid var(--global--color-yellow);
    -webkit-appearance: none;
    border-radius: 0;
    color: var(--global--color-white);
	font-size: var(--global--font-size-sm);
}

input.wpcf7-submit {color: var(--global--color-yellow);}

.wpcf7-form input[type=text], .wpcf7-form input[type=email] {
    height: 40px;
    margin: 0;
    padding: 0 10px;
    width: calc(100% - 54px);
}

.wpcf7-form textarea {
    padding: 10px;
    height: 250px;
    resize: none;
    width: calc(100% - 24px);
}

.page-template-contato .background {
	position: absolute;
    width: 100vw;
    left: 0;
    bottom: -100px;	
	z-index: 0;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: transparent;
    border: none;
    position: absolute;
    bottom: 35px;
    left: 0;
    margin: 0;
    z-index: 1;
    padding: 0;
    width: calc(100% - 300px);
    text-align: left;
    color: var(--global--color-yellow);
}

/*SOBRE*/

.page-template-sobre .content{overflow: hidden;}

.sobre-box {
    margin: 0;
    padding: 0 40px 0 90px;
    position: relative;
    display: grid;
    grid-template-areas: 
		"mm-geral mm-geral"
		"mm-btn mm-atual";
    grid-template-columns: 1fr 1fr;
	align-items: center;
}

.sobre-box h4 span {font-weight: 300;}

.sobre-mm-box {
    width: calc((100vw - 130px)/2);
    margin: 0;
	grid-area: mm-geral;
}

.sobre-txt {
	text-align: justify;
	padding: 0;
}

.sobre-txt button {margin: 20px 0 30px;}

.sobre-txt::-webkit-scrollbar-track
{
	-webkit-box-shadow: none;
	background-color: #2e2d2c29;
}

.sobre-txt::-webkit-scrollbar
{
	width: 7px;
	background-color: transparent;
}

.sobre-txt::-webkit-scrollbar-thumb
{
	background-color: #2e2d2ca3;
    border: none;
}

.sobre-btn {
	grid-area: mm-btn;
	text-align: center;
}

.sobre-conecta-box {
	grid-area: mm-atual;
	margin: 30px 0 0;
}

.background-sobre {
    bottom: -100px;
    width: 110vw;
    left: -5vw;
	height: 200px;
	z-index: -2;
}

.background-sobre img{
	width: 100%;
}

.edicoes-box {
    margin: 150px 40px 0 90px;
    position: relative;
}

.edicoes-box h4 {text-align: left;}

.edicoes-box h4 span {font-weight: 300;}

.edicoes-btn-group{
	text-align: left;
	padding: 50px 0;
}

.edicoes-btn-group .btn{
	margin: 0 3%;
    padding: 10px 50px;	
}

.edicoes-btn-group .btn:first-child {margin: 0 1% 0 0;}

.edicao-anterior-box {
    position: absolute;
    top: 0;
    height: calc(100vh - 40px);
    width: calc(100vw - 80px);
    background-color: var(--global--color-blue);
    padding: 0 40px 40px;
    z-index: 9;
    display: none;
    overflow-y: scroll;
}

.edicao-anterior-box.active{display: block;}

.edicao-anterior-scroll {
    display: grid;
    grid-template-areas: "ficha capa";
    grid-template-columns: 60% 40%;
    position: relative;
	top: 130px;
}

.edicao-anterior-header {
    position: fixed;
    width: calc(100% - 80px);
    left: 0;
    padding: 40px 40px 30px;
    display: grid;
    z-index: 2;
    grid-template-areas: "title-ficha close";
    background-color: var(--global--color-blue);
    height: 60px;
}

.edicao-anterior-box .close{
	text-align: right;
    padding: 0;
}

.edicao-anterior-box .close .material-icons{font-size: 40px;}

.edicao-ficha-box {
    grid-area: ficha;
    margin-right: 30px;
    padding: 0 0 40px;
    width: calc(100% - 30px);
    display: grid;
    grid-template-areas:
        "title-ficha txt-ficha"
        "btn-ficha btn-ficha";
    grid-template-columns: 120px auto;
}

.edicao-ficha-box h2 {
	text-align: right;
	font-weight: 600;
    margin-left: 50px;
}

.edicao-ficha-txt-box {
	grid-area: txt-ficha;
	height: 100%;
}

.edicao-ficha-txt-box::-webkit-scrollbar-track{
	-webkit-box-shadow: none;
	background-color: #2e2d2c29;
}

.edicao-ficha-txt-box::-webkit-scrollbar{
	width: 7px;
	background-color: transparent;
}

.edicao-ficha-txt-box::-webkit-scrollbar-thumb{
	background-color: #2e2d2ca3;
    border: none;
}

.edicao-ficha-txt {
	font-size: 14px;
	column-count: 2;
    column-gap: 40px;
	padding: 0 30px;
}

.edicao-ficha-txt p:first-child {margin-top: 0;}

.edicao-ficha-txt label{
	font-size: 14px;
	font-weight: 600;
}

.edicao-ficha-btn {
    grid-area: btn-ficha;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: flex-end;
}

.edicao-ficha-btn button{
	margin: 40px 0 0;
    padding: 10px 50px;
}

.edicao-ficha-btn button:not(:last-child) {margin-right: 20px;}

.edicao-img-box {
	grid-area: capa;
	position: relative;
}

.edicao-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: calc(100vh - 170px);
    top: 130px;
    position: sticky;
}

/*CONVOCATÓRIA*/
.convocatoria-content {
	background-color: var(--global--color-dark-gray);
    margin: 0 40px 0 90px;
    padding: 40px;
    position: relative;
}

.convocatoria-content h4 {
	width: 100%;
    margin: 0 0 20px;
	color: var(--global--color-white);
}

.convocatoria-txt-box {
	background-color: var(--global--color-turquoise);
    padding: 3% 10% 300px;
}

.convocatoria-txt-box p{margin: 0 0 15px;}

.convocatoria-content .background {
	width: 105vw;
    left: -90px;
    height: 300px;
    bottom: 33px;
}

.inscricoes-btn-group {
	margin: 50px 0;
	text-align: center;
}

.inscricoes-btn-group button{margin: 0 15px;}


/* INSPIRE LINKS */

.links-content {
	background-image: url('img/musica-mundo-conecta-programa-inspire-01.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	margin: 20px 0;
}

.links-content h3{
	padding: 50px 20px 20px;
    text-align: center;
}

.links-content h3 span{
	font-weight: 300;
	display: block;
	font-size: 24px;
}

.icon {
	text-align: center;
    transition: 0.2s all;
}

.icon a{
	text-decoration: none;
	cursor: pointer;
}

.icon a:hover{
	color: var(--global--color-white);
	cursor: pointer;
}

.icon a:hover .material-icons {color: var(--global--color-turquoise);}

.icon h6{font-weight: 300;}

.icon-link {
	width: 110px;
    height: 110px;
    border: 1px solid var(--global--color-bege);
    border-radius: 50%;
    padding: 4.5px;
    margin: 0 auto 20px;
}

.icon .material-icons {
	width: 100px;
    height: 100px;
    background-color: var(--global--color-bege);
    border-radius: 50%;
    font-size: 50px;
    padding: 25px;
}

.icon i {
	width: 100px;
    height: 100px;
    background-color: var(--global--color-yellow);
    border-radius: 50%;
    font-size: 50px;
    padding: 25px;
}

.group-icon-01 {
	display: grid;
    grid-template-areas: "link-01 link-02 link-03";
	grid-template-columns: 1fr 1fr 1fr;
	background-image: url('img/background-07.svg');
	background-repeat: no-repeat;
    background-size: 67%;
    background-position: center 80px;
    padding: 100px 0;
}

#icon-pocket {grid-area: link-01;}

#icon-colab {grid-area: link-02;}

#icon-casas {grid-area: link-03;}

#icon-colab .icon-link {
	width: 150px;
    height: 150px;
    border: 1px solid var(--global--color-bege);
    border-radius: 50%;
    padding: 4.5px;
    margin: 0 auto 20px;
}

#icon-colab.icon .material-icons {
	width: 140px;
    height: 140px;
    background-color: var(--global--color-bege);
    border-radius: 50%;
    font-size: 70px;
    padding: 35px;
}

.group-icon-02 {
    display: grid;
    grid-template-areas: "slack links drive";
    align-items: center;
    justify-items: center;    
	grid-template-columns: 1fr 1fr 1fr;
}

#icon-slack {grid-area: slack;}

.group-icon-03 {grid-area: links;}

#icon-drive {grid-area: drive;}

.inspire-links-content {
    background-color: var(--global--color-dark-gray);
    color: var(--global--color-white);
    margin: 0 40px 0 90px;
    padding: 25px;
}

.group-icon-03 .icon {margin: 0 0 80px;}

.group-icon-02 h6{margin: 10px 0;}

.content-inspire-login label{
	display: block;
    margin: 0;
    text-transform: lowercase;
}

.content-inspire-login input[type=password]:focus {outline: none;}

.content-inspire-login input[type=password] {
	height: 40px;
    margin: 0;
    padding: 0 10px;
    background-color: transparent;
    border: 3px solid var(--global--color-white);
    display: block;
	width: 100%;
}

.content-inspire-login input[type=submit]{
	text-transform: lowercase;
    padding: 10px 50px;
    transition: 0.2s all;
    cursor: pointer;
    font-stretch: condensed;
    background-color: transparent;
    border: 3px solid var(--global--color-white);
    color: var(--global--color-white);
	margin: 25px 0 0 calc(100% - 160px);
}

.content-inspire-login input[type=submit]:hover{
    background-color: var(--global--color-white);
    color: var(--global--color-dark-gray);
	outline: none;
}

.content-inspire-login input[type=submit]:focus{
    background-color: var(--global--color-white);
    color: var(--global--color-dark-gray);
	outline: none;
}

.content-inspire-login span {    
	background-color: var(--global--color-red);
    width: 100%;
    display: block;
    margin: 20px 0;
    color: var(--global--color-white);
    text-align: center;
}

.content-inspire-login {
    padding: 50px;
    display: grid;
    grid-template-areas: "txt-login form-login";
	grid-template-columns: 1fr 1fr;
}

.content-inspire-login form {
	margin: 0 0 0 20%;
    width: 60%;
}

.login-txt {text-align: right;}

.login-txt h6{
    margin: 0 0 20px;
	line-height: 1.8;
}

.site-content {
    margin: 30px 15vw;
    text-align: justify;
}

/*
SELECIONADES
*/

.page-template-selecionades .entry-header h1 {
	text-align: center;
	color: var(--global--color-white);
	font-weight: 600;
	letter-spacing: 0.05em;
	margin: 0 0 50px;
}

.page-template-selecionades .site-content {
    margin: 30px 10vw;
    text-align: left;
}

.selecionades-grid {
    column-count: 3;
}

.selecionade-item {
    display: inline-block;
	width: calc(100% - 60px);
	margin: 10px 60px 10px 0;
	transition: 0.2s all;
	cursor: pointer;
}

.selecionade-item:hover {
	color: var(--global--color-red);
	transform: scale(0.95);
}

.selecionade-item h3 {
	letter-spacing: 0.05em;
	line-height: 1.2;
	position: relative;
}

.selecionade-item h3 span {
    position: absolute;
    left: -60px;
    opacity: 0.3;
    text-align: right;
    width: 45px;
}

.selecionade-item .banda {
	line-height: 1.2;
    font-weight: 700;
    margin-top: 5px;
}

.selecionade-item .email {font-size: var(--global--font-size-xs);}

.selecionade-item .local {margin-top: 10px;}

.selecionades-btn {
	display: block;
	margin: 50px 0 20px;
	text-align: center;
}
/*MEDIA QUERY - RESPONSIVE*/

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

	:root {
		--global--font-size-base: 24px;
		--global--font-size-xxs: 16px;
		--global--font-size-xs: 18px;
		--global--font-size-sm: 24px;
		--global--font-size-md: 30px;
		--global--font-size-l: 36px;
		--global--font-size-lg: 48px;
		--global--font-size-xl: 90px;
		--global--font-size-xxl: 110px;
		--global--font-size-xxxl: 140px;
		--global--letter-spacing: 0.05em;
	}

	.content-newsletter h4 {width: 200px;}

	.newsletter form {width: calc(100% - 200px);}

	.section-content-box form input:not([type="submit"]),
	.newsletter input[type=text], .newsletter input[type=email] {height: 45px;}

	.newsletter input[type=submit] {margin: 41px 0 0 0;}

	.home footer {padding: 400px 40px 40px 90px;}
}

@media only screen and (max-width: 1440px) {
	
	.edicoes-btn-group .btn {margin: 0 1%;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	
	.mm-sessions-txt {width: calc(90% - 350px);}
	
	.sobre-mm-box {width: 80%;}

	.sobre-conecta-box {
		width: 80%;
		margin: 0 0 0 20%;
	}
	
	.edicoes-btn-group .btn {margin: 0 1%;}
	
	.home .background {
		left: -90px;
		bottom: 275px;
	}
	
	.home .background img {   
		max-width: 150vw;
		width: 100%;
	}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {	

	.content-newsletter {
		grid-template-areas:
			"newsletter"
			"playlist";
		height: auto;
		grid-template-columns: 100%;
	}
	
	.newsletter {padding: 0;}
	
	.playlist h4 {
		float: none;
		margin: 40px 0 20px;
		grid-area: title-playlist;
	}
	
	.playlist iframe {width: 90%;}
	
	.playlist iframe:nth-child(3) {margin-left: 10%;}
	
	.playlist iframe:nth-child(2) {margin-right: 10%;}
	
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
	
	.content-newsletter {grid-template-columns: auto 520px;}
	
	.home .background {bottom: 230px;}
		
}

@media all and (orientation: portrait) {
	.edicao-anterior-box {
		padding: 0 5%;
	}
	
	.edicao-anterior-header {
		padding: 0 5%;
		height: 65px;
	}
	
	.edicao-anterior-scroll {
		grid-template-areas:
			"capa"
			"ficha";
		grid-template-columns: 100%;
		top: 65px;
	}
	
	.edicao-anterior-box h4 {padding: 15px 0;}
	
	.edicao-anterior-box .close {padding: 10px 0;}
	
	.edicao-ficha-box h5 {margin: 0 0 20px;}
	
	.edicao-ficha-txt {padding: 0;}
	
	.edicao-ficha-box {
		padding: 5%;
		width: 100%;
		grid-template-areas:
			"title-ficha"
			"txt-ficha"
			"btn-ficha";
		grid-template-columns: 100%;
	}
	
	.edicao-img {
		height: 30vh;
		top: 65px;
	}
	
}

@media only screen and (max-width: 767px) {
	
	html {overflow-x: hidden;}
	
	body{font-size: var(--global--font-size-xs);}
	
	h4 {font-size: var(--global--font-size-md);}
	
	h2 {font-size: var(--global--font-size-lg);}
	
	/*HEADER - MOBILE*/
	header {
		display: grid;
		grid-template-areas:
			"lang icon"
			"financiamento financiamento"
			"logo logo"
			"menu menu";
		grid-template-columns: auto 60px;
		grid-template-rows: auto;
		padding: 15px;
		width: calc(100vw - 30px);
		height: 200px;
	}
	
	#icon img {width: 45px;}
	
	#txt-financiamento {padding: 15px 0;}
	
	#txt-financiamento, #txt-financiamento span{font-size: 13px;}
	
	#logo{padding: 0 0 15px;}
	
	#logo img{width: 100%;}
	
	header ul.menu {padding: 0;}
	
	/*FOOTER*/

	footer {
		grid-template-areas:
			"menu-footer social-medias"
			"regua-logos regua-logos";
		grid-template-columns: auto;
		grid-template-rows: auto;
		padding: 15px;
	}	
	
	.home footer {padding: 100px 15px 15px;}

	#regua-logos {
		background-image: url('../../uploads/2022/08/Logos-MM222-mobile.png') !important;
		width: 100%;
		height: 280px;
		margin: 30px 0 15px;
	}
	
	/*HOMEPAGE - MOBILE*/
	
	.section-close {
		display: block;
		text-align: right;
		margin: 0 0 20px;
	}

	.content-sections-home section {
		margin: 0;
		position: relative;
		width: 100vw;
		padding: 0;
		cursor: pointer;
		min-height: 0;
	}
	
	.section-nav {
		position: absolute;
		bottom: 0;
		left: 0;
		min-width: 115px;
		width: 100vw;
		margin-left: 0;
		margin-bottom: 0;
		text-align: left;
		text-transform: lowercase;
		z-index: 1;
		color: var(--global--color-white);

		justify-content: flex-start;
		align-items: flex-end;
	}

	.section-nav span {
		transform: rotate(0);
		text-align: left;
		font-weight: 600;
		letter-spacing: 0.05em;
		bottom: 15px;
		left: 15px;
	}

	section.active .section-nav, section:hover .section-nav {
		left: -50vw;
		width: 0;
	}

	.section-img {width: 100%;}
	
	.content-newsletter {
		margin: 50px 0 0;
		padding: 15px;
		height: auto;
		width: calc(100vw - 30px);
	}

	.content-newsletter h4 {
		text-align: left;
		width: 100%;
		float: none;
	}

	.newsletter form {
		position: relative;
		width: 100%;
		margin: 20px 0 0;
		float: none;
	}

	.newsletter .fields {
		display: block;
		justify-content: space-between;
		margin-left: 0;
	}

	.newsletter input[type=text], .newsletter input[type=email] {width: calc(100% - 24px);}
	
	.home .background {
		width: 150vw;
		left: 0;
		bottom: 375px;
	}

	.section-content {
		position: absolute;
		top: 0;
		left: 0;
		width: calc(100vw - 30px);
		padding: 0;
	}

	.section-content.active {padding: 15px;}

	.section-btn-group.active {background-color: var(--global--color-blue);}
	
	.btns-group {
		text-align: center;
		display: block;
		height: auto;
	}

	.btns-group button {
		margin: 20px auto;
		display: block;
	}

	/* Agenda */

	.section-content .section-title {   
		height: 55px;
		padding: 0 0 15px;
		align-items: start;
	}

	.section-content .section-title h4 span {
		margin-left: 0;
		display: block;
	}

	.section-content-txt .col-1,
	.section-content-txt .col-2 {
		width: 100% !important;
		float: none !important;
	}

	.section-txt .section-content-box {
		margin: 0;
		padding: 15px;
	}

	.section-content-box .form-title {
		text-align: left;
		margin-right: 0;
	}

	#section-content-2 form {
		text-align: left;
		margin: 30px 0 0;
	}

	.section-content-box form input:not([type="submit"]) {width: auto;}

    .aba-background {display: none;}
    
    .section-content-txt .col-2 a {
        display: block;
        margin: 10px 0 !important;
    }
    
    .section-content-txt .col-2 button {margin-left: 0 !important;}
    
    .section-content.section-aba.active {
        height: calc(100vh - 260px);
        width: calc(100vw - 30px);
        overflow-x: hidden;
        overflow-y: scroll;
    }
    
	.section-aba .section-content-box {
		height: auto;
		margin: 15px 0;
		min-height: auto;
	}

	.col-programadores-1 {
		width: 100%;
		float: none;
		margin: 0;
		column-count: 1;
	}

	.col-programadores-2 {display: none;}

	.pg-nome {display: none;}

	.programadores-infos {
		visibility: hidden;
		height: 0;
		transition: max-height 1s ease-out;
		margin: 0 0 15px;
	}

	.programadores-item {position: relative;}

	.programadores-item.active .programadores-infos {
		display: block;
		visibility: visible;
		height: auto;
		transition: height 1s ease-in;
	}
	
	.pg-txt {width: 100%;}

	.pg-local {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.pg-img {
		height: 200px;
		width: 150px;
		position: absolute;
		top: 0;
		right: 0;
		background-size: cover;
		background-position: center;
		z-index: -1;
		opacity: 1;
	}

	/*Entrevistas*/
	
	.card-box {
		width: 100%;
		height: auto;
		margin-bottom: 15px;
	}

	.card-box:last-child {
		margin-bottom: 360px;
	}
	
	.card-txt-box {width: calc(100% - 30px);}
	
	.card-txt-box h2 {
		font-size: var(--global--font-size-xxl);
		margin: 5px 0;
		margin-left: 0;
		width: 100%;
	}
	
	.card-txt-box h3 {
		font-size: var(--global--font-size-xl);
		text-align: left;
	}
	
	.card-odd .card-txt-box,.card-even .card-txt-box {
		padding: 15px;
	    height: auto;
	}
	
	.card-txt-box .release {
		margin: 25px 0 0;
		height: auto;
	}
	
	.page-template-minicurso .release-box {height: 100%;}
	
	.card-img-box {
		width: 100%;
	    height: 300px;
	}
	
	.slider {
		height: 300px;
		margin: 0;
	}

	.slide {height: 100%;}
	
	h6.slide-txt {top: 75%;}
	
	.card-box button {margin: 15px 0 0;}

	/*MM Sessions - Completo */	
	#section-content-04 .card-txt-box {
		width: 100%;
		padding: 3vh;
		float: none;
	}
	
	#section-content-04	.card-img-box {
		width: 100%;
	    height: 500px;
	}
	
	#section-content-04 .slider {height: 500px;}
	
	#section-content-04 .slide {height: 100%;}
	
	#section-content-04 .slide-buttons {left: 0;}
	
	#section-content-04 .section-content-box {padding: 0;}
	
	/*SOBRE - MOBILE*/

	.sobre-box {
		margin: 0;
		padding: 0 15px;
		position: relative;
		display: grid;
		grid-template-areas:
			"mm-geral"
			"mm-btn" 
			"mm-atual";
		grid-template-columns: 100%;
		align-items: center;
	}
	
	.sobre-mm-box, .sobre-conecta-box  {
		width: 100%;
		grid-template-areas:
			"title-sobre"
			"txt-sobre";
		grid-template-columns: 100%;
		margin: 0;
	}
	
	.sobre-conecta-box {margin: 30px 0 100px;}
	
	.sobre-txt {
		padding: 0;
		margin: 0;
	}
	
	.edicoes-box {
		grid-template-areas: "title-edicoes" "edicoes-btn";
		grid-template-columns: 100%;
		padding: 5%;
		margin: 0 25px;
		text-align: center;
	}

	.edicao-anterior-header {
		align-items: center;
		width: calc(100% - 30px);
	}

	.edicao-anterior-header h1 {font-size: var(--global--font-size-lg);}

	.edicoes-btn-group {text-align: center;}
	
	.edicoes-btn-group .btn {margin: 15px;}
	
	.edicao-ficha-txt {
		column-count: 1;
		column-gap: 0;
	}
	
	.edicao-anterior-box {
		height: 100vh;
		width: calc(100vw - 30px);
	}

	.edicao-ficha-box {
		padding: 15px 0;
		width: 100%;
	}

	.edicao-ficha-btn {
		justify-content: start;
	}

	.edicao-ficha-box h2 {
		text-align: left;
		margin-left: 0;
		margin-bottom: 15px;
	}

	/*BLOG - MOBILE*/
	
	.blog-content {margin: 0 25px;}
	
	.blog-item {
		width: calc(100%);
		margin: 10px 0;
	}
	
	.blog-item:nth-child(3n), .blog-item:nth-child(3n+1), .blog-item:nth-child(2), .blog-item:nth-child(3) {margin: 10px 0;}
	
	.blog-item:nth-child(1) {margin: 0 0 10px;}
	
	.blog-item-txt-box {
		grid-template-areas:
			"date"
			"txt";
		grid-template-columns: 100%;
		padding: 5% 10%;
	}
	
	.blog-item-date {
		padding: 0;
		width: 55px;
		margin: 0 0 0 calc(100% - 55px);
	}
	
	.blog-item-txt {padding: 0;}
	
	.blog-item-img-box {height: 180px;}

	.blog-item .background, .blog-item:nth-child(3n+1):not(:nth-child(1)) .background {
		background-image: url('img/background-01.svg');
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		top: 30vh;
		z-index: -1;
		height: 100%;
		width: 105vw;
		left: -25px;
	}
	
	.page-template-blog .background-bottom {bottom: 250px;}
	
	/*SINGLE - MOBILE*/
	.site-content {
		margin: 0 15px;
	}
	
	.background-single {bottom: 250px;}
	
	/*CONTATO - MOBILE*/
	
	.contato-content {
		padding: 0 15px;
		margin: 0;
		height: auto;
	}
	
	.wpcf7-form {
		grid-template-areas:
			"nome"
			"email"
			"assunto"
			"mensagem"
			"enviar";
	}
	
	.wpcf7-form input[type=text], .wpcf7-form input[type=email] {width: calc(100% - 24px);}

	.page-template-contato .background {
		width: 200vw;
		left: -120px;
		bottom: -80px;
	}
	
	.page-template-contato footer {
		grid-template-areas:
			"menu-footer menu-footer"
			"social-medias social-medias"
			"regua-logos regua-logos";
		padding: 100px 15px;
	}
	.page-template-contato footer .menu {
		padding: 0 0 20px;
		text-align: center;
	}
	
	.page-template-contato #social-medias.menu {text-align: center;}
	
	.wpcf7 form .wpcf7-response-output {
		bottom: 0;
		width: 100%;
	}
	
	/*ERROR 404 - MOBILE*/
	
	.error404 .content {height: calc(100vh - 230px);}

	.content-404 {
		margin: 0 25px;
		height: calc(100vh - 230px);
	}
	
	.content-404 h1 {padding: 40px 0 0;}
	
	.content-404 h4 {
		padding: 0;
		font-size: 20px;
	}
	
	.error404 .background {bottom: -5vh;}
	
	/*CONVOCATÓRIA*/
	
	.convocatoria-content {
		margin: 0 25px;
		padding: 5%;
	}
	
	.convocatoria-txt-box {padding: 3% 5% 100px;}
	
	.convocatoria-content .background {
		left: -25px;
		height: 100px;
		bottom: 0;
	}
	
	/*INSPIRE LINKS - MOBILE*/
	.inspire-links-content {
		margin: 0 25px;
		padding: 5%;
	}		
	
	.group-icon-01 {
		grid-template-areas: "link-02" "link-01" "link-03";
		grid-template-columns: 100%;
		background-image: none;
		padding: 0;
	}
	
	.icon {margin: 0 0 50px;}

	.group-icon-02 {
		grid-template-areas: "links" "slack" "drive";
		align-items: center;
		justify-items: center;    
		grid-template-columns: 100%;
	}
	
	.links-content h3{font-size: 24px;}
	
	.links-content h3 span{font-size: 18px;}
	
	.content-inspire-login {
		grid-template-areas: "txt-login" "form-login";
		grid-template-columns: 100%;
		padding: 25px;
	}
	
	.content-inspire-login form {
		margin: 0;
		width: 100%;
	}
	
	.content-inspire-login input[type=submit]{margin: 25px 0 0 calc(100% - 154px);}
	
	.mc-content {margin: 15px;}
	
	.page-template-minicurso .background {display: none;}
	
	#video-container {
		width: calc(100vw - 30px);
		height: calc(100vh - 30px);
		padding: 15px;
	}
	
	#video-iframe {
		width: 100%;
		margin: 0;
		height: 90%;
	}
		
	/*SELECIONADES*/
	
	.page-template-selecionades .site-content {margin: 15px;}
	
	.page-template-selecionades .entry-header h1 {margin: 0;}

	.selecionades-grid {column-count: 1;}
	
	.selecionade-item {margin: 10px 0 10px 60px;}
	
	.release-box {height: 100%;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {	
	
	html {overflow-x: hidden;}
	
	/*HEADER - MOBILE*/
	header {
		display: grid;
		grid-template-areas:
			"lang icon"
			"financiamento financiamento"
			"logo logo"
			"menu menu";
		grid-template-columns: auto 60px;
		grid-template-rows: auto;	
		padding: 15px 40px 10px 90px;
	}
	
	#icon img {width: 45px;}
	
	#txt-financiamento {padding: 15px 0;}
	
	#txt-financiamento, #txt-financiamento span{font-size: 13px;}
	
	#logo{padding: 0 0 15px;}
	
	#logo img{width: 100%;}
	
	header ul.menu {padding: 0;}
	
	/*FOOTER*/
	
	footer {grid-template-rows: auto;}
	
	#regua-logos {
		background-image: url('img/regua-logos-02.png');
		width: 100%;
		height: 300px;
	}
	
	/*Homepage*/
	
	.home .background {
		bottom: 350px;
	}
	
	/*Programa Inspire*/
	
	.inspire-txt-box {
		grid-template-areas: "inspire-txt-01" "inspire-txt-02";
		padding: 5%;
	}
	
	.inspire-txt {padding: 0 5%;}
	
	#inspire-txt-01 {margin: 0 0 30px;}
	
	.scroll-down {display: none;}
	
	.inspire-info-box {
		margin: 20px 0 0;
		grid-template-areas:
			"inspire-txt-03"
			"inspire-info-01";
		grid-template-columns: 100%;
	    padding: 3% 0 5%;
	}
	
	.inspire-info-list {
		padding: 0 5%;
		margin: 40px 0 20px;
	}
	
	.inspire-consultores-box {height: 400px;}
	
	.consultor-box {
		width: 100%;
		height: 100%;
	}
	
	.consultor-img {
		width: 100%;
		 background-position: 0 -75px;
	}
	
	.consultor-destaque-img-box{display: none;}
	
	.consultor-destaque-txt-box {width: 100%;}
	
	#consultor-destaque {height: 400px;}
	
	.consultor-destaque-txt{padding: 0 5%;}
	
	.consultor-destaque-txt h4 {text-align: left;}
	
	.consultor-destaque-txt p {
		width: 100%;
		max-height: 1000px;
		height: 250px;
		margin: 15px 0 0;
	}
	
	/*Entrevistas*/
	
	.card-box {width: 100%;}
	
	/*SOBRE */
	
	.sobre-mm-box, .sobre-conecta-box {
		width: 100%;
		margin: 0;
	}
	
	.sobre-conecta-box {margin: 40px 0 0;}
	
	.edicoes-box h4 {margin: calc(50% - 40px) 0 0;}
	
	.edicoes-btn-group .btn {margin: 15px;}
	
	.edicao-ficha-txt {
		column-count: 1;
		column-gap: 0;
	}
	
	.background-sobre img {
		width: 85vw;
		max-width: 100vw;
	}
	
	/*BLOG*/
	.blog-item {
		width: calc(100%);
		margin: 10px 0;
	}
	
	.blog-item:nth-child(3n), .blog-item:nth-child(3n+1), .blog-item:nth-child(2), .blog-item:nth-child(3) {margin: 10px 0;}
	
	.blog-item:nth-child(1) {margin: 0 0 10px;}
	
	.page-template-blog .background-bottom {bottom: 45vh;}		
	
	/*SINGLE - MOBILE*/
	.single-content {
		height: auto;
		grid-template-areas:
			"single-txt"
			"single-img";
		grid-template-columns: 100%;
	}
	
	.single-img-box {height: 250px;}
	
	.background-single {bottom: 350px;}
	
	/*CONTATO*/
	.contato-content {
		padding: 5%;
		height: auto;
	}
	
	#section-content-03 .sobre-section h2 {
        text-align: left;
        padding: 5%;
        font-size: var(--global--font-size-md);
    }
    
    #section-content-03 .sobre-section {
        padding: 5px 5px 45px;
    }
	
	/*SELECIONADES*/
	
	.selecionades-grid {column-count: 2;}
}