/**
 * main.css
 *
 * 1. General HTML tags
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 6. Accessibility helpers
 *
 */


/*17px = 1.0625rem*/
/*22px = 1.375rem*/
/*17px = 1.0625rem*/
/*22px = 1.375rem*/


/*********************************************************************
 * 1. General HTML tags
 *
 */

 /*
 FONT: Gerstner Programm
 DESIGNER:
 PROJECT: Alkantara.pt
 ************************************************************************/
 @font-face {
    font-family: 'GerstnerProgrammRegular';
    src: url('/site/templates/styles/fonts/gerstner_programm/GerstnerProgrammRegular.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 @font-face {
    font-family: 'GerstnerProgrammMedium';
    src: url('/site/templates/styles/fonts/gerstner_programm/GerstnerProgrammMedium.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}
 @font-face {
    font-family: 'GerstnerProgrammBold';
    src: url('/site/templates/styles/fonts/gerstner_programm/GerstnerProgrammBold.woff') format('woff');
    font-weight: normal;
	font-style: normal;
	font-display: swap;
}
/*
 @font-face {
    font-family: 'gerstner_programmbold_italic';
    src: url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_bold_italic-webfont.woff2') format('woff2'),
         url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_bold_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gerstner_programmlight_italic';
    src: url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_light_italic-webfont.woff2') format('woff2'),
         url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_light_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gerstner_programmlight';
    src: url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_light-webfont.woff2') format('woff2'),
         url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gerstner_programmMdIt';
    src: url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_medium_italic-webfont.woff2') format('woff2'),
         url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_medium_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gerstner_programmRgIt';
    src: url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_regular_italic-webfont.woff2') format('woff2'),
         url('/site/templates/styles/fonts/gerstner_programm/gerstner_programm_regular_italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/


/*********************************************************************
 * 1. ICON FONT
 *
 */

 /*
@font-face {
	font-family: 'icomoon';
	src:  url('/site/templates/styles/fonts/icommon/1.0/icomoon.eot?pnk4wf');
	src:  url('/site/templates/styles/fonts/icommon/1.0/icomoon.eot?pnk4wf#iefix') format('embedded-opentype'),
	  url('/site/templates/styles/fonts/icommon/1.0/icomoon.ttf?pnk4wf') format('truetype'),
	  url('/site/templates/styles/fonts/icommon/1.0/icomoon.woff?pnk4wf') format('woff'),
	  url('/site/templates/styles/fonts/icommon/1.0/icomoon.svg?pnk4wf#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
  }

  [class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }

  .icon-a11y-access-black:before {
	content: "\e900";
  }
  .icon-a11y-access-white:before {
	content: "\e901";
  }
  .icon-a11y-low-earing-black:before {
	content: "\e902";
  }
  .icon-a11y-low-earing-white:before {
	content: "\e903";
  }
  .icon-a11y-low-vision-black:before {
	content: "\e904";
  }
  .icon-a11y-low-vision-white:before {
	content: "\e905";
  }
  .icon-a11y-sign-language-black:before {
	content: "\e906";
  }
  .icon-a11y-sign-language-white:before {
	content: "\e907";
  }
  .icon-alkantara-1:before {
	content: "\e908";
  }
  .icon-alkantara-2:before {
	content: "\e909";
  }
  .icon-arrow-left-full:before {
	content: "\e90a";
  }
  .icon-arrow-left-outline:before {
	content: "\e90b";
  }
  .icon-arrow-right-full:before {
	content: "\e90c";
  }
  .icon-arrow-right-outline:before {
	content: "\e90d";
  }
  .icon-burger-menu:before {
	content: "\e90e";
  }
  .icon-close-button-full:before {
	content: "\e90f";
  }
  .icon-close-button-outline:before {
	content: "\e910";
  }
  .icon-favorites:before {
	content: "\e911";
  }
*/


@font-face {
	font-family: 'icomoon';
	src:  url('/site/templates/styles/fonts/icommon/2.0/icomoon.eot?j6g9qn');
	src:  url('/site/templates/styles/fonts/icommon/2.0/icomoon.eot?j6g9qn#iefix') format('embedded-opentype'),
		url('/site/templates/styles/fonts/icommon/2.0/icomoon.ttf?j6g9qn') format('truetype'),
		url('/site/templates/styles/fonts/icommon/2.0/icomoon.woff?j6g9qn') format('woff'),
		url('/site/templates/styles/fonts/icommon/2.0/icomoon.svg?j6g9qn#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-search:before {
content: "\e912";
}
.icon-favorites-selected:before {
content: "\e913";
}
.icon-a11y-access-black:before {
content: "\e900";
}
.icon-a11y-access-white:before {
content: "\e901";
}
.icon-a11y-low-earing-black:before {
content: "\e902";
}
.icon-a11y-low-earing-white:before {
content: "\e903";
}
.icon-a11y-low-vision-black:before {
content: "\e904";
}
.icon-a11y-low-vision-white:before {
content: "\e905";
}
.icon-a11y-sign-language-black:before {
content: "\e906";
}
.icon-a11y-sign-language-white:before {
content: "\e907";
}
.icon-alkantara-1:before {
content: "\e908";
}
.icon-alkantara-2:before {
content: "\e909";
}
.icon-arrow-left-full:before {
content: "\e90a";
}
.icon-arrow-left-outline:before {
content: "\e90b";
}
.icon-arrow-right-full:before {
content: "\e90c";
}
.icon-arrow-right-outline:before {
content: "\e90d";
}
.icon-burger-menu:before {
content: "\e90e";
}
.icon-close-button-full:before {
content: "\e90f";
}
.icon-close-button-outline:before {
content: "\e910";
}
.icon-favorites:before {
content: "\e911";
}



/*********************************************************************
 * 1. Desktop / MObile init
 *
 */
.desktop{
	display: inital;
}
.mobile{
	display: none;
}

#tracy-show-button{
}
html[theme="dark-mode"] #tracy-show-button{
	-webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
/*********************************************************************
 * 1. Tags
 *
 */

* {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


html, body{
	width: 100%;
	height: 100%;
	font-family: 'GerstnerProgrammRegular', Helvetica, sans-serif;
	overflow: hidden;
	font-size: 16px;
}
body{
	width: 100%;
	height: 100%;
	font-family: 'GerstnerProgrammRegular', Helvetica, sans-serif;
	font-style: normal;
	font-size: 1.125rem; /*18px = 1.125rem*/
	line-height: 1.3125rem; /*21px = 1.3125rem*/
	overflow: hidden;
}

body, p, td, span, a, input[type=text], textarea {
	font-family: 'GerstnerProgrammRegular', Helvetica, sans-serif;
	font-style: normal;
	color: #000;
}
html[theme="dark-mode"] body,
html[theme="dark-mode"] p,
html[theme="dark-mode"] td,
html[theme="dark-mode"] span,
html[theme="dark-mode"] a,
html[theme="dark-mode"] textarea{
	color: #ffffff;
}
html[theme="dark-mode"] input[type=text]{
	color: #000000;
}

/*h1{}*/

h2{
	font-size: 1.5625rem; /*25px = 1.5625rem*/
	line-height: 1.75rem; /*28px = 1.75rem*/
	text-align: left;
}

a:link,
a:visited{
	text-decoration: none;
	color: #000000;
}
html[theme="dark-mode"] a:link,
html[theme="dark-mode"] a:visited{
	color: #ffffff;
}

a:hover{
	color: #000000;
}
html[theme="dark-mode"] a:hover{
	color: #ffffff;
}

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

hr{
	border-top-color: #000000;
	margin-top: 1.5rem;
}
html[theme="dark-mode"] hr{
	border-top-color: #ffffff;
}

article hr{
	margin-top: 18px;
	margin-bottom: 5px;
	border: 0;
	border-top: 1px solid #000000;
}
html[theme="dark-mode"] article hr{
	border-top: 1px solid #ffffff;
}



/*********************************************************************
 * 2. Layout
 *
 */


/*
html[theme="dark-mode"] {
	-webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
html[theme="dark-mode"] img,
html[theme="dark-mode"] picture,
html[theme="dark-mode"] video,
html[theme="dark-mode"] iframe,
html[theme="dark-mode"] [src*=".svg"],
html[theme="dark-mode"] .conteudos-video,
html[theme="dark-mode"] .conteudos-video *{
	-webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
.invert {
	-webkit-filter: invert(1) hue-rotate(180deg);
    filter: invert(1) hue-rotate(180deg);
}
*/

html[theme="dark-mode"]{
	background-color: #000000;
	color: #ffffff;
}

figure.conteudos-logos-image{
	background-color: transparent;
}
html[theme="dark-mode"] figure.conteudos-logos-image{
	background-color: transparent;
}

.btn{
	color: #000000;
}
html[theme="dark-mode"] .btn{
	color: #ffffff;
}

 /*
https://www.codeply.com/go/lzv9b9TgeD/bootstrap-4:-columns-with-fixed-width
https://www.codeply.com/go/unHU8v14t4
https://stackoverflow.com/questions/36060117/how-to-make-a-fixed-width-column-with-a-container-fluid
https://css-tricks.com/using-flexbox/
https://www.w3schools.com/cssref/css3_pr_flex.asp
flex: flex-grow flex-shrink flex-basis|auto|initial|inherit;
*/

.wrapper{

}
.my-content {
	display: block;
	background-color: #fff;
}
html[theme="dark-mode"] .my-content {
	display: block;
	background-color: #000000;
}
.my-centerbar {
	display: none;
}
.my-sidebar {
	display: none;
}

.wrapper{
	height:100%;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
#left {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: 0;
	width: 66% !important;
	overflow: hidden;
	overflow-y: scroll;
	background: #ffffff;
	padding-top: 65px;
	z-index: 100;
}
html[theme="dark-mode"] #left {
	background: #000000;
}

#middle {
	position: absolute;
	top: 0px;
	bottom: 0;
	left: calc(66% - 15px);
	width: 52px !important;;
	overflow: hidden;
	/*background: red;*/

	background-color: #ffffff;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	z-index: 200;

	padding-right: 14px;
    padding-left: 16px;
}
html[theme="dark-mode"] #middle {
	background-color: #000000;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}

#right {
	position: absolute;
	top: 0;
	bottom: 0;
	left: calc(66% - 15px + 52px);
	overflow: hidden;
	overflow-y: scroll;
	width: 33% !important;;

    padding-right: 0;
	padding-left: 0;
	z-index: 100;

	background-color: #ffffff;
}
html[theme="dark-mode"] #right{
	background-color: #000000;
}

