/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

* {
  font-family: 'SFProDisplay-Regular';
}

h1 {
  font-size: 80px;
  font-family: 'SFProDisplay-Ultralight' !important;
  margin-bottom: 0px !important;
}

.page-title h1 {
  font-size: 60px !important;
  font-family: 'SFProDisplay-Medium' !important;
  margin-bottom: 0px !important;
}

h2 {
  font-size: 54px;
  font-family: 'SFProDisplay-SemiBold' !important;
  line-height: 64px;
}

h3 {
  font-size: 44px;
  font-family: 'SFProDisplay-Medium' !important;
  line-height: 54px;
}
h4 {
  font-size: 34px;
  font-family: 'SFProDisplay-Medium' !important;
}

h5 {
  font-size: 24px;
  font-family: 'SFProDisplay-Medium' !important;
}

h6 {
  font-size: 20px;
  font-family: 'SFProDisplay-Medium' !important;
}

p {
  font-size: 18px;
  font-family: 'SFProDisplay-Regular' !important;
  line-height: 34px;
  color: #fff !important;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white p,
.text-white h6,
sidebar-container .text-white span,
.text-white a,
.text-white {
  color: #fff !important;
}

.text-black h1,
.text-black h2,
.text-black h3,
.text-black h4,
.text-black h5,
.text-black h6,
.text-black p,
.text-black span,
.text-black a,
.text-black {
  color: #000000 !important;
}

.invert-color {
  filter: brightness(0) invert(1);
}

/* @media (max-width: 767px) {
  .invert-column {
    display: flex;
    flex-direction: column-reverse !important;
  }
} */

@media (max-width: 1024px) {
  h1 {
    font-size: 46px;
  }

  h2 {
    font-size: 36px;
  }

  h3 {
    font-size: 32px;
  }

  h4 {
    font-size: 28px;
  }

  h5 {
    font-size: 24px;
  }

  h6 {
    font-size: 18px;
  }
}

@media (max-width: 768px) {
  h1 {
    font-size: 42px;
  }

  h2 {
    font-size: 32px;
    line-height: 45px;
  }

  h3 {
    font-size: 28px;
    line-height: 25px;
  }

  h4 {
    font-size: 24px;
  }

  h5 {
    font-size: 20px;
  }

  h6 {
    font-size: 18px;
  }
}

.page-title h3 {
  font-weight: 500;
}

.text-justify p {
  text-align: justify;
}

/*Menu*/
.whb-sticked .whb-general-header {
  backdrop-filter: blur(30px);
}

.background-active {
  transition: padding-bottom 0.3s ease !important;
  padding-bottom: 180px;
  backdrop-filter: blur(30px);
}

.wd-header-main-nav .menu-item .nav-link-text {
  color: #fff;
}

.wd-header-main-nav .menu-item .nav-link-text:hover {
  color: #54ffd7;
}

.wd-header-main-nav .menu-item .nav-link-text:hover::after {
  color: #54ffd7 !important;
}

.whb-general-header:before {
  backdrop-filter: blur(0px) !important;
}

/* .wd-header-main-nav .menu-item .woodmart-nav-link:hover > .nav-link-text {
  color: #54ffd7 !important;
} */

.wd-header-main-nav .current-menu-item .nav-link-text {
  color: #54ffd7;
}

.wd-header-main-nav .menu-item:last-child {
  background-color: #54ffd7;
  border-radius: 18px;
  padding: 0px 30px;
}

.wd-header-main-nav .menu-item:last-child .nav-link-text {
  color: #000;
}

.wd-header-main-nav .menu-item:last-child:hover {
  box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -webkit-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -moz-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a:after {
  font-size: clamp(14px, 50%, 18px) !important;
  color: rgb(255 255 255) !important;
  margin-left: 10px !important;
}

.wd-nav > li:is(.wd-has-children, .menu-item-has-children):hover > a:after {
  color: #54ffd7 !important;
}

.wd-dropdown-menu {
  background-color: #0f0f0f00 !important;
  transition: none !important;
  box-shadow: none !important;
}

.services-mega-menu .banner-title {
  display: none !important;
}

.services-mega-menu .banner-subtitle {
  text-shadow: 2px 3px 12px rgba(0, 0, 0);
}

.services-mega-menu .promo-banner {
  border: 1px #adadada1 solid;
  position: unset;
}

.video {
  top: -150px;
}

.texto-video {
  position: absolute !important;
  right: 20vw;
  left: 20vw;
  padding-right: 8% !important;
  bottom: 35vh;
  top: 35vh;
  width: fit-content;
  height: fit-content;
}

.icon-purple .info-box-icon {
  filter: brightness(0) saturate(100%) invert(22%) sepia(71%) saturate(5062%)
    hue-rotate(263deg) brightness(91%) contrast(88%);
}

.shadow-button {
  box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -webkit-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -moz-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  font-size: 16px !important;
  padding: 0px 50px !important;
  font-family: 'SFProDisplay-Regular' !important;
  background-color: #1a1a1a !important;
  font-weight: 600;
  min-height: 45px;
  text-transform: capitalize;
}

.shadow-button:hover {
  box-shadow: 0px 15px 30px -5px rgba(81, 246, 206, 0.9) !important;
  -webkit-box-shadow: 0px 15px 30px -5px rgba(81, 246, 206, 0.9) !important;
  -moz-box-shadow: 0px 15px 30px -5px rgba(81, 246, 206, 0.9) !important;
  border-color: rgb(81, 246, 206) !important;
  background-color: rgb(81, 246, 206) !important;
}

.shadow-button-blog {
  box-shadow: 0px 15px 30px -15px #0090ff !important;
  -webkit-box-shadow: 0px 15px 30px -15px #0090ff !important;
  -moz-box-shadow: 0px 15px 30px -15px #0090ff !important;
  font-size: 16px !important;
  padding: 0px 50px !important;
  font-family: 'SFProDisplay-Regular' !important;
  background-color: #1a1a1a !important;
  font-weight: 600;
  min-height: 45px;
}

.shadow-button-blog:hover {
  box-shadow: 0px 15px 30px -5px #0090ff !important;
  -webkit-box-shadow: 0px 15px 30px -5px #0090ff !important;
  -moz-box-shadow: 0px 15px 30px -5px #0090ff !important;
  border-color: #0090ff !important;
  background-color: #0090ff !important;
}

/*Menu Mobile*/
.menu-mobile-open {
  transform: translate3d(0%, 0, 0) !important;
}

.menu-mobile-close {
  transform: translate3d(-100%, 0, 0) !important;
}

.open-sub-menu {
  display: block !important;
}

.mobile-nav {
  width: 100%;
  z-index: 10000000;
  /* display: flex;
	flex-direction: column;
	justify-content: space-between; */
}

.menu-mobile-header {
  display: flex;
  justify-content: space-between;
}

.mobile-nav .menu-mobile-header img {
  width: 100%;
}

.wd-heading {
  justify-content: space-between;
  padding: 0px 15px 20px 0px !important;
  border: 0px !important;
}

.wd-nav-mobile > li:first-child > a {
  border-top: 1px solid var(--brdcolor-gray-300);
}

.mobile-nav .opener-page > a {
  color: #54ffd7 !important;
}

.wd-nav-mobile > li a {
  text-transform: capitalize;
  font-size: 16px;
  color: white;
  justify-content: space-between;
}

#menu-menu-principal-2,
#menu-menu-principal-es-2 {
  top: -70px;
  position: relative;
}

#menu-menu-mobile {
  /* padding-bottom: 240px; */
  height: calc(100% - 240px);
  overflow-y: scroll;
}

