/*
Theme Name: articolo
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: articolo
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

articolo is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

.main--contact-new .container {
    width: auto;
    max-width: 1486px;
    padding: 0 23px;
}

.main--contact-new .boxes--custom .row .box {
    margin: 110px 0px;
}

.main--contact-new .boxes--custom .row > div:last-child:not(.col-sm-4) .box {
    margin-bottom: 80px;
}

.main--contact-new .row h5.heading_type {
    color: #706f6f;
}

.table-primary.offices {
    margin-top: 0px;
    border-top: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.table-primary.offices.last {
    border-bottom: 1px solid #6f6f6f;
}

.table-primary.offices:last-child {
    border-bottom: none;
}

.table-primary.offices tr {
    border-bottom: none;
}

.table-primary.offices td {
    padding-top: 48px;
    padding-right: 0px;
    padding-bottom: 0px;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.table-primary.offices td .match_height {
    padding-bottom: 36px;
}

.table-primary.offices .form__head {
    display: none;
}

.table-primary.offices .content__form {
    margin-top: 0px;
}

.table-primary.offices .row + .row {
    margin-top: 20px;
}

.table-primary.offices a {
    color: #b2b2b2;
    text-decoration: none;
}

.table-primary.offices a:hover {
    color: #cfcfcf;
}

.table-primary.offices .row:after {
    clear: none;
}

.table-primary.offices.get-in-touch {
    border-top: 1px solid #6f6f6f;
    margin-top: 30px;
}

h1.underline {
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 33px;
    text-align: center;
}

.main--contact-new .form-subscribe input[type="submit"] {
    margin-bottom: 20px;
}

.main--contact-new #wpcf7-f856-o2 input[type="submit"] {
    margin-bottom: 29px;
}

.form-subscribe .form__btn {
    top: -2px;
}

#wpcf7-f856-o2 .form__hint p {
    position: relative;
    top: 5px;
}

#wpcf7-f856-o2 input[type="submit"] {
    top: 7px;
}

.press_heading {
    margin-top: 50px;
}

.studio-btn {
    color: #706f6f;
    margin-top: 20px;
    display: block;
    font-size: 13px;
    cursor: pointer;

    -webkit-transition: color 0.3s, -webkit-text-decoration 0.3s;
    transition: color 0.3s, -webkit-text-decoration 0.3s;
    -o-transition: color 0.3s, text-decoration 0.3s;
    transition: color 0.3s, text-decoration 0.3s;
    transition: color 0.3s, text-decoration 0.3s, -webkit-text-decoration 0.3s;
}

.studio-btn a {
    text-decoration: underline !important;
    color: #706f6f !important;
}

.studio-btn:hover,
.studio-btn:hover a {
    color: #cfcfcf !important;
}

.slider-full-width {
    position: relative;
    background-position: center left !important;
    background-size: cover !important;
    height: 100vh;
    width: 100%;
    z-index: 0;
}

.slider-full-width .slick-arrow {
    top: 50%;
    transform: translateY(-50%);
}

.slider-full-width .slick-arrow--next {
    right: 20px;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.slider-full-width .slick-arrow--prev {
    left: 20px;
    z-index: 1;
}

.slider-full-width .slick-arrow.btn-svg svg line,
.slider-full-width .slick-arrow.btn-svg svg path {
    stroke: #ffffff !important;
}

.slider-full-width img {
    width: auto !important;
}

.slider-full-width.slider-main {
    padding: 0px !important;
}

.slider-full-width .slide {
    min-height: 100vh;
    height: 100%;
}

.accordion {
    width: 100%;
    background-color: #fafafa;
    padding: 78px 0px 50px 0px;
    text-align: center;
    margin-top: 94px;
}

body.page-template-single-project .accordion {
    margin-top: 0px;
}

.accordion h1,
.accordion h2,
.accordion h5 {
    font-size: 12px;
    line-height: 25px;
    color: #6f6f6f;
    margin-bottom: 10px;
    letter-spacing: 0.18em;
}

.accordion p {
    font-size: 14px;
    color: #a7a9ac;
}

.accordion a {
    color: #6f6f6f;
    text-decoration: none;
}

.accordion a:hover {
    color: #a7a9ac;
}

.accordion .link-more {
    font-size: 12px;
    letter-spacing: 0.21em;
    text-decoration: none;
    color: #b2b2b2;
    display: block;
    margin-top: 40px;
}

.accordion .link-more:hover {
    color: rgba(0, 0, 0, 0.4);
}

.accordion .link-more:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-left: 1px solid;
    border-bottom: 1px solid;
    margin: 0px auto;
    margin-top: 10px;
}

.accordion .link-more.read-more:after {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.accordion .link-more.read-less:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.accordion .container {
    max-width: 790px;
}

.accordion .section__entry-hidden {
    display: none;
}

.accordion .section__entry-hidden.reveal {
    display: block;
}

.scroll-wrapper {
    position: absolute;
    bottom: 32px;
    width: 100%;
    text-align: center;
    font-size: 19px;
}

.scroll-wrapper a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    letter-spacing: 0.2em;
    transition: opacity 2s, transform 2s;
    transform: translate(0px, 30px);
    opacity: 0;
}

.scroll-down-text {
    margin-bottom: 27px;
}

.scroll-visible {
    transform: translate(0px, 0px) !important;
    opacity: 1 !important;
}

.boxes--custom .row > div:last-child:not(.col-sm-4) .box {
    margin-bottom: 30px;
}

@media (max-width: 991px) {
    .table-primary.offices td:first-child {
        width: 35.7%;
    }

    .table-primary.offices td {
        width: 64.3%;
        display: table-cell;
        float: left;
    }
}

@media (max-width: 767px) {
    .accordion h1,
    .accordion h2,
    .accordion h5 {
        line-height: 15px;
    }

    .slider-full-width .slick-arrow--next {
        width: 10px;
    }

    .table-primary.offices td:first-child {
        width: 100%;
    }

    .table-primary.offices td:first-child:not(.has-title) {
        padding: 0px;
    }

    .table-primary.offices td.has-title {
        padding-bottom: 33px;
        border-bottom: 1px solid #6f6f6f;
        padding-top: 38px;
    }

    .table-primary.offices td {
        width: 100%;
        display: block;
        border-bottom: none;
    }

    .table-primary.offices h2 {
        font-size: 16px;
    }

    .table-primary.offices .row:after {
        clear: both;
    }

    .table-primary.offices p {
        margin-bottom: 6px;
    }

    h2.contact-heading {
        padding-top: 33px;
    }

    .main--contact-new .form-subscribe input[type="submit"] {
        font-size: 15px;
    }

    .form-subscribe .form__hint {
        font-size: 11px;
    }

    #wpcf7-f856-o2 .form__hint p {
        position: relative;
        top: 5px;
    }

    /* targeting the projects page with this ugly hack */
    body.page-id-19017 .boxes--custom .row > div.col-mobile-full {
        width: 100%;
        margin: 0px;
        padding: 0px 12px;
    }
}