body.tpl-festival #right{
	width: 33% !important;
}

#right aside{
	width: 100%;
	margin:0px;
	padding: 0px;

	padding-left: 15px;
	padding-right: 18px;

	margin-top: 95px;
	margin-bottom: 75px;

	background-color: #ffffff;
	overflow-x: hidden !important;
}
html[theme="dark-mode"] #right aside{
	background-color: #000000;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#right aside::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#right aside {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

body.adminbar-loaded #left,
body.adminbar-loaded #middle,
body.adminbar-loaded #right{
	/*padding-top: 50px;*/
}



/*
@media screen and (min-width: 1400px) {
	.my-content {
		display: flex;
		-ms-flex: 0 0 50%;
		flex: 1 0 50%;
		background-color: #ffffff;
		overflow-y: auto;
	}
	.my-centerbar {
		display: flex;
		-ms-flex: 0 0 50px;
		flex: 0 0 50px;
		color: #000000;
		background-color: #ffffff;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
	}
	.my-sidebar {
		display: flex;
		-ms-flex: 0 0 15%;
		flex: 1 0 15%;
		background-color: #ffffff;
	}
}
*/


/*********************************************************************
 * 2. General
 *
 */

 #left .nav-button{

	color: #000000;
	background-color: #ffffff;
	border: 1px solid #000000;
	text-align: left;

	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;

	/* Prevent background color leak outs */
	-webkit-background-clip: padding-box;
	-moz-background-clip:    padding;
	background-clip:         padding-box;

	margin-bottom: 10px;
}
html[theme="dark-mode"] #left .nav-button{
	color: #ffffff;
	background-color: #000000;
	border: 1px solid #ffffff;
}

#left button.nav-button:focus{
	outline: 0;
}

#left #nav-main-full-navigation-mobile .nav-button:link,
#left #nav-main-full-navigation-mobile .nav-button:visited{
	text-align: center;
}

#left .current .nav-button,
#left .current .nav-button:visited,
#left .nav-button:link.current,
#left .nav-button:visited.current,
#left .current .nav-button span,
#left .current .nav-button:visited span,
#left .nav-button:link.current span,
#left .nav-button:visited.current span{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] #left .current .nav-button,
html[theme="dark-mode"] #left .current .nav-button:visited,
html[theme="dark-mode"] #left .nav-button:link.current,
html[theme="dark-mode"] #left .nav-button:visited.current,
html[theme="dark-mode"] #left .current .nav-button span,
html[theme="dark-mode"] #left .current .nav-button:visited span,
html[theme="dark-mode"] #left .nav-button:link.current span,
html[theme="dark-mode"] #left .nav-button:visited.current span{
	color: #000000;
	background-color: #ffffff;
}

#left .nav-button:hover{
	color: #ffffff !important;
	background-color: #000000;
}
html[theme="dark-mode"] #left .nav-button:hover{
	color: #000000 !important;
	background-color: #ffffff;
}

#left .nav-button:hover span{
	color:#ffffff;
}
html[theme="dark-mode"] #left .nav-button:hover span{
	color:#000000;
}

.navbar-light .navbar-nav .nav-link.nav-button{
	color: #000000;
	background-color: #ffffff;
}
html[theme="dark-mode"] .navbar-light .navbar-nav .nav-link.nav-button{
	color: #ffffff;
	background-color: #000000;
}

.navbar-light .navbar-nav .nav-link.nav-button.active{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] .navbar-light .navbar-nav .nav-link.nav-button.active{
	color: #000000;
	background-color: #ffffff;
}

.navbar-light .navbar-nav .nav-link.nav-button:not(.active):hover{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] .navbar-light .navbar-nav .nav-link.nav-button:not(.active):hover{
	color: #000000;
	background-color: #ffffff;
}

.navbar-light .navbar-nav .nav-link.menu-secundario{
	font-size: 2.25rem;/*36p*/
	line-height:2.1875rem;/*35px*/
	color: #000000;
	background-color: transparent;
}
html[theme="dark-mode"] .navbar-light .navbar-nav .nav-link.menu-secundario{
	color: #ffffff;
}

.navbar-light .navbar-nav .nav-link.menu-secundario.active{
	font-weight:bold;
	text-decoration: underline;
}
.navbar-light .navbar-nav .nav-link.menu-secundario:not(.acive):hover{
	font-weight:normal;
	font-style: italic;
	text-decoration: underline;
}

/*********************************************************************
 * 2. Main elements
 *
 */

 /*-- template-projecto --*/
.template-projecto .conteudos section{
	font-size: 0.9375rem;/*15px*/
	line-height: 1.3125rem;/*21px*/
	padding-top: 1.875rem;/*30px*/
	padding-bottom: 1.875rem;/*30px*/
	border-bottom: 1px solid #000000;
}
html[theme="dark-mode"] .template-projecto .conteudos section{
	border-bottom: 1px solid #ffffff;
}