.footer-menu-mobile {
  position: fixed !important;
  bottom: 0;
  z-index: 11037;
  width: 100%;
  margin: 0px;
  padding: 15px;
}

/* #menu-menu-mobile {
  padding-bottom: 110px;
} */

.mobile-nav .current-menu-item,
.mobile-nav .current-menu-item::after {
  filter: brightness(0) saturate(100%) invert(83%) sepia(84%) saturate(389%)
    hue-rotate(81deg) brightness(108%) contrast(93%);
}

.mobile-nav .opener-page::after {
  filter: brightness(0) saturate(100%) invert(83%) sepia(84%) saturate(389%)
    hue-rotate(81deg) brightness(108%) contrast(93%);
}

.mobile-nav .menu-item-has-children > .woodmart-nav-link::after {
  content: url('https://silvermonkey.studio/wp-content/uploads/2024/10/nav-arrow-down-1.svg');
}

.mobile-nav .opener-page > .woodmart-nav-link::after {
  filter: brightness(0) saturate(100%) invert(83%) sepia(84%) saturate(389%)
    hue-rotate(81deg) brightness(108%) contrast(93%);
}

.mobile-nav .menu-item-has-children {
  align-items: end;
}

.footer-email {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  font-weight: 400;
}

.footer-redes {
  padding-top: 10px;
  margin-top: 25px;
  padding-left: 3px !important;
  border-top: 1px solid #5f758654;
}

