/*
CSS Style to CMCoaching Theme
 */

/*=======================
  Global
========================*/
.messages-list .messages__wrapper {
  position: relative;
  z-index: 9999;
}

/*=======================
  Body
========================*/

.page-wrapper {
  max-width: 100% !important;
}

#site-header__inner .container,
.main-content__container {
  max-width: 100%;
}

.site-header__initial {
  background-color: #a0e1ed;
}

.path-frontpage .grid-full {
  grid-template-rows: 0;
}

.path-frontpage .region > * {
  margin-bottom: 0 !important;
}

@media (min-width: 43.75rem) {
  .path-frontpage .main-content__container {
    padding-top: 0;
  }
}

/*=======================
  Header
========================*/

.site-header__inner__container .site-branding {
  background-image: url("../../images/logo-fondo.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.site-header__fixable.is-fixed .site-header__initial button{
  background-color: #a0e1ed;
}

.site-header__fixable.is-fixed .site-header__initial button .sticky-header-toggle__icon span {
  border-top: solid 3px #000000;
}

#block-cmcoaching-theme-site-branding{

}

ul .primary-nav__menu-link-inner::after {
  border-top: solid 5px #a0e1ed;
}

.site-header__initial .sticky-header-toggle {
  background-color: #a0e1ed;
}

.site-branding .site-branding__inner {
  max-width: 100%;
}

.block--mobileimage {
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}

.block--mobileimage .wide-image {
  margin-top: 0;
  margin-bottom: 0;
}

.block--mobileimage .block--basic--content {
  position: absolute;
  bottom: 2rem;
  background: rgba(255, 255, 255, .8);
  margin-left: 2rem;
  margin-right: 2rem;
  padding: 2rem 2rem;
  font-size: .8rem;
}

#mobile--custom-front .block--service-coach {
  flex-flow: column nowrap;
}

.block--mobileimage .wide-image {
  margin-left: 0 !important;
  width: 100% !important;
}
nav.breadcrumb .breadcrumb__content {
  display: flex;
  flex-flow: row wrap;
  overflow: unset;
}
nav.breadcrumb .breadcrumb__content ol.breadcrumb__list {
  display: flex;
  flex-flow: row wrap;
  overflow: hidden;
  max-width: 100%;
}
nav.breadcrumb .breadcrumb__content ol.breadcrumb__list li {
  flex: 0 0 auto;
  max-width: 100%;
}
@media (max-width: 43.75rem) {
  .site-branding .site-branding__inner .site-branding__logo img {
    max-height: 5rem;
  }
}

@media (min-width: 43.75rem) {

}

@media (max-width: 62.5rem) {
}

@media (min-width: 62.5rem) {
  .block--mobileimage {
    display: none;
  }

}

@media (min-width: 75rem) {

  .site-branding .site-branding__inner {
    max-height: 100%;
  }

  body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed {
    max-width: 100% !important;
  }

  .site-header {
    border-bottom: solid 1px #a0e1ed !important;
  }
}

@media (min-width: 90rem) {

}

/*=======================
  Slider
========================*/

#block-views-block-carousel-block-1 #tns1 {
  position: relative;
}

#block-views-block-carousel-block-1 #tns1 .tns-item {
  position: relative;
}

#block-views-block-carousel-block-1 #tns1 .tns-item .views-field-title,
#block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body {
  position: absolute;
}

#block-views-block-carousel-block-1 .tns-outer {
  position: relative;
}

#block-views-block-carousel-block-1 .tns-outer .tns-nav {
  position: absolute;
  bottom: 0;
  left: 48%;
}

#block-views-block-carousel-block-1 .tns-outer p {
  text-align: left;
}
#block-views-block-insignias-block-1 .field--name-field-media-image .field__item {
  display: flex;
  flex-flow: column wrap;
  align-content: center;
}

#block-views-block-insignias-block-1 .slick-arrow::before {
  color: #a0e1ed;
}

#block-views-block-insignias-block-1 .slick-prev::before {
  content: "\276E";
}

#block-views-block-insignias-block-1 .slick-next::before {
  content: "\276F";
}

@media (max-width: 62.5rem) {
  #block-views-block-carousel-block-1 {
    display: none;
  }
}

@media (max-width: 36rem) {
  #block-views-block-insignias-block-1 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
}

@media (min-width: 36rem) {
  #block-views-block-insignias-block-1 {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
}

