/*!
Theme Name: pointbreak
Theme URI: https://agenziaonde.com/
Author: Daniele
Author URI: https://agenziaonde.com
Description: Lorem ipsum
Version: 1.0.2
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pointbreak
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

pointbreak is based on Underscores https://underscores.me/, (C) 2012-2020 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 https://necolas.github.io/normalize.css/
*/



/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, footer {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
}

html {
	font-size: 16x;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

strong, b {font-weight: 700}
i {font-style: italic;}
u {text-decoration: underline;}




body {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-variation-settings:
    "slnt" 0;
	color: #007AE6;
	line-height: 1.5;


}
.site {
	padding: 2% 5% ;
}


.entry-content ul  {
	list-style: disc;
	list-style-type: disc;
}
#main-text .entry-content ul li {
margin-bottom: 1rem}

a, a:visited {
		color: #007AE6;


}
.nav a, .nav span, .agency a{
	font-weight: 900;
	text-decoration: none;
	text-transform: uppercase;
	letter-spacing: 1pt;
}	

footer a, footer a:visited {color: white; text-decoration: 	none}

li.current span {
opacity: .5;
}
.nav a:hover, .agency a:hover, footer a:hover {
	text-decoration: underline;
}
img.social {width: 15px; height: 15px; margin: 0 5px 0 0; vertical-align:middle; }

.logo a  {display: 	block	;}
.logo a img {width: 	105px; margin: 	20px auto; display:	block	; }

.chi, h1, .entry-title {
		text-transform: uppercase;

}
.entry-title a,  a.title-like-link {text-decoration: none;}
.entry-title a:hover,  a.title-like-link span:hover {text-decoration: underline;}

.archive-entry {
	margin-bottom: 2rem;
}


h1 {
	text-align: 	center	;
}


h1.entry-title {
	font-size:  1.3rem;
		margin: 	1rem 0;
}


.team {overflow: 	hidden	;}
.team > div  {
	position: relative;
	float: left;
}

.team > div, h1 {
}


.team > div.chi  {
float: 	left	;
margin-right: 	4%;
}
.team > div.chi  {
	padding-right: 4%;
	margin-right: 2%;
}
.team > div.chi:last-child	  {
	padding-right: 0;
	margin-right: 0;
}

.dani {
	margin-left: 10%;
}
.team > div span  {
	position: absolute;
	right: 0;
	bottom: 5px;
}

#main-text li{
	margin-bottom: 	2rem;
}


#main-text .entry-content h2 {
	margin-bottom: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
}
.main-title	h1{
	margin-bottom: 	0;
}


.main-title	{
	margin-bottom: 	1rem;
}
.agency	{text-align: 	center	;}

.custom-presentation {}

.back {position: 	fixed;
		top:10px;
		left:10px;
		line-height: 	1;
		letter-spacing: 	25pt;
		text-transform: 	uppercase	;
		font-size: 	60pt;
		font-weight: 500;
		z-index: 	-1000;
		opacity: 	0.05;
	}

.back {width: 	100%;
		overflow: 	hidden	;}

.back h2 {
			display: 	block	;
				width: 	4600px;
				margin-bottom: 	50px}	

ul.nav li {display: 	inline	;}

ul.nav li::after {
   margin-right: 	5px;
}

ul.nav li::after {
	padding-left: 5px;
  content: '/' ;
}

.nav li:last-child::after {
	padding-left: 5px;
  content: none	 ;
  margin-right: 	0;
}
ul.nav {text-align: 	center	; margin: 2rem 0}


ul.nav li {display: 	inline	;}

.contact	{text-align: 	center	; margin-top: 	20px}
.contact.send-cv {
	margin-top: 1rem;
	font-size: 1.4rem;
	text-transform: none;
}

footer {
	width: 	100%;
	overflow: 	hidden	;
	position: 	relative	;
}

footer img {
	width: 	140%;
	display: block;
}

footer div 
{position: absolute;
 	bottom:10px;
 	width: 	100%;
 	color: 	white	;
 	  text-align: 	center	;}


a.post-edit-link {
	display: inline-block;
	padding: 2px 5px; border-radius: 4px; 
	background: gray; color: white; 
	text-align: center; 
	text-transform: uppercase;
	text-decoration: none
}


.service {margin-bottom: 1rem}

.super-box h1 p{
	font-weight: 900 ;
}

.entry-content {
	font-size: 1rem;
}
.entry-content p, .entry-content figure, .entry-content h1, h1.entry-title{
		margin: 0 0 3rem 0;
}

.entry-content figure.wp-block-image
 {
 	background: #f1f1f1;
 	padding: 0rem;
 	margin:  1rem 0;
 }

.entry-content figure.wp-block-embed{
		margin: 	3rem 0;
		padding:  0;
}



