/* TEMAS DO NAVBAR */
.navbar.tema-primario{
background:#ff6eee; 
margin-bottom:0px;	
}

.navbar.tema-secundario{
background:#cc530c; 
margin-bottom:0px;	
}

.block.topo-painel{
margin:0px; 
padding-top:40px;
padding-bottom:10px;
background:#ff3b30;	
height:120px;
}

/* FONTE DO TITULO */
.title{
text-align: center !important;
width: 100% !important;
}

/* ALINHAR IMAGEM DA ENTRADA */
.Aligner {
            display: flex;
            align-items: center;
            justify-content: center;
            height:90%;
        }

        .Aligner-item {
            max-width: 50%;
        }

        .Aligner-item--top {
            align-self: flex-start;
        }

        .Aligner-item--bottom {
            align-self: flex-end;
        }
		
 /* Importando Fonte */
        @font-face {
            font-family: "Arial Black", "Arial Bold", Gadget, sans-serif;
            font-style: normal;
            font-weight: 400;
            src: url('fonts/arial-black-bold.ttf') format('truetype');
        }

/* Custom color theme */
:root {
  --f7-theme-color: #ff3b30;
  --f7-theme-color-rgb: 255, 59, 48;
  --f7-theme-color-shade: #ff1407;
  --f7-theme-color-tint: #ff6259;
}
/* Invert navigation bars to fill style */
:root,
:root.theme-dark,
:root .theme-dark {
  --f7-bars-bg-color: var(--f7-theme-color);
  --f7-bars-bg-color-rgb: var(--f7-theme-color-rgb);
  --f7-bars-translucent-opacity: 0.9;
  --f7-bars-text-color: #fff;
  --f7-bars-link-color: #fff;
  --f7-navbar-subtitle-text-color: rgba(255,255,255,0.85);
  --f7-bars-border-color: transparent;
  --f7-tabbar-link-active-color: #fff;
  --f7-tabbar-link-inactive-color: rgba(255,255,255,0.54);
  --f7-sheet-border-color: transparent;
  --f7-tabbar-link-active-border-color: #fff;
}
.appbar,
.navbar,
.toolbar,
.subnavbar,
.calendar-header,
.calendar-footer {
  --f7-touch-ripple-color: var(--f7-touch-ripple-white);
  --f7-link-highlight-color: var(--f7-link-highlight-white);
  --f7-button-text-color: #fff;
  --f7-button-pressed-bg-color: rgba(255,255,255,0.1);
}
.navbar-large-transparent,
.navbar-large.navbar-transparent {
  --f7-navbar-large-title-text-color: #000;

  --r: 255;
  --g: 59;
  --b: 48;
  --progress: var(--f7-navbar-large-collapse-progress);
  --f7-bars-link-color: rgb(
    calc(var(--r) + (255 - var(--r)) * var(--progress)),
    calc(var(--g) + (255 - var(--g)) * var(--progress)),
    calc(var(--b) + (255 - var(--b)) * var(--progress))
  );
}
.theme-dark .navbar-large-transparent,
.theme-dark .navbar-large.navbar-transparent {
  --f7-navbar-large-title-text-color: #fff;
}	

.tabbar .tab-link-active, .tabbar-labels .tab-link-active{
	border-top:2px solid red !important;
	font-size:32px;
}	

#link1{
	border-top:1px solid #ff3b30;
	color:#ff3b30;
}

#link1.tab-link-active{
	border-top:2px solid #ff3b30 !important;
}

#link2{
	border-top:1px solid #ff3b30;
	color:#ff3b30;
}

#link2.tab-link-active{
	border-top:2px solid #ff3b30 !important;
}

#link4{
	border-top:1px solid #ff3b30;
	color:#ff3b30;
}

#link4.tab-link-active{
	border-top:2px solid #ff3b30 !important;
}

#link5{
	border-top:1px solid #ff3b30;
	color:#ff3b30;
}

#link5.tab-link-active{
	border-top:2px solid #ff3b30 !important;
}

.float{
	animation: float 3s ease-in-out infinite;
	box-shadow: 0 0 32px 32px white;
}	
		
	@keyframes float {
	0% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
	50% {
		box-shadow: 0 25px 15px 0px rgba(0,0,0,0.2);
		transform: translatey(-20px);
	}
	100% {
		box-shadow: 0 5px 15px 0px rgba(0,0,0,0.6);
		transform: translatey(0px);
	}
}

.special-card{
	background: #ff3b30;
	color:white;
}