/*   
Theme Name: Architect Child Theme
Theme URI: 
Description: Use this theme to start your Architect Child Theme development.
Author: Victor Tihai
Author URI: https://wplook.com/
Template: thearchitect-wpl
Version: 2.0.0
*/

body {
    font-family: 'PT Sans';
}
.bodycontainer {
    margin: 25px auto;
    max-width: 1400px;
}
/* .entry-content.cf p {
    padding: 0 75px;
    text-align: center;
    font-size: 19px;
} */
p {
    color: rgb(86,34,125);
}
.header {
    padding: 0 105px;
}
.header .wrap {
    padding: 0;
}
.nav.primary.cf {
    font-family: 'Oswald';
    font-weight: 700;

}
.nav.primary.cf li.menu-item a {
    color: rgb(149,193,31);
    font-size: 15px;
}
.nav.primary.cf li.menu-item.current-menu-item a {
    color: rgb(86,34,125);
}
.nav.primary.cf li.menu-item a:hover {
    color: rgb(86,34,125);
}
.nav > li > a:hover, .nav > li > a.active, .nav > li.current_page_item a, .nav > li.current-menu-ancestor a {
    border-bottom: none !important;
}
.wrap {
    background: white;
    padding: 10px 0;
    max-width: 1400px;
}

h2,h3 {
    font-family: 'Oswald';
    text-transform: uppercase;
    text-align: center;
}
h2 {
    font-size: 33.5px;
    color: rgb(149,193,31);
    margin-bottom: 25px;
}
h3 {
    font-size: 28px;
}
.bodyp {
    padding: 0 15%;
    text-align: center;
    font-size: 19px;
    color: rgb(86,34,125);
    line-height: 1.8em;
}

.bodyp a,.underline {
    color: rgb(86,34,125);
    position: relative;
    font-weight: 700;
    z-index: 1;
    white-space: nowrap;
}
.bodyp a:after,.underline::after {
    display: inline-block;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #95c11f;
    transition: .3s;
    position: absolute;
    z-index: -1;
    white-space: nowrap;
}
.bodyp ul {
    text-align:left;
}
.bodyp ul li {
list-style-type: disc;
}

.bodyp a:hover:after,.underline:hover::after {
    display: inline-block;
    bottom: 0;
    left: 0;
    content: "";
    width: 100%;
    height: 3px;
    background:  #95c11f;
    transition: .3s;
    position: absolute;
    z-index: -1;
    white-space: nowrap;
}
.bodyh {
    margin-top: 50px;
    margin-bottom: 10px;
}
.footer {
    padding: 0px;
    display: flex;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'Oswald';
}
footer #inner-footer {
    background: none;
}
#inner-footer.wrap {
    display: flex;
    flex-grow: 2;

}
.footertxt {
    color: rgb(86,34,125) !important;
    margin: 0;
    font-family: 'Oswald';
    font-weight: 700;
}
.footer .widget {
    width: 85%;
    display: block;
    margin: 0 auto;
    font-size: 17px;
    display: flex;
    align-items: center;
}
.footer .widget .textwidget p {
    margin: 0;
}
.footertxt a {
    color: rgb(149,193,31) !important;
    padding: 0 5px;
    white-space: nowrap;
}
.footertxt a:hover {
    color: rgb(107, 138, 24)!important;
    white-space: nowrap;
}
.copy {
    padding: 10px;
    border-top: 1px solid rgb(86,34,125);
    background: white;
}
.copyinside {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    font-size: 17px;
    align-items: center;

}
.copyright {
   max-width: 1400px;
    color: rgb(86,34,125);
    text-align: left;
    
}
h2.hbox {
    color: rgb(86,34,125);
    padding:30px 50px;
    margin: 0 auto;    
    max-width: 700px;
    height: 183px;
    margin-top: -154px;
    background: #F9F9F9;
    -webkit-box-shadow: 0px 15px 0px -11px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 15px 0px -11px rgba(0,0,0,0.75);
    box-shadow: 0px 15px 0px -11px rgba(0,0,0,0.75);

}
.copylogoimg {
    background: url('./images/EE_Beeldmerk.svg');
    width: 50px;
    height: 40px;
    display: block;
    
}
.copymenu {
    display: flex;
    justify-content: space-between;
    width: 13%;
}
.bodyfooter {
    text-align: center;
    background: #95c11f;
    padding: 20px 0;
    margin: 0;
    font-size: 29px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: 'Oswald';
}
.bodyfooter .textwidget p {
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bodyfooter .textwidget a {
    color: white;
    background: rgb(86,34,125);
    padding: 10px 15px;
    font-size: 20px;
    transition: .3s;
    display: inline-block;

}
.bodyfooter .textwidget a:hover {
    background: rgb(44, 18, 65);
    transition: .3s;
    color: white;
}
.trust {
    background: purple;
    color: #f3f3f3;
    font-weight: 700;
    text-transform: uppercase;
    padding: 20px;
    flex-grow: 1;
    white-space: nowrap;
}

.dienstcontainer {
    display: flex;
    justify-content: space-between;
    padding: 0 100px;
    flex-wrap: wrap;
}
.dienstdiv {
    width: 48%;
    border: 1px solid #f3f3f3;
    margin-bottom: 25px;
    Box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.15);
    padding-top: 15px;
}
.dienstdiv .wp-block-image {
    display: flex;
    justify-content: center;
}
.dienstdiv.wiediv .wp-block-image {
    width: 250px;
    height: 250px;
    margin: 15px auto 25px;
    
}
.dienstdiv.wiediv .wp-block-image img {
    object-fit: cover;
}
.dienstdiv .wp-block-image img {
    border-radius: 50%;
}
.dienstdiv h2{
    font-size: 25px;
    margin: 0 10px;
}

