/*
Theme Name:   Entrust
Author:       markenzoo
Author URL:   https://www.markenzoo.de/
Template:     twentytwenty
Version:      1.0
Text Domain:  Entrust
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------

	0. Document Setup
	0. Footer
	0. Media Queries

----------------------------------------------------------------------------- */

/* -------------------------------------------------------------------------- */
/*	0. Document Setup
/* -------------------------------------------------------------------------- */

body, .entry-content {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    overflow-x: hidden;
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .entry-content cite, 
.entry-content figcaption, .entry-content table, .entry-content address, .entry-content .wp-caption-text, .entry-content .wp-block-file, 
input, textarea, button, .button, .faux-button, .faux-button.more-link, .wp-block-button__link, .wp-block-file__button {
    font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.is-grey {
    background-color: #F4F4F4;
}

/* -------------------------------------------------------------------------- */
/*	0. Element Base
/* -------------------------------------------------------------------------- */

.section{
    position: relative;
}

.section-inner, .header-top-inner, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide):not(iframe), 
#breadcrumb-nav{
    max-width: 1040px;
}

.footer-inner{
    max-width: 1480px;
}

/* -------------------------------------------------------------------------- */
/*	0. Typographie
/* -------------------------------------------------------------------------- */

h1,
.heading-size-1 {
    font-size: 2.75rem;
	font-weight: 500;
	line-height: 1.138888889;
}

h2,
.heading-size-2 {
	font-size: 2.5em;
}

h3,
.heading-size-3 {
	font-size: 2.25rem;
}

h4,
.heading-size-4 {
	font-size: 2rem;
}

h5,
.heading-size-5 {
	font-size: 1.75rem;
}

h6,
.heading-size-6 {
	font-size: 1.5rem;
	letter-spacing: 0.03125em;
	text-transform: uppercase;
}

p {
	line-height: 1.5;
	margin: 0 0 1em 0;
}


h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
    color: #000000;
    font-family: Roboto;
    letter-spacing: 0;
    position: relative;
}

h1::after, 
h2::after, 
h3::after, 
h4::after{
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    content: " ";
    box-sizing: border-box;
    height: 3px;
    width: 36px;
    background: #00766F;
}

h2.comment-reply-title::after{
    display: none;
}

.archive-title::after{
    display: none;
}

h1, h2, h3, h4, h5, h6, .faux-heading {
    font-weight: 500;
    letter-spacing: 0;
    line-height: 1.25;
}


.entry-content, .section-inner{
    color: #4D5256;
    font-family: Roboto;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 27px;
}

.search-modal .search-field{
    color: black;
}

body:not(.overlay-header) .primary-menu > li > a, body:not(.overlay-header) .primary-menu > li > .icon, .modal-menu a, #site-footer .wp-block-button.is-style-outline, .wp-block-pullquote:before, .singular:not(.overlay-header) .entry-header a, .archive-header a, .header-footer-group .color-accent, .header-footer-group .color-accent-hover:hover{
    color: #AC3C4C !important;
}

input[type="search"].search-field{
    padding: 0 1rem;
}

.reduced-spacing .archive-header{
    padding: 0 !important;
}

/* -------------------------------------------------------------------------- */
/*	0. Buttons
/* -------------------------------------------------------------------------- */

.wp-block-button__link, .wp-block-file .wp-block-file__button, input[type="button"], input[type="reset"], input[type="submit"]{
    background-color: #AC3C4C !important;
    font-family: Roboto;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 30px;
    text-align: center;
    height: 30px;
    text-decoration: none;
    text-transform: unset;
    font-weight: 400;
    padding: 0 25px;
}

button:focus, button:hover, .button:focus, .button:hover, .faux-button:focus, .faux-button:hover, .wp-block-button .wp-block-button__link:focus, .wp-block-button .wp-block-button__link:hover, .wp-block-file .wp-block-file__button:focus, .wp-block-file .wp-block-file__button:hover, input[type="button"]:focus, input[type="button"]:hover, input[type="reset"]:focus, input[type="reset"]:hover, input[type="submit"]:focus, input[type="submit"]:hover, 
.widget_archive a:focus, .widget_archive a:hover, .widget_categories a:focus, .widget_categories a:hover, .widget_pages a:focus, .widget_pages a:hover, .widget_meta a:focus, .widget_meta a:hover, .widget_nav_menu a:focus, .widget_nav_menu a:hover,
.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a, .modal-menu a:focus, .modal-menu a:hover, .modal-menu li.current-menu-item > .ancestor-wrapper > a, .modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
    text-decoration: none;
}

