/* Blauwe bovenbalk*/
.domains ul { margin: 0; padding: 0; list-style: none; border: none; background: transparent; display: none; width: auto; }

.contact-us { float: right; padding: 0;
	display: none;
}

.top { background: #007abc; color: #e6ebf1; }

/* Witte bovenbalk*/
.navigation_container .rm-closed, .navigation_container .rm-fullmenu {
	margin-bottom: 0;
	padding-bottom: 20px;
	margin-right: 100px;
}

/* Menu*/
.navigation_container .active a { color: #007abc; }

.navigation_container a {
	font-family: 'Crete Round', serif; }

/* Logo */


@media screen and (min-width: 600px) { .logo img { vertical-align: middle; max-height: 60px;
	margin-left:20px !important;
}}

@media screen and (min-width: 800px) { .logo img { vertical-align: middle; max-height: 80px;
	margin-left:100px !important;
}}

/* Tekst*/
h1, h2, h3, h4, h5, h6, p { margin: 0 0 15px; }

h1, h2, h3, h4, h5, h6 { font-family: 'Crete Round', serif; }

p, { font-family: 'Roboto', sans-serif;}

.contentcdn{max-width:1200px;margin:1.5em auto 3em;}
.contentcdn h1,.contentcdn h2,.contentcdn h3{line-height:120%;}
.contentcdn .ps-btn{
display:inline-block;
font-size:1.9em;
color:#fff;
background-color:#edbe17;
padding:.4em .5em;
margin:.3em .3em .7em;
border-radius:7px;
text-decoration:none;
text-shadow:1px 1px 2px #555;
box-shadow:1px 1px 3px #555;
}
.contentcdn .ps-btn:hover{color:#fff;background-color:#007abc;transition:all .2s linear;transform: scale(1.02)}
.contentcdn img{
display:block;
margin:0 auto 1rem;
}
.iboxbox{max-width:900px;display:block;margin:0 auto 15px;}
.ibox{
position:relative;
width:100%;
height:0;
padding-top:   56.25%;
}
.ibox iframe{
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:100%;
height:100%
}

/* Intro*/
.pcb-row--intro  {
	margin-bottom: 40px;
}

.pcb-row--intro p {
	color: #fffcfc !important;
	text-align: left !important;
	font-family: 'Crete Round', serif;
}

/* Header H1 en interlinie*/
.pcb-row--header h1 { color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); font-size: 30px; line-height: 36px; margin-bottom: 10px; }


/* Slider homepage*/
.pcb-slider__item .pcb-slider__caption h4 { color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); font-size: 30px; line-height: 36px; font-weight: 300; margin-bottom: 10px; }

@media screen and (min-width: 600px) { .pcb-slider__item .pcb-slider__caption h4 { color: white; text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); font-size: 30px; line-height: 36px; font-weight: 300; margin-bottom: 10px; font-weight: 500;} }

@media screen and (min-width: 1020px) { .pcb-slider__item .pcb-slider__caption h4 { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); font-size: 65px; line-height: 75px; font-weight: 500;} }

@media screen and (min-width: 1020px) { .pcb-slider__item { height: 330px; font-weight: 500;} }

.pcb-slider__item .pcb-slider__caption { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); color: white; padding-left: 105px; padding-right: 10px; padding-top: 30px; font-size: 40px; margin-bottom: 50px; }

@media screen and (min-width: 600px) { .pcb-slider__item .pcb-slider__caption { text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5); padding-top: 0px; font-size: 35px; } }



/* pijltje/arrow */
.pcb-row--arrow:after { display: none;}

