/*HEADER GLOBAL*/
header{z-index: 10;}
header > .container > .row > .col-12{font-size: 0;}
header > .container > .row > .col-12 > div {font-size: initial;}
header a{color: #4D4D4D;}
header a:visited{color: #4D4D4D;}
/* LOGO AREA */
.site-logo{width: 240px;height: 220px;background-color: #FCED00;min-width: 240px;transition: height 1s;}
.site-logo a img{max-width: 180px;}
header.sticky .site-logo{height: 150px;}
/* TOP BAR AREA */
.top-bar{width: calc(100% - 537px);height: 99px;background: #fff;transition: width 1s;min-width: 300px;position: relative;}
/* MENU AREA */
.ham-menu{width: 99px;height: 99px;background-color: #FCED00;position: relative;min-width: 99px;}
#menuham span{z-index: 10;position: relative;border-top: 1.5px solid #4D4D4D;width: 30px;display: block;    margin-left: 3px;}
#menuham span:before,#menuham span:after{z-index: 10;position: relative;content:'';border-top: 1px solid #4D4D4D;display: block;margin-top: 7px;transition: transform 0.3s ease-in-out 0s;}
/*.ham-menu:hover #menuham span{border-width: 0px; padding-top: 8px; padding-bottom: 11px;}
.ham-menu:hover #menuham span:before{transform: rotate(45deg);transition: transform 0.3s ease-in-out 0s;}
.ham-menu:hover #menuham span:after{transform: rotate(-45deg);transition: transform 0.3s ease-in-out 0s;margin-top: -2px;}*/
#menuham small{padding-top: 8px;display: block;font-size: 14px;font-weight: bold}
#menuham{text-align: center;}
.ham-menu:hover .main-navigation{display: block !important;}
header .main-navigation{font-size: 16px;font-weight: bold;position: absolute;background: #FCED00;width: 345px;right: 0;top: 99px;padding: 40px;}
header .main-navigation ul{display: block !important;}
header .main-navigation li a:after{content: url('/wp-content/themes/lisboa-acolhe/images/seta.svg');float: right;}
header .main-navigation li:not(:last-child){padding-bottom: 20px;}
/* SEARCH AREA*/
.search-menu,.main-navigation{display: none;}
.search-icon{width: 99px;height: 99px;background-color: #00FFFF;transition: width 1s;}
.search-icon:hover{width: 230px;padding: 20px;}
.search-icon:hover .search-menu{display: inline-block;}
.search-icon:hover img{display: none;}
.search-icon img{max-width: 80px;padding: 25px;position: relative;z-index: 11;}
.search-menu input[type='search']{background: transparent;border: 0;border-bottom: 1px solid #4D4D4D;border-radius: 0;width: 100%;}
.search-menu form label{width: calc(100% - 40px);}
.search-menu .search-submit{font-size: 0px; background: url('/wp-content/themes/lisboa-acolhe/images/search.svg');padding: 16px;border: 0;}
/* MULTILINGUE AREA */
.lang-menu{width: 99px;height: 99px;background-color: #00A99D;color: white;min-width: 99px;}
.lang-menu .wpml-ls-legacy-list-horizontal{display: inline-block;}
.lang-menu a{color: white !important;text-decoration: none;font-weight: bold;font-size: 22px;}

/*MEDIA QUERIES*/
@media (max-width: 767px){
  header .col-12.d-lg-flex .d-inline-flex{vertical-align: top;}
  header .container{padding: 0;}
  .site-logo {width: 50%;min-width: 100px;padding: 20px;height:60px;transition: margin 1s;}
  header.sticky .site-logo, header.sticky .top-bar{margin-top: -99px;height: 99px;}
  .site-logo a img{width: 100%;max-width: 95px;}
  .top-bar {max-width: calc(100% - 100px); width: 50%;min-width: 0px;-ms-flex-direction: column!important;
    flex-direction: row!important;transition: margin 1s;height: 60px;}
  .top-bar > * {width: auto;height: 30px !important;margin: 5px;}
  .ham-menu,.search-icon,.lang-menu{width: 33.33%; height: 40px;}
  header .main-navigation {right: auto;left: 0;top: 40px;}
  .search-icon:hover {width: 66.67%;}
  .lang-menu{opacity: 1;transition: display 1s;transition-delay: 2s;}
  .lang-menu{position: absolute;}
  /*.search-icon:hover + .lang-menu{display: none !important;}*/



  #menuham small{
    font-size: 12px;
    display: none;
  }

  .search-icon img{
    width: 25px;
    padding: 0;
  }

  .lang-menu a{
    font-size: 16px;
  }


}
@media (min-width:768px) AND (max-width: 991px){
  header.sticky .site-logo, header.sticky .top-bar{margin-top: 0px;}
  .site-logo {float: left;height: 198px;}
  header.sticky .site-logo{height: 198px;}
  .top-bar {width: calc(100% - 339px);}
  header .col-12.d-lg-flex{}
  header .col-12.d-lg-flex .d-inline-flex{vertical-align: top;}
}

/*testes*/
/**::before{clear: both;}
*::after{clear: both;}
*{clear: both;}*/