.menu-modal .toggle{
    outline: none;
}

button:focus, body:not(.overlay-header) .toggle-inner .toggle-text:focus{
    outline: none;
}

.header-inner .toggle:focus .toggle-text, .header-inner .toggle:hover .toggle-text {
    text-decoration: none;
}

/* -------------------------------------------------------------------------- */
/*	0. Home page
/* -------------------------------------------------------------------------- */

.home .post-meta-wrapper {
    display: none;
}

.home main section:first-child .entry-content{
    overflow: visible;
}

.home main section:first-child {
    padding-bottom: 16rem;
}

.home main section:nth-child(2){
    padding-top: 16rem;
}

.welcome-image img{
    margin-top: 8rem;
    margin-bottom: -30rem;
}

/* -------------------------------------------------------------------------- */
/*	0. Contact page
/* -------------------------------------------------------------------------- */
#post-31 > .post-inner  > .entry-content > iframe {
    max-width: unset !important;
    margin-top: 2px;
}

/* -------------------------------------------------------------------------- */
/*	0. News & Events page
/* -------------------------------------------------------------------------- */
.news-and-events .entry-content h2{
    margin-bottom: 1rem;
    margin-left: 0;
}

.news-and-events .wp-block-columns{
    flex-wrap: wrap;
    margin-left: -20px;
    margin-right: -20px;
    margin-top: 0;
}

.news-and-events .wp-block-column{
    -webkit-box-flex: 0;
            flex: none;
    max-width: 100%;
    margin-left: 0;
    padding: 20px;
}

/* -------------------------------------------------------------------------- */
/*	0. Post page
/* -------------------------------------------------------------------------- */

.post-title h2{
    margin: 0 0 6rem;
}

/* .featured-media img{
    margin: 0;
} */


/* -------------------------------------------------------------------------- */
/*	0. Header Top
/* -------------------------------------------------------------------------- */

.header-top{
    height: 18px;
    background-color: #00766F;
}

.header-top-inner{
    margin: auto;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
            align-items: center;
}

.header-top a {
    margin-top: 2px;
    font-size: 12px;
    font-weight: 300;
    color: #40ba9b;
    letter-spacing: 0.3px;
}

/* -------------------------------------------------------------------------- */
/*	0. Primary Menu
/* -------------------------------------------------------------------------- */

body:not(.overlay-header) .primary-menu > li > a{
    color: #AC3C4C !important;
    font-family: Roboto;
    font-size: 17px;
    letter-spacing: 0;
    line-height: 18px;
    text-decoration: none;
}

body:not(.overlay-header) .primary-menu > li.current_page_item  > a, 
body:not(.overlay-header) .primary-menu > li.current_page_item  > a + .icon, 
body:not(.overlay-header) .primary-menu > li > a:hover, 
body:not(.overlay-header) .primary-menu > li > a:hover + .icon, 
.modal-menu li.current-menu-item > .ancestor-wrapper > a, 
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a{
    color: #00766F !important;
}

.primary-menu > li > .icon {
    -webkit-transform: rotate(-45deg) scale(0.8);
            transform: rotate(-45deg) scale(0.8);
}

.primary-menu ul::before, .primary-menu ul::after{
    display: none;
}

body:not(.overlay-header) .primary-menu ul.sub-menu{
    background: white;
    border-bottom: 4px solid #00766F;
    border-radius: 0
}

body:not(.overlay-header) .primary-menu ul.sub-menu{
    -webkit-transform: translate(10.5rem, 0.6rem);
            transform: translate(10.5rem, 0.6rem)
}

.primary-menu li.menu-item-has-children:hover > ul{
    -webkit-transform: translate(10.5rem, -2rem);
            transform: translate(10.5rem, -2rem)
}

body:not(.overlay-header) .primary-menu #menu-item-41 ul.sub-menu{
    -webkit-transform: translate(4.75rem, 0.6rem);
            transform: translate(4.75rem, 0.6rem)
}

