/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/

/*
Theme Name: Enfold Child
Template: enfold
*/


/* ==========================================================
   01. Mandate List
========================================================== */

body{
    outline:10px solid red !important;
}

.mandate-list{
    margin:0;
}

.mandate-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:22px 0;
    border-bottom:1px solid #b8b8b8;
    color:inherit;
    text-decoration:none;
    transition:.25s ease;
}

.mandate-item:first-child{
    border-top:1px solid #b8b8b8;
}

.mandate-content{
    flex:1;
}

.mandate-title{
    margin:0;
    font-family:"Lato",sans-serif;
    font-size:30px;
    font-weight:400;
    line-height:1.1;
    color:#222;
    transition:.25s ease;
}

.mandate-meta{
    margin-top:4px;
    font-size:18px;
    color:#777;
}

.mandate-arrow{
    width:70px;
    display:flex;
    justify-content:flex-end;
    color:#999;
    transition:.25s ease;
}

.mandate-arrow svg{
    transition:.25s ease;
}

.mandate-item:hover .mandate-title{
    color:#f15a24;
}

.mandate-item:hover .mandate-arrow{
    color:#f15a24;
}

.mandate-item:hover svg{
    transform:translateX(8px);
}

/* ==========================================================
   02. Single Mandate
========================================================== */

.template-mandate{
    max-width:980px;
    margin:120px auto 0;
    padding:0;

}

/* ---------- Header ---------- */

.alzando-mandate-header{

    margin-bottom:65px;

}

.alzando-mandate-title{
    margin:0;
    font-size:68px;
    line-height:1.05;
}

.alzando-mandate-meta{

    margin-top:16px;

    font-size:20px;

    color:#6b6b6b;

}

.mandate-intro-line{

    width:70px;

    height:1px;

    background:#f15a24;

    margin:36px 0 70px;

}


/* ---------- Body ---------- */

.alzando-mandate-content{

    margin-bottom:55px;

}

.alzando-mandate-content p{

    margin-bottom:24px;

    line-height:1.72;

}

.alzando-mandate-content h2{

    margin-top:54px;

    margin-bottom:18px;

}

.alzando-mandate-content ul{

    margin:18px 0 32px 24px;

}

.alzando-mandate-content li{

    margin-bottom:8px;

}


/* ==========================================================
   03. Contact Block
========================================================== */

.alzando-contact-block{

    display:flex;

    align-items:flex-start;

    gap:42px;

    margin-top:0;

    padding-top:55px;

    padding-bottom:70px;

    border-top:1px solid #dddddd;

}

.alzando-contact-photo{

    width:145px;

    flex-shrink:0;

    margin-top:6px;

}

.alzando-contact-photo img{

    display:block;

    width:145px;

    height:auto;

}

.alzando-contact-content{

    flex:1;

}

.alzando-contact-block h2{
    font-size:52px;
    line-height:1.05;
}

.alzando-contact-text{
    font-size:15px;
    line-height:1.45;
    color:#444;
    margin:12px 0 30px;
}

.alzando-contact-name{
    font-size:21px;
    font-weight:300;
    color:#f15a24;
    letter-spacing:-0.01em;
}

.alzando-contact-role{
    margin-top:2px;
    font-size:15px;
    font-weight:300;
    color:#777;
    letter-spacing:0.02em;
}

.alzando-contact-link{
    margin-top:28px;
}

.alzando-contact-link{

    display:inline-flex;

    align-items:center;

    gap:10px;

    margin-top:28px;

    color:#f15a24;

    text-decoration:none;

}

.alzando-contact-link svg{

    transition:.25s;

}

.alzando-contact-link:hover svg{

    transform:translateX(5px);

}


/* ==========================================================
   04. Responsive
========================================================== */

@media (max-width:768px){

    .template-mandate{

        margin-top:60px;

        padding:0 20px;

    }

    .alzando-mandate-title{

        font-size:42px;

    }

    .alzando-contact-block{

        flex-direction:column;

    }

    .alzando-contact-photo img{
    width:120px;
}

}   /* закрывает @media */

.container_wrap.container_wrap_first.main_color{
    padding-top:0 !important;
    margin-top:0 !important;
    background:#f7f6f3;
}

#main{
    padding-top:0 !important;
}