/*
Theme Name: Child Theme
Author: IFRA
Author URI: https://ifra.nl/
Description: Make all of your modifications in this child theme.
Version: 2.1
Template: enfold
*/

/* Toon scroll naar boven button op mobiel */
@media only screen and (max-width: 767px) {
.responsive #scroll-top-link { display: none !important;}
}


/* All Mobile Sizes (devices and browser) ***************************************/
  @media only screen and (max-width: 767px) {

  	.avia-section.nested .post-entry,
  	.avia-section.nested .tab_content,
  	.avia-section.nested .toggle_content,
  	.avia-section.nested .avia-testimonial { padding: 30px !important; }

  	.pricing-table li.avia-pricing-row { font-size: 8vw; }

}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) ***************************************/
  @media only screen and (max-width: 479px) {

  	.avia-section.nested .post-entry,
  	.avia-section.nested .tab_content,
  	.avia-section.nested .toggle_content,
  	.avia-section.nested .avia-testimonial { padding: 20px !important; }

  	.avia_ajax_form .form_element_fourth { width: 100%; }

}


}
/* Icoonbox uitlijnen en border geven */
.iconbox_top .iconbox_content {
    padding: 45px 20px 20px 20px;
    border-radius: 3px;
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 37%);
    min-height: 350px;
}

*/ aanpassen van de posts in zijbar */
aside.sidebar .news-thumb,
aside.sidebar .news-thumb img {
    float: none !important;
    width: 100%;
    height: auto;
}

.news-thumb img, .news-thumb img {
    width: 250px;
    height: 143px !important;
}

.news-thumb {
    float: none !important;
    height: 150px !important;
    width: 245px !important;
}

/* meta data weghalen */
.news-time {
    display: none;
}
.avia-content-slider .slide-meta div, .avia-content-slider .slide-meta time {
    display: inline-block;
    font-size: 0.9em;
    display: none;
}
span.post-meta-infos {
    display: none;
}

/* Titel van post widget aanpassen */
.news-headline {
    overflow: hidden;
    font-weight: 200;
    margin-top: 10px;
    margin-left: 2px;
    font-size: 14px;
    margin-bottom: 10px;
}

/* Padding button volledig breed */
#top .avia-button-fullwidth {
    padding: 11px;
    font-size: 16px;
    border: 1px solid #d0d0d0;
}

avia-button.avia-button-fullwidth.avia-icon_select-yes-right-icon.avia-color-custom  a:hover {
    color: #fff !important;
}

/* Hover kleur CTA buttons naar cyaan */
#top #wrap_all .avia-button.av-1uv12q5-3dddebf724f6adf764aa1a05cbcaa4e7:hover {
    background-color: #e8e8e8;
    color: #0a9ab8;
}
#top #wrap_all .avia-button.av-1qmd3sd-1bfb6811d64631fc427b3c080e0a7643:hover {
    background-color: #e8e8e8;
    color: #0a9ab8;
}
#top #wrap_all .avia-button.av-1ksndnx-84d44f335f653e854db20efe7e51114d:hover {
    background-color: #e8e8e8;
    color: #0a9ab8;
}

/* Hero titel */
.avia_textblock .hero-titel {
    font-size: 53px;
    color: #fff;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 30px;
	font-family: 'karla', Helvetica, Arial, sans-serif;
}

/* hero gedeelte 
div#hero {
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}
*/

/* Sectie na hero */
div#after_section_1 {
    border-top: 0px;
}

/* Slogan */
h3.slogan {
    margin-top: 15px;
    color: #fff;
}

/* Promobox borders */
.av_promobox {
    border-radius: 3px;
}

/* Scroll naar boven verwijderen */
#scroll-top-link {display: none; }

/* Reis bollen */
.av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg {
    border-radius: 50%;
    max-height: 200px;
    max-width: 200px;
    min-width: 200px;
    min-height: 200px;
}

/* Extra oranje tag in titel */

.oranje-titel {
    color: #f49600;
}

/* --------------------------------------------------------------- */
/* ---------------------- Mobiel --------------------------------- */
/* --------------------------------------------------------------- */