@media (min-width: 43.75rem) {

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-title {
    bottom: 0;
    margin: 0 0 14rem 5rem;
    font-size: 2rem;
  }

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body {
    bottom: 0;
    margin: 0 0 2rem 3rem;
    background: rgba(255, 255, 255, .6);
  }

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-title,
  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body {
    max-width: 40%;
  }

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body .field-content {
    padding: 1rem 3rem;
  }
}

@media (min-width: 62.5rem) {

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body {
    margin: 0 0 3rem 3rem;
  }

  #block-views-block-insignias-block-1 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }

}

@media (min-width: 75rem) {

  #block-views-block-carousel-block-1 #tns1 .tns-item .views-field-body {
    margin: 0 0 4rem 3rem;
  }


}

@media (min-width: 90rem) {

}


/*=======================
  Presentation Front
========================*/

.block--presentation-front .block__content {
  display: flex;
}

.block--presentation-front .block--presentation-front--section-right .block__content {
  flex-flow: column nowrap;
  width: 100%;
}

.block--presentation-front--section-right .block-service {
  border: 1px solid #c7c7c7;
  padding: 2rem 1.5rem;
}

.block-service > div {
  display: flex;
}

.block--presentation-front--section-right .block-service .block-service-image {
  width: 128px;
  padding-right: 1rem;
  display: flex;
  align-items: center;
}

.block--presentation-front--section-right .block-service .block-service-content {
  padding-left: 1rem;
}

#block-presentationfrontleft {
  background: url("../../images/fondo-presentation-web.png") no-repeat bottom right #eceff1;
  background-size: cover;
  padding: 1rem 2rem;
}

.block--presentation-front--section-right  .block-service:hover .block-service-image img {
  transition: all .35s;
  transform: scale(1.2) rotateY(180deg);
}

.button--pedir-cita--front {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px;
  transition: border .5s ease-out;
  border: 2px solid;
  border-color: #a0e1ed;
  position: relative;
  font-size: 1.563rem;
  background-color: #a0e1ed;
  color: #fff;
}
.button--pedir-cita--front::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 50%;
  right: 50%;
  height: 2px;
  transition: all .5s ease-out;
  background-color: #a0e1ed;
}
.button--pedir-cita--front:hover::after {
  right: -2px;
  left: -2px;
}
.button--pedir-cita--front:hover {
  border: 0;
  columns: inherit;
  background-color: transparent;
  color: #000;
}
@media (max-width: 43.75rem) {
  .block--presentation-front .block__content {
    flex-flow: column nowrap;
  }

  .block-service > div {
    flex-flow: column nowrap;
    align-items: center;
  }

}

@media (min-width: 43.75rem) {
  .block--presentation-front .block__content {
    flex-flow: row nowrap;
  }

  .block--presentation-front {
    display: flex;
    justify-content: center;
  }

  .block--presentation-front .block__content .block--presentation-front--section {
    flex: 1 1 50%;
  }

  .block-service > div {
    flex-flow: row nowrap;
  }

}

@media (min-width: 62.5rem) {
  .block--presentation-front > .block__content,
  .block--presentation-front > div > .block__content{
    width: 70%;
  }
}

/*=======================
  Content Front
========================*/

.block-cmcoaching-image-service .block-image-service .wide-image {
  margin-left: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  width: 100% !important;
}

#block-coachservice > div > .block__content,
#block-coachservice > .block__content,
#block-pnlservice > div > .block__content,
#block-pnlservice > .block__content,
#block-personaldevelopmentservice > div > .block__content,
#block-personaldevelopmentservice > .block__content,
#block-traumaservice > div > .block__content,
#block-traumaservice > .block__content,
#block-comments > div > .block__content,
#block-comments > .block__content {
  display: flex;
}

.block-cmcoaching-content-service {
  display: flex;
}

.block-cmcoaching-content-service .block__content {
  display: flex;
}

.block-cmcoaching-content-service .block__content .block-content-service {
  display: flex;
}

.block-cmcoaching-content-service .block__content .block-content-service .content_service {
  display: flex;
  flex-flow: column nowrap;
}

.block-cmcoaching-content-service .block__content .block-content-service .content_service .content-service-section {
  flex: 1 1 100%;
  padding: .5rem 1rem;
}

.block-content-service .title-service-section {
  text-align: center;
  margin-bottom: 2rem;
}

