/*

Theme Name: Aderico Projekt Theme

Description: A Child Theme for the Enfold Wordpress Theme, customized for Aderico Projekt

Version: 1.0

Author: Anyweb OÜ

Author URI: http://www.anyweb.ee

Template: enfold

*/

/* HEADER */

.av-language-switch-item  {
    display: none !important;
}

.main_menu .av-main-nav li:nth-child(6) a span.avia-menu-text {
    border: 1px solid black;
    padding: 10px;
}

/* ACROSS THE WEBSITE */
#main .avia-section .container {
    padding: 0
}

/* FRONT PAGE */

.aw-button {
    text-transform: uppercase;
}

.aw-special-header h1.av-special-heading-tag {
    text-transform: uppercase;
}

#after_section_1 .content, #after_section_2 .content, #after_grid_row_1 .content { 
    padding-top: 0px;
    padding-bottom: 0px;
}

/* COMPLETED PROJECTS PAGE */

/* COMPLETED PROJECTS SINGLE PAGE */

.aw-post-metadata {
    margin-top: 25px !important;
}

.aw-post-metadata span.av-post-metadata-published-date {
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 20px;
}

.aw-single-post-page-special-heading {
    margin-top: 10px;
    margin-bottom: 30px;
}

.aw-single-post-sub-heading h2.av-special-heading-tag {
    text-transform: initial;
    font-weight: 600;
    font-family: 'montserrat';
}

.single-post #after_full_slider_1 .template-page {
    padding-bottom: 10px;
}

.single-post #footer {
    padding: 10px 0px 30px 0;
}

/* #aw-single-post-page-featured-image .avia-slideshow {
    height: 500px;
}

#aw-single-post-page-featured-image .avia-slideshow .avia-slideshow-inner img {
    background-position: center center;
} */

/* IN THE WORKS PAGE */

/* IN THE WORKS SINGLE PAGE */

/* ABOUT US PAGE */

.aw-col-pad {
    padding: 5% 5% 5% 15%;
}

.aw-about-us-image .avia-image-container-inner img {
    height: 688px;
}

.aw-blog-roll .slide-entry-wrap .slide-entry {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-direction: column;
    align-content: center;
    padding: 0px 50px 0px 50px;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-entry-excerpt {
    text-align: center;
    order: 3;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-entry-excerpt .read-more-link a:hover {
    background-color: #e6f1ea;
    transition: ease-in 0.2ms;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-entry-excerpt .read-more-link a {
    border: 1px solid #000000;
    text-transform: uppercase;
    color: #000000;
    padding: 10px;
    margin-top: 20px;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-entry-excerpt .read-more-link .more-link-arrow {
    display: none;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .slide-meta {
    order: 1;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    color: #000000;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .entry-content-header {
    order: 2;
}

.aw-blog-roll .slide-entry-wrap .slide-entry .entry-content-header .slide-entry-title {
    font-family: 'montserrat';
    font-weight: 300;
    font-size: 25px;
    text-transform: uppercase;
}

/* CONTACT US PAGE */

.aw-contact-info {
    padding: 5% 5% 5% 15%;
}

.aw-contact-form-container {
    padding-right: 15% !important;
}

.aw-contact-us-page .aw-contact-info h1.av-special-heading-tag {
    font-family: 'montserrat';
}

.aw-contact-us-page .aw-contact-info .aw-address-info p {
    display: flex;
    align-items: center;
}

.aw-contact-us-page .aw-contact-form-container {
    padding: 50px;
}

.aw-contact-us-page .aw-contact-form-container p.form_element input.button {
    float: right;
}

.aw-contact-us-page .aw-contact-form-container h1.av-special-heading-tag {
    text-transform: initial;
    font-family: 'montserrat';
    font-weight: 300;
}

.aw-contact-us-page .aw-contact-form-container input[type='submit'] {
    border: 1px solid #000000;
    color: #000000;
}

.aw-meet-the-project h1.av-special-heading-tag {
    text-transform: initial;
    font-family: 'montserrat';
    font-weight: 300;
}

/* FOOTER */

#footer .container {
    padding: 0;
}

/* <--- SEE OSA HILJEM PANNA MEDIA ELEMENTI */

#footer .container .first.el_before_av_one_half {
    width: 35%;
}

#footer .container .el_after_av_one_half.el_before_av_one_half {
    width: 59%;
}

/* ----> */

#footer .container > div:first-child {
    padding: 5% 5% 5% 14%;
}

#footer .container > div:nth-child(2) {
    background-color: #f0f0f5;
    padding: 2% 10% 2% 10%;
}