.template-projecto .conteudos section:first-child:not(.conteudos-share){
	font-size: 1.3125rem;/*21px*/
	line-height: 1.4375rem;/*23px*/
	padding-top: 0;
	padding-bottom: 1.875rem;/*30px*/
}
.template-projecto .conteudos section.conteudos-share:first-child{
	border-top: 1px solid #000000;
}
html[theme="dark-mode"] .template-projecto .conteudos section.conteudos-share:first-child{
	border-top: 1px solid #ffffff;
}

.template-projecto .conteudos p{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-projecto .conteudos section p:last-child{
	margin-bottom: 0;/*25px*/
}
.template-projecto .conteudos a{
	text-decoration: underline;
}
.template-projecto .conteudos a:hover{
	text-decoration: none;
}
.template-projecto .conteudos h2{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-projecto .conteudos ul{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-projecto .conteudos ul li {
    border-bottom: 1px solid #000;
    padding: 5px 0;
}
html[theme="dark-mode"] .template-projecto .conteudos ul li {
	border-bottom: 1px solid #ffffff;
}


/*-- template-basic-page --*/
.template-basic-page .conteudos section,
.template-favoritos .conteudos section{
	font-size: 1.125rem;/*18px*/
	line-height: 1.3125rem;/*21px*/
	/*padding-top: 1.875rem;*//*30px*/
	padding-bottom: 1.875rem;/*30px*/
}
.template-basic-page .conteudos section:first-child
.template-favoritos .conteudos section:first-child{
	padding-top: 0;
	/*border-bottom: 0px;*/
}
.template-basic-page .conteudos p,
.template-favoritos .conteudos p{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-basic-page .conteudos section p:last-child,
.template-favoritos .conteudos section p:last-child{
	margin-bottom: 0;
}
.template-basic-page .conteudos section hr:last-child,
.template-favoritos .conteudos section hr:last-child{
	margin-bottom: 0 !important;
}

.template-basic-page .conteudos a{
	text-decoration: underline;
}
.template-basic-page .conteudos a[href*="mailto:"]{
	text-decoration: none;
	text-transform: uppercase;
	font-size: 0.625rem;/*10px*/
}
.template-basic-page .conteudos a:hover{
	text-decoration: none;
}
.template-basic-page .conteudos h2,
.template-favoritos .conteudos h2{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-basic-page .conteudos ul{
	margin-bottom: 1.5625rem;/*25px*/
}
.template-basic-page .conteudos ul li{
    border-bottom: 1px solid #000;
    padding: 5px 0;
}
html[theme="dark-mode"] .template-basic-page .conteudos ul li{
	border-bottom: 1px solid #ffffff;
}

.template-favoritos .conteudos section{
	padding-top: 1.875rem;
    padding-bottom: 1.875rem;
	border-bottom: 1px solid #000000;
}
html[theme="dark-mode"] .template-favoritos .conteudos section{
	border-bottom: 1px solid #ffffff;
}

.template-favoritos .conteudos section:first-child{
	padding-top: 0;
    padding-bottom: 1.875rem;
	border-bottom: 1px solid #000000;
}
html[theme="dark-mode"] .template-favoritos .conteudos section:first-child{
	border-bottom: 1px solid #ffffff;
}



.info-bloco{
	max-width: 25%;
}
.info-bloco-1,
.info-bloco-2,
.info-bloco-3{
	max-width: 22%;
}
.info-bloco:last-child{
	max-width: initial;
}

.info, .info a{
	font-family: 'GerstnerProgrammMedium', Helvetica, sans-serif;
	font-size: 0.75rem;/*11px = 0.6875rem*/
	line-height: 0.8125rem; /*13px = 0.8125rem*/
	text-transform: uppercase;
}

.info .info-accessibilidade-icons i{
	margin-right: 5px;
}
.info .info-accessibilidade-icons i:last-child{
	margin-right: 0;
}

.info a.btn-comprar{
	padding: 1px 5px;
    border: 1px solid #000000;
    border-radius: 50px;
    font-size: 0.6875rem;
    line-height: 0.8125rem;
	text-transform: uppercase;
	margin-right: 5px;
	vertical-align: initial;
}
.info a.btn-comprar[href]:hover{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] .info a.btn-comprar[href]:hover{
	color: #000000;
	background-color: #ffffff;
}

.info a.btn-comprar:nth-child(n+3) {
	margin-top: 3px;
}
.info a.btn-comprar:last-child{
	margin-right: 0px;
}


/* MANSORY
--------------------------------*/

.grid-item{
	background-color: #ffffff;
}
html[theme="dark-mode"] .grid-item{
	background-color: #000000;
}

.grid-item[data-columns="1"]{

}
.grid-item[data-columns="2"]{

}
.grid-item[data-columns="3"]{

}

.grid-item h2,
.grid-item h2.title{
	font-size: 3rem;/*48px = 3rem*/
	line-height: 2.6875rem; /*43px = 2.6875rem*/
	text-align: left;
	word-break: break-word;
	margin-bottom: 0.8125rem; /*13px*/
}


.grid-item h3,
.grid-item h3.sub-title{
	font-size: 1.5625rem;/*25px = 1.5625rem*/
	line-height: 1.75rem; /*28px = 1.75rem*/
	text-align: left;
	word-break: break-word;
	margin-bottom: 0.6875rem; /*11x*/
}

#arquivo .grid-item h2{
	font-size: 1.5625rem;
	line-height: 1.75rem;
}
#arquivo .grid-item h3{
	font-size: 1.5625rem;
	line-height: 1.75rem;
}

#favoritos .grid-item h2{
	font-size: 1.5625rem;
	line-height: 1.75rem;
}
#favoritos .grid-item h3{
	font-size: 1.5625rem;
	line-height: 1.75rem;
}

#favoritos .grid-item h2,
#favoritos .grid-item h2.title{
	margin-bottom: 0px;
}

.grid-item .figure{
	margin-bottom: 1.125rem; /*18px*/
}
.grid-item .figure-img{
	margin-bottom: 0;
}

.grid-item .info-wrapper{
	margin-bottom: 1.125rem; /*18px*/
}


.grid-item[data-columns="1"] .info-wrapper{}
.grid-item[data-columns="2"] .info-wrapper{}
.grid-item[data-columns="3"] .info-wrapper .col.info-left{
	/* width: 30%; */
}
.grid-item[data-columns="3"] .info-wrapper .col.info-right{
	/* width: 70%; */
}

.grid-item[data-columns="1"] .info{}
.grid-item[data-columns="2"] .info{}
.grid-item[data-columns="3"] .info{}

.grid-item p,
.grid-item p.text,
.grid-item p.short-text{
	font-size: 0.8125rem;/*13px = 0.8125rem*/
	line-height: 0.9375rem; /*15px = 0.9375rem*/
	text-align: left;
}

.grid-item a.more-info{
	font-size: 0.625rem;/*10px = 0.625rem*/
	line-height: 0.8125rem; /*13px = 0.8125rem*/
	text-transform: lowercase;
	text-decoration: underline;
}
.grid-item a.more-info:hover{
	text-decoration: none;
}

.grid-item .favorito-icon{
	font-size: 0.625rem;/*10px = 0.625rem*/
	line-height: 0.8125rem; /*13px = 0.8125rem*/
	cursor: pointer;
}
/*.grid-item .favorito-icon[data-selected="false"]:hover:before{
	content: "\e913";
}
.grid-item .favorito-icon[data-selected="true"]:hover:before{
	content: "\e911";
}*/