body:not(.overlay-header) .primary-menu #menu-item-41:hover ul.sub-menu{
    -webkit-transform: translate(4.75rem, -2rem);
            transform: translate(4.75rem, -2rem)
}

.primary-menu a:hover, .primary-menu a:focus, .primary-menu .current_page_ancestor{
    text-decoration: none !important;
}

.primary-menu ul.sub-menu a{
    color: #000000;
    font-family: Roboto;
    font-size: 17px;
    font-weight: 300;
    letter-spacing: 0;
    line-height: 18px;
}

body:not(.overlay-header) .primary-menu > li.current-page-parent > a,
body:not(.overlay-header) .primary-menu > li.current-page-parent > a + .icon {
    color: #00766F !important;
}

.primary-menu li.current-menu-item > a, .primary-menu li.current-menu-item > .link-icon-wrapper > a{
    color: #00766F;
    font-weight: 500;
}

/* -------------------------------------------------------------------------- */
/*	0. Breadcrumb
/* -------------------------------------------------------------------------- */

#breadcrumb-container{
    height: 25px;
    background-color: #F4F4F4;
}

#breadcrumb-nav{
    margin-left: auto;
    margin-right: auto;
}

#breadcrumb{
    margin-bottom: 0rem;
    margin: 0;
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
            align-items: center;
}

#breadcrumb li {
    line-height: 25px;
    margin: 0;
    list-style: none;
}

#breadcrumb li a, #breadcrumb li strong, #breadcrumb li.separator {
    color: #7D7D7D;
    font-family: Roboto;
    font-size: 12px;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

#breadcrumb li strong{
    font-weight: normal;
}

#breadcrumb li.separator{
    padding: 0 2rem;
    letter-spacing: 2px;
}

/* -------------------------------------------------------------------------- */
/*	0. Footer
/* -------------------------------------------------------------------------- */
.footer-nav-widgets-wrapper, #site-footer{
    background-color: #00766F !important;
}

.footer-widgets-wrapper{
    width: 100%;
    flex-wrap: wrap;
    margin-left: 0;
}

.footer-widgets{
    margin-left: 0;
}

.header-footer-group{
    color: #ffffff !important;
}

.footer-divider{
    background-color: #AC3C4C;
    height: 25px;
    width: 100%;
}

.footer-contact-mail a {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
    color: #FFFFFF !important;
    font-family: Roboto;
    text-decoration: none;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
}

.footer-contact-mail a:hover{
    color: #AC3C4C !important;
}

.footer-copyright {
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
    font-weight: 400;
}

.widget-row{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
            flex-direction: column;
    flex-wrap: wrap;
}

.widget .widget-title{
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
}

.footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
    margin-top: 3px;
}

.social-links{
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
            flex-direction: row;
    flex-wrap: wrap;
    -webkit-box-pack: start;
            justify-content: flex-start;
}

.social-links > a:first-child{
    margin-right: 15px;
}

.footer-nav-widgets-wrapper .widget_text p{
    height: 108px;
    width: 273px;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
}

#menu-footer-menu{
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
}

#menu-footer-menu a {
    color: #FFFFFF;
    font-weight: 400;
}


.footer-project-info .columns div:first-child{
    margin-right: 1rem;
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 27px;
}

.footer-project-info .columns div:last-child{
    color: #FFFFFF;
    font-family: Roboto;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 27px;
}

.footer-project-info .columns div:first-child{
    -webkit-box-flex: 0;
            flex: none;
    width: 100px;
}

.columns{
    display: -webkit-box;
    display: flex;
}

.footer-widgets.column-three .widget_text{
    margin-top: 1rem;
}

.footer-widgets.column-three .widget_nav_menu{
    margin-top: 3.75rem;
}

.footer-widgets .widget_entrust_footer_copyright_widget{
    margin-top: 4rem;
}

.card{
    box-shadow: 0 3px 10px 0 rgba(0,0,0,0.08);
}

.card-title{
    padding: 20px 20px 10px 20px;
}

.card-content{
    padding: 0 20px 10px 20px;
}

.card-title a{
    color: #C0384A;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 30px;
    text-decoration: none;
}

