:root{
    --color-primary: #ff02a8;
    --color-secondary: #620aa3;
    --color-details: #cccccc;
}



.padding{
    padding: 25px;
}

.logo{
    height: 50px;
}

.navbar{
    background-color: #000000;
}

.fas{
    /*color: #cccccc;*/
}
.nav-link:a{
    color: var(--color-details);
}
.nav-link:active{
    color: #ff02a8;
}
.nav-link:hover{
    color: #ff02a8;
}

a{
    color: var(--color-details);
}
a:active{
    color: #ff02a8;
}
a:hover{
    color: #ff02a8;
}

/*
Custom headers per page
*/

.welcome-page-header{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.projecten-page-header{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.over-page-header{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.contact-page-header{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.socialmedia-marketing{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.content-marketing{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}
.seo-marketing{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}

.contact-page-header{
    background-image: url("/media/header_image_v5.png");
    height: 500px;
    text-align: center;
}


.ervaring{
    background-color: #343434;
    height: 500px;
    text-align: center;
}

.contact{
    background: var(--color-secondary);
    height: 500px;
    text-align: center;
}

.header-text{
    padding-top: 100px;
    text-align: center;
    text-shadow: 2px 2px #ffffff;
}

h1{
    font-family: 'Edu TAS Beginner', cursive;
}
h2{
    font-family: 'Edu TAS Beginner', cursive;
}
h3{
    font-family: 'Edu TAS Beginner', cursive;
}
h5{
    font-family: 'Edu TAS Beginner', cursive;
}

hr{
    border-color: var(--color-primary);
    width: 400px;
}

.project-date{
    color: var(--color-details);
}

.btn-tbm{
    background: var(--color-primary);
    color: #FFFFFF;
}

.card-header{
    color: var(--color-details);
    background: var(--color-secondary);
}

.card-body{
    background-color: #f3f2f2;
}

/*
Styling services
*/
.services-custom-class{
    background: var(--color-secondary);
    padding-top: 50px;
    padding-bottom: 50px;
}

.services-custom-header-row{
    padding: 25px
}

.services-custom-title{
    color: #FFFFFF
}

.services-custom-card-height{
    height: 285px
}

.services-custom-card-header-background{
    background-color: #f3f2f2
}

.services-custom-card-title{
    color: #000000;
    font-size: x-large
}

.services-custom-deck-title{
    padding: 25px;
}

.services-custom-card-body{
    background-color: #FFFFFF;
}

.custom-card-footer-background{
    background-color: #f3f2f2
}

.custom-primary-btn{
    background:  var(--color-primary);
    color: #FFFFFF;
}


/*
Styling projecten
*/
.projecten-custom-class{
    background: var(--color-secondary);
    padding-top: 50px;
    padding-bottom: 50px;
}

.projecten-custom-card{
    padding: 25px;
}

.projecten-custom-header-row{
    padding: 25px;
}

.projecten-custom-title{
    color: #000000;
}

.projecten-custom-card-title{
    color: #000000;
    font-size: x-large;
}

.projecten-custom-card-height{
    height: 285px;
}

.projecten-custom-card-header-background{
    background-color: #f3f2f2;
}

.projecten-custom-alle{
    background: #FFFFFF;
    padding-top: 50px;
    padding-bottom: 50px;
}

.projecten-custom-card-footer-background{
    background-color: #f3f2f2;
}

.projecten-padding-50{
    padding: 50px;
}

.projecten-custom-card-background{
    background-color: #FFFFFF;
}

.projecten-custom-image{
    width: 150px;
}

.projecten-custom-card-title{
    color: #000000;
    font-size: x-large;
}

.projecten-custom-deck-title{
    padding: 25px;
}

.projecten-custom-card-body{
    background-color: #FFFFFF;
}

.custom-card-footer-background{
    background-color: #f3f2f2
}

.custom-primary-btn{
    background:  var(--color-primary);
    color: #FFFFFF;
}

.footer-devider{
    text-align: center;
    padding: 25px;
}

.custom-icon-config{
    color:  var(--color-primary);
font-size: xxx-large;
}

.custom-contact-container{
    background-color:#000000;
    padding-top: 50px;
    padding-bottom: 50px;
}

.custom-small-icon-config{
    color: var(--color-primary);
    font-size: small;
}

.custom-medium-icon-config{
    color: var(--color-details);
    font-size: medium;
}

.custom-xxlarge-icon-config{
    color:  var(--color-details);
    font-size: xx-large;
}

.custom-footer-container {
    background: #000000;
    color: var(--color-details);
}

.custom-footer-label{
    color: var(--color-primary);
    padding-top: 25px;
    padding-bottom: 25px;
}

.custom-container{
    padding-top: 50px;
    padding-bottom: 50px;
}

.custom-row-padding{
    padding-bottom: 50px;
}