#footer .flex_column section#text-2 h3.widgettitle {
    font-family: 'montserrat';
    font-weight: 400;
    text-transform: uppercase;
    font-size: 23px;
}

#footer .flex_column section#text-2 .textwidget {
    padding-top: 50px;
}

#footer .flex_column section#text-2 .textwidget p {
    display: flex;
    align-items: center;
}

#footer .flex_column section#text-4 {
    background:#f0f0f5;
    padding: 25px;
}

#footer .flex_column section#text-4 h3.widgettitle {
    font-family: 'montserrat';
    text-transform: initial;
    font-weight: 200;
    font-size: 32px;
}

/* <--- FOOTER FORM CUSTOMIZATION */

#footer .flex_column section#custom_html-2 h3.widgettitle {
    font-family: 'montserrat';
    text-transform: initial;
    font-weight: 200;
    font-size: 42px;
    padding-bottom: 25px;
}

#footer .flex_column section#custom_html-2 .textwidget .wpcf7-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#footer .flex_column section#custom_html-2 .textwidget .wpcf7-form p:nth-child(3), #footer .flex_column section#custom_html-2 .textwidget .wpcf7-form p:nth-child(4) {
    width: 49%;
}

#footer .flex_column section#custom_html-2 .textwidget .wpcf7-form p:nth-child(2), #footer .flex_column section#custom_html-2 .textwidget .wpcf7-form p:nth-child(5) {
    width: 100%;
}

#footer .flex_column section#custom_html-2 .textwidget .wpcf7-form p:nth-child(6) {
    width: 100%;
    height: 25px;
}

.footer_color input[type='submit'] {
    text-transform: uppercase;
    font-size: 16px;
    color: #000000;
    background-color: #f0f0f5;
    border: 1px solid #000000;
    padding: 10px 30px 10px 30px;
    float: right;
}

.footer_color input[type='submit']:hover {
    background: #e6f1ea;
    color: #000000;
    border: 1px solid #000000;
}

/* ---> */

/* SOCKET */
#socket {
    font-size: 13px;
}

#socket .copyright {
    float: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* MEDIA ELEMENTS */

@media only screen and (max-width: 767px) {
    .responsive #footer .container {
        width: 100% !important;
        max-width: 100% !important;
    }
}


@media only screen and (max-width: 1111px) {
    #footer .el_before_av_one_half {
        width: 100% !important;
        margin-left:0 !important;
    }
}

@media only screen and (max-width: 1089px) {.av-main-nav > li.menu-item-avia-special {
    display: block;
}
.av-main-nav > li {
    display: none;
}}

/* <---- THIS PART IS RESPONSIBLE FOR CENTERING THE LOGO, AFTER THE HAMBURGER MENU
DONT TOUCH THIS!!! */
@media only screen and (min-width: 1090px) {
    #header {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #header .main_menu {
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .av-main-nav-wrap {
        left: 50%;
        transform: translateX(-50%);
    }

    #header .logo {
        left: 50%;
        transform: translateX(-50%);
        z-index:999;
    }

    #header .logo img {    
        top: 50%;
        transform: translateY(-50%);
        max-width: 250px;  
    }

    .av-main-nav > li > a {
        padding: 0 15px;
        font-size: 14px;
    }
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(3) {
      /* Adjust the width of the logo */
        margin-right:270px; 
    }
}

@media only screen and (min-width: 1350px) {
    .av-main-nav > li > a {
        padding: 0 20px;
        font-size: 16px;
    }
    /*In the below code nth-child(x) the value of x should be half the number of total menu items*/
    #top #header .av-main-nav li:nth-child(3) {
      /* Adjust the width of the logo */
        margin-right:350px;
    }
}

@media only screen and (min-width: 1521px) {
    .av-main-nav > li > a {
        padding: 0 40px;
    }
}
/* <---- */