/*
Theme Name: supertheme
Author: Paolo Bortolotti
Author URI: http://www.paolobortolotti.com
Description: This theme does not graphics.
The structure evokes css and javascript bootstrap and everything you need to customize it to taste.
The theme php calls to other folders to have a greater order in the development.
The theme has a pretty permalink system.
The theme suggests plugin that might be useful in the development.
In addition there is a folder called snippet where you can find useful scripts.
////
Theme URI: 
Tema customizzato basato su Underscores, (C) 2012-2016 Automattic, Inc.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: supertheme
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-menu, featured-images, front-page-post-form, post-formats, threaded-comments
*/


/* 
	
Tricks:

								remove spacing between middle columns 
.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) {
  padding-right:0;
  padding-left:0;
}
								remove right padding from first column
.row.no-gutter [class*='col-']:first-child {
  padding-right:0;
}
								remove left padding from first column 
.row.no-gutter [class*='col-']:last-child {
  padding-left:0;
}
	
*/

/*
Required WordPress CSS
*/

 @import url('https://fonts.googleapis.com/css?family=Kaushan+Script');
 
 
@media (min-width: 1000px) {
.slick-track .slick-slide{height: 800px!important;}

}


 

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.bypostauthor {
}


/* WordPress gallery */
.gallery-caption {
}
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.79104477%;
	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-icon img {
	margin: 0 auto;
}
.gallery-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	display: block;
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


.sticky {
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}


/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.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. */
}

