/*
	@FONTS      Font inclusions
	@GENERAL    General use classes
	@BASIC      Basic colors, fonts and backgrounds
	@ANIMATE    Animations
	@BUTTONS    Buttons
	@FORMS      Forms
	@LAYOUTFIX  Global Layout Fix
	@HEADER     Site Header
	@NAV        Main navigation
	@MAIN       Site inner
	@SIDE       Sidebar
	@FOOTER     Footer
	@HOME     	Homepage
	@TEMP       Work in progress

	Palette:
		White: #fff
		Black: #000
*/


/* @FONTS */
/* font-family: 'Rubik', sans-serif;      */
/* font-family: 'Montserrat', sans-serif; */

/* @GENERAL */

.clear {
	clear: both;
}

.hidden,
.screen-reader-text,
.home h1 {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  word-wrap: normal !important;
}

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


/* @BASIC */
:root {
	font-family: 'Rubik', sans-serif;
	font-size: 10px;
}

body {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	color: #464545;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Rubik', sans-serif;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: 500;
	text-transform: uppercase;
	margin-bottom: 32px;
}
h2::after {
	content: "";
	display: block;
	width: 44px;
	height: 6px;
	background: #1B90F8;
	border-radius: 2px;
	margin-top: 20px;
}

a,
a:visited {
}
a:hover,
a:focus {
}


/* @ANIMATE */

.fadeInUp,
body {
	visibility: hidden;
}


/* @BUTTONS */
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input.button,
input.btn,
a.button,
a.btn,
.site-container .wp-block-button .wp-block-button__link {
	font-family: 'Montserrat', sans-serif;
	font-style: 16px;
	font-size: 1.6rem;
	font-weight: 600;
	color: #0058A7;
	border: 1px solid #1B90F8;
	border-radius: 2px;
	background: #fff;
	text-transform: uppercase;
	line-height: 1;
	padding: 14px;
}
button:hover,
input:hover[type="button"],
input:hover[type="reset"],
input:hover[type="submit"],
input.button:hover,
input.btn:hover,
.button:hover,
.btn:hover,
.site-container .wp-block-button .wp-block-button__link:hover {
	background: #0058A7;
	color: #fff;
	border-color: #0058A7;
}


/* @FORMS */


/* @LAYOUTFIX */

.site-container {
	min-width: 280px;
}


/* @HEADER */
.site-header {
	box-shadow: none;
}

.site-header > .wrap {
	max-width: 1088px;
	margin: auto;
	padding: 36px 0 18px;
}

@media screen and (min-width: 960px) {

	.wp-custom-logo .site-container .title-area {
    max-width: 306px;
	}

	.site-header {
		position: fixed;
		width: 100%;
	}
	.site-header > .wrap {
		padding: 36px 0;
		transition: padding .4s cubic-bezier(.79,.14,.15,.86);
	}
	.site-header > .wrap .title-area {
		transition: max-width .4s cubic-bezier(.79,.14,.15,.86);
	}
	.site-header > .wrap .nav-primary {
		transition: padding .4s cubic-bezier(.79,.14,.15,.86);
	}
	.fixed-header .site-header > .wrap {
		padding: 12px 0;
	}
	.fixed-header .site-header > .wrap .title-area {
		max-width: 120px;
	}
	.fixed-header .site-header > .wrap .nav-primary {
		padding: 0;
	}

}

/* @NAV */
.nav-primary .genesis-nav-menu {
	text-align: right;
}

.nav-primary .genesis-nav-menu a {
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	color: #464545;
	text-transform: uppercase;
}

.menu-toggle {
	margin-bottom: 0;
}

@media screen and (min-width: 960px) {

	.nav-primary .genesis-nav-menu {
		text-align: left;
	}

	.nav-primary .genesis-nav-menu .menu-item {
		border-right: 1px solid #D1CFCF;
	}

	.nav-primary .genesis-nav-menu a {
		padding: 14px 15px 2px;
	}

	.nav-primary .genesis-nav-menu a::after {
		content: "";
		display: block;
		width: 100%;
		height: 6px;
		border-radius: 2px;
		background: #fff;
		margin-top: 6px;
		transform: scaleX(0);
		transition: all .4s cubic-bezier(.79,.14,.15,.86);
	}
	.nav-primary .genesis-nav-menu a:hover::after,
	.nav-primary .genesis-nav-menu .current-menu-item a::after {
		background: #1B90F8;
		transform: scaleX(1);
	}


}

/* @MAIN */
.corma-features {
	font-style: 25px;
	font-size: 2.5rem;
	font-weight: 500;
	color: #fff;
	text-transform: uppercase;
	margin-bottom: 52px;
}

