/*!
Theme Name: Oriole, iClicks
Theme URI: https://iclicks.nl/
Author: Jonathan Munoz, iClicks
Author URI: https://iclicks.nl/
Description: Customized iClicks theme.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oriole
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready, grid-layout, one-column, two-columns, left-sidebar, right-sidebar, footer-widgets, full-width-template, theme-options

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Oriole is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*TEAM*/
.team-grid {
	display: flex;
	flex-flow: row wrap;
}
.single-team-person {
    position: relative;
    overflow: hidden;	
	float:left;
	width:calc(25% - 15px);
	margin-right: 20px;
	margin-bottom: 20px;
}
.single-team-person:nth-child(4n+4) {	
	margin-right: 0px;
}
.single-team-person-img {
    height: 100%;
    width: 100%;	
}
.single-team-person-content {
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    transition: .4s;
}
.single-team-person:hover .single-team-person-content {
          left: 0;
}
.single-team-person-content.bg-green {
	background-color: rgba(51,159,162,.7);	
}
.single-team-person-content.bg-yellow {
          background-color: rgba(231,173,92, .7);
        }
.single-team-person-content.bg-kaki {
          background-color: rgba(148,188,188, .7);
        }
.single-team-person-content.bg-orange {
          background-color: rgba(221,152,123, .7);
        }
.single-team-person-content.bg-pink {
          background-color: rgba(229,193,197, .7);
        }

.single-team-person p {
    font-size: 1.8rem;
    text-align: center;
    color: #fff;
    margin-bottom: 0px;
}
.single-team-person-content .team-heading {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 100%;
}
.single-team-person-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.single-team-person-content .inner {
    width: 100%;
}
.single-team-person p.name {
	font-weight: 700;	
}
.single-team-person-content .inner p:last-child {
    margin-bottom: 3rem;
}
ul.no-list-footer {
	display: flex;
	margin:0px;
	padding-left: 0px;
}
ul.no-list-footer li {
	list-style: none;
}
ul.no-list-footer li {
	position: relative;
	padding-left: 0px;
	margin:0px 0px 20px 0px;	
}
ul.no-list-footer li a.facebook:before {
	content:'\f082';
	font-family: "Font Awesome 5 Brands";
	color:#fff;
	position: absolute;
	top:-32px;
	left:0px;
	font-size: 60px;

}

.home__team .team-slider .wrapper .img-wrapper img{
	height:470px!important;
}
@media only screen and (max-width: 678px) {
  .site-info .colophon-col {
    padding: 2rem 1rem;
    text-align: center;
  }
 .single-team-person {
	width:calc(50% - 10px);
}
.single-team-person:nth-child(2n+2),
.single-team-person:nth-child(4n+4) {	
	margin-right: 0px;
}
}

#tophead .icon{
	display:none;
}

.home__intro_2 a .block .wrapper .img-wrapper img {
    height: 57px;
    width: 64px;
}
.pum-content i,
.pum-content em {
    font-family: "GT-Alpina-Standard-Regular-Italic",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: bold;
}

.single-team-person-content.bg-yellow {
    background-color: rgba(250, 253, 128, 0.7);
    opacity: 0.7;
}
.single-team-person-content.bg-primary {
    background-color: rgba(0, 41, 31, 0.7);
    opacity: 0.7;
}
.single-team-person-content.bg-copper {
    background-color: rgba(203, 149, 115, 0.7);
}
.single-team-person-content.bg-white {
    background-color: rgba(255, 255, 255, 0.7);
    opacity: 0.7;
}
.single-team-person-content.bg-lightgreen {
background-color: rgb(112 187 154 / 70%) !important;
}

.single-team-person-content .name,
.single-team-person-content .function {
 color: #fff !important;
}
.single-team-person-content.bg-yellow .function,
.single-team-person-content.bg-white .function,
.single-team-person-content.bg-yellow .name,
.single-team-person-content.bg-white .name {
    color: black !important;
}

/* seb's magic hacks */
.home__intro_2 a .block .wrapper .content {
padding:2rem;
}

.privacyButton {
    --color-bg: #70bb9a!important;
}
/* Algemene styling voor de knoppen */
#uc-main-dialog .buttons-row button {
    background-color: #ff6600 !important; /* Oranje achtergrond */
    color: white !important; /* Witte tekst */
    border: none;
    border-radius: 5px;
    padding: 12px 24px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

/* "Deny" knop (Weigeren) */
#uc-main-dialog .uc-deny-button {
    background-color: #cc0000 !important; /* Rood */
}

/* "Accept All" knop (Alles accepteren) */
#uc-main-dialog .uc-accept-button {
    background-color: #008000 !important; /* Groen */
}

/* Hover-effecten */
#uc-main-dialog .buttons-row button:hover {
    opacity: 0.8;
}

/* slider op home CSS overschrijving */

.home__hero-scene .bg,
.home__hero-scene {
    height: calc(100vh - 290px) !important;
}

@media (max-width: 767.98px) {
    .home__hero-scene {
        height: 335px !important;
    }
}