/*--------------------------------------------------------------
# set proper behaviour of <a> without href attribute
--------------------------------------------------------------*/
a.rd-nav-link[onclick]:hover {
 cursor: pointer;
}
/*NOTE: this template is using the user agent rule of the browser for settingthe cursor as a pointer: 
a:-webkit-any-link {
  cursor: pointer;
}
*/

/*--------------------------------------------------------------
# testimonials accordion
--------------------------------------------------------------*/

#testimonials-container.responsive-tabs .resp-accordion .resp-arrow {
    position: absolute;
    top: 40px;
    right: 15px;
    bottom: 0;
    width: 40px;
    font-family: "Material Design Icons";
    font-size: 25px;
    font-weight: 400;
    text-align: center;
    color: #868686;
    transition: .2s;
}


#testimonials-container.responsive-tabs-classic .resp-tabs-container .resp-accordion {
    border-top: 1px solid #e5e5e5;
}

#testimonials-container h3.testimonial-epigraph {
  font-size: 30px !important;
  font-weight: 700;
}

#testimonials-container h4.testimonial-epigraph {
  font-size: 18px !important;
}

@media (min-width: 992px) {
    #testimonials-container h3.testimonial-epigraph { 
      font-size: 30px !important;
      font-weight: 700;
    }
    #testimonials-container h4.testimonial-epigraph {
      font-size: 18px !important;
    }
}

#testimonials-container .resp-tabs-container:hover h3.testimonial-epigraph,
#testimonials-container .resp-tabs-container:hover h4.testimonial-epigraph {
  color: #2a93c9 !important;
}

/* Fix quotes being also tabs of accordion */
#testimonials-container.responsive-tabs .quote-body {
    color: #868686;
    font-weight: 400;
}

#testimonials-container .resp-tabs-container:hover .quote-body {
  color: #4ab3e9 !important;
}

#testimonials-container ul[data-group='tabs-group-default'] li {
  cursor: pointer;
}

/* Correct the alignment of bullets and text in <ul> in testimonials 
#testimonials-container .list-marked > li::before {
  top:15px;
  font-size: inherit;
} */



/* Set separation of the two buttons in Home - 'Publicaciones' when they are one above the other */
@media (max-width: 494px) {
  .custom-viactec-btn-not-first {
    margin-top: 10px;
  }
}

/*--------------------------------------------------------------
# privacy policy
--------------------------------------------------------------*/
.privacy-policy h3,
.privacy-policy h4,
.privacy-policy h5,
.privacy-policy h6 {
  margin-top: 20px;
}

.privacy-policy .list-marked > li::before {
  top: 12px;
  font-size: 15px;
}





/*--------------------------------------------------------------
# header
--------------------------------------------------------------*/
/* .unit-body-custom-viactec {
  display: flex;
  align-items: center;
} */



.rd-navbar-main-element {
    justify-content: space-between;
}

/* Fix the vertical alignement of the brand logo */
header .rd-navbar-brand > a.brand {
  display: flex;
}

/*--------------------------------------------------------------
# cards and icons
--------------------------------------------------------------*/

.icon-dossier-xl:before,
.icon-claim-xl:before,
.icon-handshake-xl:before,
.icon-atomium2-xl:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}


.icon-dossier-xl:before {
	background-image: url("../images/icons/icon-dossier-xl.png");
}

.icon-claim-xl:before {
	background-image: url("../images/icons/icon-claim-xl.png");
}

.icon-handshake-xl:before {
	background-image: url("../images/icons/icon-handshake-xl.png");
}

.icon-atomium2-xl:before {
  background-image: url("../images/icons/icon-atomium2-xl.png");
}


.icon-questionnaire-01:before,
.icon-claim-01:before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
}

.icon-claim-01:before {
	background-image: url("../images/icons/icon-claim-01.jpg");
}

.icon-questionnaire-01:before {
    background-image: url("../images/icons/icon-questionnaire-01.jpg");
}






.icon-box {
  padding: 60px 30px;
  transition: all ease-in-out 0.3s;
  background: #fefefe;
  box-shadow: 0px 5px 90px 0px rgba(110, 123, 131, 0.1);
  border-radius: 18px;
  border-bottom: 5px solid #fff;
}

.icon-box .icon {
  width: 64px;
  height: 64px;
  background: #2a93c9;
  border-radius: 50px; 
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
  transition: ease-in-out 0.3s;
  color: #fff;
}

.icon-box .icon i {
  font-size: 28px;
}

.icon-box h4 {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 24px;
}

.icon-box h4 a {
  color: #282828;
  transition: ease-in-out 0.3s;
}

.icon-box h6 {
	text-transform: none;
	font-weight: 500;
}
.icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.icon-box:hover {
  transform: translateY(-10px);
  border-color: #2a93c9;
}

.icon-box:hover h4 a {
  color: #2a93c9;
}
.icon-box .icon.icon-descargar {
    background: none;
    width: 100%;
    justify-content: space-between;
}
.icon-box .icon.icon-descargar > a.descargar-btn {
    align-self: baseline;
    background: #2a93c9;
    color: #fff;
    border-radius: 50px;
    padding: 8px 25px 9px 25px; 
    white-space: nowrap;
    transition: 0.3s;
    font-size: 14px;
    display: flex;
    align-items: center;
	  line-height: 1;
}