.grid-item:hover h2{
	text-decoration: none;
	-webkit-text-fill-color: #ffffff; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 0.5px;
	-webkit-text-stroke-color: #000000;
}

html[theme="dark-mode"] .grid-item:hover h2{
	-webkit-text-fill-color: #000000; /* Will override color (regardless of order) */
	-webkit-text-stroke-color: #ffffff;
}


/* FOOTER SMALL TEXT
--------------------------------*/
footer .small-text,
a.small-text{
	font-size: 0.625rem;/*10px = 0.625rem*/
	line-height: 0.625rem; /*10px = 0.625rem*/
	text-transform: uppercase;
}

/* LANGUAGES
--------------------------------*/
ul.languages li{
	text-align: center;
}
.lang{
	font-size: 1rem;/*16px = 1rem*/
	line-height: 1.25rem; /*20px = 1.25rem*/
	color: #000000;
	text-transform: uppercase;
}
html[theme="dark-mode"] .lang{
	color: #ffffff;
}
.current .lang,
.lang.current,
.lang .current{
	font-family: 'GerstnerProgrammBold';
}
a.lang:link, a.lang:visited{
	text-decoration: none;
}
a.lang:hover{
	font-weight: bold;
	color: #000000;
}
html[theme="dark-mode"] a.lang:hover{
	color: #ffffff;
}

/*********************************************************************
 * 2. Masthead area
 *
 */

/*-- nav-main-top-navigation-desktop --*/
#nav-main-top-navigation-desktop{
	z-index: 10;
    position: fixed;
    top: 0;
    width: calc(66% - 1px);/*-10px*/
    background-color: #ffffff;
    font-size: 1.0625rem;
    line-height: 1.375rem;
    background: transparent;
    margin-left: -15px;
    margin-right: -15px;
    padding: 0 15px;
}
html[theme="dark-mode"] #nav-main-top-navigation-desktop{
	background-color: #000000;
}

#wrapper-secondary-bottom-menus{
	position: fixed;
	bottom: 0;
	background-color: #ffffff;
	width: inherit;
}
html[theme="dark-mode"] #wrapper-secondary-bottom-menus{
	background-color: #000000 !important;
}

#wrapper-secondary-bottom-menus > .row{
	margin-right: 0;
	padding: 7px 0 7px 0;
	margin: 0 18px 0 0;
	border-top: 1px solid #000;
}
html[theme="dark-mode"] #wrapper-secondary-bottom-menus > .row{
	border-top: 1px solid #ffffff;
}

#navbarNavAltMarkup{
	padding-bottom:1rem;
	overflow-y: scroll !important;
	max-height: 100% !important;
	padding:15px 15px 100px 15px;
	width:100vw; margin-left: -10px;
	background-color:#ffffff;
}
html[theme="dark-mode"] #navbarNavAltMarkup{
	background-color:#000000;
}

#filters-bottom-hr{
	padding: 0;
	margin-top: 0;
	margin-bottom:0;
	border-top: 1px solid #000000;
	width: calc(100% - 18px);
}
html[theme="dark-mode"] #filters-bottom-hr{
	border-top: 1px solid #ffffff;
}

.menu-separator{
	margin-bottom: 10px;
	margin-top: 10px;
	border: 0px;
	border-top: 1px solid #000000;
	height: 0.5px;
	width: 100%;
}
html[theme="dark-mode"] .menu-separator{
	border-top: 1px solid #ffffff;
}

figcaption.figure-caption small{
	font-size: 10px;
	text-transform:uppercase;
	color:#000000;
}
html[theme="dark-mode"] figcaption.figure-caption small{
	color:#ffffff;
}

.conteudos-files-list li{
	padding: 5px 0;
	border-bottom: 1px solid #000000;
}
html[theme="dark-mode"] .conteudos-files-list li{
	border-bottom: 1px solid #ffffff;
}
/*.main-nav{
	z-index: 10;
	position:fixed;
	top:0;
	width: calc(64.5% - 10px);
	background-color: transparent;

	font-size: 1.0625rem;
	line-height: 1.375rem;
}*/
.main-nav.modal-is-active{
	background-color: #ffffff;
}
html[theme="dark-mode"] .main-nav.modal-is-active{
	background-color: #000000;
}

.main-nav, .main-nav li {
	list-style: none;
	padding: 0;
	margin: 0;
}
.main-nav li {
	float: left;
	margin-top: 1rem;
    margin-right: 1rem;/*1.15rem*/
	margin-bottom: 0;
	/*width: calc(32.2%);*/
	width: calc(100% / 3 - 1rem);
}
.main-nav li:last-child{
	margin-right: 0;
}

.main-nav a:link, .main-nav a:visited{
	width: 100%;
	display: inline-block;
	background-color: #ffffff;
	color: #000000;
	text-decoration: none;
	padding: 2px 0;
}
html[theme="dark-mode"] .main-nav a:link, .main-nav a:visited{
	background-color: #000000;
	color: #ffffff;
}

.main-nav a:hover{
	background-color: #000000;
	color: #ffffff;
}
html[theme="dark-mode"] .main-nav a:hover{
	background-color: #ffffff;
	color: #000000;
}

.main-nav .current a:link, .main-nav .current a:visited,
.main-nav a:link.current, .main-nav a:visited.current{
	background-color: #000000;
	color: #ffffff;
}
html[theme="dark-mode"] .main-nav .current a:link, html[theme="dark-mode"] .main-nav .current a:visited,
html[theme="dark-mode"] .main-nav a:link.current, html[theme="dark-mode"] .main-nav a:visited.current{
	background-color: #ffffff;
	color: #000000;
}


/*-- nav-main-full-navigation-mobile --*/
#nav-main-full-navigation-mobile{
	padding:0;
	background: transparent;
}
#nav-main-full-navigation-mobile .navbar-toggler{
	display: inline-block;
	float: right;
	border: 0px;
	/*margin-right: 15px;*/
	padding: 6px 7px 5px 5px;
}
#nav-main-full-navigation-mobile .navbar-toggler:focus{
	outline: 0;
}


/*-- wrapper-secondary-top-menus --*/

#wrapper-secondary-top-menus{
	position: fixed;
	top: 0;
	background: #ffffff;
	width: inherit;
	z-index: 999;
}
html[theme="dark-mode"] #wrapper-secondary-top-menus{
	background: #000000;
}

#wrapper-secondary-top-menus > .row:first-child{
	margin-right: 0;
	padding: 0px 0 7px 0;
	margin: 0 18px 0 0;
	border-bottom: 1px solid #000000;
}
html[theme="dark-mode"] #wrapper-secondary-top-menus > .row:first-child{
	border-bottom: 1px solid #ffffff;
}

#wrapper-secondary-top-menus #secondary-top-navigation{
	list-style: none;
}
#wrapper-secondary-top-menus #secondary-top-navigation li a{
	color: #000000;
}
html[theme="dark-mode"] #wrapper-secondary-top-menus #secondary-top-navigation li a{
	color: #ffffff;
}

/*
.secondary-nav{
	font-size: 1.0625rem;
	line-height: 1.375rem;
}
.secondary-nav .current{
	font-family: 'GerstnerProgrammMedium';
	text-decoration: underline;
}

.secondary-nav .sub-menu{
	font-size: 1.0625rem;
	line-height: 1.375rem;
}
.secondary-nav .sub-menu .current{
	font-family: 'GerstnerProgrammMedium';
	text-decoration: underline;
}
*/