.block-content-service .title-service-section h4,
.block-content-service .title-service-section h2 {
  color: #ffffff;
}

.block-content-service .title-service-section h4 {
  font-size: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

.block-content-service .title-service-section h2 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

#block-traumaservice .block-content-service .content-service-section,
#block-pnlservice .block-content-service .content-service-section {
  background-color: #eceff1;
}

#block-coachservice .block-content-service .content-service-section,
#block-personaldevelopmentservice .block-content-service .content-service-section {
  background-color: #ffffff;
}

#block-coachservice .block-content-service .content-service-section h3,
#block-pnlservice .block-content-service .content-service-section h3,
#block-personaldevelopmentservice .block-content-service .content-service-section h3,
#block-traumaservice .block-content-service .content-service-section h3 {
  color: #b0bec5;
  text-align: center;
  font-size: 1rem;
  margin-bottom: 1rem;
  margin-top: 1rem;
}

#block-coachservice,
#block-personaldevelopmentservice  {
  background-color: #eceff1;
}

.block-user-front-group-user {
  display: flex;
}

.block-user-front--content p {
  line-height: 2.5rem;
}

#block-contactfront {
  background-color: #eceff1;
}

#block-contactfront h2 {
  font-size: 3rem;
  text-align: center;
  margin-bottom: 4rem;
}

.block--contact--front > div > .block__content,
.block--contact--front >.block__content {
  display: flex;
}

.block--contact--front-section-webform #webform-submission-contact-add-form::before {
  content: "";
  width: 150px;
  background-image: url("../../images/mail-front.png");
  background-repeat: no-repeat;
  height: 100px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

p.block--contact-form--phone,
p.block--contact-form--mail {
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
}

p.block--contact-form--phone::before {
  content: "";
  width:  2rem;
  height: 2rem;
  background: url("../../images/phone-front.png") left center no-repeat;
  background-size: contain;
  display: inline-block;
  margin-bottom: -0.3rem;
}

p.block--contact-form--mail::before {
  content: "";
  width:  2rem;
  height: 2rem;
  background: url("../../images/mail-front.png") left center no-repeat;
  background-size: contain;
  display: inline-block;
  margin-bottom: -0.5rem;
  margin-right: 0.2rem;
}

.block--contact-direction--front {
  background-color: #eceff1;
}

form#webform-submission-contact-add-form input:not(.form-checkbox) {
  width: 100%;
}

.block-search-wide__wrapper {
  max-width: 100% !important;
}

.block-search-wide__wrapper .block-search-wide__container {
  max-width: 100%;
}

.content-service-section a.btn {
  padding: .5rem 1rem;
  background-color: #000000;
  border-radius: .3rem;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: 2rem;
  color: #ffffff;
}

.content-service-section a.btn:hover,
.content-service-section a.btn:focus,
.content-service-section a.btn:active {
  background-color: #424949;
}

article blockquote {
  font-size: 1.3rem !important;
  line-height: 2.25rem !important;
}

article blockquote::after {
  background: #a0e1ed !important;
}

#page blockquote::before {
  color: #a0e1ed !important;
}

#block-comment blockquote {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

#block-comment {
  padding-left: 2rem;
  padding-right: 2rem;
}

#block-comment blockquote::after {
  background: #a0e1ed !important;
}

#block-doctoralia {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

@media (max-width: 43.75rem) {

}


@media (min-width: 43.75rem) {

}

