/* ==============================================================================
Theme Name: Phlox Child
Description: Child theme for the Phlox theme 
Author: averta
Template: phlox
Version: 1.0
================================================================================= */
/*correcciones estilos*/
h3{
	line-height: 1.3em;
}

/*correcciones iconos*/
.auxicon-map-pin-streamline:before {
    content: "\e06d";
}
.fl-icon .fa-shoe-prints{
	transform: rotate(-90deg);
	color: transparent;
}
.icon-shoes{
	display: none;
}

/*Formularios*/
input[type="radio"] {
    -webkit-appearance: radio;
    -ms-appearance: radio;
    -moz-appearance: radio;
    appearance: radio;
}
input[type="checkbox"]{
		-webkit-appearance: checkbox;
    -ms-appearance: checkbox;
    -moz-appearance: checkbox;
    appearance: checkbox;
}
input[type="radio"], input[type="checkbox"]{
		width: auto;
    height: auto;
    border: none;
    box-shadow: none;
		margin-top: 0 !important;
}

/*Barra lateral home*/
.aux-sidebar-style-border.right-sidebar .aux-sidebar-primary{
	overflow-y: auto;
	max-height: 100%;
	height: 100% !important;
}

blockquote{
	font-style: italic;
    text-align: center;
    font-size: 1.3em;
    border-top: 1px solid rgba(0,0,0,0.05);
    border-bottom: 1px solid rgba(0,0,0,0.05);
    background-color: rgba(0,0,0,0.02);
}

.home #banner-home-container .fl-col-group{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.home .banner-home a.fl-button{
	    width: calc(10vw - 10px);
    height: calc(10vw - 10px);
	max-width: 150px;
	max-height: 150px;
	min-width: 140px;
	min-height: 140px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    display: flex;
    align-items: center;
	justify-content: center;
	background-color: #f39400 ;
	
	-webkit-transition: all .3s; 
    transition: all .3s;
	
	position: relative;
	overflow: hidden;
	border: 3px solid white;
}
.home .banner-home .fl-button-wrap{
	border: 5px solid #f39400 ;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
	    width: 10vw;
    height: 10vw;
	max-width: 160px;
	max-height: 160px;
	min-width: 150px;
	min-height: 150px;
	
	-webkit-transition: all .3s; 
    transition: all .3s;

	margin: 0 auto;
}
.home .banner-home .fl-button-wrap:hover{
	border-color: white;
}
.home .banner-home a.fl-button:hover{
	box-shadow: 0 0 29px rgba(255, 255, 255, .3);
}
.home .banner-home  a.fl-button .fl-button-text{
	    color: white;
    font-weight: bold;
    font-size: 1.4em;
    line-height: 1.2em;
	font-style: italic;
}

.home .banner-home.quiero-bailar a.fl-button:before {
    content: "\f12a";
}
.home .banner-home.quiero-bailar a.fl-button:before {
	font-family: "Font Awesome 5 Free" !important;
    content: "\f54b";
    font-weight: bold;
    font-size: 8em;
    text-align: right;
}
.home .banner-home.dudas a.fl-button:before {
    content: "\f128";
}
.home .banner-home.profesores a.fl-button:before {
    content: "\f007";
}
.home .banner-home.cursos a.fl-button:before {
    content: "\f19d";	
     left: 0;
}
.home .banner-home.regala-swing a.fl-button:before {
    content: "\f06b";
	    right: -20px;
}
.home .banner-home a.fl-button:before {
    font-family: "FontAwesome" !important;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 10em;
    line-height: .8em;
    color: rgba(255, 255, 255, .2);
}

/*Footer*/
.subfooter{
	color: cornsilk;
}
.subfooter .widget-socials,
.subfooter .widget_nav_menu{
	text-align: right;
}
.aux-subfooter>.aux-wrapper>.aux-container {
    padding-top: 30px;
    margin-bottom: 30px;
}
.subfooter .aux-social-list{
	display: inline-block;
}
.subfooter .widget-container{
	margin-top: 15px;
}

/*RESPONSIVE*/
@media screen and (max-width: 1200px) {
	.home #banner-home-container .fl-col{
		width: 33% !important;
	}
}
@media screen and (max-width: 845px) {
	.home #banner-home-container .fl-col,
	.home #home-intro .fl-col{
		width: 100% !important;
	}
}
@media screen and (min-width: 768px) and (max-width: 969px) {
	.site-header-section .secondary-bar {
		height: 70px;
	}
	.site-header-section .secondary-bar .aux-fill .aux-menu-depth-0>.aux-item-content {
		height: 35px;
	}
}

/*TEMP*/
#nav_menu-3{
	display: none;
}