/*
.topnav, .topnav li {
	list-style: none;
	padding: 0;
	margin: 0;
}
	.topnav li {
		float: left;
		margin-right: 1em;
		margin-bottom: 1em;
	}
	.topnav a {
		padding: 0.25em 0.5em;
		text-decoration: none;
		display: block;
		background: #eee;
		color: #333;
		border: 1px solid #eee;
	}
	.topnav a:hover {
		background: #ddd;
		border-color: #ddd;
	}
	.topnav li.current a {
		background: #ddd;
		border-color: #ddd;
	}
	.topnav li.edit a {
		background: none;
	}

.languages {
	list-style: none;
	margin: 0;
	padding: 0;
	_float: right;
	width: 30%;
	font-size: 80%;
}

	.languages li {
		list-style: none;
		display: inline-block;
		margin: 0;
		padding: 0;
	}

	.languages a {
		padding: 0 0.5em;
		border: none;
		display: inline;
		border-left: 1px solid #ccc;
	}
		.languages li.current a {
			font-weight: bold;
		}
		.languages li:first-child a {
			border: none;
			padding-left: 0;
		}
*/

/*********************************************************************
 * 2. Breadcrumbs
 *
 */
.breadcrumbs {
	font-size: 80%;
	width: 70%;
	float: left;
	clear: both;
	padding-top: 1em;
}
.breadcrumbs span:after {
	content: ">";
	color: #999;
	padding-left: 0.5em;
	padding-right: 0.25em;
}


/*********************************************************************
 * 3. Main content and sidebar
 *
 */

#main {
}

#left #content {
	/*transition: all 1s;*/
	overflow-x: hidden !important;
}

/* Hide scrollbar for Chrome, Safari and Opera */
#left #content::-webkit-scrollbar {
display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
#left #content {
-ms-overflow-style: none;  /* IE and Edge */
scrollbar-width: none;  /* Firefox */
}

body.has-sidebar #content {
	/*width: 98%;*/
}

body.has-sidebar #sidebar {
	/*width: 98%;
	padding-left: 5%;*/
}

.nav {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
	display: block;
}
	.nav .nav {
		padding-left: 1.5em;
		list-style: disc;
	}
	.nav li {
		margin: 1em 0;
	}

	.nav-tree li {
		margin-top: 0;
		margin-bottom: 0;
	}

	.nav a {
		font-weight: bold;
	}

	.nav-tree li a {
		color: #777;
	}

	.nav .current > a {
		color: #333;
	}


/*********************************************************************
 * 3. Sidebar
 *
 */
#sidebar{
	/*transition: all 1s;*/
}

#wrapper-secondary-top-menus > .row{
	margin-left: 0;
}
#secondary-top-navigation,
#secondary-bottom-navigation{
	list-style: none;
	margin: 0;
	padding:0;
}
#secondary-top-navigation li{
	float: left;
	margin-top: 0.5rem;
    margin-right: 2vw;
    margin-bottom: 0;
}
#secondary-bottom-navigation li{
	float: left;
	margin-top: 0.5rem;
    margin-right: 1vw;
    margin-bottom: 0;
}
#secondary-top-navigation li:last-child,
#secondary-bottom-navigation li:last-child{
	margin-right: 0;
}
#secondary-top-navigation li a{
	font-size: 1.0625rem;/*17px = 1.0625rem*/
	line-height: 1.375rem; /*22px = 1.375rem*/
	text-transform: uppercase;
	padding: 2px 0 2px 0;
	/*transition: all 0.5s;*/
}
#secondary-bottom-navigation li a{
	font-size: 1.0625rem ;/*17px = 1.0625rem*/
	line-height: 1.375rem; /*22px = 1.375rem*/
	text-transform: initial;
	padding: 2px 0 2px 0;
	/*transition: all 0.5s;*/
}
#secondary-top-navigation li a.active,
#secondary-bottom-navigation li a.active{
	/*font-family: 'GerstnerProgrammMedium';*/
	font-style: normal;
	text-decoration: underline;
	font-weight: bold;
}
#secondary-top-navigation li a:hover,
#secondary-bottom-navigation li a:hover{
	font-style: italic;
	text-decoration: underline;
}



/*********************************************************************
 * 4. Footer
 *
 */


/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */

@media only screen and (max-width: 767px) {
	/* mobile layout */

}

@media only screen and (min-width: 1200px) {
	/* extra-wide desktop layout */

}


/*********************************************************************
 * 6. Accessibility helpers
 *
 */

/* Hide visually, but remain approachable for screenreader */

.visually-hidden,
.visuallyhidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	white-space: nowrap;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
	border: 0;
}

/* Show bypass link on hover */

.element-focusable:focus {
	clip: auto;
	overflow: visible;
	height: auto;
}

/* Sample styling for bypass link */
.bypass-to-main:focus {
	top: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #333;
	color: #fff;
}



/*********************************************************************
 * 6. SCROOL INDICATOR
 *
 */
/* Style the header: fixed position (always stay at the top) */
#left .progress-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 1;
	width: 65.2%;
	background-color: #ffffff;
}
html[theme="dark-mode"] #left .progress-footer {
	background-color: #000000;
}

.mobile #left .progress-footer{
	width: 100%;
}

/* The progress container (grey background) */
#left .progress-container {
	width: 100%;
	height: 2px;
	background: #ffffff;
}
html[theme="dark-mode"] #left .progress-container {
	background: #000000;
}

/* The progress bar (scroll indicator) */
#left .progress-bar {
	height: 2px;
	background: #000000;
	background-color: #000000;
	width: 0%;
}
html[theme="dark-mode"] #left .progress-bar {
	background: #ffffff;
	background-color: #ffffff;
}
/*progress[value]::-webkit-progress-bar{
	background-color: #f81660;
}*/


/*********************************************************************
 * 6. FIXES
 *
 */
 .nav.nav-tree{
	margin:0;
	margin-right: 0;
	margin-left: 0;
 }
 .adminbar__form, .adminbar__button, .adminbar__link, .adminbar__link:visited, .adminbar__text{
	color: rgba(255,255,255,.7) !important;
}
html[theme="dark-mode"] .adminbar__form,
html[theme="dark-mode"] .adminbar__button,
html[theme="dark-mode"] .adminbar__link,
html[theme="dark-mode"] .adminbar__link:visited,
html[theme="dark-mode"] .adminbar__text{
	color: rgba(0,0,0,.7) !important;
}

.adminbar__modal--visible {
	--offset: 115px;
    width: calc(100% - var(--offset)) !important;
    height: calc(100vh - 50px) !important;
    border-right: var(--offset) solid #ffffff !important;
}
html[theme="dark-mode"] .adminbar__modal--visible {
    border-right: var(--offset) solid #000000 !important;
}


.adminbar__iframe {
	--offset: 17px;
    height: 100% !important;
    width: calc(100% + var(--offset)) !important;
    padding-right: var(--offset) !important;
    box-sizing: content-box !important;
}


/*********************************************************************
 * 6. DEBUG
 *
 */
pre.DEBUG{
	font-size: 0.5em;
    line-height: 1em;
    padding: 0.5em;
	border-left: 0px;
	border: 0;
	white-space: break-spaces;
}




.navbar-collapse{
	height: 100vh !important;
}









/* ---- plyr ---- */

.plyr.plyr--stopped .plyr__controls,
.plyr.plyr--paused .plyr__controls{
	display: none !important;
}
.plyr__poster{
	background-size: cover !important;
}




/* ---- grid ---- */

.grid{
	width: 100% !important;
	/*max-width: 100%;*/
}

/*
TO FIX THE GRID-ITEMS RIGHT MARGIN/PADDING
*/
#left .grid.masonry{
	width: calc(100% + 28px) !important;
}
#arquivo .grid.masonry{
	width: calc(100% + 20px) !important;
}

/* clearfix */
.grid:after{
content: '';
display: block;
clear: both;
}

/* ---- grid-item ---- */

.grid-sizer,
.grid-item {
	width: 33%;
}

