@charset "utf-8";
/* CSS Document */

* {
    font-family: 'Karla', sans-serif;
    transition: all .8s ease;
}

.container {
    max-width: 1240px;
}

h1 {
    margin: 0 0 30px;
    padding: 0;
    font-size: 30px;
    line-height: 36px;
    color: #212121;
    font-weight: 400;
    letter-spacing: -0.02em;
}

h2 {
    margin: 0;
    padding: 0;
    font-size: 40px;
    line-height: 47px;
    color: #212121;
    font-weight: 400;
    letter-spacing: -0.02em;
}

h4,
h5 {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 17px;
    font-weight: 600;
    color: #AFAEA6;
    display: inline-block;
}

h4:after {
    content: '';
    display: block;
    width: auto;
    height: 2px;
    background: #AFAEA6;
    margin-top: 5px;
}

p {
    margin: 0 0 25px 0;
    padding: 0;
    font-size: 17px;
    line-height: 25px;
    color: #9F9E95;
    font-weight: 400;
}

p i {
    font-size: 30px;
    margin-right: 15px;
}

p a {
    color: #9F9E95;
    text-decoration: underline;
}

p a:hover {
    color: #212121;
}

p strong {
    color: #8D8C83;
    font-weight: 700;
}

a.btn.btn-link,
button.btn.btn-primary,
.wpcf7-form-control.wpcf7-submit {
    padding: 15px 25px;
    font-size: 14px;
    line-height: 17px;
    border-radius: 0;
    text-decoration: none;
    background: none;
    transition: background .5s, color .5s, ease;
    width: auto;
}

a.btn.btn-link,
button.btn.btn-primary,
.wpcf7-form-control.wpcf7-submit {
    border: 1px solid #212121;
    color: #212121;
}

a.btn.btn-link:hover,
button.btn.btn-primary:hover,
.wpcf7-form-control.wpcf7-submit:hover {
    background: #212121;
    color: #fff;
}

a.btn.btn-link i,
button.btn.btn-primary i,
.wpcf7-form-control.wpcf7-submit i {
    margin-right: 5px;
}

.wpcf7-list-item {
	margin-left: 0 !important;
	line-height: 18px !important;
}

span.wpcf7-list-item-label {
	line-height: 22px !important;
}

.box-form input[type="checkbox"] {
	width: auto !important;
	margin-bottom: 0 !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #AFAEA6;
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #AFAEA6;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #AFAEA6;
}

/***** NAVBAR *****/
nav.menu_scroll {
    /*background: rgba(33, 33, 33, .9);*/
    background: rgba(255, 255, 255, .95);
    transition: all 1.5s;
    z-index: 9999 !important;
}

.navbar-brand img {
	min-width: 120px;
	height: auto;
}

nav.menu_scroll img {
    /*filter: brightness(0) invert(1);*/
    transition: all 1.5s;
}

nav.navbar-light .navbar-nav .nav-item {
    margin: 0 20px;
}

nav.navbar-light .navbar-nav .nav-item:first-child {
    margin-left: 0;
}

nav.navbar-light .navbar-nav .nav-item:last-child {
    margin-right: 0;
}

nav.navbar-light .navbar-nav .nav-link {
    font-size: 15px;
    color: #212121;
    padding: 0;
    font-weight: 500;
}

nav.navbar-light .navbar-nav .nav-link::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #212121;
    transition: width .3s;
}

nav.navbar-light .navbar-nav .nav-link:hover::after,
nav.navbar-light .navbar-nav .nav-link.active::after {
    width: 100%;
}

nav.navbar-light .navbar-nav .nav-link:hover,
nav.navbar-light .navbar-nav .nav-link.active {
    color: #000;
}

/*nav.menu_scroll.navbar-light .navbar-nav .nav-link {
    color: #fff;
}*/

/*nav.menu_scroll.navbar-light .navbar-nav .nav-link::after {
    background: #fff;
}*/

/*nav.menu_scroll.navbar-light .navbar-nav .nav-link:hover,
nav.menu_scroll.navbar-light .navbar-nav .nav-link.active {
    color: #fff;
}*/

/***** CAROUSEL *****/
.carousel-item {
    background-size: cover !important;
    background-position: center !important;
    width: 100% !important;
    height: 100vh;
}

.carousel-item .container {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
    justify-content: flex-end;
    height: 95vh;
}

.carousel-item a {
    color: #212121;
    text-decoration: none;
    font-size: 14px;
    line-height: 20px;
}

.carousel-item a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #212121;
    transition: width .3s;
}

.carousel-item a i {
    margin-right: 10px;
}

.carousel-item a:hover i {
    margin-right: 5px;
}

.carousel-item a:hover::after {
    width: 100%;
}

