/*
Theme Name: prontopro_blog
Theme URI: http://underscores.me/
Author: Babita
Author URI: http://www.babita.it
Description: blog, osservatorio e testimonials
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pp_blog
Tags:

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.

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

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# ProntoPro specific styles (blog theme)
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/* Centers links in container. Off by default */
.post-navigation {
	padding-left: 0;
	width: 100%;
	margin: 0 15px 0 15px;

	/* background-color: #ef3636; */
}

.post-navigation a:link {
	font-size: 16px;
	font-weight: bold;
	line-height: 24px;

	/* background-color: #ef3636; */
}

.nav-previous, .nav-next {
	display: inline-block;
	padding: 5px 14px;

}

/* Aligns links to the left and right of the container */
.nav-previous {
	float: left;
}

.nav-next {
	float: right;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

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

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# ProntoPro specific styles
--------------------------------------------------------------*/

/* Classi pagine testimonials */

/*
img {
	max-width: 100%;
	height: auto;

}
*/



cursor: pointer;

/* per la navbar di WP quando sei loggato */
.logged-in #app-bar {
	top: 34px;

}

/* Testimonials */

.pp-style .v-margin-claim {
	margin-bottom: 50px;
	margin-top: 50px;
}

.pp-style .v-margin-secondary-testimonial {
	margin-top: 0px;
}

.pp-style .gray{
	opacity: 0.6;
	color: #343a43;
}

.pp-style .big{
	font-size: 20px;
	line-height:26px;
}

.pp-style .photo-card-foreground {
	box-sizing: border-box;
	padding: 8px;
	margin-top: 0px;
	border-radius: 2px;
	background-color: #ffffff;
	min-height: 572px;
}

.pp-style .foreground-image {
	width: 100%;
	height: 100%;
}

.pp-style .foreground-image img{
	width: 600px;
}

.pp-style .v-margin-photo-card {
	margin-bottom: 16px;
	margin-top: 16px;
}

/*  Comune a testimonials e blog */
.pp-style .photo-card {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #ffffff;
	min-height: 450px !important;
}

/* Solo elenco testimonials */
.pp-style .photo-card-testimonials {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	height: 100%;
	border-radius: 2px;
	background-color: #ffffff;
}

.pp-style .secondary-image {
	width: 100%;
	height: 100%;
}

.pp-style .secondary-image img{
	width: 600px;
}

.spinner{
	height: 16px !important;
}

/* Pagina del singolo testimonial */
.pp-style .testimonial-content-image {
	width: 100%;
	height: 100%;
}

.pp-style .testimonial-content-image img{
	width: 452px;
}

.pp-style .circle-bg, .quote-1 {
	/*left: 0px;*/
	text-align: center;
	opacity: 1.0;
	border-radius: 50%;
	height: 12rem;
	width: 12rem;
	position: absolute;
	-webkit-transform: translate(0%,100%);
	-moz-transform: translate(0%,100%);
	z-index: 0 !important;
}

.pp-style .circle-bg p, .quote-1 p {
	position: relative;
	top: 5%;
	transform: translateY(0%);
}

.pp-style .quote-1 {
	/*background: #ffffff;*/
	color: #fff;
	z-index: 1000;
	position: relative;
}

.pp-style .circle{
	/*background: url(https://www.prontopro.it/media/cache/125/uploads/merchant/francesco-casarin/profile.jpg) no-repeat center center;
    background-size: cover;*/
	width:180px;
	height: 180px;
}

.pp-style .circle img{
	/*background: url(https://www.prontopro.it/media/cache/125/uploads/merchant/francesco-casarin/profile.jpg) no-repeat center center;
    background-size: cover;*/
	border-radius: 8px;
	border: none 4px #ffffff;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(52, 58, 67, 0.08), 0 15px 35px 0 rgba(52, 58, 67, 0.08), 0 0 2px 0 rgba(52, 58, 67, 0.1);
}

.pp-style .ico-social{
	padding:10px 4px;
}

/* Modal */

/* Modal */