.wd-action-btn.wd-style-text > a:before {
  font-size: 130% !important;
}

.footer-email::before {
  content: url('https://silvermonkey.studio/wp-content/uploads/2024/10/mail-3.svg');
  width: 30px;
  height: 30px;
  margin-right: 15px;
}

@media (max-width: 768px) {
  .redes-footer .wpb_text_column {
    margin-top: 0px !important;
  }

  .all-rights .wpb_text_column > .wpb_wrapper {
    display: flex;
    justify-content: center;
  }
}

.wd-nav-opener {
  color: var(--color-gray-700) !important;
  /*border-top: 1px solid var(--brdcolor-gray-300) !important;*/
  border-bottom: 1px solid var(--brdcolor-gray-300) !important;
  border-left: none !important;
}

@media (max-width: 1024px) {
  .wd-active span {
    background-color: rgba(0, 0, 0, 0) !important;
  }
}

.wd-nav-mobile li:active > a,
.wd-nav-mobile li.opener-page > a {
  background-color: rgba(255, 255, 255, 0) !important;
}

.nav-link-text::after {
  display: none;
}

/*Dispositivos*/
.info-dispo {
  box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -webkit-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  -moz-box-shadow: 0px 15px 30px -15px rgba(81, 246, 206, 0.9) !important;
  max-width: 38%;
  margin-left: 31% !important;
  margin-right: 31% !important;
  position: relative;
  top: -8vh;
}

.info-dispo .wd-info-box {
  margin-bottom: 0px;
  justify-content: center;
}

.info-dispo .wd-info-box .info-box-content {
  flex: none !important;
}

.info-dispo .vc_column-inner {
  padding: 20px 0px !important;
}

.info-dispo .wpb_column:last-child .wd-info-box {
  gap: 3px;
}

.info-dispo .wpb_column:last-child .wd-info-box {
  margin-right: 5px;
}

.info-dispo .wpb_column:nth-child(2) .wd-info-box {
  margin-left: 5px;
}

.video .wpb_wrapper > .wpb_content_element:nth-child(1) {
  position: relative;
  z-index: 3;
}
.video .wpb_wrapper > .wpb_content_element:nth-child(2) {
  position: relative;
  z-index: 3;
}
.video .wpb_wrapper > .info-dispo {
  padding-left: 0px !important;
  position: relative;
  z-index: 3;
}
.video .wpb_wrapper > .glow-dispositivos {
  position: relative;
  z-index: 0;
}

.glow-dispositivos img {
  width: 100%;
  position: absolute;
  top: -35vh;
  height: 350px;
  filter: blur(40px);
}

@media (max-width: 1440px) {
  .glow-dispositivos img {
    top: -35vh;
  }
}

@media (max-width: 1024px) {
  .info-dispo {
    max-width: 50%;
    margin-left: 25% !important;
    margin-right: 25% !important;
  }

  .info-dispo .wpb_column:nth-child(2) .vc_column-inner {
    margin-left: 5px;
  }

  .glow-dispositivos img {
    top: -35vh;
  }
}

@media (max-width: 768px) {
  .info-dispo {
    max-width: 64%;
    margin-left: 18% !important;
    margin-right: 18% !important;
  }

  .glow-dispositivos img {
    top: -31vh;
  }
}

@media (max-width: 767px) {
  .info-dispo {
    top: -9vh;
  }

  .info-dispo .wpb_column:nth-child(2) .vc_column-inner {
    margin-left: 0px;
  }
}