.pcb-row--split.pcb-row--arrow .pcb-column:after { display: none !important; position: absolute; content: " "; border-left: 36px solid transparent; border-right: 36px solid transparent; border-top: 36px solid #fff; top: 0; left: 50%; margin-left: -36px; }


/* Buttons */

@media screen and (min-width: 760px) { .navigation_container .button-style { background: #edbe17; color: white; font-size: 14px; line-height: 40px; margin-top: 25px; margin-bottom: 25px; padding-left: 10px; margin-left: 10px; padding-right: 25px; border-radius: 4px; /* Hide the underline effect */ /* Add a chevron to the right */ }

/* Menu */
@media screen and (min-width: 760px) { .navigation_container a { position: relative; }
  .navigation_container a:after { display: block; position: absolute; content: " "; bottom: 0; left: 10px; right: 10px; height: 10px; background: #edbe17; -webkit-transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); } }


.button--large, .button, .button--small { display: inline-block; background: #edbe17; color: white; font-weight: 600; -webkit-transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); border-radius: 4px; }

.button-on-white:hover, .button-on-white:focus { background: #edbe17; }

.button--orange, .pcb-card__button a, .pcb-button a, .pcb-row--blue-column .pcb-column--last .pb-element-button .btn, .formResponsive .rsform-submit-button[type="submit"]:first-child { background: #edbe17; color: white; }

.button--blue { background: #007abc; color: white; }

.button--grey, .faq__button { background: #58595B; color: white; border-radius: 4px; }

.card:hover { background: #edbe17; outline: 10px solid #edbe17; }

.card__content .card__button { display: inline-block; background: #636363; padding: 10px; color: white; line-height: 1em; text-decoration: none; -webkit-transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); transition: all 0.15s cubic-bezier(0.195, 0.4, 0.45, 0.785); border-radius: 4px; }

/* Get in touch */
.get-in-touch { text-align: center; background: #007abc; color: white; padding: 15px 0; font-size: 1.25em; }

.get-in-touch { text-align: center; background: #edbe17; color: #5e5e5e; padding: 15px 0; font-size: 1.1em; }

.button--large { font-size: 20px; line-height: 20px; padding: 10px;
	background-color: #636363;}
	
.get-in-touch { text-align: center; background: rgba(237, 190, 23, 100); color: #5e5e5e; padding: 15px 0; font-size: 1.1em; }
}

/* Container */
.select2-container .select2-choice .select2-arrow { display: inline-block; width: 18px; height: 100%; position: absolute; right: 0; top: 0; ; border-radius: 0 4px 4px 0; background-clip: padding-box; }



.select2-results .select2-highlighted { background: #007abc; color: #fff; }


.select2-container-multi .select2-choices .select2-search-choice-focus { background: #d4d4d4; }


.select2-drop.select2-drop.select2-drop.select2-drop { background: #007abc; padding: 5px; min-width: 140px; }


.navigation_container .active .button-style { background: #007abc; color: white; }



/* Rows */

.pcb-cards:before, .pcb-cards:after { display: table; content: " ";
	margin-top: 80px;
}

.pcb-row--intro { background-color:#007abc; color: white;
	margin-bottom: 0px;
}

.pcb-row--blue { background: #007abc; color: white; }

.pcb-row--blue-column .pcb-column--last { outline: 10px solid #007abc; padding: 10px; margin-top: 10px; background: #007abc; color: white; }

/* Footer */
.footer { background: #007abc; color: white; padding: 15px 0 0 15%;
}



.footer__modules address:after { display: block; position: absolute; content: " "; top: 100%; left: 0; width: 100px; height: 1px; background: #007abc; }

.footer__modules p:after { display: block; position: absolute; content: " "; top: 100%; left: 0; width: 100px; height: 1px; background: #007abc; }

.footer__modules .module__header:after { display: block; position: absolute; content: " "; top: 100%; left: 0; width: 100px; height: 1px; background: #edbe17; }

.footer__modules li:after { display: block; position: absolute; content: " "; top: 100%; left: 0; width: 100px; height: 1px; background: #007abc; }

.pcb-row--blue { background: #007abc; color: white; }

/* Overig */

.pcb-card img { vertical-align: top; border-radius: 2%; width: 100% !important; height: auto; margin: 0px 0 0px; }


.pcb-row--cards .pcb-card:hover, .pcb-row--cards .pcb-card:focus { color: white;
	background-color: #edbe17;
}

.pcb-row--cards .pcb-column-12 {
	margin: -120px 0 0;
}

.pcb-gallery__title { position: absolute; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); font-size: 16px; line-height: 24px; text-transform: uppercase; color: white; padding: 10px 15px; text-align: left; }

/* Contactformulier */
.formResponsive .formHorizontal .rsform-block {
    margin-bottom: 18px;
    *zoom: 1;
	padding-left: 15px!important;
}


/* Categorie blog: bannerrij zonder kop houdt de hoogte die de oude header-rij had (zie scss/molecules/pcb/_row.scss) */
.pcb-row--banner .pcb-columns { min-height: 55px; }

/* Homepage: headervisual even hoog als de slider op de live site (300px vanaf 600px, 330px vanaf 1020px) */
.frontpage .pcb-row--banner { padding-top: 0; min-height: 200px; }
.frontpage .pcb-row--banner .pcb-columns { min-height: 0; padding-bottom: 0; }
@media screen and (min-width: 600px) { .frontpage .pcb-row--banner { min-height: 300px; } }
@media screen and (min-width: 1020px) { .frontpage .pcb-row--banner { min-height: 330px; } }

/* Teaser-afbeeldingen in de categorieblogs dragen nu hun intrinsieke width/height,
   zodat de browser de ruimte reserveert en de tekst eronder niet meer verspringt
   tijdens het laden. Zie html/com_content/category/blog_item.php.
   height:auto houdt het schalen proportioneel: zonder deze regel blijft de hoogte
   uit het attribuut staan zodra max-width de breedte terugschaalt. */
.pb_image img {
  height: auto;
}

/* Homepage: de twee foto's zijn 4:3, het ISO-logo is bijna vierkant (300x322) en
   stak daardoor onderuit. De afbeeldingsbox krijgt de 4:3 van de foto's; het logo
   schaalt daar met max-height in en staat horizontaal gecentreerd.
   width/height auto in plaats van 100%: zo wordt een afbeelding die kleiner is dan
   de kolom niet opgeblazen. De aspect-ratio op de box houdt de hoogte vast, dus de
   tekst eronder verspringt hier sowieso niet meer. */
.frontpage .pb_image {
  aspect-ratio: 4 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
}

.frontpage .pb_image img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/* Tussen de introband en de eerste gridrij stond op de oude site een lege rij. Die
   maakte via .pcb-columns { padding-bottom: 45px } precies de ruimte die daar hoort.
   Bij de conversie is die lege rij weggevallen, waardoor de items strak tegen de
   band aan kwamen. Dit zet dezelfde 45px terug.
   Rijen met .pcb-row--arrow (Producten) brengen hun eigen padding-top van 90px mee
   en slaan dit dus over. */
.pcb-row--intro + .pcb-row:not(.pcb-row--arrow) {
  padding-top: 45px;
}

/* Ruimte tussen het taallabel en het chevron-icoon; die zat er niet in.
   De ruimte komt van het tekstelement en niet van een margin op de pijl, want die
   staat via een eerdere regel in dit bestand absoluut gepositioneerd op right: 0 en
   negeert marges. De selector heeft evenveel klassen als de bestaande padding-regel
   op .select2-chosen in style.css en staat later in de cascade, dus hij wint. */
.select2-container.select2-container.select2-container.select2-container .select2-chosen {
  padding-right: 8px;
}