.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1000; /* Sit on top */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background: rgba(0,0,0,0.3);
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
}

/* Modal Content/Box */
.modal-content {
	width: 600px;
	/*height: 753px;*/
	border-radius: 2px;
	background-color: #ffffff;
	opacity: 1.0;
	box-shadow: 0 18px 38px 0 rgba(52, 58, 67, 0.08), 0 35px 65px 0 rgba(52, 58, 67, 0.08);
	position: relative;
	margin: 5% auto;
	padding: 5px 20px 2px 20px;
	background: #fff;

	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.pp-style .blo_Modal_closer {
	color: #343a43;
	line-height: 30px;
	position: absolute;
	right: 28px;
	text-align: center;
	top: 24px;
	text-decoration: none;
	font-size: 16px;
	font-weight: bold;
}

.pp-style  a.blo_Modal_closer {
	color: #343a43;
}

.pp-style  a:hover.blo_Modal_closer {
	color: #343a43;
}

.pp-style  a:active.blo_Modal_closer {
	color: #343a43;
}

html.pp-style-html .modal button,
html.pp-style-html .modal input,
html.pp-style-html .modaloptgroup,
html.pp-style-html .modal select,
html.pp-style-html .modal textarea {
	font-family: Lato;
	font-size: 14px;
	line-height: 1.15;
	margin: 10px 0px 10px 0px;
	border: solid 1px rgba(52, 58, 67, 0.15);
	padding: 16px;
	font-style: normal;
}

html.pp-style-html .modal textarea {
	height: 120px;
}

.label-above .nf-field-label {
    margin-bottom: 0px !important;
}

.nf-form-content {
	margin-top: 22px;
}

#ninja_forms_required_items, .nf-field-container {
    margin-bottom: 10px !important;
}

.nf-field-element input, .nf-field-element select {
    height: 40px !important;
}

/* tasto submit */
html.pp-style-html .modal #nf-field-8 {
	font-size: 20px;
}
/* tasto submit */

html.pp-style-html .modal .button-invio {
	height: auto !important;
}

html.pp-style-html .modal .nf-field-element {
	text-align: right;
}

html.pp-style-html .modal input[type=submit] {
	font-size: 18px;
	border: solid 1px rgba(52, 58, 67, 0.15);
}

.pp-style .modal [type=color]:focus,
.pp-style .modal [type=date]:focus,
.pp-style .modal [type=datetime-local]:focus,
.pp-style .modal [type=datetime]:focus,
.pp-style .modal [type=email]:focus,
.pp-style .modal [type=month]:focus,
.pp-style .modal [type=number]:focus,
.pp-style .modal [type=password]:focus,
.pp-style .modal [type=search]:focus,
.pp-style .modal [type=tel]:focus,
.pp-style .modal [type=text]:focus,
.pp-style .modal [type=time]:focus,
.pp-style .modal [type=url]:focus,
.pp-style .modal [type=week]:focus,
.pp-style .modal textarea:focus {
	outline: none;
	border: 1px solid rgba(55, 200, 217, 0.4);
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out;
	font-style: normal;
}

.pp-style .modal input::-webkit-input-placeholder,
.pp-style .modal textarea::-webkit-input-placeholder {
	color: #343a43;
	opacity: 0.6;
	font-style: normal;
}

.pp-style .modal input::-moz-placeholder,
.pp-style .modal textarea::-moz-placeholder {
	color: #343a43;
	opacity: 0.6;
	font-style: normal;
}

.pp-style .modal input:-ms-input-placeholder,
.pp-style .modal textarea:-ms-input-placeholder {
	color: #343a43;
	opacity: 0.6;
	font-style: normal;
}

.pp-style .modal input::placeholder,
.pp-style .modal textarea::placeholder {
	color: #343a43;
	opacity: 0.6;
	font-style: normal;
}

.pp-style .modal label {
	font-size: 16px;
	font-weight: bold;
	font-family: Lato;
	color: #343a43;
	line-height: 1.3em;
	font-style: normal;
	font-stretch: normal;
	letter-spacing: normal;
}