/*Scroll animation*/
.image-container,
.image-container2,
.image-container-reels3 {
  background-image: url(https://silvermonkey.studio/wp-content/uploads/2024/09/glow.svg?id=474) !important;
  /* background-size: 700px; */
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
}

.image-container-left-verde,
.image-container-right-verde,
.image-container-reels,
.image-container-reels4 {
  background-image: url(https://silvermonkey.studio/wp-content/uploads/2024/09/glow-green.svg) !important;
  /* background-size: 700px; */
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
}

.image-container-left-lila,
.image-container-right-lila,
.image-container-reels2,
.image-container-reels5 {
  background-image: url(https://silvermonkey.studio/wp-content/uploads/2024/09/glow-blue.svg) !important;
  /* background-size: 700px; */
  background-repeat: no-repeat !important;
  background-position: 50% 50%;
}

.scroll-image {
  transition: transform 0.5s ease-out;
}

/*Who are you*/
.conic {
  border: 1px solid #8235db00;
}
.conic:hover {
  border: 1px solid #8235db80;
}

.conic:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    160deg,
    rgba(48, 56, 133, 1) 0%,
    rgba(99, 80, 157, 1) 33%,
    rgba(23, 46, 77, 1) 66%,
    rgba(64, 187, 201, 1) 100%
  );
  transform: translate3d(0px, 0px, 0) scale(1);
  filter: blur(15px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: inherit;
}

.conic:hover:before {
  opacity: 0.8;
  animation: fade 0.5s linear;
}

.conic::after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  border-radius: inherit;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.8;
  }
}

/*Looking for*/
.looking-for-card {
  border: 1px solid #55555580;
  backdrop-filter: blur(1px);
}

.looking-for-card img {
  border: 1px solid #55555580;
  border-radius: 20px;
}

#looking-for-card-left > .vc_column-inner,
#looking-for-card-right > .vc_column-inner {
  position: relative;
  padding: 0px !important;
  border-radius: 20px;
}

.FollowBox,
.FollowBoxRight {
  position: absolute;
  top: 0;
  left: 0;
  width: 1000px;
  height: 500px;
  pointer-events: none;
  z-index: 1;
  transform: translate(-250px, 450px);
  opacity: 1;
}

#looking-for-card-left,
#looking-for-card-right {
  position: relative;
  z-index: 2;
}

/*Blog Home*/
.blog-carrousel .wd-carousel-item {
  opacity: 0;
}

.blog-carrousel .wd-carousel-container .wd-carousel-item {
  /* background: linear-gradient(
    160deg,
    rgba(48, 56, 133, 1) 0%,
    rgba(99, 80, 157, 1) 33%,
    rgba(23, 46, 77, 1) 66%,
    rgba(64, 187, 201, 1) 100%
  ); */
  transform: translate3d(0px, 0px, 0) scale(1);
  opacity: 0;
  border-radius: 20px;
  padding: 5px;
}

@media (min-width: 1025px) {
  .blog-carrousel-left {
    left: -30%;
  }
}

.blog-carrousel .wd-carousel-container .wd-slide-prev {
  /* opacity: 0 !important; */
  animation: disappear 0.2s linear;
}

@keyframes disappear {
  0% {
    opacity: 1;
  }
  10% {
    opacity: 0.4;
  }
  100% {
    opacity: 0;
  }
}

.blog-carrousel .wd-carousel-container .wd-active {
  /* opacity: 1; */
  animation: appear 0.2s linear;
}

@keyframes appear {
  0% {
    opacity: 0;
  }
  90% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}

.wd-post:hover .post-img-wrapp a:after {
  opacity: 0 !important;
}
.post-img-wrapp a:after {
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
  transition: opacity 0.7s ease;
}

.blog-carrousel .wd-carousel-container .wd-slide-next {
  opacity: 1;
}

.blog-carrousel .wd-carousel-container .wd-active {
  opacity: 1;
}

.blog-carrousel .wd-carousel {
  padding: 10px;
}

.blog-carrousel .wd-carousel-item {
  padding: 5px;
  padding-right: 20px;
}

.blog-carrousel .wd-carousel-item article {
  padding-right: 20px;
}

/* .blog-carrousel .wd-carousel-wrap {
  gap: 20px;
} */

.blog-carrousel .wd-carousel-item::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    160deg,
    rgba(48, 56, 133, 1) 0%,
    rgba(99, 80, 157, 1) 33%,
    rgba(23, 46, 77, 1) 66%,
    rgba(64, 187, 201, 1) 100%
  );
  transform: translate3d(0px, 0px, 0) scale(1);
  filter: blur(10px);
  transition: opacity 0.3s ease-in-out;
  border-radius: 20px;
  opacity: 0.8;
  margin-right: 20px;
}

.blog-carrousel .wd-carousel-item:hover::before {
  opacity: 1;
  animation: iluminar 0.5s linear;
}

