/*
Theme Name: Collective Child
Theme URI:  http://collective.stonedthemes.com/
Description: A child theme of Collective Theme
Author: StonedThemes
Author URI: http://stonedthemes.com/
Version: 1.0
Template: collective
*/
@import url("../collective/style.css");

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap');






h1, h2, h3, h4, h5, h6, a, ul li a, ul, li, lo  {
		font-family: 'Roboto', sans-serif!important;
	font-weight: 300!important;
	letter-spacing: 1px!important;
}


.h4, h4 {
	color:#000!important;
}

body {
	color: #979797!important;
}

p {
	font-family: 'Roboto', sans-serif!important;
	font-weight: 300!important;
}

.container p  {
	    line-height: 2!important;
}

a.logo {
opacity:1;

}

a.logo:hover {
opacity:.8;

}

#to-top {
	border:none!important;
}

.h4, h4 {
    font-size: 12px!important;
	margin: 0 0 10px!important;
}

p {
	color:#979797!important;
}

p a {
	color:#000!important;
}

.header-v1 ul.menu > li > a:after {
	display: none!important;
}

.projects-nav, .projects-nav .prev-project, .projects-nav .next-project {
	border:none!important;
}


.fa-th:before {
	    content: url(https://www.architrame.it/wp-content/uploads/2020/12/logo.svg)!important;
    width: 30px;
    height: 30px;
    display: block;
}



	.vc_section {
		margin:0!important;
	}

.portfolio-filter-v1 ul li a:hover {
	text-decoration: underline;
}


.mosaic .col-lg-4 {
	padding:0 5px!important;
}

.row.mosaic {
    margin: 15px 0;
    z-index: 9999;
    position: relative;
}

.portfolio-item {
	margin:0 0 10px!important;
}

@media screen and (min-width:991px) {
header {
	    width: 19%;
	display: inline-block!important;
	border:none!important;
}
	
	.portfolio-items img {
		width:100%!important;
	}

#home {
	    width: 80%;
    display: inline-block;
}
	
	
	.header-v1 .menu > li {
    display: block!important;
}

	
		@media screen and (min-width:1600px) {
		.portfolio-items {
	min-height: 701px;
    max-width: 88%!important;
    margin: 0 auto;
}
	}

.header-v1 .header-container .logo-container, header .shares-container, .header-v1 .header-container .menu-container {
	display: block!important;
	text-align: left!important;
	    width: 30%!important;
	
}
	
	.logo-container {
    vertical-align: middle;
    margin: 28px 0;
		}
	
.header-v1 {
    position: fixed;
    top: 0;
    width: 10%;
	}
	
	.menu ul {
		padding:0!important;
	}
	
	.shares-container {
		display: none!important;
	}
	
	
.header-v1 div.menu > ul > li > a, .header-v1 .menu > li > a {
    line-height: 1!important;
    display: block;
    padding: 0!important;
    font-size: 10px!important;
    color: #000;
    margin: 0 0 12px;
    letter-spacing: 1px;
	font-family: 'Roboto', sans-serif!important;
	font-weight: 300!important;
}
	
	
	.header-v1 div.menu > ul > li {
    display: block!important;
}
	
	#home .stoned-container {
		padding:0!important;
	}
	
	
	.topImage img {
	
	}
	
	.WrapperTop h4 {
		text-align: center;
    margin: -84px 0 0!important;
    z-index: 9999;
    position: relative;
    font-size: 14px;
	}
	
	
	.instagram {
		    position: fixed;
    right: 2%;
    top: 37px;
    font-size: 10px;
		z-index:999;
		letter-spacing: 1px!important;
	}

	.stoned-container.main {
    overflow: visible!important;
    width: 60%;
	margin: 81px auto;
}
	
.single-portfolio-container {
    margin-top: 81px!important;
}
	
	.FirstSection {
		margin:0 0 10vh;
	}
	

	.home .stoned-container, .home .instagram {
		display: none;
	}
	
}


@media screen and (max-width:991px) {
	.instagram {
		display: block!important;
	}
}


@media screen and (max-width:1024px) {
	
		
	p {
		font-size:14px!important;
	}
	
header > div.responsive-header .responsive-menu {
    background-color: #fff!important;
    color: #000;
    padding: 10px;
    padding-bottom: 0;
    margin: -80px 0 0;
}
	
	header > div.responsive-header .responsive-menu > div > ul > li > a {
		font-size:16px!important;
	}
	
	
	.stoned-container {
		margin:50px 0 0!important;
	}
	
	header > div.responsive-header .responsive-menu > a {
		color:#000!important;
		    z-index: 99999!important;
    position: relative!important;
	}
	
	
	.topImage {
		margin:0!important;
	}
	
	.instagram {
		    position: absolute;
    top: 6%;
    z-index: 99;
    left: 4%;
	}
	
	.FirstSection {
		    min-height: 33.867vh!important;
	}
	
	.line {
		display: none!important;
	}
	

	
	header > div.responsive-header .responsive-menu ul.menu {
		border:none!important;
	}
	
	
	header > div.responsive-header .responsive-logo img {
		max-height: 60px!important;
	}
	
	.topImage img {
		max-width: 90%!important;
	}
	
	.lineScroll {
		display: none!important;
	
}
	
	#contacts *, #contacts h4 {
		text-align: center!important;
	}
}


