/*
Theme Name: REMS
Theme URI: 
Author: Francesco Rizzetto
Author URI: 
Description: Starter theme REMS with Bootstrap 4
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: rems

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.
*/

.admin-bar .navbar {
	top:32px;
}

* {
	line-height: normal !important;
}

body {
	display:flex;
	min-height:100vh;
	flex-direction:column;
	padding-top:70px;
	font-family:'Open Sans',sans-serif;
	background-color:#f8f6f5;
}

body .home {
	padding-top:0;
}

.margin-bottom {
	margin-bottom:40px;
}

.margin-top {
	margin-top:170px;
}

.animate {
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
}

.hidden {
	display:none;
}

.main-content {
	flex:1;
}

.line-break {
	border-top:1px solid #ededed;
}

a {
	color:inherit;
}

/* Utilities 
---------------------------------------------*/
.trattino-yellow {
	width:80px;
	height:2px;
	background:#f5cc4b;
	margin:0 auto;
}

.trattino-yellow-left {
	width:80px;
	height:2px;
	background:#f5cc4b;
	margin:0;
}

.trattino-black {
	width:50px;
	height:2px;
	background:#000;
	margin:0 auto;
}

.trattino-black-left {
	width:50px;
	height:2px;
	background:#000;
	margin:0;
}

.trattino-white {
	width:50px;
	height:2px;
	background:#fff;
	margin:0 auto;
}

.trattino-white-left {
	width:50px;
	height:2px;
	background:#fff;
	margin:0;
}

.btn {
	font-size:14px !important;
	font-weight:300 !important;
	border-radius:0 !important;
	color:#000 !important;
	cursor: pointer;
}

.btn-primary {
	background-color:#f5cc4b !important;
	text-transform:uppercase !important;
	border-color:#f5cc4b !important;
}

.btn-secondary {
	background:transparent !important;
	text-transform:uppercase !important;
	border-color:black !important;
}

.btn:hover {
	border-color:#f5cc4b !important;
	background-color:#f6dc83 !important;
}

.back-white {
	background-color:#fff;
}

.back-yellow {
	background-color:#f5cc4b;
}

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

h1,h2,h3,.h1,.h2,.h3 {
	font-size:20px;
	color:#000;
	font-weight:700;
}

.section-title {
	font-size:20px;
	color:#000;
	font-weight:700;
}

.section-desc {
	font-size:16px;
	color:#58585a;
	font-weight:200;
}

.section-dida {
	font-size:14px;
	color:#58585a;
	font-weight:200;
}

/* Menù 
---------------------------------------------*/
.bg-primary {
	background:#fff!important;
}

/*
.is-scrolled .bg-primary {
	background:rgba(255,255,255,)!important;
}

.is-scrolled .navbar-brand {
	width:180px!important;
}
*/

.navbar-brand {
	width:200px!important;
}

.navbar-brand img {
	width:90%!important;
}

.nav-link {
	text-transform:uppercase;
	font-size:14px;
	font-weight:700;
	padding:0 30px;
	text-align:center;
}

.navbar {
	border-bottom:2px solid #f5cc4b;
}

/* Slider 
---------------------------------------------*/
.carousel
.carousel-inner
.carousel-item {
}

.slider-big h3 {
	font-size:70px;
	font-weight:700;
}

.slider-big .carousel-caption {
	max-width:100%;
	left:0;
	right:0;
	color:black;
}

.carousel .img-fluid {
	width: 100%;
	max-width: 100%;
}

.slider-big .carousel-caption-slogan {
	top: 20px;
	bottom:auto;
}

.slider-big .carousel-text p {
	font-size:22px;
	font-weight:300;
}

.rems-title {
	background-color:rgba(255,255,255,0.88);
}

.first-title {
	font-weight:700;
	font-size:35px;
}

.payoff {
	font-size:28px;
	font-weight:300;
}

.pack-basic h3 {
	font-size:16px!important;
}

.pack-basic {
	max-width:500px;
	background-color:#f5cc4b;
	float:left;
	margin-left:50px;
}

/* HOME 
-----------------------------------------*/
.main_fixed_button {
	position:fixed;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
	font-weight:700!important;
	text-decoration:none!important;
	font-size:16px!important;
	z-index:100;
}

/* Soluzioni 
---------------------------------------------*/
#soluzioni .left-contain {
	position:relative;
}

#soluzioni .price {
	position:absolute;
	top:0;
	right:0;
	padding:30px;
	background-color:#f5cc4b;
	color:#000;
	text-align:center;
}

#soluzioni .price b {
	font-size:2em;
}

/* Come funziona 
---------------------------------------------*/
.icon-circle {
	max-width:50px;
	max-height:50px;
	display:flex;
	justify-content:center!important;
	align-items:center!important;
	margin:10px auto;
}

.icon-circle img {
	height:auto;
}

.functioncard {
	background-color:#fff;
}

