/**
 * Theme Name: Ultranova Fasecolda
 * Template: monument-valley
 * Version: 1.0.0
 * Description: This is a child theme of Monument Valley
 */

/**
 * INDEX
 *
 * - FONT
 * - HEADER
 * - NAVEGACION
 * - CONTENIDO
 * - WIDGETS
 * - FOOTER
 * - CAJAS
 * - TABLAS
 * - FONDO DEGRADADO
 * - ICONOS
 * - BOTONES
 * - BEAVER BUILDER OVERWRITES
 * - RESPONSIVE
 * 
 */

/**
 * MATERIAL DESIGN ICONS
 * https://cdn.materialdesignicons.com/4.0.96/
 * 
 * SVG TO URL FOR BG USE
 * https://yoksel.github.io/url-encoder/
 *
 * SVG FILTER FROM HEX COLOR
 * https://codepen.io/sosuke/pen/Pjoqqp
 */

@import url("//cdn.materialdesignicons.com/4.0.96/css/materialdesignicons.min.css");

:root{
  /*--typography_fonts_headings: 'Asap', sans-serif;*/
  /* Asap:400,600,700 */
  
  /*--typography_fonts_text: 'Roboto', sans-serif;*/
  /* Roboto:400,500i,700 */

  --color_blanco: #ffffff;
  --color_negro: #000000;
  
  --color_degrade_1: #1ea1aa;
  --color_degrade_2: #367aa9;

  --color_acento_1: #478dcb;
  --color_acento_2: #58c3f0;

  --color_mint_1: #86b29d;
  --color_mint_2: #47bdd1;

  --color_caja_bg: #e5f4fe;
  --color_caja_borde: #d4ebfb;
  --color_caja_reposo: #f2f2f2;

  --typography_fonts_icons: "Material Design Icons";
}

header{
  font-family: var(--typography_fonts_headings);
}

/**
 * FONT
 * --------------------------------------------------
 */
/**
 * General text font CSS selectors:
 */
html, .site .font-body{

}

/**
 * Headings font CSS selectors:
 */
.site .font-headings, .site .font-headings-primary, 
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, .entry-subtitle{
  font-family: var(--typography_fonts_headings);
  font-style: normal;
  font-weight: 600;
}
h2, .h2{
  color: var(--color_degrade_2);
  font-size: 2.2em;
  margin-top: .9em!important;
}
h3, .h3{
  color: var(--color_mint_2);
  font-family: var(--typography_fonts_text);
  font-size: 1.15em;
  font-style: italic;
  font-weight: 500;
  line-height: 1.40;
  margin-bottom: 1em;
  margin-top: 1.15em;
}
h4, .h4{
  border-top: 2.5px solid var(--color_acento_1)!important;
  display: inline-block;
  padding-right: 1em;
  padding-top: .2em;
  margin-top: .5em!important;
}
h4:last-child, .h4:last-child{
  margin-bottom: 0;
}
p{
  margin: 0 0 1.15em;
}
strong{
  color: var(--color_mint_2);
}


/**
 * HEADER
 * --------------------------------------------------
 */
.site-header-content{}

/**
 * Navegacion principal
 */
@media only screen and (min-width: 80em){
  /**
   * Altura navegacion
   */
  .site-header-placeholder{
    min-height: 3rem;
  }
  .site-header-inner{
    line-height: 3rem;
  }
  .site-header-inner *{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;

  }
  /**
   * Logo flotante
   */
  .site-branding{
    margin-left: 24px;
    margin-top: 5em;
    position: absolute;
  }
  /**
   * Navegacion
   */
  .main-navigation{
    margin-left: 300px;
  }
}


/**
 * NAVEGACION
 * --------------------------------------------------
 */
.fl-widget .widget_nav_menu ul{
  border: none;
}
.fl-widget .widget_nav_menu ul li{
  border: none;
}
/**
 * Submenu
 */
.sidebar .wm-subnav ul ul,
.fl-widget .wm-subnav ul ul,
.sidebar .widget_nav_menu ul ul,
.fl-widget .widget_nav_menu ul ul{
  border: none;
}
/**
 * Enlace
 */