.lineScroll {
	position: absolute;
    left: 0;
    right: 0;
        bottom: -40%;
}



	.stoned-container.main {
		overflow:visible!important;
	}

.page-title {
	display: none!important;
}


.portfolio-filter-v1 ul {
	text-align: center!important;
}


footer {
	background:#fff!important;
}


.portfolio-items {
	min-height: 701px;
    max-width: 1200px;
    margin: 0 auto;
}

.portfolio-filter-v1 {
	max-width: 970px!important;
	margin:0 auto!important;
}

.portfolio-filter-v1 ul li a {
	color:#000!important;
}

.portfolio-filter-v1 ul li {
	line-height:1!important;
	padding:0!important;
}

.portfolio-items .overlay {
    background-color: rgba(0,0,0, .3)!important;
	-webkit-transition: all 0.4s ease-in-out!important;
    -moz-transition: all 0.4s ease-in-out!important;
    -o-transition: all 0.4s ease-in-out!important;
    transition: all 0.4s ease-in-out!important;
}

.portfolio-filter-v1 {
	background:none transparent 0 0!important;
}

.portfolio-item .overlay-container .text h4 {
	color:#FFF!important;
	text-transform: uppercase!important;
	font-size:12px!important;
	font-weight: 700!important;
	      -webkit-transition: opacity 0.1s 0.1s!important;
    -moz-transition: opacity 0.1s 0.1s!important;
    -o-transition: opacity 0.1s 0.1s!important;
    transition: opacity 0.1s 0.1s!important;
}



.portfolio-item .overlay-container .text h6 {
	color:#FFF!important;
		    -webkit-transition: opacity 0.1s 0.1s!important;
    -moz-transition: opacity 0.1s 0.1s!important;
    -o-transition: opacity 0.1s 0.1s!important;
    transition: opacity 0.1s 0.1s!important;
}


.collective-title:after, h2.wpb_heading:after {
	display: none!important;
}

.single-portfolio-container .collective-title {
	margin:0 0 20px!important;
}


.text-uppercase {
	color:#000!important;
}

.guxhi {
	display: none!important;
}



.home .line {
	display: block!important;
}

.line {
       width: 1px;
    height: 65px;
    background-color: #ccc;
    display: block;
    margin: 0 auto;
	display: none;
}


.line:before {
  content: '';
  width: 1px;
  height: 50%;
  top: 0;
  background-color: #333;
  display: block;
  animation: downWipe 2s ease-in-out infinite;
}

@keyframes downWipe {
  0% {
    height: 0;
  }
  50% {
    height: 100%;
  }
  70% {
    height: 100%;
    transform: scaleY(0.5);
    transform-origin: bottom;
  }
  100% {
    height: 100%;
    transform: scaleY(0);
    transform-origin: bottom;
  }
}

.group-description-buttons, #gdpr-cookie-consent-bar .gdpr_messagebar_content div.group-description {
	display: inline-block;
}

.gdpr_messagebar_content {
    max-width: 64%!important;
    text-align: center!important;
    position: absolute;
    bottom: 28px;
    left: 0;
    right: 0;
    background: #fff;
}

#gdpr-cookie-consent-bar a {
	text-transform: uppercase!important;
	font-size:10px!important;
	    margin: 0 10px;
}

#gdpr-cookie-consent-bar a {
	text-transform: uppercase!important;
}

#gdpr-cookie-consent-bar a:hover {
	text-decoration: underline!important;
}

#gdpr-cookie-consent-bar .gdpr_messagebar_content div.group-description {
	padding:0!important;
}

footer {
	text-align: center!important;
}



.portfolio-images .portfolio-image img {
	width: 100%!important;
}


.rsOverflow {
	height:100%!important;
	min-height:600px!important;
}


.royal-slider {
	overflow:visible!important;
}


.dashicons-instagram:before {
    content: "\f12d"!important;
}

.dashicons, .dashicons-before:before {
    font-family: dashicons;
    display: inline-block;
    line-height: 1;
    font-weight: 400;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 20px;
    height: 20px;
    font-size: 20px;
    vertical-align: top;
    text-align: center;
    transition: color .1s ease-in;
}

.fa-instagram {
	font-size: 20px;
	color: #000;
}