.icon-box .icon.icon-descargar > a.descargar-btn > i {
    margin-right: 10px;
}
.icon-box .icon i {
    font-size: 28px;
}

figure.thumbnail-josip > img {
  cursor: pointer;
}

p + h5 {
  margin-top: 55px;
}



/*--------------------------------------------------------------
# 'artificial' links: <span> replaces <a> because the <a>'s download 
feature doesn't work
--------------------------------------------------------------*/


span[data-file-url] {
	color:  #2a93c9 !important;
	transition: color 1s;
}

span[data-file-url]:hover {
	color:  #1d678c !important;
	text-decoration: underline;
	cursor: pointer;
	transition: color 1s;
}

/* fixing that sometimes the navbar items with submenu aren't aware of the submenu, due to the navbar loading from external html file (painted then after the corresponding <script src..> of the html docuemnt is loaded */
/*.viactec-navbar-item-with-submenu > ul {
  
  opacity: 0;
  transition: opacity, 1s !important;
} */ /* TODO: ask TemplateMoster.com/ZENEZ how to achieve that the submenu stays still after unhever, for 1-2 secs.*/

.viactec-navbar-item-with-submenu > ul,
.viactec-navbar-item-with-submenu:hover > ul {
    top: 50px;
}
.viactec-navbar-item-with-submenu:hover > ul {
    margin-top: 0px;
    visibility: visible;
    opacity: 1;
}


/* Add cursor:pointer to the testimonial carousel items */
#viactec-include-html-testimonials-carousel .item {
  cursor: pointer;
}


/*--------------------------------------------------------------
# testimonials
--------------------------------------------------------------*/
/* #viactec-testimonial-extended {
  margin-top: 90px;
} */


@media (min-width: 992px) {
    #viactec-testimonial-extended #testimonial.section-lg {
        padding: 80px 0 0px;
    }
}

#viactec-testimonial-extended blockquote::before {
  font-size: 24px;
  /* margin-top: 36px; */
}

#viactec-testimonial-extended,
#viactec-testimonial-extended blockquote.quote-classic  {
  font-size: 21px !important;
  line-height: 1.33333;
}

#viactec-testimonial-extended blockquote.quote-classic .quote-body {
    /* padding: 40px 10px 20px 35px; */
    padding: 0px 10px 20px 35px;
}

#viactec-testimonial-extended h3.testimonial-epigraph,
#viactec-testimonial-extended h4.testimonial-subepigraph {
  color: #2a93c9 !important;
}

#viactec-testimonial-extended h4.testimonial-subepigraph {
  font-size: 32px;
}

#viactec-testimonial-extended h4.testimonial-epigraph {
  color: #bdbdbd !important;
}


section#testimonial #person-image-identity {    
    width: 100%;
    padding: 0;
    aspect-ratio: auto;
    margin-bottom: 3rem;
}

section#testimonial #person-image-identity img { 
    width: 100%;    
}
section#testimonial .section-title.non-top {
    margin-top: 50px;
}

.testimonial-content-text,
.testimonial-content-tweets-posts,
.testimonial-content-videos {
    display: block;
}



section#testimonial .testimonial-content-text {
  text-align: justify;
}

/* section#testimonial .testimonial-content-text blockquote + p{
    font-size: 24px;
    line-height: 1.33333;
} */

section#testimonial .testimonial-content-tweets-posts {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;    
}   

section#testimonial .testimonial-content-tweets-posts .image-twitter { 
    flex: 0 0 100%;       
    margin: 0;
    margin-bottom: 2rem;
}

section#testimonial .testimonial-content-tweets-posts .image-twitter img {
    width: 100%;
    border: 0;
    aspect-ratio: auto;    
}

.testimonial-content-text h3 + p {
  margin: 2.5rem 0 2.5rem 0;
}

.testimonial-content-videos-header,
.testimonial-content-tweets-posts-header {
  padding-bottom: 0;
}

blockquote q {
  white-space: normal;
}

/* #viactec-include-html-testimonials-carousel.owl-carousel blockquote h5 cite {
  color: #2a93c9 !important;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
} */

#viactec-testimonial-extended blockquote + p {
  margin-top: 40px;
}

@media (min-width: 992px) {
    section#testimonial #person-image-identity {
        float: right;
        width: 33%;
        padding: 0 0 3% 4%;
        margin-bottom: 0;
    }

    section#testimonial #testimonial-content-tweets-posts {
        flex-direction: row;
        flex-wrap: wrap;
    }
   
    section#testimonial #testimonial-content-tweets-posts > .image-twitter:nth-child(1),
    section#testimonial #testimonial-content-tweets-posts > .image-twitter:nth-child(3n+1) {
        margin-left: 0;
    }

    section#testimonial #testimonial-content-tweets-posts > .image-twitter:nth-child(3n) {
        margin-right: 0;
    }
}



.privacy-policy-reference-and-link {
    margin-bottom: 1rem;
}