@media (max-width: 62.5rem) {
  #block-coachservice > div > .block__content,
  #block-coachservice > .block__content,
  #block-pnlservice > div > .block__content,
  #block-pnlservice > .block__content,
  #block-personaldevelopmentservice > div > .block__content,
  #block-personaldevelopmentservice > .block__content,
  #block-traumaservice > div > .block__content,
  #block-traumaservice > .block__content,
  #block-comments > div > .block__content,
  #block-comments > .block__content {
    flex-flow: column nowrap;
  }

  #block-traumaservice,
  #block-coachservice,
  #block-pnlservice,
  #block-personaldevelopmentservice {
    margin-top: 2rem;
  }

  .block-content-service .content_service .title-service-section {
    margin-bottom: 0;
  }

  #block-pnlservice > div > .block__content .block--pnl-service--front-section-image,
  #block-pnlservice > .block__content .block--pnl-service--front-section-image,
  #block-traumaservice > div > .block__content .block--trauma-service--front-section-image,
  #block-traumaservice > .block__content .block--trauma-service--front-section-image {
    order: 1;
  }

  #block-pnlservice > div > .block__content .block--pnl-service--front-section-content,
  #block-pnlservice > .block__content .block--pnl-service--front-section-content,
  #block-traumaservice > div > .block__content .block--trauma-service--front-section-content,
  #block-traumaservice > .block__content .block--trauma-service--front-section-content {
    order: 2;
  }

  .block-user-front-group-user {
    color: #000000;
  }

  .block-user-front-group-user .block-user-front-section {
    padding: 0rem 0;
  }

  .block-user-front--content {
    color: #000000;
    font-size: 1.2rem;
    padding: 1rem 2rem;
  }

  .block--contact--front > div > .block__content,
  .block--contact--front >.block__content {
    flex-flow: column nowrap;
  }

  .block--contact--front-section {
    padding: 1rem 2rem;
  }

  .block--contact-direction--front {
    padding: 2rem 0;
  }
  .block-user-front-group-user {
    flex-flow: column nowrap;
  }
  .block-user-front-section {
    display: flex;
    align-items: center;
    flex-flow: column nowrap;
  }
  .block-user-front-section p:first-child {
    color: #a0e1ed;
    position: relative;
    margin-top: -1rem;
  }
  .block-user-front-group-user {
    background-color: #eceff1;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .block-user-front--user-1::before {
    content: "";
    display: block;
    height: 128px;
    width: 128px;
    background: url("../../images/icon-users.png");
    background-size: cover;
    float: left;
  }

  .block-user-front--user-2::before {
    content: "";
    display: block;
    height: 128px;
    width: 128px;
    background: url("../../images/icon-therapy.png");
    background-size: cover;
    float: left;
  }

  .block-user-front--user-3::before {
    content: "";
    display: block;
    height: 128px;
    width: 128px;
    background: url("../../images/icon-actions.png");
    background-size: cover;
    float: left;
  }

  .block-user-front-group-user .countup {
    font-size: 5rem;
    font-weight: bold;
  }

  #block-userfrontblock .block-user-information {
    padding-top: 2rem;
  }

  .block-user-front-group-content {
    background-color: #a0e1ed;
  }

  .block--contact-form--mail a {
    font-size: .9rem;
  }

  .block-content-service .title-service-section {
    background-color: #a0e1ed;
  }

  #block-comments {
    margin-top: 2rem;
  }

}

@media (min-width: 62.5rem) {
  #block-coachservice > div > .block__content,
  #block-coachservice > .block__content,
  #block-pnlservice > div > .block__content,
  #block-pnlservice > .block__content,
  #block-personaldevelopmentservice > div > .block__content,
  #block-personaldevelopmentservice > .block__content,
  #block-traumaservice > div > .block__content,
  #block-traumaservice > .block__content,
  #block-comments > div > .block__content,
  #block-comments > .block__content {
    flex-flow: row nowrap;
    padding: 4rem 8rem;
  }

  .block-user-front-group-user {
    flex-flow: row nowrap;
    color: #fff;
  }

  #block-coachservice .block--coach-service--front-section,
  #block-pnlservice .block--pnl-service--front-section,
  #block-personaldevelopmentservice .block--pnl-service--front-section,
  #block-traumaservice .block--trauma-service--front-section {
    flex: 1 1 50%;
  }

  #block-contentservice,
  #block-contentservice-3 {
    margin-left: 2rem;
  }

  #block-contentservice-2,
  #block-contentservice-4 {
    margin-right: 2rem;
  }

  .block-cmcoaching-image-service {
    display: flex;
    align-items: center;
  }

  .block-user-information {
    height: 500px;
    background: url("../../images/amanecer-playa-cacum-web.jpg") no-repeat fixed;
    background-size: cover;
  }

  .block-user-front-group-user {
    flex-flow: row nowrap;
    justify-content: space-between;
    padding: 3rem 5rem 2rem 5rem;
  }

  .block-user-front--content {
    padding: 2rem 15% 2rem 15%;
  }

  .block-user-front--content hr {
    max-width: 75%;
  }

  #block-contactfront {
    padding: 0 8rem 4rem 8rem;
  }

  .block--contact--front > div > .block__content,
  .block--contact--front >.block__content {
    flex-flow: row nowrap;
  }

  .block--contact--front-section {
    flex: 0 0 50%;
  }

  .block--contact--front-section-data,
  .block--contact--front-section-webform {
    padding: 2rem 4rem;
    margin-top: -2rem;
  }

  .block--contact--front-section-data {
    margin-right: 1rem;
    background: url("../../images/gaviotas.png") left bottom / 400px no-repeat #ffffff;
  }

  .block--contact--front-section-webform {
    margin-left: 1rem;
    background-color: #ffffff;
  }

  .block-user-front--content {
    color: #ffffff;
    font-size: 1.5rem;
  }

  .block--contact-direction--front {
    padding: 2rem 3rem;
  }
  .block-user-front--user-1 p,
  .block-user-front--user-2 p,
  .block-user-front--user-3 p {
    padding-left: 85px;
  }

  .block-user-front--user-1::before {
    content: "";
    display: block;
    height: 64px;
    width: 64px;
    background: url("../../images/icon-users.png");
    background-size: cover;
    float: left;
  }

  .block-user-front--user-2::before {
    content: "";
    display: block;
    height: 64px;
    width: 64px;
    background: url("../../images/icon-therapy.png");
    background-size: cover;
    float: left;
  }

  .block-user-front--user-3::before {
    content: "";
    display: block;
    height: 64px;
    width: 64px;
    background: url("../../images/icon-actions.png");
    background-size: cover;
    float: left;
  }

  .block-user-front-group-user .countup {
    font-size: 4rem;
    font-weight: bold;
  }

  .block-content-service .title-service-section {
    background-color: #000000;
  }

  #block-doctoralia,
  #block-comment {
    flex: 0 0 50%;
  }
}

