/* 
ßßßßßßßßßßßßßßßßßßßßßß1
ß                    ß
ß iFly Brazil 2023   ß
ß L.A.Cosso          ß
ß                    ß
ßßßßßßßßßßßßßßßßßßßßßß
*/


/* iFly Defaul Design System */
:root{
	--if-red:#D7282D;
	--if-blue-1:#1C3555;
	--if-blue-2:#1D4F91;
	--if-blue-3:#62B5E5;
	--if-blue-4:#9BCBEB;
	--if-gray-1:#2D2926;
	--if-gray-2:#5B6770;
	--if-gray-3:#C1C6C8;
	--if-accent:#FF9E1B;
	
	--if-font:1.125em;
	--if-font-h2:1.75em;
	--if-font-h3:1.75em;
	--if-font-h4:1.375em;
	
	
	}
	
	/* Flama */
	@font-face { font-family:'Flama'; font-style:normal; font-weight:100; src:local('Flama'), url('../fonts/Flama Regular.otf') format('otf'); }
	
	/* United */
	@font-face { font-family:'United'; font-style:italic; font-weight:100; src:local('United'), url('../fonts/UnitedItalicSmCdMd.woff2') format('woff2'); }
	@font-face { font-family:'United'; font-style:italic; font-weight:600; src:local('United'), url('../fonts/UnitedItalicRgBk.woff2') format('woff2'); }
	
	
	body {
		font-size: 16px;
		font-weight: 500;
		margin: 0;
		font-family: 'Flama', sans-serif; font-style:normal;
		color: var(--if-gray-1);
		position: relative;
	}
	
	
	h1 	{
		margin: 0;
	}
	
	h2 	{
		font-family: 'United', sans-serif; font-style:italic;
		color: var(--if-blue-2);
		font-weight: 100;
		font-size: 28px;
	}
	
	h3 	{
		font-family: 'United', sans-serif; font-style:italic;
		color: var(--if-red);
		font-weight: 100;
	}
	
	h4 	{
		color: var(--if-red);
		font-weight: bold;
	}
	
	p 	{
		font-size: var(--if-font);
		font-weight: 500;
	}

	strong {font-weight:700!important;}
	
	/* Header --------------------------------------------------------------------- */
	
	.ifly-header {
		background: var(--if-blue-1);
		position: absolute;
		z-index: 99999;
		padding: 12px 1px;
		width: 100%;
		top: 0;
		left: 0;
	}
	
	.main-menu-if ul {
		list-style: none;
		align-items: center;
		display: flex;
		justify-content: space-around;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.main-menu-if ul li{
		display: inline-block;
		list-style: none;
		margin: 0;
		overflow: hidden;
		padding: 0;
	}
	
	.main-menu-if a {
		color: #fff;
		text-decoration: none;
		font-family: 'United', sans-serif; font-style:italic;
		font-weight: 600;
		display: block;
	}
	
	.main-menu-if a:after {
		background-color: #fff;
		bottom: 12px;
		content: "";
		display: block;
		height: 2px;
		left: 2px;
		opacity: 0;
		transform: scaleX(0);
		transition: opacity .3s linear,transform .3s ease-in;
		width: calc(100% - 4px);
		overflow: hidden;
	}
	
	.main-menu-if a:hover:after {
		opacity: 1;
		transform: scaleX(1);
		transition: opacity .1s linear,transform .3s ease-out;
	}
	
	/* Banner --------------------------------------------------------------------- */
	
	.ifly-bannner-area .carousel-inner img {
		height: auto;
		width: 100%;
	}
	
	/* Vem Voar --------------------------------------------------------------------- */
	
	.vem-voar {
		font-family: 'United', sans-serif; font-style:italic;
		color: var(--if-blue-2);
		font-weight: 100;
		font-size: 55px;
		text-align: center;
		padding: 15px 0;
	}
	
	/* Destaques --------------------------------------------------------------------- */
	
	.destaques .destaque-item {
		width: 100%;
		background-color: #E6E6E6;
		border-radius: 6px;
		padding: 1rem 2px;
		margin-bottom: 1rem;
	}
	
	.destaques .destaque-item .destaque-icon {
		min-height: 60px;
		margin-bottom: .5rem;
	}
	
	.destaques .destaque-item .destaque-title {
		color: var(--if-blue-2);
		font-weight: 600;
	}
	
	/* Experiências --------------------------------------------------------------------- */
	
	.experiencias .box-xp {
		background: #FFFFFF;
		box-shadow: 0px 5px 19px rgba(0, 0, 0, 0.25);
		text-decoration: none;
		color: inherit;
		text-align: center;
		margin-bottom: 1.2rem;
	}
	
	.experiencias .box-xp-img img {
		width: 100%;
	}
	
	.experiencias .box-xp span {
		font-family: 'Flama', sans-serif; font-style:normal;
		color: var(--if-red);
		font-size: 1.2em;
		font-weight: 800;
		padding: 1rem 1rem 0 1rem;
		display: block;
	}
	
	.experiencias .box-xp p {
		padding: 1rem;
		display: block;
	}
	
	/* Internas --------------------------------------------------------------------- */
	
	.top-hero-interna 			{height: 400px; overflow: hidden; z-index: 99997;}
	.top-hero-box 				{position: relative; width: 100%; margin-top: -70px; z-index: 99998; display: flex; align-items: center; flex-direction: column;}
	.top-hero-page-rastro 		{background: rgba(50, 50, 50, 0.9); display: inline-flex; color: #fff; padding: 10px 16px;}
	.top-hero-page-rastro a		{text-decoration: none; color: #fff;}
	.top-hero-page-rastro svg	{margin: 9px 12px 0 12px;}
	.top-hero-page-title 		{background: #fff; width: 80%; font-family:'United'; font-weight: 600; font-size: 30px; text-align: center; padding: 20px 10px 15px 10px;}
	.top-hero-interna img 		{margin-top:80px}

	.menu-hero-menu-container     				{box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.15); background: #fff; padding: 10px;}
	.menu-hero-menu-container ul    			{list-style: none; padding-left: 0; margin: 0;  white-space: nowrap; overflow-x: scroll; overflow-y: hidden; display: flex; justify-content: center;}
	.menu-hero-menu-container ul li  			{display: table-cell; vertical-align: middle;}
	.menu-hero-menu-container ul li a 			{text-decoration: none; display: block; padding: 18px; border-radius: 5px; font-family:'United'; font-weight: 600; color: var(--if-blue-1);}
	.menu-hero-menu-container ul li a:active 	{background: #E9EBEC; color: var(--if-red);}
	.menu-hero-menu-container ul li a:hover 	{background: #E9EBEC; color: var(--if-red);}

	
	/* Elementos --------------------------------------------------------------------- */
	
	.btn {
		font-family: 'United', sans-serif; font-style:italic;
		display: inline-flex;
		align-items: center;
		text-transform: uppercase;
		padding: 1rem;
		font-weight: 600;
	}
	
	.btn svg {
		margin-left: 8px;
		transition: transform .2s ease-in-out;
		will-change: transform;
	}
	
	.btn:hover svg {
		transform: translate3d(0.3em,0,0);
	}
	
	.btn span {
		min-height: 20px;
	}
	
	.btn.btn-danger {background-color: var(--if-red);}
	.btn.btn-danger:hover {background-color: var(--if-blue-2); border-color: var(--if-blue-2);}
	
	.footer {
		box-shadow: 0 0 8px rgb(0 0 0 40%);
	}
	
	.footer ul{
		padding: 0;
		list-style: none;
		text-align: left;
	}
	
	.footer .menu-item-type-custom {
		font-family: 'United', sans-serif; font-style:italic;
		color: var(--if-gray-2);
		font-weight: bold;
	}
	
	.footer .menu-item-type-custom > a{
		display: block;
		margin-bottom: 1rem;
	}
	
	.footer .menu-item-type-post_type {
		font-family: 'Flama', sans-serif; font-style:normal;
		color: var(--if-gray-2);
		font-weight: 500;
		font-size: 1.125em;
	}
	
	.footer h2 {
		text-decoration: none;
		color: var(--if-gray-2);
		font-size: 1em;
		font-family: 'Flama', sans-serif; font-style:normal;
		text-align: center;
	}

	.footer a {
		text-decoration: none;
		color: var(--if-gray-2);
		font-size: 1em;
		font-family: 'Flama', sans-serif; font-style:normal;
	}
	
	.footer #main-footer--social-links ul {
		display: flex;
		flex-wrap: wrap;
		gap: 15px;
		justify-content: center;
	}
	
	.footer #main-footer--social-links ul li {
		flex: 0 0 auto;
		margin: 0;
		width: 45px;
	}
	
	.footer #main-footer--social-links ul li a {
		align-items: center;
		background-color: #e9ebec;
		border-radius: 5px;
		color: #d7282d;
		display: flex;
		font-size: 24px;
		height: 45px;
		justify-content: center;
		transition: all .2s linear;
		width: 45px;
	}
	
	.svg-inline--fa {
		display: var(--fa-display,inline-block);
		height: 1em;
		width: 60%;
		overflow: visible;
		vertical-align: -0.125em;
	}
	
	#thankYou {
			background: #f0f0f0;
			text-align: center;
			padding: 40px 5px;
			font-family: 'United';
			font-size: 1.5em;
			}

	.wp-block-embed iframe {
		max-width: 100%;
		width: 100%;
		height: 725px;
	}

	.menu-x {
		display: none;
	}


	
	.ifly-unidade-bloco {
		background: #F4F4F4;
		padding: 1em;
	}

	.ifly-unidade {
		list-style: none;
		margin-left: 0;
		padding-left: 12px;
		padding-top: top;
	}

	.ifly-unidade-bloco iframe {
		width: 100% !important;
	}

	.unidade-titulo {
		font-family: 'Flama', sans-serif; font-style:normal;
		font-size: 22px;
	}

	.instrutor-box img{
		width: 100%;
		min-height: 240px;
	}

	.instrutor-box{
		position: relative;
		overflow: hidden;
		max-height: 240px;
	}

	.instrutor-detalhes {
		position: absolute;
		width: 100%;
		background: rgba(29,79,145,1);
		min-height: 280px;
		display: none;
		color: #ffffff;
		text-align: center;
		font-family: 'Flama', sans-serif; font-style:normal;
		padding: 12px 20px;
	}

	.instrutor-box:hover .instrutor-detalhes{
		display: block;
	}




	/* MOBILE --------------------------------------------------------------------- */
	
	@media (max-width: 600px) {
	
		.ifly-header .btn{
			//font-size: .9em;
		}
	
		.main-menu-if {
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			min-height: 100vh;
			background: #fff;
			padding: 2rem 2rem;
		}
		
		.top-hero-interna 			{height: 250px;}
	
		.main-menu-if ul {
			align-items: flex-start ;
			flex-direction: column;
		}
		
		.main-menu-if ul li{
			display: inline-block;
			margin-bottom: 1em;
		}
		
		.main-menu-if a {
			color: var(--if-red);
			font-size: 1.4em;
		}
	
		.main-menu-if a:active {
			color: var(--if-blue-2);
		}
	
		.ifly-bannner-area .carousel-inner .carousel-item{
			width: 100%;
			overflow: hidden;
		}
		
		.ifly-bannner-area .carousel-inner img {
			height: auto;
			width: 400%;
			margin-left: -150%;
		
		}
	
		.footer ul{
			text-align: center;
		}
		
		.wp-block-embed iframe {
			max-width: 100%;
			height: initial;
		}
		
		.menu-x {
			position: absolute;
			top: 26px;
			right: 25px;
			display: block;
		}
	
	}
	
	@media (max-width: 374px) {
	}