/*
Theme Name: Pexor
Theme URI: https://lefcreative.nl/
Author: Lef Creative
Author URI: https://lefcreative.nl/
Description: Thema voor Pexor
Version: 1.0.0
License: /
License URI: /
Template: leflite
*/

h1 strong {
      -webkit-text-stroke: 2px white;
    paint-order: stroke fill;
  color: var(--primary);
}
h6 {
 margin-bottom: 0px; 
}
.main-nav-menu li:not(.menu-item-has-button) {
 margin: 0 10px; 
}
.menu-item-has-button span{
  display: flex;
  align-items: center;
  justify-content: center;
}
.menu-item-has-button i {
 font-size: 20px;
  margin-right: 8px;
}
.menu-item-has-button.reverse-icon span {
 flex-direction: row-reverse; 
}
.menu-item-has-button.reverse-icon span i{
  margin-right: 0px;
  margin-left: 8px;
}
.menu-item-button.bg-transparent {
 border-color: white; 
}
.menu-item-button.bg-transparent:hover *{
 color: var(--primary);
}

.topbar-inner * {
 font-size: 13px; 
}
.topbar-inner i {
 color: var(--secondary); 
}

.bg-glow {
 position: relative;
  overflow: hidden;
}
.bg-bottom-right:after {
  content: '';
width: 630px;
    height: 543px;
    background-image: url(img/blob.svg);
    position: absolute;
    bottom: 0;
    right: 0;
}
.blob-left:after {
    content: '';
width: 630px;
    height: 543px;
    background-image: url(img/blob-left.svg);
    position: absolute;
    bottom: 0;
    left: 0;
}
.dots-row {
      background-image: url('img/dots-row.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
}
.dots-top-left {
    background-image: url('img/dots.svg');
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: top left;
}
footer {
  margin-top: 100px;
  position: relative;
}
.footer-inner {
 padding: 200px 0px 100px 0px; 
}
footer:before {
content: '';
    width: 100%;
    height: 350px;
    background-image: url(img/blob-footer.svg);
    position: absolute;
    top: -350px;
    left: 0;
}
.footer-cta {
 position: relative;
  z-index: 2;
  margin-bottom: -200px;
}
.card-callback {
  padding: 42px 52px;
}
#breadcrumbs {
      padding: 6px 20px;
    background: #ffffff1a;
    margin-bottom: 20px;
    display: inline-block;
}
span.counter {
  font-size: 12px;
    width: 20px;
    height: 20px;
    background: #A72929;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 1000px;
    position: relative;
    top: -10px;
    font-weight: 600;
}

.card-portfolio {
    min-height: 510px;
  	border: none!important;
}
.card-portfolio .buttons-holder {
    display: none;
}
.card-portfolio .image-outer {
    height: 100%;
    position: absolute;
}

.card-portfolio .image-outer .image-holder {
  height: 100%;
}
.card-portfolio .content-outer {
  background: rgb(255 255 255 / 73%)!important;
}
.card-portfolio .content-outer * {
 font-weight: 300;
  margin-bottom: 0px;
  color: var(--primary);
}
.tns-controls.top-right {
  margin-top: -70px!important;
}
.tns-item {
 transition: 0.3s; 
}
.tns-item:not(.tns-slide-active){
 opacity: 0.3; 
}
.tns-ovh {
  overflow: visible!important;
}


@media only screen and (max-width: 768px) {
    .navigation .logo {
        max-height: 50px;
    }
}