/*=======================
  Modal
========================*/
#colorbox #cboxClose {
  top: 0 !important;
  background: url('../../images/buton-close-modal.png') no-repeat !important;
  background-size: contain !important;
  width: 64px;
  height: 64px;
}

@media (max-width: 43.75rem) {

}

@media (min-width: 43.75rem) {

}

@media (max-width: 62.5rem) {
  #colorbox article {
    padding: 5rem .5rem 1rem;
  }

  #colorbox #cboxClose {
    right: 0;
  }
}

@media (min-width: 62.5rem) {
  #colorbox article {
    padding: 5rem 8rem 1rem;
  }

  #colorbox #cboxClose {
    right: 2rem;
  }
}

/*=======================
  Footer
========================*/


.site-footer .container {
  max-width: 100%;
}

.site-footer .site-footer__inner.container {
  padding-bottom: 1.5rem;
}

.site-footer .site-footer__inner.container a {
  text-decoration: none;
}

.site-footer .site-footer__inner.container a:hover {
  text-decoration: underline;
}

.region--footer-bottom {
  display: flex;
  border-top: .002rem solid #eceff1;
  margin-top: 2rem;
}

.block-system-powered-by-block {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}

.region--footer-top {
  display: flex !important;
}

.region--footer-top .region--footer_top__inner {
  display: flex !important;
}

@media (max-width: 43.75rem) {

  .region--footer-top .region--footer_top__inner {
    flex-flow: column nowrap;
  }

}


@media (min-width: 43.75rem) {

  .region--footer-top .region--footer_top__inner {
    flex-flow: row wrap;
  }

  .region--footer-top .region--footer_top__inner > .block-cmcoaching {
    flex: 1 1 45%;
  }

}

@media (max-width: 62.5rem) {

  .region--footer-top .region--footer_top__inner > .block-cmcoaching:not(:last-child) {
    border-bottom: .002rem solid #eceff1;
  }

}

@media (min-width: 62.5rem) {

  .region--footer-bottom {
    flex-flow: row nowrap;
    justify-content: space-between;
  }

  .block--develop-by {
    text-align: right;
  }

  .region--footer-top .region--footer_top__inner {
    flex-flow: row nowrap;
  }

  .region--footer-top .region--footer_top__inner > div:not(:last-child) {
    border-right: .002rem solid #eceff1;
  }

  .region--footer-top .region--footer_top__inner > .block-cmcoaching {
    flex: 1 1 24%;
  }

}

/*=======================
  Social bar
========================*/

#block-socialmedialinks a {
  color: #000000;
}

@media (max-width: 75rem) {

  #block-socialmedialinks {
    display: flex;
    justify-content: center;
    padding-top: 2rem;
  }

}