body{font-size: 16px!important; color: #999}

.supertheme {
    background-color: transparent!important;
    height: 100px;
}
.pbmenu {
    float: right!important;
    margin-top: 36px!important;
}
.pbmenu li a{text-transform: none;font-size: 18px;padding-left: 12px!important; padding-right: 12px!important; color: #868686;}


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover,.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color:transparent!important;
    background-image: url("images/hr.png")!important;
    background-position: center bottom;
	background-repeat: no-repeat;
    color: #555;  
}
.tendina a{font-size: 14px!important;}

.navbar-nav .open  {
    background-color:transparent!important;
    background-image: url("images/hr.png")!important;
    background-position: center 55px;
	background-repeat: no-repeat;
    color: #555;  
}



.elementor-size-md {
    background-image: url("images/pennello.png")!important;
    height: 70px;
    width: 250px;
    display: none!important;
}


.sentiamoci {
    background-image: url("images/pennello.png");
    background-repeat: no-repeat;
    background-size: 94% auto;
    height: 54px;
    width: 200px;
     margin: auto;
}
.citazione span, .chisono h2 {
    color: #F67F12!important;
}
.chisono h2 span{color: #f67f12!important;}

.citazione h2:before{
	background-image: url("images/apice_a.png")!important;
	clear: both;
	display: block;
	margin-top: 15px;
	height: 82px;
	width: 116;
	margin-left: -150px;
	content: '';
	background-repeat: no-repeat;
}

.citazione h2::after {
    background-image: url("images/apice_b.png");
    background-position: right center;
    background-repeat: no-repeat;
    clear: both;
    content: "";
    display: block;
    height: 82px;
    margin-right: -150px;
    margin-top: 15px;
}
.citazione_small h2{line-height: 30px!important;}
.citazione_small h2::before {
    background-image: url("images/apice_a.png");
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 26px auto;
    clear: both;
    content: "";
    display: block;
    height: 18px;
    margin-left: 21px;
    margin-top: 15px;
}
.citazione_small h2::after {
    background-image: url("images/apice_b.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 26px auto;
    clear: both;
    content: "";
    display: block;
    height: 45px;
    margin-right: 20px;
    margin-top: -1px;
}


.title_section h2:after{
	background-image: url("images/hr.png")!important;
	clear: both;
	display: block;
	margin-top: 15px;
	height: 20px;
	content: '';
	background-repeat: no-repeat;
}

footer {
    background-color: #e7e6e6;
    padding-top: 40px;
    margin-top: 0px;
}
.btn-main {
    background-color: #797979;
    border: 0 none;
    border-radius: 0!important;
    color: #fff;
}
.textwidget > p {
    padding-bottom: 30px;
}

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
.entry-title {
    color: #eb488c;
    display: block;
    margin-bottom: 10px;
}
.categoria {
    color: #0080c9;
    text-transform: uppercase;
    font-weight: bold;
}
.categoria > span{color: #f67f12;}
.categoria > span a {
    padding-left: 10px;
    padding-right: 10px;
    color: #f67f12;
}

.contenuto header{padding-left: 0px;margin-bottom: 20px;}
.mainsite {
    margin-bottom: 40px;
}


.text-center{text-align: center;}
.block {
    background-color: #0080c9;
    color: #fff;
    padding: 10px 34px;
    margin-bottom: 40px;
}
.block_3 {
    background-color: #f67f12;
    background-image: url("images/msg_private.png");
    background-position: 206px 18px;
    background-repeat: no-repeat;
    color: #fff;
    margin-bottom: 40px;
    padding: 10px 34px;
}

.block_4 {
    background-color: #EB488C;
    color: #fff;
    margin-bottom: 40px;
    padding: 10px 34px;
}

.block_4 .continua {
    background-color: #EB488C;
    color: #fff;
    margin-bottom: 40px;
    padding: 10px 34px;
    background-color: #fff;
    border-radius: 0!important;
    color: #eb488c;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    padding: 10px!important;
    width: 100%;   
}
.navbar-nav > li > a {
    padding-bottom: 35px!important;
}
.site-footer {
    border-top: 2px solid #f7488c;
    display: block;
    padding-bottom: 0;
    margin-top: 40px;
}

.continua {
    background-color: #eb488c;
    border-radius: 0!important;
    color: #fff;
    margin-bottom: 20px!important;
    margin-top: 20px!important;
    padding: 10px!important;
    width: 100%;
}
.contenuto {
    line-height: 28px;
}
.widget {
    margin-bottom: 0px;
}

.fa-times{color: red!important;}

.divide {
    background-color: #dcdcdc;
    height: 8px;
    margin-left: 0;
    width: 13%;
}
.elementor-post__badge a{color: #fff; }


.brushes_btn {
    background-image: url("images/pennello.png")!important;
    height: 70px;
    width: 250px;
    float: left;
    margin-right: 10px;
}

.brushes_btn a {
    background-color: transparent!important;
    font-size: 21px!important;
    margin-top: 9px!important;
}


.elementor-post__badge  {
    background-color: transparent!important;
 text-align: right!important;
    border-radius: 0px!important;
    display: inline-grid!important;
    line-height: 6px!important;
    vertical-align: middle!important;
}


.elementor-post__badge {
    background-image: url("images/badge.png")!important;
    background-repeat: no-repeat;
    height: 18px!important;
    background-color: transparent!important;
 text-align: right!important;
    padding: 13px 20px 15px 60px!important;
    border-radius: 0px!important;
    display: inline-grid!important;
    line-height: 6px!important;
    vertical-align: middle!important;
}
.elementor-post__badge a:hover {color: #fff;}

.menu-footer ul {
    list-style: outside none none;
    padding-top: 10px;
}
.menu-footer ul li {
padding-bottom: 4px;
}
.menu-footer ul li a {
color: #666;
}
.contact {
    margin-top: 0px;
}

.btn-footer {
    background-image: url("images/pennello.png");
    background-repeat: no-repeat;
    background-size: 50% auto;
    color: #fff;
    display: block;
    height: 91px;
    padding: 7px 32px;
    width: 291px;
}

.btn-footer:hover {
	text-decoration: none;
	color: #fff;
  }
/*
.slick-slide::before
{
    display:block;
    content:'';
    position:absolute;
    width:100%;
    height:100%;
    -moz-box-shadow:inset 0 8px 30px 31px rgba(255,255,255,1);
    -webkit-box-shadow:inset 0 8px 30px 31px rgba(255,255,255,1);
    box-shadow:0 8px 30px 31px rgb(255, 255, 255) inset;
}*/

.navbar-brand img{width: 320px;}


@media (max-width: 1200px) {

.site-logo {
    height: 100px;
}
.mainsite {
    margin-bottom: 130px;
}
.pbmenu {
    clear: both;
    float: none!important;
    margin: auto;
    text-align: center;
}
.navbar-brand{float: none!important;}
.navbar-brand > img {
    display: block;
    margin: auto!important;
}
.navbar .navbar-nav {
            display: inline-block;
            float: none;
        }
        
.navbar .navbar-collapse {
            text-align: center;
}




 }
 
 @media (max-width: 768px) {
.navbar-brand img{max-width:100%!important;}	 
.navbar-toggle {margin-top: 30px!important;} 
.tendina li{text-align: center;}	
.mainsite {
margin-bottom: 20px;    
}
.pbmenu {
    background-color: #fff;
    width: 100%;
    margin-top: 0!important;
}

.pbmenu li{
	float: none;
	clear: both;
	width: 100%;
}
.slick-slide-bg{background-size: 243% auto!important;}
 }
 
 .archivio .row {
    margin-bottom: 40px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding: 20px;

}

.archivio a:hover{text-decoration: none!important;}
 .title{
    color: #f6478c;
    font-family: "Kaushan Script",sans-serif;
}

.archivio .divider{
    border-top: 4px solid #f6478c;
    width: 8%;}
 
.archivio header{margin-bottom: 80px;}

.archivio h3{color: #f44b8c;
    font-family: "Roboto",sans-serif;
    font-weight: 600;
}    
.archivio p{
	
    color: #777;
    font-size: 14px;
    line-height: 1.5em;
    margin: 0;
    margin-bottom: 20px;
}

.archivio .readmore {
    color: #ff7f00;
    font-family: "Roboto",sans-serif;
    font-weight: 500;
}


.m80{margin-top: 80px;}
.side {
    margin-top: 100px;
    text-align: center;
}
.side h4{color:#EB488C;margin-bottom: 15px;}
.sottotitolo {
    color: #999;
    margin-top: 0;
    padding-top: 0;
}
.share{font-family: "Handlee",sans-serif;font-size: 24px; color: #666; margin-left: 10px;}
.box_container > p{
    min-height: 100px;
}



.main-title{
	color: #f6478c;
    font-family: "Kaushan Script",sans-serif;
    }
    
.header_main .divider{
	border-top: 4px solid #f6478c;
    width: 8%;
     padding-bottom: 15px;
    padding-top: 15px;
    text-align: center;
    margin: auto;
}    

.mainsite .dropdown-menu{ box-shadow: none; border: none!important;}

.mainsite .dropdown-menu > .active > a, .mainsite .dropdown-menu > .active > a:focus, .mainsite .dropdown-menu > .active > a:hover{background-color: #2291D0;}

.elementor-post__excerpt {
    min-height: 90px;
}
.elementor-post__read-more {
    display: block!important;
    font-size: 26px!important;
    text-align: right!important;
}
.separator{clear: both; height: 40px;
}


.category-artcounseling .elementor-post__badge {
    background-image: url("images/badge-artcounseling.png")!important;
    background-repeat: no-repeat;
    height: 18px!important;
    background-color: transparent!important;
 text-align: right!important;
    padding: 13px 20px 15px 60px!important;
    border-radius: 0px!important;
    display: inline-grid!important;
    line-height: 6px!important;
    vertical-align: middle!important;
}
.category-artcounseling .elementor-post__read-more{color: #e64390!important;}


.category-scrittura-autobiografica .elementor-post__badge {
    background-image: url("images/badge-scrittura.png")!important;
    background-repeat: no-repeat;
    height: 18px!important;
    background-color: transparent!important;
 text-align: right!important;
    padding: 13px 20px 15px 60px!important;
    border-radius: 0px!important;
    display: inline-grid!important;
    line-height: 6px!important;
    vertical-align: middle!important;
}



.category-my-updating .elementor-post__badge {
    background-image: url("images/badge-updating.png")!important;
    background-repeat: no-repeat;
    height: 18px!important;
    background-color: transparent!important;
 text-align: right!important;
    padding: 13px 20px 15px 60px!important;
    border-radius: 0px!important;
    display: inline-grid!important;
    line-height: 6px!important;
    vertical-align: middle!important;
}


.category-scrittura-autobiografica .elementor-post__read-more, .category-scrittura-autobiografica .elementor-post__title a 

{color: #007CCE!important;}


.category-counseling .elementor-post__read-more, .category-counseling .elementor-post__title a {
	color: #FF8000!important;	
}

.none{display: none;}

.sidebar a:hover{text-decoration: none!important;}


.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background:none!important;
}





.number {
    background-image: url("images/brush_normal.png");
    background-repeat: no-repeat;
    background-size: 102% auto;
    color: #fff;
    float: left;
    font-size: 23px;
    height: 40px;
    padding-left: 20px;
    padding-right: 29px;
    text-align: right;
    width: 200px;
}

.elementor-icon-box-title{margin-top: 0px!important;}

.elementor-text-editor li {
    padding-bottom: 10px!important;
}




.elementor-repeater-item-evrk42o .elementor-slide-heading{font-size: 80px!important;}


figure {
    display: flex;
    height: auto;
    width: 100%;
    margin: .5em -1em .5em -1.5em;
}
figure img {
    height: auto;
    width: 100%;
}

.cv{position: relative;margin-top: 40px;}

.cv h3 {
    display: inline-block;
    text-align: right;
    color: #0080c9;
    width: 174px;
}

.cv h3::after {
    border-bottom: 3px solid #0080c9;
    content: "";
    height: 22px;
    margin-left: 14px;
    position: absolute;
    width: 70%;
}
.blocchi {
    margin-top: 30px;
    margin-bottom: 30px;
}

.blocchi .descrizioni{border-left: solid 1px #ccc; 
  vertical-align: middle;
  line-height: normal;padding-top: 10px; padding-bottom: 10px; }
  
 .blocchi strong{color: #0080c9;} 
  
.blocchi  .anno {
	color: #0080c9;
	display: inline-block;
    font-weight: bold;
    vertical-align: middle;
    font-size: 20px;
  line-height: normal;padding-top: 10px; padding-bottom: 10px;
}
.page-template-page_interne .elementor-image > img, .single .elementor-image > img {

}


 /*.page-id-8 .elementor-image img{width: auto!important;} */
.blocchi .sep, .blocchi .row { margin-left: 0!important;
    margin-right: 0!important; }

.download {
    background-color: #efefef;
    padding: 10px;
    width: 100%;
    text-align: center;
}

.scarica{ background-color: #f6478c!important; color: #fff;}

.navbar-nav > li {
    float: left;
    min-width: 90px!important;
}


.citazione_small h2 span {
    clear: both;
    color: #999999;
    display: block;
    font-size: 16px;
    line-height: 22px;
    margin-top: 16px;
}