/* Have fun adding your style here :) - PS: At all times this file should contain a comment or a rule, otherwise opera might act buggy :( */

/* General Custom CSS */
#socket {
  font-size: 14px;
}

.logo {
  padding: 10px 0;
}

#footer, #socket {
  a:hover {
    text-decoration: underline;
  }
}

#footer {
  .novellux-footer-logo {
    width: 237px;
  }

  #media_image-4 {
    margin-bottom: 0px !important;
  }

  #text-2 {
    margin-top: 0px !important;

    .widgettitle {
      color: #ffffff;
    }
    
    a {
      font-size: 110%;
    }
  }
  
  #footer-certificates {
        margin-top: 30px;
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 35px 0;
    align-items: center;
    justify-content: center;
    
    > img {
      width: 90px;
    }
    
    > img:last-child {
      width: 142px;
    }
    
    #footer-brl {
      background-color: white;
      padding: 5px; 
    }
    
  }
}

.wp-google-list > .grw-header > .grw-header-inner {
  padding: 16px !important;
	
	a {
		line-height: 0 !important;	
	}
}

.wp-google-powered {
  display: none !important;
}

.av-tab-section-image, .av-tab-arrow-container {
  width: 100% !important;
}

#contact-table {
  margin-top: 15px;
  
  .avia-desc-col {
    text-align: left;
  }
}

.iconbox_content_title {
  font-weight: 300;
}

#offerte-aanvragen {
  color: white;
  h2, .required, .wpcf7-file {
    color: white !important
  }
  
  input, select, textarea {
    color: #222222 !important;
  }
	
	a {
		color: white;
		text-decoration: underline;
	}	
  
  input[type=submit], .button {
    color: white !important;
    opacity: 1 !important;
    border: 1px solid white;
    
    &:hover {
      cursor: pointer !important;
      background-color: white;
      color: #222222 !important;
    }
  }
	
	.wpcf7-list-item, .wpcf7-list-item-label {
		padding: 0;
		margin: 0;
		color: white;
	}
	
	 .wpcf7-not-valid-tip
	{
		color: white;
		border: 1px solid white;
        padding: 2px 6px;
	}
}

.slide-entry-wrap {
  display: flex;
  align-items: center;
}

#energie-merken {
  .slide-entry {
    padding: 0 30px !important;
  }
}

#beveiliging-tabs {
  .av-tab-section-image {
    height: 40px;
  }
  
  .av-tab-section-tab-title-container {
    > a:first-child {
      &.av-active-tab-title {
        > span:first-child {
          background-image: url(/wp-content/uploads/2024/09/light-emergency-on-solid-1.svg) !important;
        }
      }
    }
    
    > a:nth-child(2) {
      &.av-active-tab-title {
        > span:first-child {
          background-image: url(/wp-content/uploads/2024/09/camera-cctv-solid-1.svg) !important;
        }
      }
    }
    
    > a:nth-child(3) {
      &.av-active-tab-title {
        > span:first-child {
          background-image: url(/wp-content/uploads/2024/09/phone-intercom-solid-1.svg) !important;
        }
      }
    }
    
    > a:last-child {
      &.av-active-tab-title {
        > span:first-child {
          background-image: url(/wp-content/uploads/2024/09/gear-solid-1.svg) !important;
        }
      }
    }
  }
}

#av-burger-menu-ul {
  > li > a {
    font-weight: bold;
    text-transform: uppercase;
  }
}

/*
Desktop Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the desktop view of your site */

@media only screen and (min-width: 768px) {
  /* Add your Desktop Styles here */
  #header_meta {
    height: 40px;
    display: flex;
    align-items: center;
    color: white;

    .phone-info {
      font-size: 100%;
      font-weight: 500;
      width: 100%;
      color: white;

      > div {
        display: flex;
        justify-content: space-between;
      }
    }
  }

  #menu-item-2086 {
    display: flex;
    align-items: center;
    width: 240px;
    height: 118px;
    border-left: 1px solid #f8f8f8;

    > .wp-gr {
      opacity: 1 !important;
      padding-bottom: 0px !important;
      display: block;
    }
  }
}

#onderhoud-table {
  .avia-heading-row, .pricing-extra {
    color: var(--enfold-main-color-primary);
    background-color: #f8f8f8;
    font-weight: 500;
    text-transform: uppercase;
  }
  
  li {
    > div:not([class]) {
      display: flex;
      justify-content: center;
    }
  }
  
  .avia-pricing-row {
    small, .currency-symbol {
      opacity: 0.6;
    }
  }
	
	.empty-table-cell {
	  display: none;
	}
}

/* Alleen middelste kolom header */
.pricing-table-wrap:nth-of-type(2) .avia-heading-row {
  position: relative;
  padding-bottom: 28px; /* ruimte maken onder de titel voor de badge */
}

/* Groene badge onder de titel en gecentreerd */
.pricing-table-wrap:nth-of-type(2) .avia-heading-row::after {
  content: "Meest gekozen";
  position: absolute;
  bottom: 10px;           /* afstand tot onderkant header */
  left: 50%;
  transform: translateX(-50%);
  background: #1f7a3a;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 3px;
  line-height: 1;
  white-space: nowrap;
}

/*
Mobile Styles
================================================== */
/* Note: Add new css to the media query below that you want to only effect the Mobile and Tablet Portrait view */

@media only screen and (max-width: 767px) {
  /* Add your Mobile Styles here */
  #header_meta {
    display: none !important;
  }
  
  .av-recaptcha-area {
    > div:first-child {
      width: 286px !important;
    }
  }
  
  .slide-entry-wrap {
    display: flex;
    flex-flow: column;
    
    .slide-entry {
      width: 80% !important;
      margin-bottom: 25px !important;
    }
  }
}