/*
Theme Name: MP
Theme URI:
Author: 360Smartweb
Author URI:
Description: Tema base creato con Bootstrap 4 and font Awesome
Version: 0.1
License: GNU General Public License v2 or later
License URI: https://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: mp

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

/* TEMPLATE FULL WIDTH
--------------------------------------------------------------- */

.page-template-full-width .main-content {
    width: 100%;
    margin: 0px;
    border: 0px;
    padding-left: 0px;
    max-width: 2500px;
}

.page-template-full-width .site {
margin:0px;
}

/* INCLUDE I FOGLI DI STILE CSS
--------------------------------------------------------------- */
div.fw {
  width: 100% !important;
  margin: 0px !important;
  border: 0px !important;
  padding-left: 0px !important;
  max-width: 2500px !important;
}

/* INCLUDE I FOGLI DI STILE CSS
--------------------------------------------------------------- */
.admin-bar .navbar {top:32px;}


/* Generals
imponiamo che il body abbia un altezza verticale massima dello schermo visibile
--------------------------------------------------------------- */

a{color:#d4000b;}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  padding-top: 70px;
  font-family: 'Montserrat';
}

body.navbar-transparent {
  padding-top: 0px;
}

.main-content {flex: 1;}


/* Helpers
--------------------------------------------------------------- */

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

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



/* Buttons
--------------------------------------------------------------- */

.btn-outline-light{text-transform: uppercase;font-size: 13px;padding: 15px 30px;}
.btn-outline-light:hover{
  border: 1px solid white;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4000b+0,28006a+100 */
  background: #ca0000; /* Old browsers */
}

.btn-primary {
  text-transform: uppercase;font-size: 13px;padding: 15px 30px;
  border: 1px solid white;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4000b+0,28006a+100 */
  background: red; /* Old browsers */
  }

.btn-primary:hover {
  background: transparent;
  border: 1px solid white;
}
.btn-second {
  text-transform: uppercase;
  font-size: 13px;
  padding: 15px 30px;
  background: transparent;
  border: 1px solid white;
  color:#fff;
}

.btn-second:hover {

  text-transform: uppercase;font-size: 13px;padding: 15px 30px;
  color: #fff;
  border: 1px solid white;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4000b+0,28006a+100 */
  background: red; /* Old browsers */
}

.btn-focus {
	color: #333 !important;
	background-color: transparent !important;
	border: 1px solid #333 !important;
	padding: 10px 30px !important;
	border-radius: 5px;
	transition: all 0.3s;
	}
.btn-focus:hover {
	color: #fff !important;
	background-color: #333 !important;
	border: 1px solid #333 !important;
	padding: 10px 30px !important;
	text-decoration: none;
	}


/* Utilities
--------------------------------------------------------------- */

.hrtrasparent {color: transparent; height: 20px;border: none;}