.content .slick-dots li button:before, 
.content .slick-next:before, 
.content .slick-prev:before {
	font-family: inter;
color : #007AE6

}

.contact {
	margin-top: 4rem;
	text-transform: 	uppercase; font-size: 1rem; letter-spacing: 	1pt; text-decoration: 	none	;
}
.contact {
	font-size: 0.8rem;
}

.contact	a {text-decoration: 	none	;}
.contact	a:hover {text-decoration: 	underline	;}



.container:after {
  content:"";
  display:block;
  clear:both;
 }

#contact-form {width: 100%}
#contact-box {

}


.archive #main-text {
	margin-top: 2rem;
}



.wp-block-embed__wrapper {
          width:  auto;
          height: 43vw;
}

.wp-block-embed iframe {
		width: 100%;
		height: 	100%;

}




.article-presentation {
	width: 100%;
	overflow: hidden;
	margin-bottom: 5rem;
	position: relative;
}


.article-presentation img {
	width: 100%;
}

.archive-entry h2 {
	max-width: 100%;
	margin-bottom: 0;
}
.featured-link {position:relative; display: block;}

.featured-link img {
	display: block;
	width: 100%;
	z-index: 20;
	margin: 0.5rem 0 0 0; padding: 0;
	position: relative;
}



span.open-archive-link  {
display: none;
text-transform: uppercase;
font-size: 1.3rem;
letter-spacing: 3pt;

}

.site .with_frm_style input[type=text],
.site .with_frm_style input[type=password],
.site .with_frm_style input[type=email],
.site .with_frm_style input[type=number],
.site .with_frm_style input[type=url],
.site .with_frm_style input[type=tel],
.site .with_frm_style input[type=phone],
.site .with_frm_style input[type=search],
.site .with_frm_style select, .site .with_frm_style textarea,
.site .frm_form_fields_style,
.site .with_frm_style .frm_scroll_box .frm_opt_container,
.site .frm_form_fields_active_style,
.site .frm_form_fields_error_style, 
.site .with_frm_style
.site .frm-card-element.StripeElement,
.site .with_frm_style .frm_slimselect.ss-main,
.site .frm_submit button, 
.site frm_button_submit
{


   color: #007AE6;
    background-color: #fff;
    border-color: #007AE6;
    border-width: 1px;
    border-style: solid	;
    border-radius: 0;
    max-width: 100%;
    font-size: 1rem;
    padding: 1rem;
    box-sizing: border-box;
    outline: none;
    font-weight: 500;


}
.site .with_frm_style .frm_submit button.frm_button_submit {
	    border-radius: 0;

	width: 50%;
    background-color: #007AE6;
color: white;
padding: 1rem;
text-transform: uppercase;
font-size: 1rem;
letter-spacing: 3pt;

}

.site .with_frm_style .frm_submit button.frm_button_submit:hover {
	background: #37c57f;
	    border-color: white;

}
.site .with_frm_style .frm_message, .site .frm_success_style {
    margin: 5px 0 15px;
    border: 1px solid #007AE6;
    background-color: white;
    color: white;
    border-style: solid	;
    border-radius: 0;
    max-width: 100%;
    font-size: 1rem;
}
.site .with_frm_style .frm_message p {
    color: #007AE6;
}

#title-chi-siamo {
	font-size: 0.8rem;
}

.chi, h1, .entry-title, .nav-links{
		text-transform: uppercase;
		letter-spacing: 	2pt;

}
.chi {
		text-transform: uppercase;
		letter-spacing: 1pt;

}
.super-box h1 {
	line-height: 1;
	font-weight: 900;
	margin-bottom: 2rem;
}

.wp-block-image :where(figcaption) {
	margin: 0;
	padding: 0.5rem;
	font-size: 1rem;
	font-style: italic;
}


.project-topics, .nav-links {
text-transform: uppercase;
    font-size: 0.7rem;
    letter-spacing: 2pt;
}


.nav-links > div {
		text-align: center;
	margin-bottom: 1rem;
}
.nav-links a {
	text-decoration: none;
	margin: 1rem;
}
.nav-links a:hover span {
	text-decoration: underline;

}
.title-box {position: relative;}



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


:root {
  --www: 70vw;
  --sss: 15vw;
}

 
html {
	font-size: 16px;
} 
body {
	margin: 	0;
}

.page-template-page-home {}

.site {
	width: var(--www);
	margin: 0 auto;
	padding: 30px 0 0 0;

}

.side {
	width: var(--sss);
	float: left;
	position: sticky;
	top: 0;
}

.side.right {
	float: right;
}




.main-header .main {
	width: auto;

}

 .main {
	margin-left: var(--sss) ;
	position: relative;

}

.site-main {
	 	margin-top: 156px;

}
.single-demo .site-main {
	 	margin-top: 0;

}

.page-template-page-home .main {
	width: auto


}