/*----------------------------------------
// 
// Toggle Columns -h2 - image
//
//--------------------------------------*/
@media only screen and (max-width:767px) {
.col-25p {
width:49%!important;
}
.col-25p.av_one_fourth{
margin-left:1%!important;
}
}

@media only screen and (max-width:767px) {
.responsive #top #wrap_all .av-flex-cells .no_margin.col-25p {
	width:49%;
	display: inline-block;
}
}

@media only screen and (max-width:767px) {
.av-styling-circle .avia-image-container-inner, .av-styling-circle .avia_image, .av-styling-circle .av-image-caption-overlay, .av-styling-circle div.av-caption-image-overlay-bg {
    border-radius: 50%;
    max-height: 130px;
    max-width: 130px;
    min-width: 100px;
    min-height: 100px;
}
}

@media only screen and (max-width:767px) {
#top #wrap_all .all_colors h2 {
    font-size: 16px;
}
}


/* Font in hero titel voor mobiel */

@media only screen and (max-width: 479px) {
.avia_textblock .hero-titel {
    font-size: 40px !important;
    font-weight: 400;
}
.avia-button.avia-size-medium {
    min-width: 100%;
}
}


/* ---------------------------------------------------------- */


/* --------------------------------------------------------------- */
/* -------------------------   vorige CSS ------------------------ */
/* --------------------------------------------------------------- */

body.home #av_section_1 {
   min-height: 50vh;
   display: flex;
   align-items: center;
}

@media screen and (min-width: 992px) {
   body.home #av_section_1 {
      min-height: 90vh;
      display: flex;
      align-items: center;
   }
}

@media screen and (min-width: 1730px) {
   body.home #av_section_1 {
      min-height: 70vh;
      display: flex;
      align-items: center;
   }
}


body.home #av_section_1 h1{
   max-width: 18ch;
   font-weight: 500;
}

.html_header_transparency body.home #av_section_1 .container {
   padding-top: 0;
}

#header_main .inner-container {
   display: flex;
   align-items: center;
}

#header_main .inner-container .logo{
   height: auto;
}

#header_main .inner-container .logo img {
   width: 260px;
}

/*
#menu-item-search{
   display:none!important;
}
*/

@media screen and (min-width: 992px) {
   .section-logos .entry-content-wrapper.clearfix {
      display: flex;
      align-items: center;
   }
}

.section-logos .section-logos-gallery .avia-gallery-thumb a:hover {
   opacity: 1!important;
}

.section-logos .section-logos-gallery .avia-gallery-thumb img {
   border: none;
   border-width: 0!important;
   padding: 32px!important;
}

@media screen and (max-width: 768px) {
   .section-logos h2.av-special-heading-tag {
      text-align: center;
      letter-spacing: 0;
   }

   .section-logos .section-logos-gallery .avia-gallery-thumb a {
      width: 50%!important;
   }

   .section-logos .section-logos-gallery .avia-gallery-thumb a img {
      padding: 24px!important;
   }
}

#top .main_color .avia-color-theme-color {
   border-color: #f49600;
}

#top #header .av-main-nav > li > a {
   text-transform: unset!important;
}

.section-featured-image {
   margin-top: -72px!important;
}

.section-featured-image .avia-image-container-inner {
   width: 100%;
}

.section-featured-image .avia-image-container-inner img {
   width: 100%;
   height: 260px;
   object-fit: cover;
   border-radius: 16px;
}

.section-trip-row .card-trip {
   position: relative;
   height: fit-content;
   width: 180px;
   margin-bottom: 16px auto;
}

.section-trip h2 {
   font-weight: 500;
}

@media screen and (min-width: 992px) {
   .section-featured-image .avia-image-container-inner img {
      height: 500px;
      border-radius: 24px;
   }

   .section-featured-image {
      margin-top: -140px!important;
   }



.menu-item-vacancies > a {
   position: relative;
}

.menu-item-vacancies > a::before {
   content: attr(title);
position: absolute;
top: 22px;
right: 0;
background-color: #0099B9;
color: #fff;
width: 17px;
height: 17px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 9px;
}