.wp-block-column {
	margin-bottom: 3rem;
}

.corma-features .wp-block-column {
	background-color: #5F5C5C;
	padding: 40px 12px;
	margin-bottom: 3rem;
}

.corma-features .wp-block-column:first-child {
	background: #5F5C5C url('/wp-content/uploads/Consorzio-Corma-Consorzio-Imprese-Artigiane-02.jpg') no-repeat center;
	background-size: cover;
	background-blend-mode: multiply;
}
.corma-features .wp-block-column:nth-child(2) {
	background: #5F5C5C url('/wp-content/uploads/IMG_1311-Copia.jpg') no-repeat center;
	background-size: cover;
	background-blend-mode: multiply;
}
.corma-features .wp-block-column:last-child {
	background: #5F5C5C url('/wp-content/uploads/IMG_0077-Copia.jpg') no-repeat center;
	background-size: cover;
	background-blend-mode: multiply;
}

.corma-features p {
	margin-bottom: 0;
	line-height: 1.1;
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
	max-height: 360px;
}

.wp-block-button {
	margin-bottom: 1rem;
}

.page .entry-header {
	margin-right: calc(-100vw / 2 + 100% / 2);
	margin-left: calc(-100vw / 2 + 100% / 2);
	height: 178px;
	background-size: cover;
	background-position: center;
	background-color: #5F5C5C;
	position: relative;
	margin-bottom: 22px;
}

.page .entry-header .wrap {
	max-width: 1088px;
	margin: 0 auto;
	text-transform: uppercase;
	color: #fff;
}

.page .entry-header .wrap .bs-occhiello {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
	font-style: italic;
	margin-bottom: 0;
}

.page .entry-header .wrap .entry-title {
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 0;
}

.occhiello-title-wrapper {
	max-width: 653px;
	position: absolute;
	bottom: 20px;
	padding: 0 16px;
	z-index: 10;
	width: 100%;
}
.occhiello-title-wrapper::before {
	content: "";
	display: block;
	background: black;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -10;
	padding: 0 20px 20px;
	box-sizing: content-box;
	left: 50%;
	transform: translate(-50%, -45%);
	top: 50%;
	opacity: .75;
}

#breadcrumbs {
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	font-size: 1.0rem;
	font-weight: 600;
	color: #000;
	margin-bottom: 28px;
}
#breadcrumbs a {
	color: #1B90F8;
	text-decoration: none;
}
#breadcrumbs a:hover {
	color: #000;
	text-decoration: underline;
}

.blue-bg-div {
	background: #0058A7;
	color: #fff;
	padding: 24px 14px;
	margin-bottom: 2rem;
}
.blue-bg-div a {
	color: #fff;
}

.wpcf7-form-control-wrap {
	margin-bottom: 1rem;
}

.wp-block-gallery figure {
	overflow: hidden;
}

.wp-block-gallery figure img {
	filter: brightness(80%);
	transition: transform .4s cubic-bezier(.79,.14,.15,.86), filter .4s cubic-bezier(.79,.14,.15,.86);
}
.wp-block-gallery figure img:hover {
	transform: scale(1.1);
	filter: brightness(100%);
}

#swipebox-overlay {
	background: rgba(13, 13, 13, .87);
}

@media screen and (min-width: 960px) {

	.site-inner {
		max-width: 1088px;
		padding-left: 0;
		padding-right: 0;
		padding-top: 169px !important;
	}

	.full-width-content .content {
		width: 100%;
	}

	body:not(.home).page .entry-header {
		height: 355px;
	}
	.home.page .entry-header {
		display: none;
	}

	.page .entry-header .wrap .bs-occhiello {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.page .entry-header .wrap .entry-title {
		font-size: 50px;
		font-size: 5.0rem;
	}

	.occhiello-title-wrapper {
		bottom: 56px;
		padding: 0;
		width: auto;
	}

	.two-cols-overflow-left-img,
	.two-cols-overflow-right-img {
		margin-bottom: 36px;
	}

	.two-cols-overflow-right-img .wp-block-column:first-child {
		margin-right: calc( 100% / 12);
	}
	.two-cols-overflow-right-img .wp-block-column:last-child {
		margin-right: calc(-100vw / 2 + 100% / 2);
		width: 50vw;
		flex-basis: 50vw;
		overflow: hidden;
		margin-left: calc( 100% / 12);
	}
	.two-cols-overflow-right-img .wp-block-column:last-child img {
		width: 100%;
		height: 100%;
		max-height: 346px;
		object-fit: cover;
		object-position: center;
	}

	.two-cols-overflow-left-img .wp-block-column:last-child {
		margin-left: calc( 100% / 12);
	}
	.two-cols-overflow-left-img .wp-block-column:first-child {
		margin-left: calc(-100vw / 2 + 100% / 2);
		width: 50vw;
		flex-basis: 50vw;
		overflow: hidden;
		margin-right: calc( 100% / 12);
	}
	.two-cols-overflow-left-img .wp-block-column:first-child img {
		width: 100%;
		height: 100%;
		max-height: 346px;
		object-fit: cover;
		object-position: center;
	}

	.wp-block-button {
		display: inline-block;
		margin-right: 22px;
	}

	.wp-block-column,
	.corma-features .wp-block-column {
		margin-bottom: 0;
	}

}

/* @SIDE */


/* @FOOTER */
#siteauthor {
	text-align: right;
}
#siteauthor a {
	text-indent: -9999px;
	background: url('bs-images/logo-blackstudio-bianco.svg') no-repeat center;
	background-size: contain;
	display: inline-block;
	width: 96px;
	margin-left: 2px;
	color: transparent;
	padding-top: 3px;
}