.trattino {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d4000b+0,28006a+100 */
  background: #d4000b; /* Old browsers */
  background: -moz-linear-gradient(right, #d4000b 0%, #28006a 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(right, #d4000b 0%,#28006a 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #d4000b 0%,#28006a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4000b', endColorstr='#28006a',GradientType=0 ); /* IE6-9 */
  width: 100px;
  height: 4px;
  margin-bottom: 20px;}

  .row {margin-bottom: 50px;}
  .row.logos {margin-bottom:-50px;}

/* Menù
--------------------------------------------------------------- */

.navbar-transparent .bg-primary {background: transparent !important;}
.navbar-transparent.is-scrolled .bg-primary {background: rgba(0, 0, 0, 0.63)!important;}
.navbar-transparent.is-scrolled .navbar-brand {width: 50px;display: inline-block;}
.bg-360 {background-color: #222222!important;}
a.nav-link {padding-left:10px !important; padding-right: 10px !important;; color:#fff !important;}
a.nav-link:hover{padding:10px 0px; color:#333 !important;}



.nav-link { text-transform: uppercase;font-size: 13px;padding:15px 0px;}
.navbar-brand img {width: auto; height: 85px;}
.navbar-brand {width:100px;}

.form-control {background: transparent; border: none;}
.icon-search {background: transparent; color: #fff !important; border: none; font-size: 18px; margin-right: 10px;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #fff !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #fff !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #fff !important;
}
.navbar-social a {display: inline-block; color: #fff; font-size: 20px; padding:5px;}

.seo-title {position: absolute;top: -1000px;}
.navbar-collapse {
  flex-basis: 75%;
}
a.dropdown-item:hover {font-weight: 500; color: red;}  /* Il menù dropdown diventa rosso on hover */
.navbar-nav {font-weight:510;}

/* Slider in home
--------------------------------------------------------------- */
.carousel,
.carousel-inner,
.carousel-item {height: 700px;margin-bottom: 60px;}
.slider-big h3,
.slider-big h2{font-size: 37px;font-weight: bold;max-width: 700px;}
.slider-big .carousel-text, p{font-weight: 300;font-size: 22px;max-width: 700px;}
.slider-big .carousel-caption {width: 100%; left: 0; right: 0; padding:25px;}


.carousel-control-prev {margin-top:-150px;}
.carousel-control-next, .carousel-control-prev {top: 115px;height: 768px;}
.carousel-control-next {margin-top:-150px;}

/* Focus sotto slider
--------------------------------------------------------------- */
.focuses {margin-top:40px;margin-bottom: 40px;}
.focus {border-left: 3px solid #333;margin-bottom: 20px;}
.focus h3 {font-size: 24px;}
.focus h3 a{color:#333;}
.focus .text-link {font-size: 12px;color:#333;}
.focus .text-intro {font-size:12px; margin-bottom:5;text-transform: uppercase;opacity: 0.5;}


/* two columns (pre evidenza)
--------------------------------------------------------------- */
.two-columns-title {font-size:40px; color:#444444; line-height: 42px;font-weight: bold;}
.two-columns p{font-weight: 500; color:#333333;}
.two-columns a:hover {text-decoration: none; color:#333333;}
.two-columns p:hover {text-decoration: none; color:#333333;}


/* Card
-------------------------------------------------------------- */
.card-group {margin-top:60px;}
.card-group.cgmassi2 {margin-top: 0px;}
.card.card-cover {margin:10px 10px; }
.card-cover {border-radius:0;height: 450px;padding: 30px; position: relative;border: 0px solid white !important;}
.card-cover a {color: #fff; text-decoration: none;}
.card-body {text-align: center;}
.card-cover .card-title {font-size: 16px; font-weight:510; text-transform: uppercase;opacity: 0.7; color: #fff; ;margin-bottom:20px;}
.card-cover .card-text {text-align: center; color: #fff; font-size: 41px; max-width: 500px; padding-top: 60px; vertical-align: middle; display: table-cell; font-weight: 510;line-height: 40px;}
.card-cover .card-link {position:absolute;bottom:10px;right:30px;font-weight: 510;}
.card-cover .card-text2 {color:#fff; font-size: 22px; line-height: 28px; max-width: 700px;padding-top: 25px;}

/* two blockquote
-------------------------------------------------------------- */
.two-blockquote {margin-top: 100px; margin-bottom: 20px;padding-left: 10px; padding-right: 10px;}
.two-blockquote p{font-weight: 300;margin-top: 100px; margin-bottom: 100px;}
.two-blockquote blockquote{border-left: 10px solid #28006a; padding-left: 20px;}
.two-blockquote blockquote strong{font-size: 40px; font-weight: bold;}
.two-blockquote blockquote:nth-child(1){border-left: 10px solid #d4000b; padding-left: 20px;}


/* MOD MASSI BLOCQUOTE*/
.two-blockquote .col-sm-6 p{font-size: 16px;margin-bottom: 10px; margin-top: 10px;}
.two-blockquote .col-sm-6.bqmassi {padding-left: 80px;}

/* Testimonials
-------------------------------------------------------------- */
.testimonials blockquote {font-size:25px !important; color:#444444;font-weight: bold;line-height: 27px;}
.testimonials a{font-weight: bold;font-size: 12px;}
.testimonials blockquote:before {
  content:"\201c";
  font-size: 150px;
  position: absolute;
  top: -20px;
  left: -50px;
  font-family: georgia;
  color: #ddd;
}
/* call to action box
--------------------------------------------------------------- */
.call-to-action-box {text-align: center;padding: 100px 0;margin-top:60px;}
h3.cta-title {font-size: 50px; font-weight: bold;}
.cta-text {font-weight: 400; max-width: 700px; margin: 0 auto; font-size: 20px;}


/* card news
---------------------------------------------------------------
.card-body {max-width: 650px;}
.card-news .card-body {background-color: #f6f6f6;max-width: 650px !important;}
.card-news {border: 0; min-width:240px; border-color: #f4f4f4;}
.card-news .card-meta a {text-transform: uppercase;font-weight: bold;}
.card-news .card-title {color:#333;font-size: 26px;font-weight: bold;}
.card-news .card-text {font-weight: 300;}
.card-news .card-info {border-top: 1px solid #ddd; color:#999;padding-top: 10px;font-size: 12px;}
.card-news a:hover {text-decoration: none;} */

/* card news
--------------------------------------------------------------- */
.card-body {max-width: 650px;}
/* .card-news .card-body {background-color: #f6f6f6;max-width: 650px !important;} */
.card-news .card-body {background-color: #fff;max-width: 650px !important;}
.card-news {border: 0; min-width:240px; border-color: #f4f4f4;}
/* .card-news .card-meta a {text-transform: uppercase;font-weight: bold;} */
.card-news .card-meta a {text-transform: uppercase;font-weight: bold;padding: 0px 3px;font-size: 15px;color: #d4000b;}
.card-news .card-title {color:#333;font-size: 26px;font-weight: bold;}
/* .card-news .card-text {font-weight: 300;} */
/* .card-news .card-info {border-top: 1px solid #ddd; color:#999;padding-top: 10px;font-size: 12px;} */
.card-news a:hover {text-decoration: none;}
.card-news .card-text {font-weight: 510;width: 90%;text-align: center;background-color: #efeeee;color: #333;position: relative;bottom: 95px;padding: 10px 15px;margin: 0 auto !important;font-size: 22px;}
p.card-info {border-top: 1px solid #ddd;color: #333;padding-top: 10px;font-size: 12px;position: relative;bottom: 70px;text-align: center;font-weight: 600;}



/* pagina singola BLOG
--------------------------------------------------------------- */
.single-post blockquote{background-color: #f5f5f5;padding: 15px 15px;border-left: 4px solid #333333;}
.single-post h4, h3 {margin-top:15px;margin-bottom:25px;} /* margin top degli h3 e h4 in blog per una miglior lettura*/
/*.single-post, .col-sm-4 {padding-left: 65px;margin-top:-50px;}  padding left nella sidebar in blog */
div.widget > h3 {font-size: 22px;} /* dimensione h3 nella sidebar in blog */

/* Footer contatti
--------------------------------------------------------------- */
.container-fluid {
  font-size: 12px;
}

/* Footer Copyright
--------------------------------------------------------------- */
.footer {
  font-size:11px;
}
.footer a{
  font-size:11px;
}

/* campo text area dei commenti
--------------------------------------------------------------- */
#comments {margin-bottom: 40px;}
.comments {padding-top: 40px;}
.comments textarea {width: 100%; }
.comments label {min-width: 80px;}
.comments ul, .comments ol {list-style-type: none;}
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px;padding-bottom: 10px;}
.comment-author img {border-radius: 999px; height: 35px; width: 35px;}
.comment-author vcard {height: 35px; width: 35px;}

/* Inputh & Text Area
--------------------------------------------------------------- */
input, textarea {padding: 5px 10px; border: 1px solid #ccc; }

/* Widget Search Area
--------------------------------------------------------------- */
.widget_search .screen-reader-text { display: block;}
.widget_search #s {  width: 70%;  float: left;}
.widget_search #searchsubmit {  width: 30%;  float: left;}

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

/* General Wordpress Style
--------------------------------------------------------------- */
.post img{width: 100%;height: auto;}

/* ------------------------------------------------------------
TABLET
--------------------------------------------------------------- */
@media (max-width: 998px){
  .form-inline .form-control {display: inline-block;width: 90% !important;vertical-align: middle;}
  .navbar-transparent .bg-primary {background: #131313 !important;}
  .navbar-social {flex-direction: row;margin-top:20px;}
  .card.card-cover {min-width: 150px;margin:10px 10px; height:350px;}
  .card-cover .card-text {color:#fff;font-size: 18px;line-height: 28px;max-width: 700px;}
  .card-cover .card-text2 {color:#fff;font-size: 18px;line-height: 28px;max-width: 700px;}
  .card,
  .card-news {min-width: 345px;margin-bottom: 0px;}
  .card-body {max-width: 350px;}
  .leggi-articolo {display: none;}
  .navbar-collapse {flex-basis: 100%;}
  .navbar-transparent.is-scrolled .bg-primary {background: rgba(0, 0, 0, 0.9) !important;}
  .two-blockquote {margin-top: 40px; margin-bottom: 40px;padding-left: 10px; padding-right: 10px;}
  .navbar-brand img {height:45px;}
  .navbar-collapse .navbar-social > a {margin-right:15px;}
  .nav-link a{padding:6px 0px; color:#fff !important;}
  a.nav-link{padding:20px 0px; color:#fff;}
  .testo-card-massi {display:none;}
}
/* ------------------------------------------------------------
SMARTPHONE
--------------------------------------------------------------- */

@media (max-width: 767px){
  .carousel-control-next-icon, .carousel-control-prev-icon {margin-top: 700px;display: none;}
  h3.cta-title{font-size: 30px !important; font-weight: bold;}
  .form-control {display: block;width: 90%;}
  .slider-big h3{font-size: 40px;font-weight: bold;}
  .card-cover .card-text {color:#fff;font-size: 24px;line-height: 28px;max-width: 700px;}
  .card-cover .card-text2 {color:#fff;font-size: 24px;line-height: 28px;max-width: 700px;}
  .testimonials .img-fluid {max-width: 250px;}
  .testimonials .col-sm-3 {text-align: center;}
  .testimonials blockquote {font-size:30px !important;}
  .testimonials blockquote:before {top: -20px;left: 9px;}
  .navbar-collapse {flex-basis: 100%;}
  .two-blockquote {margin-top: 40px; margin-bottom: 40px;padding-left: 10px; padding-right: 10px;}
  .titolo-servizi {font-size: 18px !important;margin-top: 60px !important;margin-bottom: -20px !important;}
  .col-sm-6.bqmassi {margin-top: 60px;}
  .navbar-collapse .navbar-social > a {margin-right:15px;}
  a.nav-link {padding:15px 0px !important;}
  .card-body {max-width: 500px;}
  .immagine-sfondo {height: 310px !important;}
}
/* =WordPress Core style
-------------------------------------------------------------- */
.bypostauthor{border-left: 3px solid #ddd; padding-left: 10px;}
.gallery-caption{padding: 5px;font-size: 10px;}
.alignnone {
    margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 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;
    line-height: 17px;
    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;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}


.foot hr {background-color: white;width: 70%;}


.cont {
  color:white;
  display: block;
  float: left;
  padding-right: 20px;
  padding-left:20px;
}

.bbb {float: left;}
.cont-fl-foot {margin-bottom: -24px;line-height: 20px;}

div.more-hide {display:none;}

/* CONTACT FORM 100% width
------------------------------------------------ */
textarea {width: 100%;}

.wpcf7-list-item-label input{padding-left: 9px;}

.wpcf7-email{width:100% !important;}

span.wpcf7-form-control-wrap:nth-child(2) > input:nth-child(1){width:100% !important;}

.wpcf7-submit {width:100px;margin-left: 0px;}

select.wpcf7-form-control {width:100% !important;}

.wpcf7-tel {width:100%;}
textarea.wpcf7-form-control {height:110px;width: 100% !important;}
.contatto .col-md-12, .contatto .col-md-6 {padding-left: 0px;}
.contatto {margin-top: 60px;}
span.wpcf7-list-item {
    margin-left: 0px;
    margin-top: 15px;
}
.btn-success {
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
    padding: 15px 60px;
}
@media (max-width: 450px){
a.chiama{width:100%;}
.btn-success {width: 100%;}
}


/* Tag more nascosto in pagina
------------------------------------------------ */
.hide {display:none;}


.mr-auto {margin-right: auto !important;margin-left: 30px;}
.row {margin-left:0px;margin-right:0px;}
.st-btn {width:70px;}
.widget-ppagina {float:left; padding-left:5px; padding-right:5px;color:#fff;}
.widget-ppagina a{color:#fff;}
.btn-cta-massi {text-transform: uppercase;font-size: 13px;padding: 5px 15px;}
.massi-sidebar {padding-left:50px;}

/* Tag more nascosto in pagina
------------------------------------------------ */
.bg-grey-massi {
  background-color:#222 ;
}


.call-to-action-box2 {
  text-align: center !important;
  padding: 240px 0;
  margin-top: 0px !important;
  min-height: 300px !important;
  height: 600px !important;
}
.testo-titolo {padding-top:200px;}

@media (max-width: 767px){
  .call-to-action-box2 {
    text-align: center !important;
    min-height: 180px !important;
    height: 220px !important;
    margin-top: 57px !important;
    padding-top: 80px !important;
    }
    .testo-titolo {padding-top:0px;}
    h1.cta-title {font-size:36px;}
  }

iframe {
	width:100% !important;
}

.panel.panel-default {
	    background-color: #f7f4f4;
    padding-top: 12px;
    padding-bottom: 3px;
    padding-left: 15px;
    padding-right: 15px;
}

.text-servizi-nuovi h4{font-weight: 600;font-size:20px;}
.mymassi{margin-top:100px;margin-bottom:100px;
}