@media (max-width: 1441px) {
    .scroll-wrapper {
        bottom: 20px;
    }

    .scroll-down-text {
        margin-bottom: 24px;
        font-size: 17px;
    }
}

@media (max-width: 1024px) {
    .accordion p {
        line-height: 20px;
    }

    .scroll-wrapper {
        bottom: 17px;
    }

    .scroll-down-text {
        font-size: 16px;
        margin-bottom: 15px;
    }
}

@media (max-width: 768px) {
    .scroll-down-text {
        font-size: 17px;
        margin-bottom: 14px;
    }
}

@media (max-width: 374px) {
    .scroll-wrapper {
        bottom: 54px;
    }

    .scroll-down-text {
        margin-bottom: 0px;
        font-size: 15px;
    }

    .scroll-down-arrow {
        display: none !important;
    }
}

.menu__socials {
    text-transform: none;
}

span[class^="PIN_"] {
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    background: #b2b2b2 !important;
    position: absolute;
    left: 20px;
    top: 20px;
    opacity: 0;
    z-index: 12;
}

span[class^="PIN_"]:after {
    content: "";
    background: #fff url(./assets/dist/images/icons/ico-pinterest.svg) no-repeat;
    -webkit-background-size: contain !important;
    background-size: contain !important;
    width: 20px;
    height: 20px;
    left: 6px;
    top: 3px;
    position: absolute;
    z-index: 12;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.boxes--custom span[class^="PIN_"] {
    left: 44px;
    top: 44px;
}

.pinterest:hover span[class^="PIN_"] {
    opacity: 1;
}

@media (max-width: 767px) {
    span[class^="PIN_"] {
        display: none;
    }
}