/*
 Theme Name:   BirdCom
 Theme URI:    https://birdcom.es
 Description:  BirdCom Comunicación y Diseño
 Author:       Dani Moreno
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

a {
  text-decoration: none;
}
/*HEADER*/
nav#site-navigation {
  margin: auto;
}
.site-header {
position: sticky; 
top: 0;
z-index: 999;
backdrop-filter: saturate(180%) blur(20px);
background-color: rgba(255, 255, 255, .70);
box-shadow: 1px 1px 0 rgba(0, 0, 0, .1);
}
.menu-item-2385 {
  padding: 0px 8px;
  background-color: var(--accent);
  border-radius: 8px;
  margin-left: 20px;
  border: solid 1px var(--global-color-6);
}
.menu-item-2385:hover {
  background-color: var(--global-color-6);
}
.menu-item-2385 a {
  color: #fff!important;
  font-weight: 500!important;
  text-align: center;
}
.menu-item-2386 {
  padding: 0px 8px;
  border-radius: 8px;
  margin-left: 20px;
  border: solid 1px var(--global-color-6);
}
.menu-item-2386:hover {
  background-color: var(--base-2);
  border: solid 1px vvar(--base-2);
}
.menu-item-2386 a {
  color:var(--accent)!important;
  font-weight: 500!important;
  text-align: center;
}
@media (max-width: 1300px) {
.menu-item-2386,
.menu-item-2385 {
  margin-bottom: 20px!important;
  margin-top: 10px!important;
  width: 90%!important;
	}
}
@media (min-width: 1400px) {
.menu-item-2386 {
  margin-left: 80px;
  }
}
/*#menu-item-2386 > a::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-right: 6px;

  background-image: url("data:image/svg+xml;utf8,<svg fill='none' stroke='%23386995' stroke-width='2' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'><circle cx='12' cy='7' r='4'/><path d='M5.5 21a6.5 6.5 0 0113 0'/></svg>");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom:5px;
  vertical-align: middle;
}*/
/*HOME*/
@media (min-width: 1000px) and (max-width: 1700px) {
.tablet {
  width: 550px!important;
  }
.home h1 {
  font-size: 50px!important;
	}
.gb-headline-text.parrafo {
  padding: 0px 100px!important;
	}
h1.gb-headline-de5ae2ea {
    padding-right: 0px!important;
    padding-left: 0px!important;
}
}
/*BLOG*/
form.wp-block-search__button-outside.wp-block-search__text-button.wp-block-search
  label {
  display: none;
}
input#wp-block-search__input-1,
button.wp-block-search__button.wp-element-button {
  border-radius: 8px;
}
.single-post .content-area img {
  margin-bottom: 24px;
}
.read-more-container,
.wp-block-search__button {
  font-weight: 600;
  text-transform: uppercase;
}
.single-post .entry-content h2 {
  font-size: 35px;
}
body.blog .inside-article .entry-title,
body.category .inside-article .entry-title,
body.author .inside-article .entry-title {
  font-size: 18px;
  font-weight: 700;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 3;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top: 24px;
}
body.blog .generate-columns,
body.category .generate-columns,
body.author .generate-columns {
  padding-left: 24px;
  padding-bottom: 24px;
}
body.blog .generate-columns .inside-article,
body.category .generate-columns .inside-article,
body.author .generate-columns .inside-article {
  padding: 24px 12px 24px 12px;
  display: flex;
  flex-direction: column;
}
body.blog .generate-columns,
body.category .generate-columns,
body.author .generate-columns {
  margin-bottom: 0px;
}
body.blog .entry-summary,
body.category .entry-summary,
body.author .entry-summary {
  margin-top: 12px;
  order: 3;
}
body.blog .post-image,
body.category .post-image,
body.author .post-image {
  margin-bottom: 12px !important;
  order: 0;
}
body.blog .post-image img,
body.category .post-image img,
body.author .post-image img {
  border-radius: 20px;
}
body.blog a.read-more.button,
body.category a.read-more.button,
body.author a.read-more.button {
  border-radius: 8px;
  text-transform: none;
  font-weight: normal;
}
body.blog footer.entry-meta,
body.category footer.entry-meta,
body.author footer.entry-meta {
  order: 1;
}
header.entry-header {
  order: 2;
}
span.gp-icon.icon-categories {
  display: none;
}
.entry-meta span.cat-links a {
  border: 1px solid #1e172a;
  padding: 6px 12px;
  border-radius: 8px;
  font-size: 11px;
  text-transform: uppercase;
  color: #1e172a;
}
footer.entry-meta {
  margin-top: 10px;
}
@media (max-width: 767px) {
  .generate-columns-container .generate-columns,
  .generate-columns-container > * {
    padding-left: 0 !important;
  }
  .resize-featured-image .post-image img {
    width: 100%;
  }
}
/*CONTACT FORM 7*/
#responsive-form {
  max-width: 90%;
  margin: 5 auto;
  width: 100%;
}
.form-row {
  width: 100%;
}
.column-half,
.column-full {
  float: left;
  position: relative;
  padding: 0.4rem;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

@media only screen and (min-width: 48em) {
  .column-half {
    width: 50%;
  }
}
/*CONTACTO*/
.wpcf7 label {
  width: 100%;
  font-size: 16px;
}
.form p {
  font-size: 14px;
}
.wpcf7 .wpcf7-submit {
  background: #1e4f87;
  border-radius: 5px;
  color: #fff;
  font-weight: 600;
}
.wpcf7 .wpcf7-submit:hover {
  background: var(--global-color-6);
}
.wpcf7-textarea,
input[type="text"],
input[type="tel"],
input[type="email"] {
  width: 100%;
  border-radius: 8px;
  border: 1px solid #61616140 !important;
  font-size: 16px;
  margin-bottom: 0px;
  border-width: 2px;
  background: white;
}
textarea.wpcf7-form-control.wpcf7-textarea {
  height: 100px !important;
}
.wpcf7-form-control-wrap > select {
  width: 100% !important;
}
.wpcf7-submit {
  width: 100%;
  font-size: 16px;
  padding: 20px;
  margin-bottom: 15px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wpcf7-list-item {
  margin: 6px 6px !important;
}
.form-row p {
  margin-bottom: 0.2em;
}
/*HISTORIA*/
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current {
  color: #a01e22;
  font-weight: 700;
}
slider-nav .slick-current .wpostahs-main-title button,
.wpostahs-slider-design-2 .wpostahs-slider-nav .slick-current .wpostahs-main-title button,
.wpostahs-slider-design-2 .wpostahs-slider-nav .wpostahs-slider-nav-title:hover .wpostahs-main-title button {
  border-color: #a01e22;
  background: #a01e22;
}
.wpostahs-slider-design-2 .wpostahs-centent {
  max-width: 100%;
}
/*DEGRADADO*/
.home .gb-element-140cb62e .gb-shape {
  filter: drop-shadow(0px -6px 5px rgba(199, 225, 233, 0.3));
}
.degradado {
    position: relative;
    background: linear-gradient(
        45deg,
        #FAF4FB,
        #e7f0ff,
        #ffffff,
        #D1F2FA,
        #ffffff,
        #D1F2FA,
        #ffffff,
        #FAF4FB,
        #ffffff
    );
    background-size: 600% 600%;
    animation: gradientAnimation 15s ease infinite;
    box-shadow: inset 0 0 50px rgba(255, 255, 255, 0.3);
    overflow: hidden;
}
.degradado::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0) 15%,
        rgba(255, 255, 255, 0) 85%,
        rgba(255, 255, 255, 1) 100%
    );
    pointer-events: none;
    z-index: 1;
}
@keyframes gradientAnimation {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}
.counter .counterNumber {
  font-size: 40px!important;
  font-weight: 500!important;
}
/*Transiciones*/
.fadeTop {
  opacity: 0;
  transform: translate(0, 15vh);
  transition: all 1s;
}
.fadeRight {
  opacity: 0;
  transform: translate(10vh, 0vh);
  transition: all 1s;
}
.fadeLeft {
  opacity: 0;
  transform: translate(-10vh, 0vh);
  transition: all 1s;
}
.visible {
  opacity: 1 !important;
  transform: translate(0, 0) !important;
}
.animated-typed-js-shortcode {
  font-size: 18px;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
  color: #000;
}
.typed-cursor {
  color: #000;
}
.btn:hover svg {
  transform: translateX(0);
}
.btn svg {
  position: relative;
  fill: none;
  transform: translateX(-5px);
  transition: all 0.3s ease;
}
.parallax-scroll {
  transition: transform 1s ease-out;
  will-change: transform;
}
.gb-element-140cb62e {
  border: 2px solid #fff;
}
/*Flechas*/
@media (min-width: 767px) {
.flecha::after {
  content: "›"; 
  position: absolute;
  font-size: 20px;
  padding-top: 6px;
  padding-left: 10px;
  color: #386995;
  animation: moverFlecha 1s infinite ease-in-out;
}
	@keyframes moverFlecha {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(4px);
  }
  100% {
    transform: translateX(0);
  }
}
@media (min-width: 1200px) {
.cool-vertical-timeline-body {
  max-width: 1400px;
}
.swiper-slide.single {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.swiper-slide.single:hover {
  transform: scale(1.05) translateX(22px);
}
  }
@media (max-width: 1000px) {
.separador { 
  transform: rotate(90deg); 
  width: 90px;
}
  }
.wpostahs-slider-design-2 .wpostahs-slick-slider .slick-arrow {
  margin-top: -27px !important;
  margin-left: 20px!important;
  margin-right: 20px!important;
}
.cool-vertical-timeline-body.one-sided.left .timeline-content .story-details:before {
  display: none;
}
@media (max-width: 1100px) and (min-width: 767px) {
.cool-vertical-timeline-body.one-sided.left .timeline-content .timeline-block-detail {
  padding: 0 0 0 40px !important;
  width: 100% !important;
}
.cool-vertical-timeline-body.one-sided:before {
  left: 7px !important;
  max-width: 3px;
}
.cool-vertical-timeline-body.left .ctl-row.position-left, .cool-vertical-timeline-body.left .ctl-row.position-right {
  display: inline-block;
  max-width: 100%;
}
  }
@media (max-width: 1024px) {
.gb-element-77b29d83 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
}
  }