.sidebar .wm-subnav li a,
.fl-widget .wm-subnav li a,
.sidebar .widget_nav_menu li a,
.fl-widget .widget_nav_menu li a{
  background: var(--color_caja_reposo);
  font-family: var(--typography_fonts_headings);
  font-size: 1.01em;
  font-weight: 400;
  margin: 0 0 .2em 0;
  padding: .9em 1.2em;
  text-transform: none;
}
/**
 * Activo
 */
.sidebar .wm-subnav .current_page_item > a,
.sidebar .wm-subnav .current-menu-item > a,
.fl-widget .wm-subnav .current_page_item > a,
.fl-widget .wm-subnav .current-menu-item > a,
.sidebar .widget_nav_menu .current_page_item > a,
.sidebar .widget_nav_menu .current-menu-item > a,
.fl-widget .widget_nav_menu .current_page_item > a,
.fl-widget .widget_nav_menu .current-menu-item > a{
  border: none;
  box-shadow: none;
  font-weight: 600;
  padding: 1.2em 1.2em;
}
.fl-widget .widget_nav_menu .current_page_item > a,
.fl-widget .widget_nav_menu .current-menu-item > a{
  padding: 1.2em 2.2em 1.2em 1.2em;  
}
.sidebar .wm-subnav .current_page_item > a::before,
.sidebar .wm-subnav .current-menu-item > a::before,
.fl-widget .wm-subnav .current_page_item > a::before,
.fl-widget .wm-subnav .current-menu-item > a::before,
.sidebar .widget_nav_menu .current_page_item > a::before,
.sidebar .widget_nav_menu .current-menu-item > a::before,
.fl-widget .widget_nav_menu .current_page_item > a::before,
.fl-widget .widget_nav_menu .current-menu-item > a::before{
  content: "\FCBB"; /* Arrow right */
  float: right;
  font-family: var(--typography_fonts_icons);
  font-size: 21px;
  font-weight: 100;
  margin: -5px -22px;
}
/**
 * Hover
 */
.fl-widget .widget_nav_menu li a:hover{
  color: var(--color_negro);
}


/**
 * CONTENIDO
 * --------------------------------------------------
 */
.intro-contenido{}
.intro-contenido *{
  color: var(--color_blanco)!important;
  text-shadow: 0 2px 0.62rem #1c1c1c;
}


/**
 * WIDGETS
 * --------------------------------------------------
 */
.site .widget{
  padding: 1em 0;
}
.site .widget-title{
  border: none;
  font-family: var(--typography_fonts_text);
  font-weight: 400;
  letter-spacing: 0;
  margin: 0 0 1em;
}


/**
 * SIDEBAR LEFT
 * --------------------------------------------------
 */
.sidebar-left{}
.sidebar-left .fl-module-boton:first-child{
  margin-top: 18px;
}
.sidebar-left .fl-module-boton .fl-module-content{
  margin: 5px 18px;
}


/**
 * FOOTER
 * --------------------------------------------------
 */
.site-footer{
  margin-top: 1.5em;
}
.site-footer .site-footer-area-inner{
  padding: 0 6%;
}
.site-footer h2,
.site-footer a{
  color: var(--color_blanco);
}
.site-footer li{
  font-weight: 200;
}
.site-footer .footer-contact{}
.site-footer .footer-contact img{
  max-width: 160px;
}
.site-footer .footer-contact-list{
  list-style: none;
  margin: 0;
}
.site-footer .footer-contact-list li:first-child,
.site-footer .footer-contact-list li:last-child{
  margin: 2em 0 1em;
  font-weight: bold;
  font-size: 1.05em;
}

.site-footer .widget.widget_nav_menu{
  margin: 3em 0 0;
}
.site-footer .widget.widget_nav_menu ul li{
  border: none;
  padding: 0;
}
.site-footer .widget.widget_nav_menu ul li a:before{
  content: ">";
  margin-right: .3em;
}
.site-footer .widget.widget_nav_menu ul li a:hover,
.site-footer .widget.widget_nav_menu ul li a:hover{
  font-weight: 300;
  text-decoration: none!important;
}