.nf-error-msg {
	color: #D8000C;
	background-color: #FFBABA;
	border: 0;
	padding: 10px;
	padding: 10px;
	margin-bottom: 20px;
	margin-right: 0px !important;
}

.nf-response-msg {
	color: #4F8A10;
	background-color: #DFF2BF;
	border: 0;
	padding: 10px;
	margin-bottom: 20px;
}


/* per eliminare * da wpforms */
.ninja-forms-req-symbol{
	display: none;
}

/*MENU*/
.pp-style .align-left {
	-webkit-box-pack: start !important;
	-webkit-justify-content: flex-start !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}

.pp-style .menu{
	font-size: 16px;
	margin: 0px;
	padding: 0px;
	/*text-align: right;*/
}

.pp-style .menu li{
	margin: 0px;
	padding: 0px 10px;
}

.pp-style .menu>li>a {
	padding: .7rem .2rem;
}

.pp-style .menu a{
	color: #272c33;
	font-weight: normal;
}

.pp-style .tendina{
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(52, 58, 67, 0.2);
}

.pp-style .submenu{
	padding-top: 10px !important;
	padding-bottom: 12px !important;
	padding-left: 10px !important;
}

.pp-style .blog-menu-text{
	font-size: 16px;
	margin-right: 10px;
	margin-top: -2px;
}

.pp-style .social-blog-section{
	margin-left: 8px;
}

.pp-style .dist-ico-1{
	margin: 0px 15px 0px 25px;
}

.pp-style .dist-ico-2{
	margin: 0px 15px 0px 15px;
}