@keyframes iluminar {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 1;
  }
}

.wd-post-date {
  position: absolute;
  top: 15px;
  left: 15px;
  z-index: 2;
  display: inline-block;
  min-width: 53px;
  border-radius: calc(var(--wd-brd-radius) / 1.5);
  background-color: var(--bgcolor-white);
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
  color: var(--color-gray-800);
  text-align: center;
  line-height: 1;
}

.post-date {
  background-color: #ffffff00 !important;
  border: 1px solid white;
  margin-left: 10px;
}

.post-date .post-date-day {
  font-weight: 600;
  margin: 8px 15px;
  font-size: 26px !important;
}

.post-date .post-date-month {
  font-weight: 500 !important;
  font-size: 16px !important;
  margin-bottom: 8px;
}

.blog-post-loop .article-body-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.blog-post-loop .article-body-container .post-title {
  font-size: 30px;
  text-align: start;
}

.blog-post-loop .meta-categories-wrapp {
  position: absolute !important;
  top: 15px;
  z-index: 2;
  height: 30px !important;
  display: flex;
  justify-content: flex-end;
  margin-right: 10px;
}

.blog-post-loop .meta-categories-wrapp .meta-post-categories {
  border: 1px solid white;
  border-radius: 20px;
  background-color: #d2691e00;
  height: 30px !important;
}

.blog-post-loop .meta-categories-wrapp .meta-post-categories a {
  text-transform: capitalize;
  font-size: 15px;
  margin: 3px;
  font-weight: 500;
}

.blog-post-loop .meta-categories-wrapp .meta-post-categories:hover {
  border: 1px solid white;
  background-color: #ffffff;
}

.blog-post-loop .meta-categories-wrapp .meta-post-categories:hover a {
  color: #000000;
}

@media (min-width: 768px) {
  .wd-carousel-item .blog-post-loop img {
    height: 358px;
  }
}

@media (max-width: 1024px) {
  .blog-post-loop .article-body-container .post-title {
    font-size: 24px;
    text-align: start;
  }

  .blog-post-loop .article-body-container .entry-content {
    font-size: 15px;
  }
  .wd-carousel .blog-post-loop .post-date {
    display: none;
  }
}

@media (max-width: 767px) {
  .blog-post-loop .article-body-container .post-title {
    font-size: 20px;
    text-align: start;
  }

  .blog-post-loop .article-body-container .entry-content {
    font-size: 14px;
  }
  .blog-carrousel .wd-carousel-item article {
    padding: 0px;
  }
  .blog-carrousel .wd-carousel-item::before {
    margin: 0px;
  }

  .post-single-page .post-title {
    font-size: 30px;
  }

  .blog-post-loop img {
    height: 300px;
  }
}
/*
@media (max-width: 767px) {
  .blog-post-loop .article-body-container .meta-categories-wrapp {
    top: -23vh;
  }
}

@media (max-width: 500px) {
  .blog-post-loop .article-body-container .meta-categories-wrapp {
    top: 1vh;
  }
} */

.blog-post-loop
  .article-body-container
  .meta-categories-wrapp
  .meta-post-categories {
  background-color: #ffffff00;
  border: 1px solid white;
  padding-right: 20px !important;
  padding-left: 20px !important;
}

.blog-post-loop
  .article-body-container
  .meta-categories-wrapp
  .meta-post-categories
  a {
  text-transform: none;
  font-weight: 500;
  font-size: 16px;
}

.blog-post-loop .article-body-container .entry-meta {
  display: none;
}

.blog-post-loop .article-body-container .hovered-social-icons {
  display: none;
}

.blog-post-loop .article-body-container .entry-content {
  display: block;
  text-align: start;
}

/*Footer form*/
#gform_fields_1 {
  row-gap: 20px;
}
#gform_fields_2 {
  row-gap: 20px;
}

#gform_fields_1 .ginput_container input,
#gform_fields_1 .ginput_container textarea,
#gform_fields_2 .ginput_container input,
#gform_fields_2 .ginput_container textarea {
  background-color: #1b1c226b;
  border-radius: 15px;
  color: white;
  font-size: 16px;
  padding: 25px;
}

#gform_fields_2 .ginput_container select {
  border-radius: 15px !important;
  font-size: 16px !important;
  padding: 7px 10px 10px 25px !important;
  border: 1px #b5b5b55c solid !important;
  background: #1b1c226b !important;
  height: 50px;
}