#comefunziona .card {
	position:relative;
	background:none;
	border:none;
}

#comefunziona .card:before {
	content:'';
	display:block;
	top:0;
	left:0;
	right:0;
	height:50%;
	background-color:#fff;
	position:absolute;
	transform:skew(10deg);
	z-index:1;
}

#comefunziona .card:after {
	content:'';
	display:block;
	bottom:0;
	left:0;
	right:0;
	height:50%;
	background-color:#fff;
	position:absolute;
	transform:skew(-10deg);
	z-index:1;
}

#comefunziona .card * {
	position:relative;
	z-index:2;
}

/* Un progetto sempre con te
---------------------------------------------*/
.progetto-title {
	font-size:30px;
	font-weight:700;
}

.progetto-text {
	font-style:13px;
	font-weight:200;
}

.two-columns-progetto {
	background-color:#fff;
}

/* Vantaggi
---------------------------------------------*/
.vantaggi {
	background-color:#f5cc4b;
}

/* Form section
---------------------------------------------*/
.form-section {
	background-color:#f5cc4b;
}

.informations {
	background-color:#fff;
}

.information-section {
	padding:0;
}

/*
#wpforms-submit-115 {
	background-color:#f5cc4b!important;
	color:#000!important;
	border-color:#000!important;
	padding:5px 100px!important;
}
*/

.wpforms-field-label {
	font-weight:400!important;
	margin-bottom:10px!important;
}

.wpforms-required-label {
	color:#000!important;
}

.wpforms-field-label-inline {
	font-size:14px!important;
	font-weight:300;
}

/* Footer 
---------------------------------------------*/
.footer {
	background-color:#fff!important;
}

.informazioni p {
	font-size:13px;
	color:#000;
	font-weight:300;
}

.copyright ul {
	color:#000;
}

.copyright p {
	font-size:13px;
	color:#000;
	font-weight:300;
}

#footer-brand img {
	width:200px;
}

/* Comments 
---------------------------------------------*/
#comments {
	margin-bottom:40px;
}

.comments {
	padding-top:40px;
}

.comments textarea {
	width:100%;
}

.comments label {
	min-width:80px;
}

.comment .reply {
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	padding-bottom:10px;
}

.comments ul,.comments ol {
	list-style-type:none;
}

.comment-author img {
	border-radius:999px;
}

/* Input and textarea 
---------------------------------------------*/
input,textarea {
	padding:5px 10px;
	border:1px solid #ccc;
}

/* widget
---------------------------------------------*/
.widget_search .screen-reader-text {
	display:block;
}

.widget_search #s {
	width:70%;
	float:left;
}

.widget_search #searchsubmit {
	width:30%;
	float:left;
	background:#fff;
}

.widget_recent_entries h3 {
	font-size:30px;
	color:#527287;
	font-weight:700;
}

.widget_categories h3 {
	font-size:30px;
	color:#527287;
	font-weight:700;
}

.sidebar ul {
	list-style-type:none;
	padding-left:5px;
}

.sidebar a {
	font-size:15px;
	color:#58585a!important;
}

/* SOLUZIONI PAGE
---------------------------------------------*/
.section-solution {
	background-color:#fff;
}

.section-solution-yellow {
	background-color:#f5cc4b;
}

.page-template-cosafacciamo .left-contain .section-desc {
	margin-top:15px;
}

.pacchetto_3 {
	background-color:#f5cc4b;
}

/* COSA FACCIAMO PAGE
---------------------------------------------*/
.section-step {
	background-color:#fff;
	display:block;
	width:100%;
	min-height:350px;
	overflow:hidden;
}

.icon-circle-what {
	border:1px solid #000;
	border-radius:50%;
	width:65px;
	height:65px;
	display:flex;
	justify-content:center!important;
	align-items:center!important;
	padding:0;
	margin:0 auto;
}

.icon-circle-what img {
	width:40%;
	height:auto;
}

.icon-row {
	margin:0 auto;
}

/* CASE STUDY
---------------------------------------------*/
.case_study_item {
	position:relative;
	padding:2px;
	color:black !important;
}

.case_study_item img {
	width:100%;
	transition: all ease 0.5s;
}

.case_study_item .hover {
	display:block;
	opacity:0;
	background-color:rgba(245,206,76,0.8);
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	text-align:center;
	cursor:pointer;
	transition: all ease 0.5s;
}

.case_study_item:hover .hover {
	opacity:1;
}

.case_study_item:hover img {
	filter: grayscale(100%);
}


.case_study_item .hover .hover_text {
	position:absolute;
	top:50%;
	left:50%;
	width:80%;
	transform:translate(-50%,-50%);
}

.case_study_item a {
	color:#000;
}

.case_study_item .crosshair {
	display:block;
	margin:10px auto;
	width:40px;
	height:40px;
	position:relative;
}