.dienstdivp{
    text-align: center;
    padding: 0 27px;
    line-height: 1.9em;
    font-size: 17px;
    color: rgb(86,34,125);

}

span.dienstspan {
    background: #95c11f;
    position: relative;
    margin: 0 auto;
    margin-top: -30px;
    padding: 5px;
    width: 175px;
    display: block;
    text-align: center;
    font-family: 'Oswald';
    text-transform: uppercase;
    color: white;
    font-size: 20px;
    letter-spacing: 2px;
}

.dienstspan.homeEE {
    margin: 0 auto;
    position: absolute;
    right: 0;
    left: 0;
    top: -180px;
}

article.post {
    margin: 0 auto;
    width: 75%;
    border: 1px solid #f3f3f3;
    Box-shadow: 0px 8px 15px 0px rgba(0,0,0,0.15);
}

/* article.post .entry-header {
    display: none;
} */
article.post .entry-header {
    position: absolute;
    height: unset;
    width: unset;
}
article.post .entry-header a,article.post .entry-header span{
    display: none;
}
article.post .entry-header time {
    background: #95c11f;
    padding: 5px;
    position: absolute;
    z-index: 2;
    color: white;
    font-family: 'Oswald';
    font-weight: 700;
    letter-spacing: 2px;
}
article.post .post_image {
    margin-top: 0;
    margin-bottom: 20px;
}

article.post .post_text.entry-content p {
    text-align: center;
}
article.post .post_text.entry-content .wp-block-button {
    text-align: center;
}

article.post .post_text.entry-content .wp-block-button a {
    background: white;
    border: 1px solid rgb(86,34,125);
    border-radius: 0;
    color: rgb(86,34,125);
    text-transform: uppercase;
    font-family: 'Oswald';
    margin-bottom: 25px;
    transition: .3s;
}
article.post .post_text.entry-content .wp-block-button a:hover { 
    background: rgb(86,34,125);
    color: white;   
}

.mobile_menu_button span i {
    background: #95c11f;
}
nav.mobile_menu ul {
    background: #95c11f;
}
.post_text.entry-content h2 {
    margin: 0 5px 10px;

}
a.linkedin:before {
    background: url('./images/linkedin-logo-512x512.png');
    height: 99px;
    width: 99px;
    content: "";
    display: block;
    background-size: contain;
    margin: 0 auto;
}


@media only screen and (max-width:768px) {
    h2.hbox {
        font-size:25px;
        max-width: 500px !important;
        width: 85%;
        height: auto;
        margin-top: -100px;
        padding: 10px 7.5px;
    }
    .bodyh {
        margin-top: 25px;
        margin-bottom: 5px;
        font-size:25px;
        margin: 20px 15px;
    }
    .bodyp {
        padding: 0 30px;
        font-size: 15px;
    }
    .header {
        padding: 0 10px;
    }
    .bodyfooter .textwidget {
        line-height: 1.8;
    }
    .bodyfooter .textwidget p {
        display: block;
        margin: 0 5px;
    }
    .copymenu {
        width: unset;
        display: none;
    }
    .copymenu a {
        margin-right: 5px;
    }
    .copy .copyinside .copymenu a:hover {
        color: #95c11f !important;
    }
    .footer {
        flex-wrap: wrap;
        width: 100%;
    }
    .trust {
        text-align: center;
    }
    .dienstcontainer {
        padding: 0 15px;
    }
    .dienstdiv {
        width: 100%;
        padding-top: 25px;
    }
    .dienstdiv h2 {
        margin-bottom: 15px;
    }
    .dienstdivp {
        font-size: 15px;
    }
    .entry-header.cf {
    height: 250px !important;
    }
    article.post {
        width: 90%;
    }
    .dienstspan.homeEE {
        top: -125px;
    }
    nav.mobile_menu ul li a {
        padding: 15px 25px;
        font-weight: 700;
        font-size: 20px;
    }
    nav.mobile_menu ul li a:hover {
        color: rgb(86,34,125);
    }
    nav.mobile_menu ul li {
        border-bottom: 1px solid rgb(86,34,125);
    }
    nav.mobile_menu ul {
        padding: 0;
    }
    .post_text.entry-content h2 {
        margin: 0 5px 10px;
        font-size: 30px;   
    }
    article.post .post_text.entry-content p {
        margin: 0 10px 15px;
    }
}