.footer-widgets {
	background: #0058A7;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0;
}

.footer-widget-area {
	background-color: rgba(27, 144, 248, .26);
	padding: 60px 18px 30px;
}

.footer-widgets a {
	color: #fff;
	text-decoration: none;
}
.footer-widgets a:hover {
	text-decoration: underline;
}

.footer-widgets-1 {
	background: rgba(27, 144, 248, .26) url('bs-images/footer-marker-icon.svg') no-repeat 20px 60px;
}

.footer-widgets-1 img {
	padding-left: 62px;
}

.footer-widgets-2 {
	background: rgba(27, 144, 248, .26) url('bs-images/footer-phone-icon.svg') no-repeat 20px 60px;
}

.footer-widgets-3 {
	background: rgba(27, 144, 248, .26) url('bs-images/footer-mouse-icon.svg') no-repeat 20px 60px;
}

.footer-widgets-2 .widgettitle,
.footer-widgets-3 .widgettitle {
	padding-left: 62px;
	font-size: 20px;
	font-size: 2.0rem;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 35px;
}

.footer-widgets-4 {
	padding-top: 119px;
	background: rgba(27, 144, 248, .26) url('bs-images/footer-download-icon.svg') no-repeat 20px 60px;
}

.site-footer {
	text-align: right;
	border-top: none;
}

@media screen and (min-width: 960px) {

	.footer-widgets > .wrap,
	.site-footer > .wrap {
		max-width: 1088px;
		margin: auto;
	}

	.site-footer {
		padding: 0 0 30px;
	}

	.footer-widget-area {
    width: calc(100% / 4 - 16px);
		margin-left: 8px;
		margin-right: 8px;
		box-shadow: 0 130px 0 0 rgba(27, 144, 248, .26);
	}
	.footer-widget-area:nth-child(2) {
		width: calc(20% - 16px)
	}
	.footer-widget-area:nth-child(3) {
		width: calc(30% - 16px)
	}

}

/* @HOME */

.site-inner {
	padding-top: 0;
}

.metaslider {
	display: none;
}

.metaslider .caption-wrap {
	width: 100%;
	top: 0 !important;
	bottom: auto !important;
	left: 0 !important;
	font-size: 24px;
	font-size: 2.4rem;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.05 !important;
	position: static !important;
	padding: 0 10px;
	background: black !important;
}
.metaslider .caption-wrap small {
	font-size: 14px !important;
	font-size: 1.4rem !important;
	font-style: italic !important;
	font-weight: normal !important;
	line-height: 22px;
}

.metaslider .caption {
	max-width: 653px;
	position: relative;
	padding: 0 !important;
}

@media screen and (min-width: 960px) {

	.metaslider {
		display: block;
	}

	.metaslider .caption-wrap {
		max-width: 1088px;
		font-size: 50px;
		font-size: 5.0rem;
		transform: translate(-50%, -50%);
		padding: 0;
		position: absolute !important;
		top: 50% !important;
		left: 50% !important;
		background: transparent !important;
	}
	.metaslider .caption-wrap small {
		font-size: 20px !important;
		font-size: 2.0rem !important;
	}

	.metaslider .caption::before {
		content: "";
		display: block;
		background: black;
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: -10;
		padding: 0 20px 20px;
		box-sizing: content-box;
		left: 50%;
		transform: translate(-50%, -45%);
		top: 50%;
		opacity: .75;
	}

}

/* CONTATTI */
@media screen and (max-width: 599px) {

	.page-id-19  .wp-block-columns .wp-block-column:last-child {
		order: -1;
	}

}
/* @TEMP */