/*
Theme Name: Sotech srl 2.0
Description: Starter Theme with Bootstrap 4
Version: 0.1
Author: Andrea Webmaster
Author URI:   	http://www.sotech.srl
Site:         	http://www.sotech.srl
Text Domain: nx
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, right-sidebar, custom-header, custom-menu, editor-style, featured-images, sticky-post, 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 with others.
*/

.admin-bar .navbar{top: 32px;}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Base  */
/* --------------------------------------------------------------------------------------------------------------------------- */

body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  padding-top: 70px;
  font-family: 'Lato', sans-serif;
  background: #fff;
	font-size: 22px;
}

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

.main-content{
  flex: 1;
  padding-top: 50px;
}
.main-content.cover{padding-top: 0;}

a {color: #8ac04d;}
a:hover{color: #218838;}


.title-big{font-size: 40px; text-transform: uppercase; font-weight: 400; line-height: 45px; margin-bottom: 10px;}
.bigtitle{font-size: 65px; font-weight: bold; line-height: 70px; margin-bottom: 35px;}
.trattino{display: block; width: 110px; height: 8px; background: #8ac04d; }

.subtitle{font-size: 30px; line-height: 35px; margin-bottom: 35px; color: #68828f;}
.title{font-size: 60px; font-weight: bold; line-height: 60px; text-transform: uppercase; margin-bottom: 35px; color: #8ac04d;}


@media (max-width: 768px) {
  .bigtitle{font-size: 30px; line-height: 30px; margin-bottom: 15px!important;}

  .subtitle{font-size: 18px; line-height: 25px; }
	.title{font-size: 40px; line-height: 42px;}


}


.container--lg{max-width:1580px;}

/*
.bg-light {
    background-color: #fff!important;
}
*/



.btn-success{
	color: #8ac04d;
	background-color: #8ac04d;
	border-color: #8ac04d;
	padding: 10px 25px;
	color: #fff;
}

.btn-secondary{
	color: #69818e;
	background-color: #69818e;
	border-color: #69818e;
	padding: 10px 25px;
	color: #fff;
}

/*IMMAGINE CON QUADRATO A 45 GRADI VERDE A SINISTRA*/
.image-sx{
	padding: 15px 0 0 115px;
	position: relative;
}

.image-sx img{
	border-radius: 20px !important;
}

.image-sx::before {
    content: " ";
    display: block;
    width: 370px;
    height: 370px;
    background-color: #8ac04d;
    border-radius: 50px;
    position: absolute;
    top: 55px;
    left: 55px;
    z-index: -1;
    transform: rotate(45deg);
}

@media (max-width: 768px) {

  .image-sx{padding: 45px;}

  .image-sx::before {
      width: 200px;
      height: 200px;
      border-radius: 35px;
      top: 60px;
      left: 25px;

  }
}




/*IMMAGINE CON QUADRATO A 45 GRADI GRIGIO A DESTRA*/
.image-dx{
	padding: 80px 165px 0 0;
	position: relative;
}

.image-dx img{
	border-radius: 20px !important;
}

.image-dx::before {
    content: " ";
    display: block;
    width: 370px;
    height: 370px;
    background-color: #68828f;
    border-radius: 50px;
    position: absolute;
    top: 55px;
    right: 55px;
    z-index: -1;
    transform: rotate(45deg);
}

@media (max-width: 768px) {
  .image-dx{ padding: 45px;}

  .image-dx::before {
      width: 140px;
      height: 140px;
      border-radius: 35px;
      top: 10px;
      right: 10px;

  }
}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Helpers  */
/* --------------------------------------------------------------------------------------------------------------------------- */
.text-green{color: #8ac04d; text-transform: uppercase;}

.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;
}




/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Menu  */
/* --------------------------------------------------------------------------------------------------------------------------- */
.navbar-light .navbar-nav .nav-link{color: #fff;}
.navbar-light .navbar-nav .active>.nav-link,
.navbar-light .navbar-nav .nav-link.active{border: 1px solid #fff; color: #fff;}
.navbar-light .navbar-nav .nav-link:hover {color: #dfdfdf;}

.nav-link{text-transform: uppercase; font-size: 13px;}
.form-control{background: transparent;border: none;}
.icon-search{color:#fff;background: transparent; 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: 10px;}

.seo-title{position: absolute;top: -1000px;}


.home.navbar-transparent .bg-light {background: transparent!important;}
.home.navbar-transparent a.navbar-brand.animate{max-width: 350px;}
.home.navbar-transparent .navbar-brand img {width: 100%}
.home.navbar-transparent.is-scrolled .bg-light {background: url(img/sf-header-scrolled.jpg) !important;}
.home.navbar-transparent.is-scrolled .navbar-brand img {width: 80%;}



.page .bg-light {background: url(img/sf-header-scrolled.jpg) !important;}
.page .navbar-brand img {width: 100%; }
.page a.navbar-brand.animate{ max-width: 280px;}



/*.navbar-brand{width: 100px;}*//*????*/






@media (max-width:998px){

  .navbar-light .navbar-nav .nav-link.active{border: none;}
  .navbar-light .navbar-toggler {border-color: rgba(255,255,255,.1);}
  .navbar-light .navbar-toggler-icon {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .home.navbar-transparent .bg-light,
  .page .bg-light {background: #2d2d2b!important;}

  .home.navbar-transparent a.navbar-brand.animate{max-width: 250px;}
  .home.navbar-transparent .navbar-brand img {width: 80%;}

  /*IN HOME BORDO SOLO SINISTRO*/
  .home.navbar-transparent .bg-light {border-left: 8px solid #fff; border-top: 8px solid #2d2d2b;}


  .page .bg-light {border-left: 8px solid #fff; border-top: 8px solid #fff;}
  .page a.navbar-brand.animate{max-width: 245px;}
  .page .navbar-brand img {width: 80%; }

}

@media (max-width: 768px) {
  .home.navbar-transparent .navbar-brand img {width: 60%;}
  .page .navbar-brand img {width: 60%!important; }

}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Banner  */
/* --------------------------------------------------------------------------------------------------------------------------- */

.carousel,
.carousel-inner,
.carousel-item { height: 970px; }

.slider-big .subtitle{color: #fff;}
.slider-big .bigtitle{margin-bottom: 20px;}
.slider-big .trattino{margin: 30px auto;}

.slider-big .btn-success{display: inline-block; border-radius:5px; margin-top: 20px;}
.slider-big .btn-success a{color: #fff; text-decoration: none; }

.slider-big .carousel-caption{max-width: 100%; left: 20px;right: 20px; top: 25%; text-align: left;}



.container-section{position: relative; min-height: 430px; text-align: center;}



@media (max-width: 768px) {
	.carousel, .carousel-inner, .carousel-item	{height: 505px;}
	.slider-big .carousel-caption{top: 19%;}


  .slider-big .title-big{font-size: 24px; line-height: 30px;}
  .slider-big .trattino{margin: 30px auto 30px 0;}

  .slider-big .btn-success{margin-top: 10px;}

  .container-section{text-align: left;}


}

/* ! Servizi (home)  */
/*--------------------------------------------------------*/

.servizi-home{margin-top: 110px;}
.servizi-home .btn-success{display: inline-block; border-radius:5px;}
.servizi-home .btn-success a{color: #fff; text-decoration: none; }

.servizi-home p.subtitle{margin-bottom: 10px;}


@media (max-width: 768px) {
  .servizi-home{margin-top: 30px;}
}

/* ! Pagine interne (page)  */
/*--------------------------------------------------------*/

.servizi-page{padding: 50px 0 70px 0; position: relative;}
.servizi-page::before{
  content: " ";
  display: block;
  width: 1000px;
  height: 1000px;
  background-color: #f1f2f4;
  border-radius: 50px;
  position: absolute;
  top: -200px;
  left: -50px;
  z-index: -1;
  transform: rotate(-20deg);
}


.servizi-page .btn-success{display: inline-block; border-radius:5px;}
.servizi-page .btn-success a{color: #fff; text-decoration: none; }

.servizi-page .btn-success.has-text-align-center{margin-left: 36%; margin-right: 36%;}

.servizi-page p.subtitle{margin-bottom: 10px;}

@media (max-width: 768px) {
  .servizi-page::before{
    width: 360px;
    height: 360px;
    top: -75px;
  }
  .servizi-page .btn-success.has-text-align-center{margin-left: auto; margin-right: auto;}
}

/* ! I nostri numeri (home)  */
/*--------------------------------------------------------*/

.i-nostri-numeri{background: #6a818f; text-align: center; padding-top: 80px; padding-bottom: 100px;}
.i-nostri-numeri .title-big{color: #fff; font-weight: bold; margin-bottom: 115px;}
.i-nostri-numeri .bigtitle{color: #fff;}
.i-nostri-numeri .subtitle{color: #fff;}

.i-nostri-numeri .col-lg-4.border-right{border-right: 1px solid #8abf4b !important;}

@media (max-width: 768px) {
  .i-nostri-numeri .bigtitle{font-size: 60px; line-height: 65px; margin-bottom: 20px;}
  .i-nostri-numeri .subtitle{font-size: 22px; line-height: 24px;}

  .i-nostri-numeri .col-lg-4{max-width: 70%; margin: auto;}
  .i-nostri-numeri .col-lg-4.border-right{border-right: none!important; border-bottom: 1px solid #8abf4b !important; margin-bottom: 30px;}
}



/* ! I nostri clienti (home)  */
/*--------------------------------------------------------*/

.i-nostri-clienti{text-align: center; padding-top: 80px; padding-bottom: 100px;}

.i-nostri-clienti .bigtitle{color: #fff;}




@media (max-width: 768px) {
  .i-nostri-clienti .bigtitle{font-size: 60px; line-height: 65px; margin-bottom: 20px;}
  .i-nostri-clienti .col-lg-2{width: 50%;}
}


/* ------------------------------------------------------------------------- *
/* ! Il nostro team (home) */
/* ------------------------------------------------------------------------- */

.il-nostro-team{background: #f8f8f8; padding-top: 140px; padding-bottom: 160px;}
.il-nostro-team .title-big{text-transform: capitalize; margin-bottom: 90px;}
.il-nostro-team img{border-radius: 10px; margin-bottom: 20px;}
.il-nostro-team .subtitle {color: #000; text-align: center; text-transform: uppercase; font-weight: bold;}
.il-nostro-team .row{margin-top: 100px;}

@media (max-width: 768px) {
  .il-nostro-team .subtitle{font-size: 22px; line-height: 24px;}
}

/* ------------------------------------------------------------------------- *
/* ! Richiesta Informazioni */
/* ------------------------------------------------------------------------- */


::placeholder {
  color: #b5b5b5!important;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
 color: #b5b5b5!important;
}

::-ms-input-placeholder { /* Microsoft Edge */
 color: #b5b5b5!important;
}

.form_contatti input[type=text]{width: 95%;}
.form_contatti input[type=email]{width: 95%;}
.form_contatti textarea{width: 95%; max-height: 200px;}

/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */

.footer{background: #2c2c2c; color: #fff; padding: 50px 180px;}
.footer .social{margin: 40px 0 50px 0;}
.footer .social img{margin-right: 10px;}

.menu-footer{}

.footer-bottom{background: #1d1d1b; color: #fff; padding: 90px 180px 50px 180px; }

.footer a,
.footer-bottom a{color: #fff; text-decoration: none;}

.footer a:hover,
.footer-bottom a:hover{color: #e1e1e1; text-decoration: none;}


.recensioni-carousel{font-size: 0; padding-bottom: 60px;}
.recensioni-carousel .title-big{text-align: center; text-transform: none; margin: 40px 0; }

a.webmarketing{color: #a7a7a7; font-size: 14px; margin-bottom: 30px;}

@media (max-width: 768px) {
  .footer{padding: 50px 30px;}
	.footer-bottom{padding: 90px 30px 50px 30px; }

  .menu-footer{margin-bottom: 50px;}

}

/* Privacy Banner (footer) */

#cookieChoiceInfo{bottom:0px!important;top:auto!important; padding: 15px!important; text-align: left!important;background-color: #222!important; color:#fff; font-size: 16px;}
#cookieChoiceInfo a{background: #333; text-decoration: none; font-weight: bold;color:#fff; padding: 4px 8px; border-radius: 3px; margin: 5px!important }
#cookieChoiceInfo #cookieChoiceDismiss{background: #444;}



/* ****************************************************** */


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



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


/*-------------------------------------------------------
Tablet
--------------------------------------------------------*/






/*-------------------------------------------------------
SmartPhone
--------------------------------------------------------*/
@media (max-width:767px){



}





/* General wordpress style
--------------------------------------------------------*/
.post img,
.post .wp-caption{max-width: 100%; height: auto;}


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


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














/* WordPress Core styles
-------------------------------------------------------------- */

.gallery-caption{padding: 5px;font-size: 10px;}

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

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