.card-content, 
.card-content p, 
.card-footer,
.card-footer p {
    color: #4D5256;
    font-family: Roboto;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 27px;
}

a, a:hover, a:focus {
    text-decoration: inherit;
}

.card-footer{
    padding: 12px 20px;
    border-top: 1px solid #E1E3E7;
    height: 50px;
}

/* -------------------------------------------------------------------------- */
/*	0. Media Queries
/* -------------------------------------------------------------------------- */

@media ( min-width: 400px ) {
    .footer-project-info .columns div:first-child{
        -webkit-box-flex: 0;
                flex: none;
        width: 150px;
    }
}

@media ( max-width: 700px ) {

    .welcome-image{
        width: 100vw !important;
    }

    .welcome-image img {
        margin-top: 5rem;
        margin-bottom: -20rem;
    }

    body:not(.home):not(.page-id-31):not(.single) main{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    body.single main{
        padding-top: 3rem;
    }

    body.single main > article{
        padding-bottom: 3rem;
    }

    .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter){
        margin-bottom: 0;
        margin-top: 0;
    }

    #breadcrumb-nav, .header-top-inner{
        max-width: calc(100% - 2.5rem)
    }

    #breadcrumb-container {
        height: auto;
    }

    #breadcrumb{
        flex-wrap: wrap;
    }

    .footer-widgets-wrapper{
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
    }

    .footer-widgets {
        width: 100%;
        padding: 2rem 0;
    }

    .footer-widgets.column-two.grid-item, .footer-widgets.column-three .widget_nav_menu{
        margin-top: 2rem;
    }

    .widget_entrust_footer_social_widget{
        margin-top: 2rem !important;
    }

    .widget .widget-title{
        margin: 0 0 1rem;
    }

    .footer-widgets .widget_entrust_footer_copyright_widget{
        margin-top: 2rem;
    }
}

@media ( max-width: 1000px ) {    
    .footer-widgets .widget_entrust_footer_copyright_widget{
        margin-top: 2rem;
    }
    
    .widget_entrust_footer_social_widget, .widget_entrust_footer_contact_widget{
        margin-top: 2rem !important;
    }
    
    .footer-widgets .widget{
        margin-top: 2rem;
    }
    
    .footer-widgets-outer-wrapper{
        padding: 2rem 0;
    }
}

@media ( min-width: 700px ) and ( max-width: 1240px ) {

    #breadcrumb-nav, .header-top-inner{
        max-width: calc(100% - 5.5rem)
    }
    
}

@media ( max-width: 1240px ) {
    
    .footer-widgets + .footer-widgets {
        margin-top: 3rem;
    }
}