#right #arquivo .grid-sizer,
#right #arquivo .grid-item,
#right #favoritos .grid-sizer,
#right #favoritos .grid-item,
#right #search .grid-sizer,
#right #search .grid-item{
	width: 50%;
}

.grid-item {
	margin-bottom: 0;
	padding: 0 20px 15px 0;
	float: left;
}
.grid-item img{
}

.grid-item--width2 { width:  66%; }
.grid-item--width3 { width:  99%; }


#arquivo .grid-item--width2 { width:  33%; }
#arquivo .grid-item--width3 { width:  33%; }
#favoritos .grid-item--width2 { width:  33%; }
#favoritos .grid-item--width3 { width:  33%; }
#search .grid-item--width2 { width:  33%; }
#search .grid-item--width3 { width:  33%; }

#right #arquivo .grid-item--width2 { width:  50%; }
#right #arquivo .grid-item--width3 { width:  50%; }
#right #favoritos .grid-item--width2 { width:  50%; }
#right #favoritos .grid-item--width3 { width:  50%; }
#right #search .grid-item--width2 { width:  50%; }
#right #search .grid-item--width3 { width:  50%; }

/* grid-item active */
.grid-item.active .grid-item-wrapper{
	/*background-color: #f5f5f5;*/
}

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

}
@media screen and (max-width: 1390px) {
	/* 5 columns for larger screens */
	.grid-sizer,
	.grid-item {
		width: 49.3%;
	}

	.grid-item--width2 { width:  49.3%; }
	.grid-item--width3 { width:  100%; }
}

@media screen and (max-width: 716px) {
	/* 5 columns for larger screens */
	.grid-sizer,
	.grid-item {
		width: 50%;
	}

	.grid-item--width2 { width:  50%; }
	.grid-item--width3 { width:  100%; }
}

@media screen and (max-width: 626px) {
	/* 5 columns for larger screens */
	.grid-sizer,
	.grid-item {
		width: 100%;
	}

	.grid-item--width2 { width:  100%; }
	.grid-item--width3 { width:  100%; }
}



/* ---- grid-aganda-ajax ---- */

.grid-agenda-ajax{
	width: 100% !important;
	max-width: 100%;
}

/* clearfix */
.grid-agenda-ajax:after{
	content: '';
	display: block;
	clear: both;
}

/* ---- grid-agenda-ajax grid-item ---- */

.grid-agenda-ajax .grid-sizer,
.grid-agenda-ajax .grid-item {
	width: 100% !important;
}

.grid-agenda-ajax .grid-item {
	margin-bottom: 0;
	padding: 0 20px 15px 0;
	float: left;
}
.grid-agenda-ajax .grid-item img{}

.grid-agenda-ajax .grid-item--width2 { width:  100%; }
.grid-agenda-ajax .grid-item--width3 { width:  100%; }


@media screen and (max-width: 1390px) {
	/* 5 columns for larger screens */
	.grid-agenda-ajax .grid-sizer,
	.grid-agenda-ajax .grid-item {
		width: 100%;
	}

	.grid-agenda-ajax .grid-item--width2 { width:  100%; }
	.grid-agenda-ajax .grid-item--width3 { width:  100%; }
}

@media screen and (max-width: 716px) {
	/* 5 columns for larger screens */
	.grid-agenda-ajax .grid-sizer,
	.grid-agenda-ajax .grid-item {
		width: 100%;
	}

	.grid-agenda-ajax .grid-item--width2 { width:  100%; }
	.grid-agenda-ajax .grid-item--width3 { width:  100%; }
}

@media screen and (max-width: 626px) {
	/* 5 columns for larger screens */
	.grid-agenda-ajax .grid-sizer,
	.grid-agenda-ajax .grid-item {
		width: 100%;
	}

	.grid-agenda-ajax .grid-item--width2 { width:  100%; }
	.grid-agenda-ajax .grid-item--width3 { width:  100%; }
}

/*---- ----*/





/*
MODAL
-----------------------------------------*/
.column-modal-is-active{
	overflow: hidden !important;
}
#modal-main{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: calc(66% - 15px);
	height: 100vh;
	overflow: hidden;
	background: #fff;
	z-index:100;
}
html[theme="dark-mode"] #modal-main{
	background: #000000;
}
#modal-main #modal-main-content{
	height: calc(100vh - 60px - 30px - 10px);
    overflow: hidden;
	overflow-y: auto;
	width: calc(100% + 25px);
	padding: 0 26px 15px 15px;
}
@media screen and (max-width: 1060px) {
	#modal-main{
		width: 100%;
		top:30px;
	}
	#modal-main #modal-main-content{
		height: calc(100vh - 60px - 30px - 10px);
		width: calc(100% + 22px);
	}
}
.modal-close{
	display: inline-block;
    width: 46px;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
}
.modal-close i{
	font-size: 12px;
	line-height: 100%;
	vertical-align: middle;
	cursor: pointer;
}
.modal-close:hover i:before{
	content: "\e910";
}
.modal-navigation{
	padding: 10px 15px 10px 15px;
	float: right;
}
.modal-navigation .previous{
	cursor: pointer;
	margin-right: 55px;
}
.modal-navigation .previous i{
	font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    cursor: pointer;
}
.modal-navigation .previous:hover i:before{
	content: "\e90b";
}
.modal-navigation .next{
	cursor: pointer;
	margin-right: 15px;
}
.modal-navigation .next i{
	font-size: 12px;
    line-height: 100%;
    vertical-align: middle;
    cursor: pointer;
}
.modal-navigation .next:hover i:before{
	content: "\e90d";
}





#modal-alert{
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	background: rgba(0,0,0,0.5);
	z-index:100;
}
#modal-main #modal-alert{
	top: 0px;
}
html[theme="dark-mode"] #modal-alert{
	background: rgba(0,0,0,0.5);
}

#modal-alert-content-wrapper{
	position: relative;
	height: 100%;
}
#modal-alert #modal-alert-content{

}
#modal-alert #modal-alert-content-holder{
	width: 90%;
	/* height: 90%; */
	max-height: 90%;
	background: #000;
	margin: 15px auto;
	padding: 10px;
	background: #000;

	margin: 0 auto;

	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	display: inline-block;
}
#modal-alert #modal-alert-content{
	/*height: calc(100vh - 60px - 30px - 10px);*/
    overflow: hidden;
	overflow-y: auto;
	width: calc(100% + 25px);
	padding: 0 26px 15px 15px;

}
#modal-alert #modal-alert-content h1{
	font-size:3rem; line-height: 2.5rem; margin-bottom: 1.125rem;
}
#modal-alert #modal-alert-content article{
	margin-top: 1rem;
	width: calc(100% - 15px);
}

html[theme="dark-mode"] #modal-alert #modal-alert-content{
	color: #ffffff;
}
@media screen and (max-width: 1060px) {
	#modal-alert{
		width: 100%;
		top:30px;
	}
	/*#modal-alert #modal-alert-content{
		height: calc(100vh - 60px - 30px - 10px);
		width: calc(100% + 22px);
	}*/
}
#modal-alert .modal-close{
	display: inline-block;
    width: 46px;
    padding: 10px 15px 10px 15px;
    cursor: pointer;
}
#modal-alert .modal-close i{
	font-size: 12px;
	line-height: 100%;
	vertical-align: middle;
	cursor: pointer;
}
#modal-alert .modal-close:hover i:before{
	content: "\e910";
}



