/*
Theme Name: WeMed
Text Domain: wemed
Author: Pol Gómez - 6TEMS
Author URI: http://6tems.com
Requires at least: WordPress 5.7
Description: Versió 1 de maquetació.
Version: 20210401a
versió: 20210401
*/

/* No ensenyar adminbar de WP al ser mobile */

#wpadminbar.mobile {
  display: none !important;
}

/* LOADER */

.loader {
  width: 50px;
  height: 50px;
  border: 10px solid #f3f3f3;
  border-top: 10px solid #3498db;
  border-radius: 50%;
  animation: spin 2s linear infinite;
  margin-left: auto;
  transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  margin: auto;
  margin-top: 40px;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* end LOADER */

/* NOTIFICACIONS */

.notice {
  display: inline-block;
  line-height: 19px;
  padding: 11px 15px;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border-left: 4px solid #ffba00;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  width: 100%;
  margin: 5px 0px 5px 2px;
  margin-bottom: 20px;
}

/* .notice v2 */

.notice {
  border: 1px solid #ffba00;
  border-left: 4px solid #ffba00;
}

/* end .notice v2 */

.notice p {
  padding: 0px 5px;
  font-size: 14px !important;
  margin: 0;
  margin-bottom: 0px !important;
}

.notice.notice-info {
  border-color: #00a0d2;
}

.notice.notice-warning {
  border-color: #ffb900;
}

.notice.notice-success {
  border-color: #46b450;
}

.notice.notice-error {
  border-color: #dc3232;
}

/* /NOTIFICACIONS */

/* YOUTUBE */

.video-responsive {
  position: relative;
  padding-bottom: 56.25%;
  /* 16/9 ratio */
  /*padding-top: 30px;*/
  /* IE6 workaround*/
  height: 0;
  overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.banner-home pre {
  margin: 0;
  position: relative;
}

.video-responsive {
  /*position: initial;*/
  margin-top: -30px;
}

/* end YOUTUBE */

.form-response {
  padding-top: 40px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
}

/* TOOLTIP 
 * <div class="tooltip">Hover over me
 *   <span class="tooltiptext">Tooltip text</span>
 * </div>
*/

/* Tooltip container */

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  /* If you want dots under the hoverable text */
}

/* Tooltip text */

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}

/* Tooltip arrow */

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/* end TOOLTIP */

/* CANVIS ABEL */
.home-section .flex-caption {
  left: 3%;
  max-width: 80vw !important;
}

.home-section .logo.esq {
  left: 3%;
  float: right;
  width: auto;
  position: absolute;
  bottom: 12%;
}

.catalogue-wemed-awards {
  line-height: 45px !important;
  font-size: 29px !important;
}

.to-be-opened {
  margin-bottom: 40px;
}


@media screen and (min-width: 1024px) {
  li.standup {
    margin-left: 30px;
  }

  li.standupfr {
    margin-left: 10px;
  }
}

@media (max-height: 650px) {
  .home-section .flex-caption h1 span {
    display: contents !important;
  }
}


/* CANVIS JOSEP */
.app-buton>ul.f-wid li a {
  background: #d4ebff69;
}
.app-buton>ul.f-wid li a:hover {
  background: #fff;
}

.app-buton>ul.f-wid li {
  margin-top: 50px;
}

.award {
  font-size: 24px !important;
}

.row .logo.esq img {
  /* transform: scale(1.8); */
  /* margin-left: 100px; */
}