/*
Theme Name:     Drinks&Art
Version:        1.0
Description:    Thema speciaal gemaakt voor de website Drinks&Art.
Author:         Hayley Dockx
Tags:           full-site-editing
*/



 /* navigatie */

.nav{
    text-decoration: none;
    color: #ffffff;
    position: relative;
}

.nav::after{
    content:"";
    background-color: white;
    width: 100%;
    height: 2px;
  
    position: absolute;
    left: 0;
    bottom: -2px;
  
    transition: 0.3s transform;
    transform: scaleX(0);
    transform-origin: center;
}

.nav:hover::after{
    transform: scaleX(1);
}


.current-menu-ancestor::after,
.current-menu-item::after {
    content:"";
    background-color: white;
    width: 100%;
    height: 2px;
  
    position: absolute;
    left: 0;
    bottom: -2px;
    
    transform: scaleX(1);
    transform-origin: center;
}





 /* knop animatie */

.da-knop > a {
    background-color: #720707;
    border: solid white 1px;
    color: white;
    box-sizing: border-box;
    width: 240px !important;
    height: 50px;
    align-content: center;
    
    display: inline-block;
    

    transition-property: all; 
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    
    font-size: 18px;
    padding-top: 0;
    padding-bottom:0;
}

.da-knop > a:hover {
    border: solid white 4px;
}




/* contactformulier */

.cff-form {
    background-color: #720707;
    border-radius: 5px;
    padding-top: 10px;
    padding-left:10px;
}

.cff-form.cff-form-10 {
    background-color: transparent;
}

.cff-form .fields {
    max-width: 328px;
    margin: 0 auto;
    margin-top: 1em;
} 

#fbuilder .medium {
    width: 100% !important;
}

.cff-form .cff-button-field > input {
    background-color: #720707;
    border: solid white 1px;
    color: white;
    box-sizing: border-box;
    width: 170px;
    height: 50px;
    
    display: inline-block;
    

    transition-property: all; 
    transition-duration: 0.2s;
    transition-timing-function: ease-out;

    
    font-size: 18px;
    margin-bottom:10px;
    margin-left:50px;
    
    align-content: center;
}


.cff-form .cff-button-field > input:hover{
    border: solid white 4px;
}