h1.entry-title {
	font-size:  2rem;

}

ul.nav {
	margin: 0;
	position: absolute;
	top: 0;
	left:0;
}

.single-demo .wp-block-video video{ 
	max-width: 100%;
	max-height: 90vh;
	width: auto;

}


.page-template-page-home ul.nav,
.contact {
	margin-top: 4em;
}
.single .contact{
	margin-top: 14rem;
}

.nav {display: 	block	;}
.nav a, .nav span, .agency a {

	letter-spacing: 3pt;

}

.agency {display: }

h1	{text-align: 	left	;}

.contact{
		text-align: 	left	;
}

.agency a span {
	padding-left: 7px;
}

.logo a{
	display: block;
	width: 100%;
	border: none;
	line-height: 1;
}
.logo a img {
	width: 	75%;
	max-width: 	190px;
	margin: 	0;
}

.single-demo .logo a img{
		max-width: 	130px;
		opacity: 1;

}

#core {
	top: 125px;
    position: relative;
    padding-bottom: 150px;
}
.name {
		margin-left: -2000px;
}

.contain {
		padding-right: 100px
	}

.sp1 {
	margin-bottom: 4px;
	display: block
	}



.main-header .content {
 	height: 100%;
 	position: relative;

}
.main-header .side {
 	height: 100%;

}

.entry-content {
	font-size: 1.2rem;
}
.super-box h1 {
	margin-bottom: 3rem;
	line-height: 1;
	text-align: left;
	font-weight: 900;
}

.super-box p {margin: 0; padding: 0}

main.container {
	position: 	relative	;
}

h1 br{content:none;}
h1 br:after{content:none;}

ul.nav {
	text-align: 	left	;
	background: white;
}

.page-template-page-home ul.nav {
	text-align: 	left	;
	background: transparent;
	padding:  0;
	position: static;
}

.service {margin-bottom: 0}


ul.nav li::after {
	padding-left: 30px;
	margin-right: 30px;
  content: '/' ;
}


ul.nav li:last-child::after {
	padding-left: 30px;
  content: '' ;
}

ul.nav li:last-child {
	margin-right: 	0;
}

.team > div{

}
.team > div.chi  {
		width: 	auto;
	padding-right: 5%;
	margin-right: 4%;
}

.back {position: 	fixed;
		top: 60px;
		left:50px;
		line-height: 	1;
		letter-spacing: 	25pt;
		text-transform: 	uppercase	;
		font-size: 	15rem;
		font-weight: 500;
		z-index: 	-1000;
		opacity: 	0.05;
	}

.chi, h1, .entry-title {
		text-transform: uppercase;
		letter-spacing: 	3pt;

}
#title-chi-siamo {
	font-size:1.3rem;
}

.main-title	{
			font-size: 	1.3rem;

		line-height: 	1.2;
}

footer img {
			width: 	100%
		}


.entry-content figure.wp-block-image
 {
 	padding: 0;
 	margin:  3rem 0;
 }
 .entry-content figure.wp-block-image img
 {
width: 100%;
 }

 figure.alignwide, figure.alignfull, .alignwide, .alignfull {
          width:  64vw;
          max-width:  64vw;
          margin-left:  calc(50% - 32vw);
     }


.wp-block-embed__wrapper {
          width:  auto;
          height: 31vw;
}




.archive-entry h2 {
	max-width: 33%;
	margin-bottom: 1rem;
}
.featured-link {position:relative; display: block;}

.featured-link img {
	display: block;
	width: 100%;
	z-index: 20;
	margin: 0; padding: 0;
	position: relative;
}

span.open-archive-link {
	display: block;
	width: 100%;
	height: 100%;
background: rgba(0, 122, 230, .7) ;
	position: absolute;
	top:0; left:0; color: white;
	z-index: 100;
	opacity: 0;
-webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;

}
span.open-archive-link span {
	display: block;
	color: white;
	text-align: center;
	width: 100%;
	  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}
a.featured-link:hover span.open-archive-link {
	z-index: 150;
	opacity: 1;

}

.wp-block-image {
	position: relative;
}
.wp-block-image :where(figcaption) {
	margin: 0 0 0.5rem 0;
	padding: 0.0;
position: absolute;
color: #aeaeae;  bottom: 0;
}


.project-topics {
	font-size: 0.85rem;
	letter-spacing: 2pt;
	position: absolute;
    bottom: 0;
    right: 0;
}

.nav-links	{
	text-decoration: none;
	font-size: 0.85rem;
	width: auto;
	overflow: hidden;

}
.nav-links	a{
	margin: 0;
}
.nav-links > div {
		text-align: left;
	margin-bottom: 0;
	float: left;
width: 33%;
}

.nav-previous, .nav-next {

}
.nav-links .nav-next {float: right; text-align: right;}


}