/***** Citazione *****/
.cnt-citazione {padding-top: 3rem; padding-bottom: 3rem;}
.cnt-citazione ul {margin: 0 0 25px 25px; padding: 0; font-size: 17px; line-height: 25px; color: #9F9E95; font-weight: 400;}

/***** Box masonry *****/
.box-masonry .box {
    position: relative;
}

.box-masonry .image {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}

.box-masonry .overlay {
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 15px;
    right: 15px;
    height: auto;
    width: auto;
    opacity: 0;
    transition: .5s ease;
    background-color: #fff;
}

.box-masonry .box:hover .overlay {
    opacity: 1;
}

.box-masonry .text {
    color: #212121;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
	padding: 0 5px;
}

.box-masonry .text span {
    font-size: 14px;
    line-height: 17px;
    font-weight: normal;
    display: block;
    margin-top: 5px;
}

/***** FOOTER *****/
footer {
    padding-top: 3rem;
    padding-bottom: 3rem;
}

footer li,
.copyright li {
    list-style: none !important;
}

footer,
.copyright {
    background: #212121;
}

footer p,
.copyright p {
    color: #AFAEA6;
    font-weight: 400;
}

footer p a {
    color: #AFAEA6;
    text-decoration: none;
}

footer p a:hover,
.copyright p a:hover {
    color: #9F9E95;
}

footer img {
    filter: brightness(0) invert(1);
    transition: all 1.5s;
	min-width: 120px;
	max-width: 120px !important;
	height: auto;
}

footer p a::after {
    content: '';
    display: block;
    width: 0;
    height: 1px;
    background: #AFAEA6;
    transition: width .3s;
}

footer p a:hover i {
    margin-right: 5px;
}

footer p a:hover::after {
    width: 100%;
}

.copyright p {
    font-size: 14px;
    line-height: 24px;
}

.copyright p a {
    text-decoration: underline;
}

/***** BACK TO TOP *****/
#backtotop {
    display: inline-block;
    width: 55px;
    height: 45px;
    text-align: center;
    position: fixed;
    bottom: 30px;
    right: 35px;
    transition: background-color .3s, opacity .5s, visibility .5s, transform 1s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
    border: 1px solid #cdcdcd;
    line-height: 45px;
    color: #cdcdcd;
}

#backtotop:hover {
    cursor: pointer;
    background-color: #212121;
    color: #fff;
}

#backtotop:hover i {
    transform: rotate(360deg);
}

#backtotop:active {
    background-color: #212121;
}

#backtotop.show {
    opacity: 1;
    visibility: visible;
}

/***** LO STUDIO *****/
.header-studio {
    margin-top: 100px;
}

.header-studio .box {
    background: #EBEAEA;
}

/***** FULL IMAGE *****/
.cnt-fullimage {
    margin-top: 100px;
}

/***** FORM *****/
.box-form.bg-grey {
    background: #F9F8F8;
}

.box-form input,
.box-form textarea {
    border: none;
    outline: none;
    background: none;
    border-bottom: 1px solid #AFAEA6;
    border-radius: 0;
    width: 100%;
    font-size: 17px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 25px;
    color: #AFAEA6;
    padding: 5px 0;
}

.box-form textarea {
    resize: none;
    min-height: 100px;
    max-height: 100px;
}

.wpcf7 form.sent .wpcf7-response-output {
    border-color: #212121 !important;
}

.wpcf7 form .wpcf7-response-output {
    margin: 1em 0 1em !important;
    border: 1px solid #212121 !important;
}

/***** MAIN *****/
section.main iframe {
    margin-top: 100px;
}


section.main li.widget.widget_block.widget_text {
    list-style: none !important
}

/***** DETTAGLIO PROGETTO *****/
.detail-progetto ul {
    list-style: none;
    margin: 30px 0;
    padding: 0;
    font-size: 17px;
    line-height: 24px;
    color: #9F9E95;
    font-size: 400;
}

.detail-progetto ul li {
    margin-bottom: 15px;
}

.detail-progetto ul li strong {
    color: #212121;
    font-size: 400;
}

.detail-progetto ul.gallery {
    margin-top: 20px;
}

.detail-progetto ul.gallery li {
    margin-bottom: 20px;
}

.detail-progetto ul.gallery li img {
    max-width: 95%;
    height: auto !important;
}

.detail-progetto p {
    margin-bottom: 30px;
}

/***** NAVIGATION *****/
.navigation {
    border-top: 1px solid #9F9E95;
}

.navigation p {
    color: #afaea6;
}

.navigation p strong {
    color: #212121;
    display: block;
}

.navigation p a {
    text-decoration: none;
}

.navigation p a svg {
    fill: #A2A2A2;
    transition: transform 0.5s, fill 0.5s;
    display: inline-block;
}

.navigation p a:hover svg {
    fill: #212121;
    transform: rotate(360deg);
}

/***** 404 *****/
.page404 {
    height: 100vh;
    position: relative;
    background: url(https://fargoarchitettura.com/wp-content/themes/fargo/css/../images/slide404.jpg) no-repeat center;
    background-size: cover;
}

.page404 .row {
    display: table;
    height: 100vh;
}

.page404 .col {
    display: table-cell;
    vertical-align: middle;
}

.page404 h1 {
    font-size: 60px;
    font-weight: 600;
}

@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 769px) and (max-width: 1141px) {
    .header-studio h1 {
        font-size: 25px;
        line-height: 30px;
    }
}