.case_study_item .crosshair:before,.case_study_item .crosshair:after {
	content:'';
	width:100%;
	height:1px;
	background-color:#000;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}

.case_study_item .crosshair:after {
	transform:translate(-50%,-50%) rotate(90deg);
}

#single_case_study .carousel .carousel-inner .carousel-item {
	min-height:0;
}

.title-single-project{
	font-weight: 700;
	color: rgba(154, 154, 154, 0.5);
	font-size: 20px;
}

/* DICONO DI NOI PAGE
---------------------------------------------*/
.section-about {
	background-color:#fff;
}

/* FAQ
---------------------------------------------*/
#faqs .card {
	background-color:#fff;
	border:none!important;
	border-radius:0!important;
	cursor:pointer;
}

#faqs .card-header,#faqs .card-body {
	background-color:#fff;
	border:none;
}

#faqs .card-header h2 {
	display:inline-block;
	vertical-align:middle;
}

#faqs .card-header:before {
	content:'›';
	margin:0 10px;
	font-size:2em;
	display:inline-block;
	vertical-align:middle;
	transition:all ease .5s;
	transform-origin:center center;
}

#faqs .card.open .card-header:before {
	transform:rotate(90deg);
}

#faqs .card .card-body {
	transition:all ease .5s;
	max-height:0;
	overflow:hidden;
	padding:0 15px;
	margin:0;
}

#faqs .card.open .card-body {
	max-height:500px;
	padding:15px;
}

/* MATTERPORT
---------------------------------------------*/
.single-image {
	background-color:#fff!important;
}

/* Pagination
---------------------------------------------*/
.page-numbers {
	display:inline-block;
	padding:10px 15px;
	border:1px solid #ddd;
	margin-right:4px;
}

/*------------------------------------------
  Tablet
---------------------------------------------*/
@media (max-width:998px) {
	.btnfull {
		padding:10px;
	}
	
/*
	.bg-primary {
		background:#fff!important;
		margin-right:10px;
	}
*/
	
	.navbar-social {
		flex-direction:row;
	}
	
	#comefunziona .card {
		margin-bottom:20px;
	}
	
	.card-deck {
		display:block;
	}
	
	#soluzioni .price {
		position:relative;
	}
}

/*------------------------------------------
  Smartphone
---------------------------------------------*/
@media (max-width:767px) {
/*
	.bg-primary {
		background:#fff!important;
		margin-right:10px;
	}
*/
	
	.nav-link {
		padding-top:10px;
	}
	
	.carousel .carousel-inner .carousel-item {
		min-height:0;
	}
	
	.carousel-caption {
		position:relative;
	}
	
	.pack-basic {
		max-width:100%;
		float:none;
		margin:0;
	}
	
	.main_fixed_button {
		display:none;
	}
	
	.project-with {
		text-align:center;
	}
	
	.form-information {
		text-align:center;
	}
	
	.trattino-yellow-left {
		display:block;
		margin:0 auto;
		float:none;
	}
	
	.section-title {
		text-align:center;
	}
	
	.section-desc {
		text-align:center;
	}
	
	#soluzioni .left-contain {
		min-height:250px;
	}
	
	#section-step .left-contain {
		min-height:500px;
	}
}

.pagination {
	margin-bottom:40px;
}

/* General wp style
---------------------------------------------*/
.post img {
	max-width:100%;
	height:auto;
}

.titolo-blog {
	color:#527287;
	font-size:60px;
	font-weight:700;
}

.titolo-articolo a {
	color:#527287!important;
	font-size:35px;
	font-weight:700;
	text-decoration:none!important;
}

/* WordPress Core Styles
-------------------------------------------------------------- */
.bypostauthor {
	font-size:13px;
	border-left:3px solid #ddd;
	padding-left:20px;
}

.gallery-caption {
	padding:5px;
	font-size:10px;
}

.alignnone {
	margin:5px 20px 20px 0;
}

.aligncenter,div.aligncenter {
	display:block;
	margin:5px auto;
}

.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}

a img.alignnone {
	margin:5px 20px 20px 0;
}

a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}

a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.wp-caption {
	background:#fff;
	border:1px solid #f0f0f0;
	max-width:96%;
/* Image does not overflow the content area */
	padding:5px 3px 10px;
	text-align:center;
}

.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}

.wp-caption.alignright {
	margin:5px 0 20px 20px;
}

.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}

.wp-caption p.wp-caption-text {
	font-size:11px;
	margin:0;
	padding:0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
	border:0;
	clip:rect(1px,1px,1px,1px);
	clip-path:inset(50%);
	height:1px;
	margin:-1px;
	overflow:hidden;
	padding:0;
	position:absolute!important;
	width:1px;
	word-wrap:normal!important;
/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color:#eee;
	clip:auto!important;
	clip-path:none;
	color:#444;
	display:block;
	font-size:1em;
	height:auto;
	left:5px;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000;
/* Above WP toolbar. */
}