/*
CONTEUDOS
-------------------------------------------*/
#sidebar h2{
	display: block;
	font-size: 1.5625rem; /*25px*/
	line-height: 1.75rem; /*28px*/
	margin-bottom: 1.25rem; /*20px*/
}
/* ---- logos ---- */
section.conteudos-logos figure {
    width: calc(30% - 15px) !important;
    float: left;
    margin-right: 20px;
    vertical-align: middle;
    height: 120px;
    text-align: center;
}
section.conteudos-logos figure img {
    width: 90% !important;
    display: inline-block;
}



.alk-huge-title{
	/*font-size: calc([minimum size] + ([maximum size] - [minimum size]) * ((100vw - [minimum viewport width]) / ([maximum viewport width] - [minimum viewport width])));*/
	font-size: calc(72px + (180 - 72) * ((100vw - 320px) / (1800 - 320)));
	line-height: calc(62px + (149 - 62) * ((100vw - 320px) / (1800 - 320)));
	margin-bottom: 30px;
}



/*---- FESTIVAL FILTERS ----*/
#masonry-filters-a11y-festival{

}
.filter-a11y{
	font-size: 25px;
	margin-bottom: 0px;
	margin-right: 5px;
	float:left;
}
.filter-a11y label{
	margin-bottom: 2px;
	padding: 0px 10px;
}
.filter-a11y label i{
	margin-right: 5px;
	font-size: 25px;
	color: #000000;
}
html[theme="dark-mode"] .filter-a11y label i{
	color: #ffffff;
}

.filter-a11y label i:last-child{
	margin-right: 0;
}

.filter-a11y input[type="checkbox"]:checked + label i.icon-a11y-low-vision-white:before{
	content: '\e904';
}
.filter-a11y input[type="checkbox"]:checked + label i.icon-a11y-low-earing-white:before{
	content: '\e902';
}
.filter-a11y input[type="checkbox"]:checked + label i.icon-a11y-sign-language-white:before{
	content: '\e906';
}
.filter-a11y input[type="checkbox"]:checked + label i.icon-a11y-access-white:before{
	content: '\e900';
}



#masonry-filters-dates-festival{
	margin-bottom: 5px;
}
.filter-date{
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 0px;
	margin-right: 5px;
	float:left;
}
.filter-date input[type="checkbox"]{

}
.filter-date label{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin-bottom: 0px;
}
.filter-date input[type="checkbox"]:checked + label{
	color: #ffffff;
	background-color: #000000;
	border-radius: 10px;
}
html[theme="dark-mode"] .filter-date input[type="checkbox"]:checked + label{
	color: #000000;
	background-color: #ffffff;
}

#nav-main-full-navigation-mobile .filter-date label{
	font-size: 25px;
	line-height: 35px;
	border-radius: 20px;
	border: 1px solid #000000;
	color: #000000;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
	padding-left: 10px;
}
html[theme="dark-mode"] #nav-main-full-navigation-mobile .filter-date label{
	border: 1px solid #ffffff;
	color: #ffffff;
}

#nav-main-full-navigation-mobile .filter-date input[type="checkbox"]:checked + label{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] #nav-main-full-navigation-mobile .filter-date input[type="checkbox"]:checked + label{
	color: #000000;
	background-color: #ffffff;
}


#masonry-filters-categories-festival,
#masonry-filters-categories{
	margin-bottom: 15px;
}
.filter-category{
	font-size: 12px;
	line-height: 100%;
	margin-bottom: 0px;
	margin-right: 5px;
	float:left;
}
.filter-category label{
	font-weight: normal;
	text-transform: uppercase;
	font-size: 12px;
	padding: 0 10px 0 10px;
	margin-bottom: 0px;
}
.filter-category input[type="checkbox"]:checked + label{
	color: #ffffff;
	background-color: #000000;
	border-radius: 10px;
}
html[theme="dark-mode"] .filter-category input[type="checkbox"]:checked + label{
	color: #000000;
	background-color: #ffffff;
}

/*
#nav-main-full-navigation-mobile{
	background-color: #ffffff;
}
html[theme="dark-mode"] #nav-main-full-navigation-mobile{
	background-color: #000000;
}
*/

#nav-main-full-navigation-mobile .filter-category{
	width: 100%;
	float: none;
}
#nav-main-full-navigation-mobile .filter-category label{
	font-size: 25px;
	line-height: 35px;
	border-radius: 20px;
	border: 1px solid #000000;
	margin-bottom: 5px;
	width: 100%;
	text-align: left;
	padding-left: 10px;
}
html[theme="dark-mode"] #nav-main-full-navigation-mobile .filter-category label{
	border: 1px solid #ffffff;
}
#nav-main-full-navigation-mobile .filter-category input[type="checkbox"]:checked + label{
	color: #ffffff;
	background-color: #000000;
}
html[theme="dark-mode"] #nav-main-full-navigation-mobile .filter-category input[type="checkbox"]:checked + label{
	color: #000000;
	background-color: #ffffff;
}

#nav-main-top-navigation-desktop .filters hr{
	padding: 0;
	margin: 0;
	border-top: 1px solid #000000;
	width: calc(100% - 18px);
}
html[theme="dark-mode"] #nav-main-top-navigation-desktop .filters hr{
	border-top: 1px solid #ffffff;
}

#nav-main-full-navigation-mobile .filters{
	margin-top: 5px !important;
}
#nav-main-full-navigation-mobile .filters hr{
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #000000;
	width: calc(100% - 18px);
}


#nav-main-full-navigation-mobile ul[id*="masonry-filters-"]{
	margin-top: 15px;
}
#nav-main-full-navigation-mobile ul[id*="masonry-filters-"]:first-child{
	margin-top: 20px;
}


#favoritos-count-link:hover{
	text-decoration: underline;
}



article.template-projecto .project-info li{
	margin-bottom: 4px;
}


.figure-caption{
	color: #000000;
}
html[theme="dark-mode"] .figure-caption{
	color: #ffffff;
}






@media (max-width: 380px){
	#nav-main-full-navigation-mobile .filter-date label{
		font-size: 23px;
		line-height: 31px;
	}
	#nav-main-full-navigation-mobile .filter-category label{
		font-size: 23px;
		line-height: 31px;
	}
}

@media (max-width: 365px){
	#nav-main-full-navigation-mobile .filter-date label{
		font-size: 21px;
		line-height: 29px;
	}
	#nav-main-full-navigation-mobile .filter-category label{
		font-size: 21px;
		line-height: 29px;
	}
}

@media (max-width: 340px){
	#nav-main-full-navigation-mobile .filter-date label{
		font-size: 19px;
		line-height: 27px;
	}
	#nav-main-full-navigation-mobile .filter-category label{
		font-size: 19px;
		line-height: 27px;
	}
}


@media (max-width: 1460px){
	.project-info .info-bloco{
		width: 50%;
		max-width: 50%;
	}
	.project-info .info-bloco-3, .project-info .info-bloco-4{
		margin-top: 15px;
	}
}

@media (max-width: 575px){
	.project-info .info-bloco{
		width: 100%;
		max-width: 100%;
	}
	.project-info .info-bloco-2{
		margin-top: 15px;
	}
}



.conteudos-video{
	margin-bottom: 1.875rem;
}

.conteudos-video:last-child{
	margin-bottom: 0;
}



/*----  FAVORITOS ----*/
.info-dates-categorias-favoritos{
	display: none;
}
#favoritos .favoritos-title-count,
#nav-main-full-navigation-mobile .favoritos-title-count{
	border-radius: 50%;
    border: 1px solid #000;
    font-weight: normal;
    color: #000000;
	background-color: #ffffff;
	min-width: 30px;
	margin-right: 5px;
}
html[theme="dark-mode"] #favoritos .favoritos-title-count,
html[theme="dark-mode"] #nav-main-full-navigation-mobile .favoritos-title-count{
	color: #ffffff;
	background-color: #000000;
}