.site-footer ul#menu-redes-sociales a,
.site-footer ul#menu-redes-sociales-2 a{
  line-height: 1.2em;
}
.site-footer .widget.widget_nav_menu ul li.ico-twitter a:before,
.site-footer .widget.widget_nav_menu ul li.ico-youtube a:before,
.site-footer .widget.widget_nav_menu ul li.ico-linkedin a:before,
.site-footer .widget.widget_nav_menu ul li.ico-face a:before,
.site-footer .widget.widget_nav_menu ul li.ico-insta a:before{
  color: var(--color_blanco);
  font-family: var(--typography_fonts_icons);
  font-size: 1.5em;
  vertical-align: middle;
}
.site-footer .widget.widget_nav_menu ul li.ico-twitter a:before{
  content: "\F544";
}
.site-footer .widget.widget_nav_menu ul li.ico-youtube a:before{
  content: "\F5C3";
}

.site-footer .widget.widget_nav_menu ul li.ico-linkedin a:before{
  content: "\F33C";
}
.site-footer .widget.widget_nav_menu ul li.ico-face a:before{
  content: "\F20C";
}
.site-footer .widget.widget_nav_menu ul li.ico-insta a:before{
  content: "\F2FE";
}

.site-footer .footer-area-site-info{}


/**
 * CAJAS
 * --------------------------------------------------
 */
.u-caja{
  background-color: var(--color_caja_bg);
  border: 1px solid var(--color_caja_borde);
  font-weight: 500;
  padding: .5em 1em;
}


/**
 * TABLAS
 * --------------------------------------------------
 */
table thead tr{
  background-color: var(--color_caja_bg);
  font-weight: 500;
}
table tr:hover{
  background-color: var(--color_caja_bg);
}
table thead tr td{
  padding: 14px;
  vertical-align: bottom;
}


/**
 * FONDO DEGRADADO
 * --------------------------------------------------
 */
/* Header */
.site-header-content,
/* Navigation submenu */
.main-navigation-container li ul:first-child,
/* Intro image */
.intro-contenido,
/* Footer */
.site-footer,
.footer-area-site-info{
  background: linear-gradient(90deg, rgba(30,161,170,1) 0%, rgba(54,122,169,1) 100%)!important;
}


/**
 * ICONOS
 * --------------------------------------------------
 */
@media only screen and (min-width: 55em){
  .main-navigation-container .expander::after{
    content: none;
  }
  .main-navigation-container .expander{
    border: none;
    border-radius: 0;
    color: var(--color_blanco);
    font-family: var(--typography_fonts_icons);
    font-size: 16px;
    opacity: 1;
  }
  .main-navigation-container .expander::before{
    border: none;
    content: "\FCB7"; /* Arrow down */
    left: 2px!important;
    margin: -8px -1px;
    top: 1px!important;
    height: 16px;
    width: 16px;
  }
}


/**
 * BOTONES
 * --------------------------------------------------
 */
.u-btn,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a{
  border-radius: 3px;
  background-color: var(--color_mint_2);
  border: 1px solid var(--color_mint_2);
  color: var(--color_blanco);
  display: inline-block;
  font-family: var(--typography_fonts_headings);
  padding: 0 6px;
  font-weight: normal;
  text-decoration: none;
}
.u-btn:focus,
.u-btn:hover,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a:focus,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a:hover{
  text-decoration: none;
  background-color: var(--color_blanco);
  color: var(--color_mint_2);
}
.u-btn:focus:before,
.u-btn:hover:before,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a:focus:before,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a:hover:before{
  color: var(--color_mint_2);
}
.u-btn:before,
.fl-module-acordeon .bbu-acordeon .u-acordeon-content a:before{
  color: var(--color_blanco);
  font-family: var(--typography_fonts_icons);
  vertical-align: middle;
  margin-right: .2em;
  content: "\F05C";
}
.u-btn.u-btn-sm{}
.u-btn-link{
  display: inline-block;
  margin-bottom: .5em;
}
.u-btn-download:before{
  content: "\FCB7"!important;
}


/**
 * BEAVER BUILDER OVERWRITES
 * --------------------------------------------------
 */
.fl-module-heading{}
.fl-module-heading .fl-module-content{
  margin: 10px 18px 5px;
}


/**
 * RESPONSIVE
 * --------------------------------------------------
 */
/* Small */
@media (min-width: 768px) {}

/*  Medium */
@media (min-width: 992px) {}