.pp-style .hero {
	height: 278px;
	margin-bottom: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.pp-style .hero .container{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 278px;
}

/*BLOG*/

.pp-style .hero-blog {
	height: 278px;
	margin-bottom: 0px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.pp-style .hero-blog .container{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	height: 278px;
}

.card-padding{
	margin: 0px 6px 6px 6px;
}

.pp-style .abstract-blog-card {
	box-sizing: border-box;
	border-radius: 2px;
	background-color: #ffffff;
	padding: 8px;
	margin: 0px;
	max-width: 360px;
	max-height: 270px;
	overflow: hidden;

}

.pp-style .abstract-blog-card-image {
	/*width: 100%;
	height: 100%;*/
	/*width: 344px;
	height: 252px;*/
}

.pp-style .owl-carousel .owl-item img:not(.carousel-image) {
	display: inline;
	width: 100%;
}

.pp-style .carousel-image {
	width: 100%;
	height: 260px;
	overflow: hidden;
}

.pp-style .carousel-image img {
	width: 100%;
	height: 100%;
}

.pp-style .carousel-image-correlati {
	/*width: 560px;*/
	width: 100%;
	height: 132px;
	overflow: hidden;
}

.pp-style .carousel-image-correlati img {
	/*width: 560px;*/
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.normal-body{
	font-weight: normal !important;
}

.pp-style .abstract-meta-search {
	opacity: 0.6;
	font-size: 14px;
	line-height: 18px;
}

.pp-style .t-margin-15 {
	margin-top: 15px;
}

.pp-style .title-column-right-first {
	margin-top: 18px;
}

.pp-style .title-column-right {
	margin-top: 34px;
}

.pp-style .search-article-box {
	margin-top: 24px;
}

.pp-style .search-article-box input{
	background: url('/testimonials/wp-content/themes/pp_blog/images/search.png') no-repeat scroll 96% 12px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #e6e6e6;
	padding: 10px 16px;
}


.pp-style .search-article-box [type=text]:focus {
	outline: none;
	border: 1px solid rgba(55, 200, 217, 0.4);
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out
}

.pp-style .colonna-blog ol, .pp-style .colonna-blog ul {
	list-style: none !important;
	margin-left: 24px;
}


.colonna-blog ul{
	list-style-position: inside;
	margin: 26px 0px 0px 0px;
	padding: 0px;
}

.pp-style .colonna-blog li{
	margin-top: 13px;
	list-style-type: none;
}

.pp-style .colonna-blog li a{
	color: #343a43;
	font-weight: normal;
}

.pp-style .colonna-blog li a:hover{
	color: #48bfcc;
	font-weight: normal;
}



.pp-style .title-risultati-ricerca {
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	color: #343a43;
}

.pp-style .title-sezione-articoli {
	font-size: 32px;
	line-height: 36px;
	font-weight: bold;
	color: #343a43;
}

.pp-style .facebook-widget-box{
	margin-top: 24px;
}

.pp-style .search-widget-ppro{
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 0 1px 2px 0 rgba(52, 58, 67, 0.08), 0 1px 4px 0 rgba(52, 58, 67, 0.08);
	padding: 14px 20px 20px 20px;
	margin-top: 30px;
}

.pp-style .box-input-field-widget {
	margin-top: 16px;
}

.pp-style .box-input-field-widget [type=text]:focus {
	outline: none;
	border: 1px solid rgba(55, 200, 217, 0.4);
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out
}

.pp-style .blog-post {
	background-color: #fff;
	padding: 24px 0px 0px 0px;
}

.pp-style .blog-post h1{
	margin-bottom: 8px;
}

.pp-style .blog-post h2{
	margin-top:16px;
	margin-bottom:8px;
	font-size: 24px;
	line-height: 31px;
	font-weight: 700;
}

@media screen and (max-width: 39.9375em) {
	.pp-style .blog-post h2{
		font-size: 20px;
		line-height: 26px;
	}
}

.pp-style .blog-post h3{
	margin-top:8px;
	margin-bottom:8px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 700;
}

@media screen and (max-width: 39.9375em) {
	.pp-style .blog-post h3{
		font-size: 16px;
		line-height: 21px;
	}
}

.pp-style .blog-post h4{
	margin-top:8px;
	margin-bottom:8px;
	font-size: 16px;
	line-height: 21px;
	font-weight: 700;
}

@media screen and (max-width: 39.9375em) {
	.pp-style .blog-post h4{
		font-size: 15px;
		line-height: 20px;
	}
}

.pp-style .blog-post p{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 8px;
}

.pp-style .blog-post hr{
	font-size: 1px solid #f0f0f0;
	margin: 16px 0;
}

/*
.pp-style .blog-post ol, .pp-style .blog-post ul {
	list-style: disc;
	margin-left: 24px;
}
*/
.pp-style .blog-post ol, .pp-style .blog-post ul {

list-style-image: url('/testimonials/wp-content/themes/pp_blog/images/thick.png');
margin-left: 24px;
}

.pp-style .blog-post ol, .pp-style .blog-post .colonna-blog ul {
margin-left: 0px;
}


.pp-style .blog-post p img{
	margin-top: 14px;
	margin-bottom: 14px;
}

.pp-style .card-correlati {
	color: #343a43;
}

.pp-style .allinea-correlati {
	margin-left: -16px !important;
}

/*Categorie*/

.pp-style .lista-categorie{
	margin:0px;
	padding: 0px;
}

.pp-style .lista-categorie li{
	list-style-type: none;
	line-height: 2.5;
	font-weight: normal;
}

.pp-style .lista-categorie a{
	color: #343a43;
	font-weight: normal;
}

.pp-style .lista-categorie a:hover{
	color: #48bfcc !important;
}

/* === MEDIA QUERIES === */

@media screen and (max-width: 1070px) {
	.pp-style .blog-menu-text{
		display: none;
	}

	.pp-style .menu>li>a {
		padding: .7rem .0rem !important;
	}

	.pp-style .photo-card-foreground {
		min-height: 520px;
	}
}

@media screen and (max-width: 782px) {
	/* per la navbar di WP quando sei loggato in mobile */
	.logged-in #app-bar {
		top: 46px;
	}
}


@media screen and (max-width: 767px) {
	.pp-style .modal > div {
		overflow-y: scroll;
		width: 100%;
		height:100%;
		margin: 0% auto;
	}
}
@media screen and (max-width: 728px) {
	.pp-style .blog-menu-social-ico{
		display: none;
	}

	.pp-style .photo-card-foreground {
		min-height: 450px;
	}
}

@media screen and (max-width: 640px) {
	.pp-style .social-blog-section{
		display: none;
	}

	.pp-style .social-blog-section-canvas{
		margin-top: 40px;
	}

	.pp-style .dropdown-search {
		margin: 10px 0px 10px 14px !important;
		width: 78%;
	}

	.pp-style .circle-bg, .quote-1 {
		margin: auto;
	}

	.pp-style .abstract-blog-card {
		max-width: 100%;
		max-height: 100%;
	}

	.pp-style .photo-card {
		min-height: 400px !important;
	}

	.pp-style .allinea-correlati {
		margin-left: -10px !important;
	}

	.pp-style .photo-card-foreground {
		min-height: 100%;
	}

	.pp-style .v-margin-claim {
		margin-bottom: 26px;
		margin-top: 26px;
	}

	.pp-style .big{
		font-size: 16px;
		line-height:20px;
	}

	.pp-style .hero {
		height: 240px;
	}

	.pp-style .hero .container{
		height: 240px;
	}

	.pp-style .hero-blog {
		height: 240px;
	}

	.pp-style .hero-blog .container{
		height: 240px;
	}

	.pp-style .circle-bg p, .quote-1 p {
		position: relative;
		top: 0%;
		left: 15%;
		transform: translateY(0%);
	}

	.pp-style .circle{
		width:128px;
		height: 128px;
	}

}

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

	.pp-style .hero-blog {
		height: 100%;
		padding: 40px 0px;
	}

	.pp-style .hero-blog .container{
		height: 100%;
	}
}

/*menu tendina desktop*/
.menu_articoli_ul {
	display:none;
}


.menu_articoli_ul_acceso {
	background: rgba(255,255,255,1);
	display: block;
	right: auto!important;
	list-style-type: none;
	margin: 0px;
	max-height: 320px;
	min-width: 200px;
	overflow-y: scroll;
	position: absolute;
	top: 70%;
	-webkit-overflow-scrolling: touch;
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(52, 58, 67, 0.2);
	margin-left: -5.50rem!important;
	padding-bottom: 7px!important;
}

.menu_articoli_ul li {
	padding:10px;
}

.menu_articoli_ul li a {
	color: #343A42;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 6px;
}

.menu_articoli_li_cerca {
	/*margin-top: 24px;*/
}

.menu_articoli_li_cerca input{
	background: url('/testimonials/wp-content/themes/pp_blog/images/search.png') no-repeat scroll 96% 12px;
}

#menu_articoli_container {
	padding-bottom:10px!important;
	padding-top:10px!important;
}

