/*
Theme Name:     icebergcharts
Version:        0.1
Description:    Dit is een thema speciaal gemaakt voor de website icebergcharts
Author:         Nassim Bakkioui
Tags:           full-site-editing
*/

/*hieronder komt echt css code */

.wp-site-blocks > :first-child {
    position: relative !important;
    z-index: 99999 !important;
}


.introText {
    animation-name: SlowPoping;
    animation-duration: 2s;
}

.fotoBack {
    position: relative !important;
    z-index: 1 !important;
    animation-name: IcebergMove;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

.wp-block-cover.fotoBack, 
div.wp-block-cover.has-custom-content-position.is-position-top-center {
    position: relative !important;
    z-index: 1 !important;
    
    animation-name: IcebergMove;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes IcebergMove{
    0% {
        opacity: 0%;
        transform: translateY(-40px);
    };
    
    100%{
        opacity: 100%;
    };
}

@keyframes SlowPoping{
    0% {
        opacity: 0%;
        transform: translateY(-25px);
    };
    
    100%{
        opacity: 100%;
        
    };
}

.vraieIceberg {
    animation-name: movement;
    animation-duration: 2.5s;
    animation-timing-function: ease-in-out;
}

@keyframes movement{
    0% {
        opacity: 0%;
    };
    
    100%{
        opacity: 100%;
        
    };
}

.nav {
    position: relative !important;
    z-index: 99999 !important;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.nav :hover {
    transition-duration: 0.5s;
    background-color: #8BA8B4;

}

.nav :active {
    background-color: #344B50; 
}

.navFooter{
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.navFooter :hover {
    transition-duration: 0.5s;
    color: #8BA8B4;

}

.button a:hover {
    transition-duration: 0.5s;
    background-color: #8BA8B4;
}

.button a:active {
    background-color: #344B50; 
}











.sendButton input[type="submit"] {
    height: 55px;
    width: 130px;
    text-align: center !important;
    border-radius: 55px !important;
    background: #325562 !important;
    background-color: #325562 !important;
    border-color: #325562 !important;
    color: #ffffff !important;
    transition-duration: 0.5s;
    font-family: inherit !important;
}

.sendButton input[type="submit"]:hover {
    background: #8BA8B4 !important;
    background-color: #8BA8B4 !important;
    border-color: #8BA8B4;
    color: #ffffff !important;
}