/*
Theme Name: DrBZsoltMediator
Theme URI: https://www.drbaranyai.eu/
Description: A simple theme for a mediator.
Version: 1.0
Author: Author
Author URI: https://www.drbaranyai.eu/
*/

html{
    min-height: 100%;
    width: 100%;
    position: relative;
}
body{
    background: linear-gradient(to bottom, #373c4d, #9faccc);
}
footer{
    position: absolute;
    bottom: 0;
}
a:hover{
    cursor: pointer;
    text-decoration: underline;
}


/*Text font and align*/
.serif{
    font-family: 'DM Serif Display', serif;
}
.sans-serif{
    font-family: 'Montserrat', sans-serif;
}
.justify{
    text-align: justify;
}


/*Main part background*/
.intro{
    background-color: #E6E9F2;
}




/*Business Card*/
#business-card{
    max-width: 50rem;
}
.name-color{
    color: #475b9e;
}
#name{
    text-shadow: 2px 2px 5px #9195a7;
}

/*Logo*/
#logo{
    width: 100px;
}


/* Flip-card*/
.container .box{
    width: 300px;
    height: 400px;
    margin: 20px;
    transform-style: preserve-3d;
    perspective: 1000px;
    cursor: pointer;
}
.container .box .body{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: 0.9s ease;
}
.container .box .body .imgContainer{
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #373c4d, #9faccc);
    transform-style: preserve-3d;
    text-align: center;
}
.container .box .body .content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
    text-align: center;
}
.container .box:hover .body{
    transform: rotateY(180deg);
}
.container .box .body .content div{
    transform-style: preserve-3d;
    padding: 20px;
    background: #E6E9F2;
    text-align: center;
    width: 100%;
    height: 100%;
    transform: translateZ(100px);
    color: black;
}
.content p, .imgContainer h4{
    margin: 0;
}


/*Accordion*/
.accordion-button:not(.collapsed){
    background: none;
}
.accordion-button:focus{
    box-shadow: none;
}

/*Accordion-free part3, part5, part6*/
.non-accordion .accordion-button:hover{
    cursor: auto;
}

.non-accordion .accordion-button::after {
    background-image: initial;
}

.non-accordion .accordion-button:not(.collapsed)::after {
    background-image: initial;
}