/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}


/* Cristi latest edit for button to follow on mobile */

.startingatp {
    position: absolute;
    top: -60px;
    background-color: #0084ba;
    color: #fff;
    right: 0;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
}

.startingatp1 {
   position: absolute;
    top: -30px;
    background-color: #0084ba;
    color: #fff;
    right: 0;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
}

.startingatp2 {
    position: absolute;
    top: 120px;
    background-color: #0084ba;
    color: #fff;
    right: 0;
    padding-left: 10px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
}

@media screen and (max-width: 549px){
a.button.primary.is-larger.box-shadow-1.expand, a.button.primary.is-larger.expand {
    position: fixed;
    z-index: 9;
    bottom: 0px;
    margin-bottom: 0px;
}
}

/* CSS Leer mas CSS */

.readmore-container {
  margin:auto;
      max-height: 150px;
      position: relative;
      overflow: hidden;
    }
.readmore-container .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
 text-align: left; 
 margin: 0px!important;
  padding: 60px 0;
    background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1) 80%);
}

.readmore-container .read-more span {
  position: absolute;
    bottom: 2px;
    left: 0;
    font-family: "Ubuntu", sans-serif;
    color: #0084BA;
    right: 0;
}
.readmore-container .read-more a {
  transition: all 0.225s ease-in-out;
}
.readmore-container .read-more a:hover {
  text-decoration:underline;
}

/* Leer mas FIN */

/* Idiomas */
.header-block {
min-height:auto!important;
}
/*
.top-bar-nav li.html.header-button-2 .header-button a.button {
left: -115px!important;
}*/
.countries-menu {
  display: block!important;
  margin: 0 auto!important;
  position: relative!important;
  width: 32px!important;
list-style:none!important;
}
.countries-menu li {
margin-bottom:0px!important;
}
.countries-menu img.flag-icon {
  max-width:100%!important;
  border-radius:100%!important;
  vertical-align:middle!important;
  z-index:99999!important;
}

.countries-menu > li > a {
  background:#0084BA!important;
 border-radius:100%!important;
  padding: 10px 6px 10px 6px!important;
  display: block!important;
  text-align: center!important;
  text-decoration: none!important;
  z-index:9999!important;
}

.countries-menu ul {
  background: #0084BA!important;
  max-height: 0!important;
  list-style:none!important;
  left: 0!important;
  padding-top: 19px!important;
  padding-bottom: 4px!important;
  overflow:hidden!important;
  position: absolute!important;
  transition: max-height .5s ease-in-out!important;
  top: 16px!important;
  width: 100%!important;
  z-index:-1!important;
      border-bottom-right-radius: 36px!important;
    border-bottom-left-radius: 36px!important;
}

.countries-menu li:hover ul {
  max-height: 180px!important;
  transition: max-height .5s ease-in-out!important;
}
.countries-menu ul li:first-of-type {
      margin-top: 2px!important;
}
.countries-menu ul a {
  display: block!important;
  padding: 11px 6px 5px 6px!important;
}

/* Idiomas FIN*/