#gform_fields_1 .ginput_container input:focus,
#gform_fields_1 .ginput_container textarea:focus,
#gform_fields_2 .ginput_container input:focus,
#gform_fields_2 .ginput_container textarea:focus,
#gform_fields_2 .ginput_container select:focus {
  border: 1px solid #51f6ce;
}

#field_1_7 {
  margin: auto;
  width: fit-content;
}

#gform_fields_1 fieldset legend {
  display: none;
}
#gform_fields_2 fieldset legend {
  display: none;
}

#gform_fields_1 fieldset #input_1_7_1 {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  padding: 0px;
}
#gform_fields_2 fieldset #input_2_7_1 {
  width: 25px;
  height: 25px;
  border-radius: 8px;
  padding: 0px;
}

#gform_fields_1 fieldset .gform-field-label {
  color: white;
  font-size: 16px;
}
#gform_fields_2 fieldset .gform-field-label {
  color: white;
  font-size: 16px;
}

#gform_1 .gform_footer {
  justify-content: center;
}
#gform_2 .gform_footer {
  justify-content: center;
}

#gform_1 .gform_footer input {
  width: 65%;
  background-color: #51f6ce;
  color: black;
  font-size: 22px;
  font-weight: 600;
  border-radius: 20px;
  padding: 10px;
}
#gform_2 .gform_footer input {
  width: 65%;
  background-color: #51f6ce;
  color: black;
  font-size: 22px;
  font-weight: 600;
  border-radius: 20px;
  padding: 10px;
}
#gform_drag_drop_area_2_10 {
  background-color: #1b1c226b;
  border-radius: 15px;
  color: white;
  font-size: 16px;
  padding: 25px;
}

.gform_validation_errors {
  display: none !important;
}

.gfield--type-captcha {
  display: none !important;
}
.gform_button {
  font-family: 'SFProDisplay-Medium' !important;
  font-size: 24px !important;
}
#gform_wrapper_1[data-form-index='0'].gform-theme {
  --gf-color-primary: #51f6ce !important;
  --gf-color-primary-darker: #51f6ce !important;
  --gf-color-primary-lighter: #51f6ce !important;
  --gf-color-in-ctrl-primary: #51f6ce !important;
}
.gform-theme--framework
  .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
  .gform_drop_area::before {
  color: #fff !important;
}
#gform_browse_button_2_10 {
  display: none !important;
}
#gfield_upload_rules_2_10 {
  color: #fff !important;
}
.gform-theme--framework
  .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
  .ginput_preview
  .gfield_fileupload_filename {
  color: #fff !important;
}
.gfield_fileupload_filename
  .gfield_fileupload_filesize
  .gfield_fileupload_percent {
  color: #fff !important;
}
.gfield_fileupload_filesize {
  color: #fff !important;
}
.gfield_fileupload_percent {
  color: #fff !important;
}
.gfield_fileupload_progressbar_progress {
  background-color: rgb(81, 246, 206) !important;
}
.gform-theme--framework
  .gfield:where(.gfield--type-fileupload, .gfield--input-type-fileupload)
  .ginput_preview
  .gfield_fileupload_progress::after {
  color: rgb(81, 246, 206) !important;
}

.gform_button_select_files {
  border-radius: 20px !important;
  background-color: #00000000 !important;
  border: 1px white solid !important;
}

.gfield_description {
  color: white !important;
}

.ol,
ul,
li {
  color: #fff !important;
}

.linkedin,
.x,
.artstation {
  transition: none;
}

.linkedin {
  padding: 1px;
}

.linkedin:hover {
  background-color: #0a66c2;
  border-radius: 10px;
  padding: 1px;
  filter: invert(1);
}

.linkedin:hover img {
  filter: brightness(0) invert(1);
}

.x {
  padding: 1px;
}

.x:hover {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 1px;
  filter: invert(1);
}

.artstation {
  padding: 1px;
}

.artstation:hover {
  background-color: #13aff0;
  border-radius: 10px;
  padding: 1px;
  filter: invert(1);
}

.artstation:hover img {
  filter: brightness(0) invert(1);
}

/*BLOG*/
.first-post-container {
  background-color: #0d0d0d !important;
  box-shadow: none !important;
}

.double-post-container > div {
  background-color: #0d0d0d !important;
  box-shadow: none !important;
}

