/*
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.   ***************/
.nav-top-link {
  text-shadow: 0 2px 4px rgba(0,0,0,0.65);
}
.nav-dropdown>li>a {
  font-weight:bold;}
.nav-dropdown-simple>li>a:hover {
  background-color:rgba(128, 188, 218,.8) !important;}
 .nav-dark .nav>li>a {color:rgba(255, 255, 255) !important;}
.nav-line-grow>li>a:before {
  background-color:rgba(254, 204, 0) !important;}
.trp-shortcode-switcher {padding:0px;}
.trp-language-item-name  {text-transform:uppercase; font-family:"Montserrat"; font-weight:bold; font-size:11.6px;margin-top: 4px;}
.zoom {
  transition: transform 0.6s ease;   
}
.zoom:hover {
  transform: scale(1.1);           
}

.image-wrapper- {
     position: relative;
      display: inline-block;
    }

    .image-wrapper- img {
      display: block;
      width: 100%;
      height: auto;
      transition: opacity 0.4s ease;

    }

    /* Alap kép (látszik) */
    .image-wrapper- img.base- {
      opacity: 1;
    }

    /* Hover kép (alapból elrejtve) */
    .image-wrapper- img.hover- {
     position: absolute;
      top: 0;
      left: 0;
      opacity: 0;

    }

    /* Hover állapot: felcseréljük az áttetszőséget */
    .image-wrapper-:hover img.base- {
      opacity: 0;
    }

    .image-wrapper-:hover img.hover- {
      opacity: 1;
    }


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


}