@media (min-width: 75rem) {

  .social-bar {
    background-color: #a0e1ed;
  }

  #block-socialmedialinks a span {
    rotate: 90deg;
  }

}

/*=======================
  Social bar
========================*/

@media (min-width: 75rem) {

  .social-bar {
    background-color: #a0e1ed;
  }

}

/*=======================
  Header
========================*/

#block-socialmedialinks a {
  color: #000000;
}

@media (min-width: 75rem) {
  #block-socialmedialinks a span {
    rotate: 90deg;
  }

}

/*=======================
  Blog
========================*/

.view-id-blog.view-display-id-page_1 .views-view-grid__item {
  border: 1px solid #c2c2c2;
  border-radius: 10px;
  display: flex;
  flex-flow: column nowrap;
}
.view-id-blog.view-display-id-page_1 .views-view-grid__item .views-view-grid__item-inner {
  display: flex;
  flex-flow: column nowrap;
  flex-grow: 1;
}
.view-id-blog.view-display-id-page_1 .views-field-created,
.view-id-blog.view-display-id-page_1 .views-field-title,
.view-id-blog.view-display-id-page_1 .views-field-body {
  margin-left: .5rem;
  margin-right: .5rem;
}
.view-id-blog.view-display-id-page_1 .views-field-created {
  margin-top: 1rem;
  margin-bottom: 1rem;
  color: #a0e1ed;
}
.view-id-blog.view-display-id-page_1 .views-field-title {
  margin-top: .7rem;
  margin-bottom: 1rem;
  flex-grow: 1;
}
.view-id-blog.view-display-id-page_1 .views-field-title a {
  text-decoration: none;
  color: #000;
  font-weight: bold;
  transition: box-shadow 0.3s cubic-bezier(0.55, 0.085, 0, 0.99);
  box-shadow: inset 0 -2px 0 0 transparent;
  text-transform: uppercase;
  font-size: 1.3rem;

}
.view-id-blog.view-display-id-page_1 .views-field-title a:hover {
  box-shadow: inset 0 -2em 0 0 #d9ecfa;
}
.view-id-blog.view-display-id-page_1 .views-field-body .field-content p {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
}
.view-id-blog.view-display-id-page_1 .views-field-view-node {
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.view-id-blog.view-display-id-page_1 .views-field-view-node a {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  padding: 20px;
  transition: border .5s ease-out;
  border: 2px solid;
  border-color: #a0e1ed;
  position: relative;
  font-size: 1.563rem;
  background-color: #a0e1ed;
  color: #fff;
}
.view-id-blog.view-display-id-page_1 .views-field-view-node a:hover {
  border: 0;
  columns: inherit;
  background-color: transparent;
  color: #000;
}
.view-id-blog.view-display-id-page_1 .views-field-view-node a::after {
  position: absolute;
  content: "";
  bottom: -2px;
  left: 50%;
  right: 50%;
  height: 2px;
  transition: all .5s ease-out;
  background-color: #a0e1ed;
}
.view-id-blog.view-display-id-page_1 .views-field-view-node a:hover::after {
  right: -2px;
  left: -2px;
}

/*=======================
  Article
========================*/

.page-node-type-article article .node__content .field--name-field-article-image .field--name-field-media-image .field__item {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
}

/*=======================
  Recaptcha
========================*/

.captcha .captcha__description {
  font-size: .7rem;
  color: #c2c2c2;
}

/*=======================
  Infinity Scroll
========================*/

ul.js-pager__items.pager {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

ul.js-pager__items.pager li.pager__item .button {
  display: inline-block;
  background-color: #a0e1ed;
  color: #fff;
  border: 2px solid #a0e1ed;
  padding: 2rem 2rem;
  text-transform: uppercase;
  font-size: 1.5rem;
  transition: border 1s ease-out, background-color 1s ease-out;
}

ul.js-pager__items.pager li.pager__item .button:hover {
  background-color: transparent;
  border: 0;
  columns: inherit;
  color: #000;
}

ul.js-pager__items.pager li.pager__item .button::after {
  position: absolute;
  content: "";
  bottom: -6px;
  left: 50%;
  right: 50%;
  height: 2px;
  transition: all .5s ease-out;
  background-color: #a0e1ed;
}

ul.js-pager__items.pager li.pager__item .button:hover::after {
  right: -2px;
  left: -2px;
}

ul.js-pager__items.pager li.pager__item {
  width: auto !important;
  position: relative;
}