@media ( min-width: 700px ) {

    .comments-wrapper{
        margin-bottom: 8rem;
    }

    .footer-widgets {
        max-width: 50%;
        flex: none;
    }

    .footer-top-visible .footer-nav-widgets-wrapper, .footer-top-hidden #site-footer{
        margin-top: 3px;
    }
    
    .widget .widget-title{
        margin-bottom: 1rem;
    }

    .widget li:first-child{
        margin: 0.3rem 0;
    }

    #menu-footer-menu{
        display: -webkit-box;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
    }

    #menu-footer-menu li{
        position: relative;
        padding: 0 10px;
    }

    #menu-footer-menu li:first-child{
        padding-left: 0;
    }

    #menu-footer-menu li::after{
        content: ' ';
        position: absolute;
        right: 0;
        top: 50%;
        height: 16px;
        width: 2px;
        background-color: white;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
    }

    #menu-footer-menu li:last-child::after{
        display: none;
    }

    .footer-project-info .columns div:first-child{
        width: 190px;
    }

    /* TITLES */

	h1,
	.heading-size-1,
	h2,
	.heading-size-2,
	h3,
    .heading-size-3, 
    .entry-content h1, .entry-content h2, .entry-content h3 {
        margin: 6rem auto 2rem;
    }
    
	h4,
	.heading-size-4,
	h5,
	.heading-size-5,
	h6,
	.heading-size-6 {
		margin: 4.5rem auto 2.5rem;
	}

	h1,
	.heading-size-1 {
		font-size: 28px;
	}

	h2,
	.heading-size-2 {
		font-size: 26px;
	}

	h3,
	.heading-size-3 {
		font-size: 24px;
	}

	h4,
	.heading-size-4 {
		font-size: 22px;
	}

	h5,
	.heading-size-5 {
		font-size: 20px;
	}

	h6,
	.heading-size-6 {
		font-size: 18px;
    }
    
    .entry-content{
        color: #4D5256;
        font-family: Roboto;
        font-size: 16px;
        letter-spacing: 0;
        line-height: 27px;
    }

    .wp-block-archives:not(.alignwide):not(.alignfull), .wp-block-categories:not(.alignwide):not(.alignfull), .wp-block-code, .wp-block-columns:not(.alignwide):not(.alignfull), .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull), .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter), .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright), .wp-block-media-text:not(.alignwide):not(.alignfull), .wp-block-preformatted, .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright), .wp-block-quote, .wp-block-quote.is-large, .wp-block-quote.is-style-large, .wp-block-verse, .wp-block-video:not(.alignwide):not(.alignfull){
        margin-top: 3rem;
        margin-bottom: 3rem;
    }

    body:not(.singular) main > article:first-of-type {
        padding: 0;
    }

    body.single main{
        padding-top: 8rem;
    }

    body.single main > article{
        padding-bottom: 8rem;
    }
    
    body:not(.home):not(.page-id-31):not(.single) main{
        padding-top: 8rem;
        padding-bottom: 8rem;
    }

    .news-and-events .wp-block-column{
        max-width: 50%;
    }

    .post-meta-wrapper {
        margin-top: 0;
    }

    .post-inner {
        padding-top: 6rem;
    }

    .search-modal .search-field {
        font-size: 3rem;
        height: 8rem;
    }

    .search-modal .search-field::placeholder {
        line-height: 8rem;
    }

    .search-modal.active .search-untoggle{
        transform: scale(0.9);
    }
}

@media ( min-width: 1000px ) {

    .footer-widgets-outer-wrapper{
        padding: 70px 0 30px 0;
    }

    .widget_entrust_footer_social_widget, .widget_entrust_footer_contact_widget{
        margin-top: 55px !important;
    }

    body:not(.overlay-header) .primary-menu > li > a{
        position: relative;
    }

    body:not(.overlay-header) .primary-menu > li.current_page_item  > a::after,
    body:not(.overlay-header) .primary-menu > li.current-page-parent > a::after{
        position: absolute;
        display: block;
        content: " ";
        bottom: -2.3rem;
        left: 0;
        height: 4px;
        width: 100%;
        background-color: #00766F;
    }

    .header-navigation-wrapper{
        -webkit-transform: translate(-5rem, 2.8rem);
                transform: translate(-5rem, 2.8rem);
    }

    .header-inner .toggle.search-toggle{
        height: 29px;
        width: 29px;
        background-color: #2A2A2A;
        padding: 0;
    }

    .toggle-inner {
        height: 29px;
        width: 29px;
    }
    
    .search-toggle .toggle-icon, .search-toggle svg{
        stroke: white;
        fill: white;
        color: white;
        -webkit-transform:translate(0.5px, 1px) scale(0.9);
                transform: translate(5px, 2px);
                transform: translate(0.5px, 1px) scale(0.9);
        height: 29px;
        width: 29px;
    }
    
    .toggle-inner .toggle-text{
        display: none;
    }

    .search-modal .search-field {
        font-size: 2.5rem;
        height: 6rem;
    }

    .search-modal .search-field::placeholder {
        line-height: 6rem;
    }

    .search-modal.active .search-untoggle{
        transform: scale(0.8);
    }
}

@media (min-width: 1220px) {
    .comment-reply-title {
        font-size: 3.6rem;
    }
}


@media ( min-width: 1240px ) {

    .widget-row{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
                flex-direction: row;
    }

    .widget-row .widget{
        -webkit-box-flex: 0;
                flex: none;
        margin-right: 44px;
    }

    .footer-widgets{
        flex-basis: 0;
        flex-grow: 1;
    }


    .footer-widgets.column-one{
        padding-left: 6rem;
    } 

    .footer-widgets.column-three{
        padding-left: 9rem;
    } 

    #menu-footer-menu li{
        position: relative;
        padding: 0 16px;
    }

    .news-and-events .wp-block-column{
        max-width: 33%;
    }

}