.final-horixontal-bar{
	margin-top: 1rem;
	margin-bottom: 0;
	border: 0;
	border-top: 1px solid #000;
}
html[theme="dark-mode"] .final-horixontal-bar{
	border-top: 1px solid #ffffff;
}


#nav-main-full-navigation-mobile .favoritos-title-count{
	padding: 4px 10px;
}
#favoritos .info-mais-info-favoritos,
#favoritos .final-horixontal-bar
{
	display: none;
}
#favoritos .grid-item-wrapper{
	display: flex;
    flex-direction: column;
}
#favoritos .info-dates-categorias-favoritos{
	order: 1;
	display: block;
	margin-bottom: 0.5rem;
}
#favoritos .info-dates-categorias{
	display:none;
}
#favoritos .info-title-link{
	order: 2;
}
#favoritos .info-subtitulo{
	order: 3;
}
#favoritos figure{
	order: 4;
}
#favoritos .short-text{
	display:none;
}


/*----  ARQUIVO ----*/
.info-dates-categorias-arquivo{
	display: none;
}
#arquivo h2{
	margin-bottom: 0;
}
#arquivo .favoritos-title-count{
	border-radius: 50%;
    border: 1px solid #000;
    font-weight: normal;
    color: #000000;
    background-color: #ffffff;
}
html[theme="dark-mode"] #arquivo .favoritos-title-count{
	color: #ffffff;
    background-color: #000000;
}

#arquivo .info-mais-info-favoritos,
#arquivo .final-horixontal-bar
{
	display: none;
}
#arquivo .grid-item-wrapper{
	display: flex;
    flex-direction: column;
}
#arquivo .info-dates-categorias-arquivo{
	order: 1;
	display: block;
	margin-bottom: 0.5rem;
}
#arquivo .info-dates-categorias{
	display:none;
}
#arquivo .info-title-link{
	order: 2;
}
#arquivo .info-subtitulo{
	order: 3;
}
#arquivo figure{
	order: 4;
}
#arquivo .short-text{
	display:none;
}


.conteudo-image-gallery img{
	cursor: pointer;
}

.form-control:focus{
	box-shadow: 0 0 0 0.2rem rgb(0 0 0 / 15%);
}

#search-button,
#search-button:focus,
#filters-mobile-filtrar-button,
#filters-mobile-filtrar-button:focus,
#filters-mobile-filtrar-close-button,
#filters-mobile-filtrar-close-button:focus{
	outline: 0;
}

#filters-mobile-filtrar-button{
	border-radius: 25px;
	border: 1px solid #000000;
	padding: 10px;
	text-align: center;
	font-size: 25px;
	background-color: transparent;
	color: #000000;
}
html[theme="dark-mode"] #filters-mobile-filtrar-button{
	border: 1px solid #ffffff;
	color: #ffffff;
}


.table thead th{
	border-top: 0;
	border-bottom: 1px solid #000000;
	width: 10%;
}
.table td, .table th{
	border-top: 0;
	border-bottom: 1px solid #000000;
	padding: 5px 15px;
}

.table-cookies thead th {
	width: 10%;
}
.table-cookies  td, .table-cookies th{
	padding: 5px 15px;
}

body.desktop #filters-mobile-filtrar-selected-filters{
	display: none;
}

#filters-mobile-filtrar-selected-filters{
	margin-top: 5px;
}
#filters-mobile-filtrar-selected-filters label{
	border: 1px solid #000000;
    border-radius: 10px;
    background-color: transparent;
    color: #000000;
    line-height: 15px;
    padding: 2px 11px;
	font-size: 11px;
	margin-top: 5px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 5px;
	cursor: default;
	pointer-events: none;
}
html[theme="dark-mode"] #filters-mobile-filtrar-selected-filters label{
	border: 1px solid #ffffff;
	color: #ffffff;
}

#filters-mobile-filtrar-selected-filters label:last-child{
    margin-right: 0;
}


/* SHARE */
.conteudos-share{
	font-family: 'GerstnerProgrammRegular', Helvetica, sans-serif;
    font-style: normal;
    color: #000;
    font-size: 0.9375rem !important;
}
html[theme="dark-mode"] .conteudos-share{
	color: #fff;
}

/*LEFT*/
#left .conteudos-share{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-top: 1.875rem;
	margin-bottom: 25px;
}
html[theme="dark-mode"] #left .conteudos-share{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

#left .conteudos-share-embed{
	padding-top: 1.875rem;
	padding-bottom: calc(1.875rem - 1rem);
}

/* LEFT > Right after first section */
#left .conteudos section:nth-child(1) + .conteudos-share[data-cc="1"][data-ccs="2"]{
	border-top: 0px;
    border-bottom: 1px solid #000000;
    padding-top: 0px;
    margin-bottom: 25px;
    margin-top: -20px;
}
html[theme="dark-mode"] #left .conteudos section:nth-child(1) + .conteudos-share[data-cc="1"][data-ccs="2"]{
	border-top: 0px;
	border-bottom: 1px solid #ffffff;
}

/*RIGHT*/
#right [data-template="basic-page"] .conteudos-share{
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding-top: 1.875rem;
	margin-bottom: 25px;
}
html[theme="dark-mode"] #right [data-template="basic-page"] .conteudos-share{
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}

/*.conteudos-share .share{}*/
.conteudos-share span,
.conteudos-share a{
	margin-right: 13px;
}
.conteudos-share a{
	vertical-align: top;
}
.conteudos-share span:last-child,
.conteudos-share a:last-child{
	margin-right: 0px;
	margin-top: 1px;
}
.conteudos-share .label-share{
	line-height: 100%;
	text-transform: uppercase;
	display: inline-block;
	margin-top: 5px;
}
.conteudos-share .badge-share{
	color: #000000;
	background: transparent;
	border-radius: 10px;
	border: 1px solid #000000;
	font-size: 10px !important;;
	padding: 5px 10px;
}
html[theme="dark-mode"] .conteudos-share .badge-share{
	color: #fff;
	border: 1px solid #ffffff;
}
.conteudos-share .badge-share:hover{
	color: #ffffff;
	background: #000000;
}
html[theme="dark-mode"] .conteudos-share .badge-share:hover{
	color: #000000;
	background: #ffffff;
}


.plyr__control.plyr__control--overlaid{
	--plyr-color-main: #000000;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #000000)));
}
.plyr--full-ui input[type=range]{
	--plyr-color-main: #ffffff;
	color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #ffffff)));
}
.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded=true]{
	--plyr-color-main: #000000;
	background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #000000)));
}


/* MEDIA QUERIES */
@media (min-width: 1061px){
    .navbar-expand-custom {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
    }
    .navbar-expand-custom .navbar-nav {
        flex-direction: row;
    }
    .navbar-expand-custom .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
    }
    .navbar-expand-custom .navbar-collapse {
        display: flex!important;
    }
    .navbar-expand-custom .navbar-toggler {
        display: none;
    }
}

@media screen and (max-width: 1060px) {
	.desktop{
		display: none;
	}
	.mobile{
		display: initial;
	}
	#left{
		width: 100% !important;
		padding-top: 65px;
	}
	#left nav.mobile{
		position: fixed;
		top: 0;
		margin-left: -15px;
		width: calc(100%) !important;
		z-index: 10;
		padding: 5px 25px 5px 15px;
	}
	#left .grid.masonry {
		width: calc(100% + 30px) !important;
	}
	#middle, #right{
		display:none !important;
	}
}

@media screen and (max-width: 720px) {
	#left .grid.masonry {
		width: calc(100% + 20px) !important;
	}
}
@media (max-width: 438px){
	.navbar-brand span:before{
		content: "\e908" !important;
	}
}