/*
Theme Name: Warp
Theme URI:
Author: Alberto Cattani
Author URI: https://www.albertocattani.com
Description: Starter Theme with Font Awesome and Bootstrap 4.3
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: warp

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

/* General
_______________________*/
html {scroll-behavior: smooth;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6  {margin-bottom: 1.5rem;}
body {display: flex;min-height: 100vh; flex-direction: column;padding-top:70px;background: #f6f6f6;font-family: 'Montserrat', sans-serif;line-height: 1.6;}
body.navbar-transparent{padding-top: 0;}
.main-content{flex:1;}
a {color: #90afc5;}
a:hover {text-decoration: none;}
.breadcrumbs {max-width: 500px; border: 1px solid #90afc5;text-align: center;float: left;margin: 20px 0;padding: 10px;}
.breadcrumbs_last {font-weight: bold;color: #fff;}
.text-center.black a{color: #333;}
b, 
strong {font-weight: bold;}

/* Menu
----------------------------*/
.navbar-transparent .navbar-dark {background: transparent!important;}
.navbar-transparent.is-scrolled .navbar-dark {background: rgba(0,0,0,0.4)!important;}
.admin-bar .navbar{top:32px;}
.navbar-brand img {width: 70%;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,1);}
.nav-link {text-transform: uppercase;}
.navbar-transparent.is-scrolled .navbar-brand {width: 80px;}
.navbar-brand {width: 160px;}

/* Animate
------------------------------------------------*/
.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;
}


.home .card-body a{text-decoration: none; color: #333;}
.home .title-h2 {padding: 20px;border-top: 2px solid #ddd;border-bottom: 2px solid #ddd;margin-bottom: 20px;}
.home .title-h2 h2{padding: 0; margin-bottom: 0!important;}
.home h3 {font-size: 22px}
.home h5 {font-size: 15px;}
.home h5.title-services{color: #336b87; text-transform: uppercase;margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #ddd;}
.home a span.icone {font-size: 18px;color: #336b87;}
.home .card-text {font-size: 14px;}
.home .maps-google-image {max-width: 100%;}
.home .card-text p{margin-bottom:0; }
.home .extra, .home .mappa, .home .standard { border-left: 1px solid #ddd;margin-top: 15px; padding-left: 5px;}
.home .mappa a {text-decoration: none; color: #336b87;font-size: 22px;}
.home h3 small {font-size: 12px; color: #90afc5;}
.home .more-link span{color: #336b87;}
.modal-header, .modal-body{
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90afc5+0,336b87+100 */
  background: #90afc5; /* Old browsers */
  background: -moz-linear-gradient(left, #90afc5 0%, #336b87 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90afc5 0%,#336b87 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90afc5 0%,#336b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90afc5', endColorstr='#336b87',GradientType=1 ); /* IE6-9 */
}
.home .location label,.home .location .wpcf7-list-item-label {font-size: 14px;min-width: 100%;}
input.wpcf7-form-control.wpcf7-quiz {width: 100%;}
.home .offerta_web, .page-template-page-schede .offerta_web {background: red;text-align: center; color: #fff; text-transform: uppercase;font-weight: bold;border-top: 2px solid #fff;}
.page-template-page-schede .offerta_web {padding: 30px 0; margin: 20px 0;font-size: 22px;}



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

/* Slider
----------------------------*/
.carousel.slider-big,.slider-big .carousel-inner,.slider-big .carousel-item {height: 700px;}
.slider-big h3, .slider-big h1{font-size: 60px; font-weight: bold;max-width: 800px;}
.slider-big .carousel-text p{font-weight: 300;font-size: 22px;max-width: 800px;}
.slider-big .carousel-caption {width: 100%; left: 0;right: 0;}
.carousel-control-next, .carousel-control-prev {z-index: 16;}

/* Slider testimonials
----------------------------*/
.carousel.slider-testimonials,.slider-testimonials .carousel-inner,.slider-testimonials .carousel-item {height: 500px;}
.slider-testimonials h1{font-size: 60px; font-weight: bold;max-width: 800px;}
.slider-testimonials .carousel-text p{font-weight: 200;font-size: 22px;max-width: 800px;}
.slider-testimonials .carousel-caption {width: 100%; left: 0;right: 0;}

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


/* Schede
----------------------------*/
.servizi li {list-style: none;}
.servizi h3 {font-size: 18px;color: #763626;font-weight: bold;text-transform: uppercase;border-bottom: 1px solid #763626;padding-bottom: 5px;}
.servizi hr{border-color:#763626;}
.servizi span {font-size: 15px;color: #336b87;}
.servizi .icone {font-size: 1.5rem;color: #336b87;float: left;min-width: 35px;line-height: 0px;padding-bottom: 5px;text-align: center;}
.servizi .icone-text {float: left;}
.servizi td {font-size: 18px; color: #336b87;}
.servizi .td{padding-right: 5px;}


/* Bottoni di conversione
----------------------------*/
.contact-buttons {display: flex;flex-direction: row;flex-wrap: wrap;padding: 15px;font-size: 0.8rem;gap: 15px;}
.contact-buttons .btn-lg {font-size: 0.8rem;min-width: 155px;padding: 5px;}
.contact-buttons span {font-weight: bold;font-size: 1rem;text-transform: uppercase;}


/* Card
----------------------------*/
.card-cover {border-radius: 0;min-height: 300px; padding: 30px;position: relative;}
.card-cover a {color: #fff; text-decoration: none;}
.card-cover h2.card-title{color: #fff;font-size: 12px; text-transform: uppercase;opacity: 0.7; }
.card-cover .card-text{font-size: 26px; line-height: 28px; max-width: 290px;}
.card-cover .card-link{position: absolute;bottom: 10px; right: 30px;}
.section-title-location{background: #fff;border-radius: .25rem;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* 2 Blockquote (Post evidenza)
----------------------------*/

section.two-blockquote {margin-top: 80px;margin-bottom: 80px;}
section.two-blockquote a h2.title  {text-transform: uppercase;font-weight: bold; color: #333;}
section.two-blockquote .two-blockquote h3,
section.two-blockquote .two-blockquote h3 a{font-size: 1.5rem; color: #333;font-weight: normal;}

section.two-blockquote .two-blockquote p {font-weight: 400;}
.two-blockquote blockquote {border-left: 10px solid #90afc5;padding:10px; padding-left: 20px; margin-top: 50px;margin-bottom: 20px}
.two-blockquote blockquote strong {font-weight: bold; font-size: 40px;}


.two-blockquote .two-blockquote p a{font-weight: bold; color: #90afc5;}

.two-blockquote blockquote:nth-child(1) {border-left: 10px solid #336b87; }
.two-blockquote blockquote:nth-child(2) {border-left: 10px solid #763626; }
.two-blockquote blockquote:nth-child(3) {border-left: 10px solid green;  }
.two-blockquote blockquote:nth-child(4) {border-left: 10px solid brown;  }
/* Testimonials
----------------------------*/
.testimonials blockquote {font-size: 44px;font-weight: bold;line-height: 46px;color: #4a4343;max-width: 700px;}
.testimonials a {font-weight: bold;}
.testimonials blockquote:before{content:"\201c"; font-size: 150px; position: absolute;top: -20px; left: -50px;font-family: georgia; color:#ddd;}


/* jumbotron
----------------------------*/
.cta {text-align: center;padding: 150px 0;}
.home h3.cta-title {font-size: 50px}
.cta-title {font-size: 56px; font-weight: bold;}
.cta-text {font-weight: 400;margin: 0 auto;font-size: 1.3rem;padding-bottom: 30px;}


/* Landing 2
----------------------------*/
.page-template-page-landing h1{font-size: 50px;}
.page-template-page-landing .trattino {width: 50%;height: 4px;margin: 30px auto;}
.page-template-page-landing .grey-t {padding: 20px; color: #fff;}
.page-template-page-landing .white-t {padding: 20px; color: #fff;}
.page-template-page-landing .mosaico{min-height: 400px;width: 50%;}
.page-template-page-landing .mosaico{position: relative;color: #fff;text-align: center;padding-top: 10%;margin: 0;}
.page-template-page-landing .mosaico h2{text-transform: uppercase;}
.page-template-page-landing .mosaico h3{font-size: 20px;}
.page-template-page-landing .punti-di-forza{text-align: center;}
.page-template-page-landing .punti-di-forza p{padding: 20px;}
.page-template-page-landing .punti-di-forza .icon{font-size: 2rem;color: #90afc5;padding: 5px;vertical-align: middle;text-align: center;}

/* Domiciliazioni italia
----------------------------*/
.page-template-page-italia .city {text-align: center;text-transform: uppercase;}
.page-template-page-italia .city h4{border: 1px solid #ddd;}

/* Card News
----------------------------*/
.card-news .card-meta {text-transform: uppercase;font-weight: bold;}
.card-news{border: 0;}
.card-news .card-title{color: #4a4343; font-size: 26px;font-weight: bold;}
.card-news a:hover{text-decoration: none;}
.card-news .card-info{border-top: 1px solid #ddd;color: #999; padding-top: 10px;font-size: 12px;}
.section-title-location {font-size: 55px;}
.card-title img{margin-bottom: 15px;}
.card-news .link-more {font-size: 0.75rem;margin-top: 15px;margin-bottom: 10px;padding: 5px; }
.card-news .link-more a {color: #90afc5;}
.shadowed {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

/* comments
----------------------------*/
#comments {margin-bottom: 40px;}
.comments {padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label {min-width: 80px;}
input#wp-comment-cookies-consent{margin-right: 5px;}
.comment .reply{margin-bottom: 30px;padding-bottom: 10px; border-bottom: 1px solid #ccc;}
.comments ul, .comments ol {list-style-type: none;}
.comment-author img{border-radius: 999px;}

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

/* Footer
----------------------------*/
.footer-logo a img,footer .numero-verde img {max-width: 80%;margin: 20px auto;}
.footer .chiaro {background: #333;}
.footer-logo h4{font-size: 16px;}
p.credits {font-size: 14px;}
.menu-footer ul{list-style: none;margin-top: 15px;padding-inline-start: 10px;}
.menu-footer a{display: block;padding: 5px;transition: 0.6s;}
.menu-footer a:hover{color: #fff;}
.menu-footer span::before{content: "\f0da";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right: 3px;left: 0px;top: 0;font-size: 1rem;}
.menu-footer h4 {font-size: 16px;text-transform: uppercase;border-bottom: 1px solid #fff;opacity: 0.8;}
.footer .back-top {height: 25px; width: 40px;border: none; border-radius: 20px 0 0 0; position: fixed;bottom: -40px; right: -40px;z-index: 99;opacity: 0.8;text-align: right;color: #fff;transition: all .7s;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90afc5+0,336b87+100 */
background: #90afc5; /* Old browsers */
background: -moz-linear-gradient(left, #90afc5 0%, #336b87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #90afc5 0%,#336b87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #90afc5 0%,#336b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90afc5', endColorstr='#336b87',GradientType=1 ); /* IE6-9 */}
.display-top.footer a .back-top {bottom: 0px; right: 0px;transition: all .7s;}
.display-top.footer a .back-top :hover {line-height: 0px;transition: all .7s;opacity: 1;}


/* credits
----------------------------*/
.ottomedia{text-align: right;padding-top: 20px; padding-bottom: 20px;font-size: 14px;}
.ottomedia a span.logo{color: #83DD01;}


/* widgets
----------------------------*/
.widget_search .screen-reader-text{display: block;}
.widget_search #s{width: 70%; float: left;}
.widget_search #searchsubmit{width: 30%;float: left;background:#fff; }

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

/* Helpers
------------------------------------------------*/
.margin-bottom {margin-bottom: 40px;}

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

.sfumatura {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90afc5+0,336b87+100 */
background: #90afc5; /* Old browsers */
background: -moz-linear-gradient(left, #90afc5 0%, #336b87 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #90afc5 0%,#336b87 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #90afc5 0%,#336b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90afc5', endColorstr='#336b87',GradientType=1 ); /* IE6-9 */}


.btn-outline-light {text-transform: uppercase; font-size: 16px;padding: 15px 30px;}
.btn-outline-light:hover{ border: 1px solid transparent;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90afc5+0,336b87+100 */
  background: #90afc5; /* Old browsers */
  background: -moz-linear-gradient(left, #90afc5 0%, #336b87 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90afc5 0%,#336b87 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90afc5 0%,#336b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90afc5', endColorstr='#336b87',GradientType=1 ); /* IE6-9 */}

.btn-primary {text-transform: uppercase;font-size: 16px;padding: 15px 30px;border: none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#90afc5+0,336b87+100 */
  background: #90afc5; /* Old browsers */
  background: -moz-linear-gradient(left, #90afc5 0%, #336b87 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #90afc5 0%,#336b87 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #90afc5 0%,#336b87 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#90afc5', endColorstr='#336b87',GradientType=1 ); /* IE6-9 */}
.btn-primary:hover {background: #eb8a44;}
/* ----------------------------------------------
 Large Desktop
------------------------------------------------*/
@media (min-width: 1350px){
.container {max-width: 1300px;}
}
/* ----------------------------------------------
 Tablet
------------------------------------------------*/
@media (max-width: 998px){
.navbar-transparent .navbar-dark {background: transparent!important;}
.navbar-toggler {background: rgba(0,0,0,0.5);}
.navbar-collapse.collapse.show {background:rgba(0,0,0,0.5)!important;}
.navbar-social {flex-direction: row;}
.navbar-dark .navbar-nav .nav-link {padding-left: 5px;}
}

/* ----------------------------------------------
 Samrtphone
------------------------------------------------*/
@media (max-width: 767px){
  .carousel.slider-big,.slider-big .carousel-inner,.slider-big .carousel-item {height: 600px;}
  .slider-big h3, .slider-big h1{font-size: 40px;}
  .slider-big .carousel-text p{font-size: 15px;font-weight: 300;}
  .cta-title {font-size: 44px;}
  .carousel.slider-testimonials,.slider-testimonials .carousel-inner,.slider-testimonials .carousel-item {height: 700px;}
  .slider-testimonials h1{font-size: 50px; font-weight: bold;}
  .slider-testimonials .carousel-text h3{font-weight: 200;font-size: 16px;}
  .slider-testimonials .carousel-caption {width: 100%; left: 0;right: 0;}
  .page-template-page-schede .contact-buttons, .page-template-page-sconto-web .contact-buttons{position: fixed;bottom: 0;left: 0;background: #fff;width: 100%;z-index: 4;}
  .contact-buttons span{font-size: 15px;}
  .page-template-page-schede .buttons-preventivo .btn.btn-danger.btn-lg, .page-template-page-schede .buttons-call .btn.btn-success.btn-lg {font-size: 12px;}
  .home h3.cta-title {font-size: 30px;}
  .cta-text {font-size: 1.2rem;font-weight: 300;}
  .home .contact-buttons {padding-left: 0;}


}

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUpBig {
  animation-name: fadeInUpBig;
}


/*! Single */
.single article h2.wp-block-heading{font-size: 2rem;margin: 0;margin-top: 25px;font-weight: bold;}
.single article h3.wp-block-heading{font-size: 1.25rem;font-weight: 500;}
.single article h3.wp-block-heading::after{
    content: "";
    margin: 10px 0;
    width: 120px;
    height: 2px;
    background: linear-gradient(to right, var(--green), var(--blue));
    display: block;
}
.single article h4.wp-block-heading{font-size: 1.1rem;font-weight: 500;}
.single article h4.wp-block-heading::before{
  content: "\f0da";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #336b87;
  padding-right: 5px;
}

/* WordPress Core
-------------------------------------------------------------- */
.bypostauthor {border-left: 3px solid #ddd;padding-left: 20px;}

.wp-block-image img {height: auto;}
.wp-block-image figcaption{text-align: center;font-size: 0.8rem;}

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