.triple-post-container {
  background-color: #0d0d0d !important;
  box-shadow: none !important;
}

.more-articles {
  background-color: #0d0d0d !important;
  box-shadow: none !important;
}

.first-post-container,
.double-post-container > div,
.triple-post-container,
.more-articles {
  position: relative;
  z-index: 0;
}

.first-post-container .post-date,
.double-post-container > div .post-date,
.triple-post-container .post-date,
.more-articles .post-date {
  border: none !important;
  margin-left: 0px !important;
}

.first-post-container .post-extract,
.double-post-container > div .post-textractitle,
.triple-post-container .post-extract,
.more-articles .post-extract {
  line-height: 22px;
}

.first-post-container .post-title,
.double-post-container > div .post-title,
.triple-post-container .post-title,
.more-articles .post-title {
  line-height: 35px;
}

.more-block > div:nth-child(1),
.more-block > div:nth-child(2) {
  border-top: none !important;
}

.more-block > div {
  border-top: 1px solid #444 !important;
}

.more-post-image img {
  height: 120px !important;
}

.more-post-content {
  padding: 0px 20px !important;
}

.more-post-content .post-title {
  font-size: 18px !important;
}

.more-post-content .post-extract {
  font-size: 16px !important;
  margin-bottom: 10px !important;
}

.more-post-content .post-date {
  font-size: 16px !important;
  margin-bottom: 0px !important;
}

/*Categories*/
.blog-design-masonry .entry-header .meta-post-categories,
.blog-design-masonry .article-inner > .post-title,
.blog-design-masonry .article-inner > .entry-meta {
  display: none;
}

.blog-design-masonry .article-inner .meta-categories-wrapp {
  top: -222px !important;
}

@media (max-width: 768px) {
  .blog-design-masonry .article-inner .meta-categories-wrapp {
    top: -285px !important;
  }
}

/*POST*/
.title-blog {
  display: none;
}

.page-title .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.page-title {
  padding-block: unset !important;
}

.page-title .breadcrumbs a {
  position: relative;
  display: inline-block;
  padding-left: 40px;
}