@media screen and (min-width: 769px) and (max-width: 991px) {
    .navbar-collapse.collapsing,
    .navbar-collapse.collapse {
        transition: none !important;
    }    

    .navbar-collapse.collapse.show {
        -webkit-box-shadow: 0px 0px 15px 0px rgba(33,33,33,.3); 
        box-shadow: 0px 0px 15px 0px rgba(33,33,33,.3);
        width: 100%;
        background-color: #fff;
        border-radius: 0;        
        padding: 1.3rem 2.6rem;
        margin: 10px 0 0 0 !important;
        transition: none !important;
    }

    nav.navbar-light .navbar-nav .nav-item {
        margin: 10px 0 !important;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding: 0;
        margin-right: 10px;
    }

    button:focus:not(:focus-visible) {
        outline: none !important;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33,33,33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }
}

@media screen and (max-width: 768px) {

    .col,
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        padding-left: 25px;
        padding-right: 25px;
    }

    h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .navbar-collapse.collapsing,
    .navbar-collapse.collapse {
        transition: none !important;
    }    

    .navbar-collapse.collapse.show {
      	/*-webkit-box-shadow: 0px 0px 15px 0px rgb(33 33 33 / 30%); */
		/* box-shadow: 0px 0px 15px 0px rgb(33 33 33 / 30%); */
		width: 100%;
		background-color: #fff;
		border-radius: 0;
		padding: 1.5rem 1.7rem;
    	margin: 10px -12px 0 -12px !important;
		transition: none !important;
	}

    nav.navbar-light .navbar-nav .nav-item {
        margin: 10px 0 !important;
    }

    .navbar-light .navbar-toggler {
        border: none;
        padding: 0;
        margin-right: 10px;
    }
	
	nav.navbar-light .navbar-nav .nav-link {
    	font-size: 16px;
	}

    button:focus:not(:focus-visible) {
        outline: none !important;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(33,33,33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }

    /*nav.menu_scroll .navbar-toggler-icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
    }*/
	
	nav.navbar-light .navbar-nav .nav-link:hover::after, nav.navbar-light .navbar-nav .nav-link.active::after {
		max-width: 15%;
		width: 100%;
	}
	
	.navbar-toggler>.close {
		display: inline;
		color: #212121;
		font-weight: 300;
		font-size: 35px;
		padding: 0;
		transition: all .5s;
	}
	.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
		display:none;
	}

    .cnt-citazione {
        padding-top: 0;
        padding-bottom: 0;
    }

    .cnt-alternate .btn.btn-link {
        margin-top: .5rem !important;
    }

    .cnt-alternate img {
        margin-top: 1.5rem;
    }

    footer {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .navbar-light .navbar-brand {
        margin-left: 15px;
    }

    .header-studio {
        background: #ebeaea;
        padding-top: 25px;
        padding-bottom: 25px;
    }
	
	.header-studio img {
		margin-bottom: 30px!important;
	}
	
	.header-studio .box.pt-5 {
		padding-top: 0 !important;
	}

    .header-studio .col-md-10 {
        padding-left: 0;
        padding-right: 0;
    }
	
	.cnt-fullimage.studio {
		background: url(https://fargoarchitettura.com/wp-content/themes/fargo/css/../images/lo-studio-full1.jpg) no-repeat 60% 0;
		min-height: 40vh;
		background-size: cover;
		margin-top: 0 !important;
	}

    .cnt-fullimage,
    .cnt-progetti {
        margin-top: 100px;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .cnt-citazione.pt-5.my-5,
    .cnt-alternate.py-5.mt-5 {
        padding-top: 0 !important;
        margin-top: 0 !important;
    }

    .cnt-alternate h2 {
        /*margin-top: 3rem;*/
        margin-top: 1rem;
    }

    .box-form.bg-grey.mt-5.py-5 {
        margin-top: 0 !important;
        padding-top: .5rem !important;
        padding-bottom: .5rem !important;
    }

    .box-form.mt-5.py-5 {
        margin-top: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }
    
    .copyright p {
        text-align: left !important;
    }
    
    .page404 {
        height: 100%;
        background: url(https://fargoarchitettura.com/wp-content/themes/fargo/css/../images/slide404.jpg) no-repeat 70% 10%;
        background-size: cover;
    }
    
    .page404 .row {
        display: table;
        height: 60vh;
    }
    .page404 h1 {
        font-size: 55px;
        line-height: 60px;
        width: 85%;
    }
	
	.detail-progetto ul.gallery li img {
		max-width: 100%;
	}
}

.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important;word-break:normal!important}.wpcf7 .hidden-fields-container{display:none}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1e3ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2e3ms}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 [inert]{opacity:.5}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}.wpcf7-reflection>output{display:list-item;list-style:none}.wpcf7-reflection>output[hidden]{display:none}
h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}
.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}