/*Style.CSS*/
/* All logos and logo sizes are edited in this CSS*/

.highlight-red .header-light .header-logo{background-image:url(../images/logoapp.png);}
.highlight-red .header-dark .header-logo{background-image:url(../images/logoapp.png);}
.highlight-red .footer-light .footer-logo{background-image:url(../images/logo-dark-red.png);}
.highlight-red .footer-dark .footer-logo{background-image:url(../images/logo-light-red.png);}
.highlight-red .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-red.png);}
.highlight-red .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-red.png);}

.highlight-blue .header-light .header-logo{background-image:url(../images/logoapp.png);}
.highlight-blue .header-dark .header-logo{background-image:url(../images/logoapp.png);}
.highlight-blue .footer-light .footer-logo{background-image:url(../images/logo-dark-blue.png);}
.highlight-blue .footer-dark .footer-logo{background-image:url(../images/logo-light-blue.png);}
.highlight-blue .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-blue.png);}
.highlight-blue .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-blue.png);}

.highlight-green .header-light .header-logo{background-image:url(../images/logo-dark-green.png);}
.highlight-green .header-dark .header-logo{background-image:url(../images/logo-light-green.png);}
.highlight-green .footer-light .footer-logo{background-image:url(../images/logo-dark-green.png);}
.highlight-green .footer-dark .footer-logo{background-image:url(../images/logo-light-green.png);}
.highlight-green .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-green.png);}
.highlight-green .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-green.png);}

.highlight-pink .header-light .header-logo{background-image:url(../images/logo-dark-pink.png);}
.highlight-pink .header-dark .header-logo{background-image:url(../images/logo-light-pink.png);}
.highlight-pink .footer-light .footer-logo{background-image:url(../images/logo-dark-pink.png);}
.highlight-pink .footer-dark .footer-logo{background-image:url(../images/logo-light-pink.png);}
.highlight-pink .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-pink.png);}
.highlight-pink .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-pink.png);}

.highlight-orange .header-light .header-logo{background-image:url(../images/logo-dark-orange.png);}
.highlight-orange .header-dark .header-logo{background-image:url(../images/logo-light-orange.png);}
.highlight-orange .footer-light .footer-logo{background-image:url(../images/logo-dark-orange.png);}
.highlight-orange .footer-dark .footer-logo{background-image:url(../images/logo-light-orange.png);}
.highlight-orange .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-orange.png);}
.highlight-orange .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-orange.png);}

.highlight-magenta .header-light .header-logo{background-image:url(../images/logo-dark-magenta.png);}
.highlight-magenta .header-dark .header-logo{background-image:url(../images/logo-light-magenta.png);}
.highlight-magenta .footer-light .footer-logo{background-image:url(../images/logo-dark-magenta.png);}
.highlight-magenta .footer-dark .footer-logo{background-image:url(../images/logo-light-magenta.png);}
.highlight-magenta .menu-dark .sidebar-logo a{background-image:url(../images/logo-light-magenta.png);}
.highlight-magenta .menu-light .sidebar-logo a{background-image:url(../images/logo-dark-magenta.png);}

.highlight-simple .header-light .header-logo{background-image:url(../images/logo-dark.png);}
.highlight-simple .header-dark .header-logo{background-image:url(../images/logo-light.png);}
.highlight-simple .footer-light .footer-logo{background-image:url(../images/logo-dark.png);}
.highlight-simple .footer-dark .footer-logo{background-image:url(../images/logo-light.png);}
.highlight-simple .menu-dark .sidebar-logo a{background-image:url(../images/logo-light.png);}
.highlight-simple .menu-light .sidebar-logo a{background-image:url(../images/logo-dark.png);}


.sidebar-logo a{
	background-repeat: no-repeat;
	background-size:136px 16px;
	height:20px;
}

.header .header-logo, .footer .footer-logo{
	background-size:180px 60px;
	width:180px;
	margin-left:-80px;
}

.footer .footer-logo{
	background-size:175px 20px;
	position:relative;
	width:100%;
	height:20px;
	left:auto;
	margin:0 auto;
}
@media only screen and (max-width: 373px) {
	.row{
	  margin-right: 0px !important;
	}
  }
  @media only screen and (max-width: 340px) {
	.row{
	  margin-right: 12px !important;
	}
  }

  
  .buttona{
	margin: 10px 10px;
	width: 80px;
	height: 80px;
	background-color: #fff;
	display: inline-block;
	border-radius: 24px;
	box-shadow: 6px 6px 12px rgba(0,0,0,.15),
				-6px -6px 12px rgba(255,255,255,.1);
	overflow: hidden;
	font-size: 28px;
	transition: .3s linear;
	position: relative;
  }
  
  .buttona:active{
	transform: scale(1.3);
	border-radius: 50%;
  }
  
  .buttona i::before{
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	background-size: 200% 200%;
	background-position: 75% 75%;
	top: 0;
	left: 0;
	line-height: 80px;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: background .5s linear;
  }
  
  .buttona:active i::before{
	background-position: 0% 0%;
  }
  
  .fa-file-alt::before{
	background-image: linear-gradient(135deg,#3b5998 30%,#0a3d62 50%);
  }
  
  .fa-chalkboard-teacher::before{
	background-image: linear-gradient(135deg,#1da1f2 30%,#0a3d62 50%) !important;
  }
  
  .fa-instagram::before{
	background-image: linear-gradient(135deg,#c32aa3 30%,#0a3d62 50%);
  }
  
  .fa-youtube::before{
	background-image: linear-gradient(135deg,#d71e18 30%,#0a3d62 50%);
  }
  
  .fa-linkedin-in::before{
	background-image: linear-gradient(135deg,#007bb5 30%,#0a3d62 50%);
  }