#menu_articoli_container input {
	-webkit-appearance: textfield;
	outline-offset: -2px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.78571rem;
	margin: 0;
	padding: .57143rem;
	border: 1px solid #cacaca;
	border-radius: 4px;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
	font-family: inherit;
	font-size: 1.14286rem;
	font-weight: 400;
	color: #0a0a0a;
	-webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#menu_articoli_container input:focus {
	outline: none;
	border: 1px solid rgba(55, 200, 217, 0.4);
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out
}
/*fine menu tendina desktop*/

/*menu tendina mobile*/
.menu_articoli_ul_mb {
	display:none;
}

/*.menu_articoli_ul_acceso_mb {
  background: rgba(255,255,255,1);
  display: block;
  right: auto!important;
  list-style-type: none;
  margin: 0px;
  max-height: 320px;
  min-width: 200px;
  overflow-y: scroll;
  position: absolute;
  top: 70%;
  -webkit-overflow-scrolling: touch;
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(52, 58, 67, 0.2);
	margin-left: -7.00rem!important;
	padding-bottom: 7px!important;
}*/

.menu_articoli_ul_acceso_mb {
	background: rgba(255,255,255,1);
	display: block;
	right: 3%!important;
	list-style-type: none;
	margin: 0px;
	max-height: 340px;
	min-width: 200px;
	overflow-y: scroll;
	position: absolute;
	top: 70%;
	-webkit-overflow-scrolling: touch;
	border-radius: 2px;
	background-color: #ffffff;
	box-shadow: 0 5px 10px 0 rgba(52, 58, 67, 0.2);
	/*margin-left: -7.00rem!important;*/
	padding-bottom: 7px!important;
}