.page-title .breadcrumbs a::before {
  content: '';
  width: 30px;
  height: 30px;
  background: url(https://silvermonkey.studio/wp-content/uploads/2024/08/favicon.svg)
    no-repeat;
  filter: brightness(0) invert(1);
  position: absolute;
  left: 0;
  top: -7px;
}

.page-title .breadcrumbs {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.page-title .breadcrumbs a,
.page-title .breadcrumbs span {
  text-transform: capitalize !important;
  font-size: 14px;
}

.post-single-page .meta-post-categories {
  background-color: #00000000 !important;
  width: fit-content;
  position: absolute !important;
  top: 15px;
  right: 30px;
  z-index: 2;
  border: 1px solid white;
  border-radius: 20px;
  background-color: #d2691e00;
  height: 26px !important;
  box-shadow: 0 0 9px rgba(0, 0, 0, 0.1);
}

.post-single-page .meta-post-categories a {
  text-transform: capitalize !important;
  font-size: 15px !important;
  margin: 1px 3px;
  font-weight: 500 !important;
}

.post-single-page .meta-post-categories:hover {
  border: 1px solid white;
  background-color: #ffffff;
}

.post-single-page .meta-post-categories:hover a {
  color: #000000;
}

.post-single-page .post-title {
  font-family: 'SFProDisplay-Medium' !important;
  font-size: 50px !important;
  text-align: start;
}

.post-single-page .entry-meta {
  display: flex !important;
  margin-bottom: 30px !important;
  margin-top: 10px !important;
}

.sidebar-container .widget-area .wd-widget:nth-child(1) {
  padding: 0px;
  border-bottom: none;
}

.sidebar-container .widget-area .wd-widget:nth-child(2) ul {
  display: flex;
  flex-direction: column;
}

.sidebar-container .widget-area .wd-widget:nth-child(2) ul li {
  margin-bottom: 0px;
}

.sidebar-container .widget-area .wd-widget:nth-child(2) ul a {
  color: white;
}

.sidebar-container .widget-area .wd-widget:nth-child(2) ul li img {
  border-radius: 10px;
}

.sidebar-container .widget-area .wd-widget:nth-child(3) h5 {
  font-weight: 500;
}

@media (max-width: 768px) {
  .sidebar-container {
    width: 100%;
  }

  .sidebar-container .widget-area .sidebar-widget h5 {
    padding-left: 10px;
  }
}

/*Protected*/
.post-password-form label {
  display: flex;
  flex-direction: column;
}

.post-password-form label input {
  width: 50%;
  background-color: #1b1c226b;
  border-radius: 15px;
  color: white;
  font-size: 16px;
  padding: 25px;
}

.post-password-form p > input {
  width: 15%;
  background-color: #51f6ce;
  color: black;
  font-size: 22px;
  font-weight: 600;
  border-radius: 20px;
  padding: 10px;
  text-transform: capitalize;
  margin-top: 20px;
}

.reels-conic .wd-carousel .wd-carousel-item .wd-el-video {
  border: 1px solid #8235db00;
  margin: 0px;
}
.reels-conic .wd-carousel .wd-carousel-item .wd-el-video:hover {
  border: 1px solid #8235db80;
}

.reels-conic .wd-carousel .wd-carousel-item:before {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(
    160deg,
    rgba(48, 56, 133, 1) 0%,
    rgba(99, 80, 157, 1) 33%,
    rgba(23, 46, 77, 1) 66%,
    rgba(64, 187, 201, 1) 100%
  );
  transform: translate3d(0px, 0px, 0) scale(1);
  filter: blur(15px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  border-radius: 25px;
}

.reels-conic .wd-carousel .wd-carousel-item:hover:before {
  opacity: 0.8;
  animation: fade 0.5s linear;
}

.reels-conic .wd-carousel .wd-carousel-item::after {
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: inherit;
  border-radius: inherit;
}

.reels-conic .wd-carousel .wd-carousel-item {
  padding: 0px 10px;
}

.reels-conic .wd-carousel .wd-carousel-item .wpb_video_widget {
  margin: 0px;
}

.animation-reels .wd-full-visible,
.animation-reels .wd-slide-prev,
.animation-reels .wd-active {
  opacity: 1 !important;
}

.animation-reels .wd-carousel-item {
  opacity: 0;
}

@media (min-width: 768px) {
  .animation-reels .wd-carousel-wrap {
    margin-left: 110px;
  }
}

@media (max-width: 767px) {
  .post-password-form label input {
    width: 75%;
  }

  .post-password-form p > input {
    width: 35%;
  }
}
.aiovg-player-element .vimeo iframe {
  height: 750px;
}

.wd-carousel-item .wd-el-video-overlay:after {
  background-color: rgba(0, 0, 0, 0.4);
  transition: background-color 0.7s ease !important;
  opacity: 1 !important;
  transition: opacity 0.7s ease;
}

.wd-el-video:hover .wd-el-video-overlay:after {
  transition: background-color 0.7s ease !important;
  background-color: rgba(0, 0, 0, 0) !important;
}

/*Service*/
.services-include .info-box-wrapper {
  height: 100% !important;
}

.services-include .info-box-wrapper .wd-info-box {
  height: 100%;
}

/* .bloc-4 .vc_column-inner > .wpb_wrapper .info-box-wrapper {
  height: 100%;
}

.bloc-4 .vc_column-inner > .wpb_wrapper .info-box-wrapper .wd-info-box {
  height: 100%;
} */

.green .info-box-icon .info-svg-wrapper {
  filter: invert(84%) sepia(27%) saturate(877%) hue-rotate(102deg)
    brightness(102%) contrast(101%);
}
.blue .info-box-icon .info-svg-wrapper {
  filter: invert(42%) sepia(40%) saturate(6691%) hue-rotate(190deg)
    brightness(106%) contrast(106%);
}
.purple .info-box-icon .info-svg-wrapper {
  filter: invert(38%) sepia(89%) saturate(6401%) hue-rotate(260deg)
    brightness(89%) contrast(91%);
}

/*Cookies*/
.cky-btn-accept {
  border-radius: 20px !important;
}

.cky-btn-preferences {
  border-radius: 20px !important;
}

.cky-btn-reject {
  border-radius: 20px !important;
}

.cky-btn-customize {
  border-radius: 20px !important;
}

.cky-btn-revisit-wrapper .cky-btn-revisit img {
  filter: brightness(0);
}
/* 
.video > .vc_column_container > .vc_column-inner{
        padding-top: 0px !important;
} */

.wd-content-layout {
  padding-block: 0px !important;
}
