/*
Theme Name: 	PetCare
Description: 	Responsive WordPress Theme based on Boostrap.
Version:     	1.1.0
Author:     	Marco Nercisi
Author URI:
Site:
Text Domain: 	petcareassicurazione
Domain Path: 	/languages
Tags:        	grid-layout, blog, custom-menu, featured-images, right-sidebar
License:    	GNU General Public License v3.0
License URI:	http://www.gnu.org/licenses/gpl-3.0.html

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

/* --------------------------------------------------------------- */
/* ! Wordpress */
/* --------------------------------------------------------------- */

body, html { margin: 0; padding: 0; height: 100%;}
body.admin-bar .navbar-fixed-top { position: fixed; top: 32px; z-index: 1000;}

/* --------------------------------------------------------------- */
/* ! Base */
/* --------------------------------------------------------------- */
@font-face {
  font-family:"coolvetica";
  src:url('font/coolvetica_rg-webfont.eot');
  src:url('font/coolvetica_rg-webfont.woof') format('woof'),
  url('font/coolvetica_rg-webfont.otf') format('opentype'),
  url('font/coolvetica_rg-webfont.woof') format('woof'),
  url('font/coolvetica_rg-webfont.svg') format('svg'),
  url('font/coolvetica_rg-webfont.ttf') format('truetype')
}
body{font-family:'Heebo', sans-serif; margin: 0; color:#323232;}

::-moz-selection{background:#28d4ca; color:#ffffff;}
::selection{background:#28d4ca; color:#ffffff;}

/* ! -- Navbar */

..iubenda-tp-btn[data-tp-float]{visibility:hidden!important;}

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

.padding-top-lg{padding-top:100px;}
.padding-top-md{padding-top:75px;}
.padding-top-sm{padding-top:50px;}
.padding-top-xs{padding-top:25px;}
.padding-bottom-lg{padding-bottom:100px;}
.padding-bottom-md{padding-bottom:75px;}
.padding-bottom-sm{padding-bottom:50px;}
.padding-bottom-xs{padding-bottom:25px;}

.margin-top-lg{margin-top:100px;}
.margin-top-md{margin-top:75px;}
.margin-top-sm{margin-top:50px;}
.margin-top-xs{margin-top:25px;}
.margin-bottom-lg{margin-bottom:100px;}
.margin-bottom-md{margin-bottom:75px;}
.margin-bottom-sm{margin-bottom:50px;}
.margin-bottom-xs{margin-bottom:25px;}

.bg-orange{background-color:#f7a819;}
.bg-white{background-color:#ffffff;}
.bg-green{background-color:#28d4ca;}

.text--white{color:#ffffff;}
.text--orange{color:#f7a819;}

.clearfix{clear:both;}

/* --------------------------------------------------------------- */
/* ! Header */
/* --------------------------------------------------------------- */

/* ! -- Navbar */
#navbar{position:fixed; top:0; height:60px;}
ul li{padding-left:50px;}
ul li a{font-size:20px; font-weight:600; color:#F7A819!important; text-decoration:none; text-transform:uppercase; letter-spacing:1px;}
ul li a:hover,
ul li a.active{color:#4fc7b5!important;}
#navbar .navbar-brand img{height:40px; margin-top:-6px;}

.custom-toggler .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(247,168,25,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");}
.custom-toggler.navbar-toggler{border-color:transparent;}
.navbar-toggler:focus, .navbar-toggler:active, .navbar-toggler-icon:focus{outline:none; box-shadow:none;}
.navbar-collapse{background-color:#ffffff;}

/* ! -- -- Navbar Smartphone */

@media(max-width:768px){
  #navbar{padding-left:0px; padding-right:0px;}
  #navbar .container{max-width:100vw; background-color:#ffffff;}
  ul li{padding-left:0px;}
  #navbar .navbar-brand img{height:30px;}
}

/* ! -- Hero */

.hero{height:calc(100vh); position:relative;}
.hero-text{position:relative; top:50%; float:left; transform:translateY(-50%); margin-top:-30px;}
.titolo{font-family:'coolvetica'; font-size:6em; font-weight:600; letter-spacing:3px; color:#35c5b8; margin-bottom:0px;}
.sottotitolo{font-size:1.7em; font-weight:400; color:#F7A819; line-height:1.2em;}
.hero-img{position:relative; top:50%; float:left; transform:translateY(-50%); margin-top:-30px;}
.hero-img img{max-width:100%; height:auto;}

.scroll-icon{display:block; position:absolute; height:3em; width:1.8em; border:.15em solid #F7A819; border-radius:1em; bottom:40px; left:50%; transform:translateX(-50%);}
.scroll-icon__dot{display:block; position:absolute; left:50%; background:#35c5b8; height:4px; width: 4px; top:4px; margin-left:-2px; border-radius:100%; transform-origin:top center; backface-visibility:hidden; animation:scroll-1 2s ease-out infinite;}

@keyframes scroll-1{0%{transform:translateY(0.75); opacity:1;} 25%{opacity:1;} 75%{transform:translateY(2em); opacity:0;} 100%{transform:translateY(0); opacity: 0;}}

/* ! -- -- Hero Smartphone */

@media(max-width:768px){
.hero-xs{position:relative; top:50%; transform:translateY(-50%);}
.hero-xs .titolo{text-align:center; font-size:4.3em;}
.hero-xs .sottotitolo{text-align:center; font-size:1.3em;}
.hero-xs img{max-width:100%; height:auto;}
}

/* --------------------------------------------------------------- */
/* ! About */
/* --------------------------------------------------------------- */

#about h2{font-size:1.4em; font-weight:100; line-height:1.4em; text-align:center; margin-bottom:60px;}
#about h2 span{font-size:1.15em; font-weight:400;}

/* ! -- About Smartphone */

@media(max-width:768px){
  #about h2{font-size:1.2em; line-height:1.2em; margin-bottom:30px;}
  #about h2 span{font-size:1.15em;}
}

/* --------------------------------------------------------------- */
/* ! Pacchetti */
/* --------------------------------------------------------------- */

#pacchetti svg{vertical-align:bottom;}
#pacchetti h3{font-size:2em; font-weight:600; text-transform:uppercase; text-align:center; color:#ffffff; padding-top:60px;}
#pacchetti p{font-size:1.4em; font-weight:100; text-align:center; color:#ffffff; margin-bottom:60px;}
#pacchetti .container-fluid{padding-bottom:60px;}

.table{float:left; width:29.3%; margin: 0 2%; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.table:hover{-webkit-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);}
.table .table-item{background-color:#ffffff; border-radius:30px; text-align:center; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease;}
.table .table-item:hover{-moz-box-shadow: 0 0 15px 2px rgba(0,0,0,0.4); -webkit-box-shadow:0 0 15px 2px rgba(0,0,0,0.4); box-shadow: 0 0 15px 2px rgba(0,0,0,0.4);}
.table img{margin:30px 0; width:120px; height:120px;}
.table h4{font-family:'coolvetica'; letter-spacing:5px; font-size:32px; font-weight:600; text-transform:uppercase; margin-bottom:30px;}
.table ul li{padding-left:0px; font-size:16px; font-weight:400; padding-bottom:7px;}
.table ul li span{font-weight:100;}
.table ul .light-gray{color:#a7a7a7; text-decoration:line-through;}
.table .price{padding-bottom:5px; margin-bottom:0px; color:#465cd6; letter-spacing:3px;}
.table .table-item p{color:#323232!important; font-size:14px!important; padding-bottom:30px; margin-bottom:0px!important;}
.table ul li span .check{width:20px; height:20px; margin:-5px 0px 0px 0px; padding-right:5px;}
.table .table-item .price span{font-family: 'Heebo'; text-transform: lowercase; font-size: 15px; font-weight: 300; letter-spacing: 1px;}

.title-smart{color:#28d4ca;}
.title-regular{color:#f5b000;}
.title-premium{color:#fd8875;}

.popular{position:relative;}
.popular-label{position:absolute; top:-30px; right:0; width:80px!important; height:80px!important;}

/* ! -- Pacchetti Smartphone */

@media(max-width:768px){
  #pacchetti h3{font-size:1.5em; padding-top:30px;}
  #pacchetti p{font-size:1.2em; line-height:1.2em; margin-bottom:30px;}
  #pacchetti .container-fluid{padding-bottom:1px;}

  .table{float:none; width:90%; margin:0px 5% 30px 5%;}
  .table img{margin:30px 0px 15px 0px;}
  .table h4{margin-bottom:15px;}
  .table ul li{padding-bottom:3px;}
}

/* --------------------------------------------------------------- */
/* ! Richiedi */
/* --------------------------------------------------------------- */

#richiedi h3{font-size:2em; font-weight:600; text-transform:uppercase; text-align:center; color:#ffffff; padding-top:60px;}
#richiedi p{font-size:1.4em; font-weight:100; text-align:center; color:#ffffff; margin-bottom:30px;}
#richiedi .container-fluid{padding-bottom:30px;}

/* ! -- Richiedi Smartphone */

@media(max-width:768px){
  #richiedi h3{font-size:1.5em; padding-top:30px;}
  #richiedi p{font-size:1.2em; line-height:1.2em; margin-bottom:30px;}
  #richiedi .container-fluid{padding-bottom:1px;}
}

/* --------------------------------------------------------------- */
/* ! Form */
/* --------------------------------------------------------------- */

input{color:#323232; overflow:visible; font-size:0.9em; font-weight:100; width:70%; border:none;padding:5px 0px 2px 10px;}
input:focus{outline:none;}
::-webkit-input-placeholder{font-weight:100;}
::-moz-placeholder {font-weight:100;}
:-ms-input-placeholder {font-weight:100;}
:-moz-placeholder {font-weight:100;}
select{color:#323232; overflow:visible; font-weight:100; font-size:0.9em; width:70%; border:none;padding:5px 0px 2px 10px;}
select:focus{outline:none;}

.wpcf7cf_group{text-align:center;}
[data-class="wpcf7cf_group"]{text-align:center;}

.animal-razza, .animal-sex, .animal-chip{font-size:1.4em;}
.animal-sex select{margin-bottom:30px;}
.animal-chip select{margin-bottom:30px;}

input[type=submit]{width:10%; padding:6px; text-align:center; background-color:#3A9181; color:#ffffff; font-weight:400; text-transform:uppercase;}

.wpcf7 .wpcf7-form .wpcf7-mail-sent-ok{display:none!important;}

/* ! -- Form Smartphone */

@media(max-width:768px){
  input{width:100%;}
  select{width:100%; font-size:0.8em;}
  .animal-razza, .animal-sex, .animal-chip{font-size:1.1em;}
  input[type=submit]{width:50%;}
  .wpcf7 .ajax-loader{display:block!important;}
}

/* --------------------------------------------------------------- */
/* ! Partner */
/* --------------------------------------------------------------- */

#partner h3{font-size:2em; font-weight:600; text-transform:uppercase; text-align:center; color:#323232; padding-top:60px;}
#partner .container div{float:left;}
#partner img {filter:grayscale(100%); -webkit-filter:grayscale(100%); opacity: 0.3;}
#partner .container-partner{display:flex; align-items:center; margin-top:30px; margin-bottom:60px;}

/* --------------------------------------------------------------- */
/* ! Carousel */
/* --------------------------------------------------------------- */

.carousel-inner{height:600px;}
.carousel-item{background-size:cover; background-position:50% 50%; width:100%; height:100%;}
.carousel-item:nth-child(3){background-size:cover; background-position:50% 30%; width:100%; height:100%;}
.carousel-item img{visibility:hidden;}

/* --------------------------------------------------------------- */
/* ! recensioni */
/* --------------------------------------------------------------- */
#recensioni{margin:60px 0px;}
#recensioni .col-md-4{float:left; padding:0px 45px; text-align:center; font-size:1.2em; font-weight:100;}
#recensioni .col-md-4 span{font-family:'coolvetica';color:#28d4ca;}
.nome-recensione{font-weight:400; color:#f7a819; font-size:0.9em;}

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

footer{margin-top:60px;}
footer .container-fluid{padding:60px 0px;}
footer .container{margin-top:15px; padding-bottom:1px;}
.col-logo, .col-mail, .col-social{text-align:center; margin:auto;}

.logo-footer{max-width:60%; height:auto}
.logo-claim{max-width:60%; margin-left:auto; margin-right:auto; color:#ffffff; font-weight:500; line-height:1.3em; margin-top:10px;}

.col-mail a{text-decoration:none; font-weight:600; font-size:20px; color:#ffffff;}

.col-social p{text-transform:uppercase; color:#ffffff; font-size:20px; font-weight:600; margin-bottom:5px;}
.col-social img{width:25px;}
.col-social a:hover{text-decoration:none;}
.col-social a:nth-child(2) img{margin-right:5px;}
.col-social a:nth-child(3) img{margin-left:5px;}

.info-footer{text-align:center; font-size:15px; font-weight:300; margin:15px 0px;}
.info-footer a{color:#28d4ca; font-weight:400; text-decoration:none;}
.info-footer a:hover{text-decoration:none;}

/* --------------------------------------------------------------- */
/* ! Thank You Page */
/* --------------------------------------------------------------- */

#thank-you .container{text-align:center; padding-top:60px;}
.logo-thank-you{width:300px;}
#thank-you .container .sottotitolo{margin-top:15px;}
.testo-thank-you{font-size:24px; line-height:1.4em; font-weight:300; margin-top:60px;}
.testo-thank-you span{font-style:italic; font-weight:400; color:#28d4ca;}
#thank-you .container button{font-size:18px; font-weight:600; text-transform:uppercase; color:#ffffff; background-color:#f7a819; border:none; padding:10px 20px; margin-top:30px;}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}