.menu_articoli_ul_mb li {
	padding:10px;
}

.menu_articoli_ul_mb li a {
	color: #343A42;
	font-size: 14px;
	font-weight: normal;
	padding: 12px 6px;
}

.menu_articoli_li_cerca_mb {
	/*margin-top: 24px;*/
}

.menu_articoli_li_cerca_mb input{
	background: url('/testimonials/wp-content/themes/pp_blog/images/search.png') no-repeat scroll 96% 12px;
}

#menu_articoli_container_mb {
	padding-bottom:10px!important;
	padding-top:10px!important;
}

#menu_articoli_container_mb input {
	-webkit-appearance: textfield;
	outline-offset: -2px;
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 2.78571rem;
	margin: 0;
	padding: .57143rem;
	border: 1px solid #cacaca;
	border-radius: 4px;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px hsla(0,0%,4%,.1);
	font-family: inherit;
	font-size: 1.14286rem;
	font-weight: 400;
	color: #0a0a0a;
	-webkit-transition: box-shadow .5s,border-color .25s ease-in-out;
	transition: box-shadow .5s,border-color .25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

#menu_articoli_container_mb input:focus {
	outline: none;
	border: 1px solid rgba(55, 200, 217, 0.4);
	background-color: #fefefe;
	box-shadow: 0 0 5px #cacaca;
	-webkit-transition: box-shadow .5s, border-color .25s ease-in-out;
	transition: box-shadow .5s, border-color .25s ease-in-out
}
/*fine menu tendina desktop*/

@media screen and (max-width: 39.9375em){
	.pp-style #header #menu .nav {
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-pack: distribute;
		justify-content: flex-end;
	}
}
/* per link lavora con noi nel footr cosi non si mette la classe nel anchor tag */
.footer .accent a:link,
.footer .accent a:visited {
	color: #f95c28;
}

/*
.pp-style img:not([src]) {
	visibility: visible;
}
*/

.link-menu a:link,
.link-menu a:visited {
	font-size: 16px;
	font-weight: 400;
	color: #343a43;
}

.link-menu a:hover {
	color: #48bfcc;
}

.link-categorie a:link,
.link-categorie a:visited {
	font-size: 16px;
	font-weight: bold !important;
	line-height: 1.31;
	text-align: left;
	color: #48bfcc;
}

.pp-style .photo-card-correlati {
	box-sizing: border-box;
	padding: 8px;
	width: 100%;
	/*height: 230px;*/
	min-height: 290px !important;
	border-radius: 4px;
	background-color: #ffffff;
	overflow: hidden;
}

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

	.pp-style .carousel-image {
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.pp-style .photo-card-correlati {
		box-sizing: border-box;
		padding: 8px;
		width: 100%;
		height: 100%;
		border-radius: 4px;
		background-color: #ffffff;
		overflow: hidden;
	}

	.pp-style .carousel-image-correlati {
		/*width: 560px;*/
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

	.pp-style .carousel-image-correlati img {
		/*width: 560px;*/
		width: 100%;
		height: 100%;
		overflow: hidden;
	}

}

.pp-style .carousel-correlati-margin-fix-top{
	margin-top: -50px !important;
}

.pp-style .carousel-correlati-margin-fix-bottom{
	margin-top: -60px !important;
}

.yith-infs-loader {
	text-align: center;
	margin: 10px 0 30px;
	height: 16px;
	width: 64px;
}

#menu-menu-primary-blog{
	margin-bottom: 14px;
}
#menu-sub-menu-blog, #menu-sub-menu-blog-1 {
	margin-left: 0px !important;
	height: 218px;
	line-height: 17px!important;


}

.link-submenu a:link,
.link-submenu a:visited {
	font-size: 14px;

}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

.sidebar-height {

	min-height: 1500px;
}
