/*
Theme Name: 	Club Mini Sardegna
Description: 	Responsive WordPress Theme based on Boostrap and Font Awesome.
Version:     	1.1.0
Author:     	Massimo Guiso
Author URI:   http://www.marchettidesign.net/chi-sono/
Site:         http://www.marchettidesign.net
Text Domain: 	nakedpress
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.
*/



.container{margin: 0 auto; max-width: 1200px; }


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


/* Typography */
body{-webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; color: #000; font-family: 'Raleway', sans-serif; background: #fff;}

p{font-size: 20px; line-height: 120%;}
img{
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;

}

.red{font-size: 24px; font-weight: 900; color:#D4172B; margin-top: 0; margin-bottom: 10px; }
.headline{font-size: 64px; font-weight: 900;margin-top: 0; margin-bottom: 10px; }
.title{font-size: 60px; font-weight: 900;margin-top: 0; margin-bottom: 10px; }
.subtitle{font-size: 32px; font-weight: 900;margin-top: 0; margin-bottom: 10px; color: #728586; }
.regular{font-size: 24px; font-weight: 900; margin-top: 0; margin-bottom: 10px; }
.text-red{color:#D4172B ;}
.text-grey{color: #728586;}
.intro-text{padding-top:  170px; padding-bottom: 80px;text-align: center; font-size: 64px; font-weight: 900;border: }
@media (max-width: 768px) {
.headline{font-size: 35px;}
.title{font-size: 35px; }
.subtitle{font-size: 25px;}

.intro-text {font-size: 35px;}
.red{font-size: 20px;}
p{font-size: 18px;}
}
/* Link color */
a{ text-decoration: none;}


/* ! Helpers */
.p-p{padding: 20px;}
.m-top{margin-top: 50px}
.m-bot{margin-bottom: 50px}
.bg-grey{background: #F2F7F5; }
.vertical-spacer{width: 100%; height: 50px; background: #F2F7F5; margin-bottom:  50px;}


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

.fixed{position: fixed;z-index: 10; width:100%; background: #fff; z-index: 9999}
.header{ display: flex;justify-content: space-between; width: 100%; top: 0;max-width: 1200px; margin: 0 auto;}
.scroll-down .fixed {box-shadow: 0 5px 20px rgba(0,0,0,.05);}


.header__logo img{display: block;}
.header__cta{width: 130px;}

.header__icon{display: none;width: 130px;position: relative;}

.site-nav {list-style-type: none;position: relative; padding: 0; }
.site-nav > li {display: inline-block; margin-top: 20px; width: 200px; text-align: center;}
.site-nav > li a {text-decoration: none; color: #000; font-size: 18px;font-weight: bold; }
.site-nav > li a:hover{color: red;  transition: all 0.5s cubic-bezier(.215, .61, .355, 1) ;}
.logo{display: block;padding: 10px; text-align: center;margin-top: 12px; }
.button{
 text-shadow: none;
 cursor: pointer;display: inline-block;
 text-transform: uppercase;
 font-weight: 600;
 font-size: 20px;
 color: #fff;
 background: #D4172B;
 border-radius: 6px;
 padding: 15px 20px;
 margin-top: 15px;
 margin-bottom: 15px;

}

.button a{color:#fff ;width: 100%; display: block;}
.button:hover{background: #F80F0F;transition: all 1.5s cubic-bezier(.215, .61, .355, 1);}



.benefit{margin-top: 15px; margin-bottom: 15px;display: block;}
.menu__mobile {display: none;}
@media (max-width: 768px) {
  .header__icon{display:block;}
  .header__menu{display: none;}
  .menu__mobile{display: block;position: absolute; top: 0; left: 0; width: calc(100% - 130px); height: 100vh; background: #000; transform: translateX(-100%); transition: all 1s cubic-bezier(.215, .61, .355, 1); z-index: 9999}
  .menu__mobile--open{transform: translateX(0%);}
  .site-nav >li {width: 100%;}
  .site-nav >li a{width: 100%; display: block; color: #fff; padding: 20px;}


  .header__logo img{width:130px;}
  .icon-hamburger{width: 30px; height: 30px; position: absolute;top: 30px; right: 20px;}
  .icon-hamburger span {height: 4px; width: 100%; display: block; background: red; margin-bottom: 7px; transition: all 0.2s ease-in-out;}
  .icon-hamburger span:before,
  .icon-hamburger span:after{height: 4px;width: 100%; position: absolute; background: red; content: ' '; margin-top: -10px; transition: all 0.3s cubic-bezier(.215, .61, .355, 1);}
  .icon-hamburger span:after{margin-top: 10px}

  .icon-hamburger--open span{background: transparent!important;}
  .icon-hamburger--open span:before{transform: rotate(45deg);margin-top: 0;}
  .icon-hamburger--open span:after{transform: rotate(-45deg);margin-top: 0;}


}
/* ------------------------------------------------------------------------- *
/* ! Modules */
/* ------------------------------------------------------------------------- */

/* ! Cover */

.cover{display: flex;  flex-flow: row; flex-wrap: wrap; max-width: 1250px; margin: 0 auto; padding-top: 170px; padding-bottom: 100px; align-items: flex-end; }

.cover__left{ padding: 20px;}

.cover__image{ margin-bottom: -20px; margin-right: 0;}
.benefit{max-width: 431px;}

.cover__text{padding: 25px;}


@media (max-width: 768px) {
  .cover{padding-top: 70px;}
  .cover__text{width: 100%; text-align: center;}
  .cover__image{padding: 20px; }
  .order {order:-1};
}

@media (min-width: 980px) {
  .headline{margin-right: -100%}
  .cover h2 {margin-right: -100%}
}

/* ! Intro Chi Siamo */
.spacer-panel {background: #F2F7F5; width: 100%; height: 70px; }
.container-intro{background: #F2F7F5;padding-bottom: 50px;padding-top: 50px;}
.panel-intro {background: #F2F7F5;padding-bottom: 25px;padding-top: 25px ; width: 100%;}

@media (max-width: 768px) {
  .image-intro{padding: 20px;}
  .order {order:-1}

  }

/* ! Cover Chi Siamo */

.cover-chi_siamo{display: flex;  flex-flow: row; flex-wrap: wrap; max-width: 1250px; margin: 0 auto; padding: 0 20px 100px 20px;}
@media (max-width: 768px) {
  .image_chisiamo{max-width: 70%; height: auto; margin-top: 50px; margin-bottom: 30px;}
  }

/* ! Cover Le Nostre Mini */
.cover--gallery{display: flex;  flex-flow: row; flex-wrap: wrap; max-width: 1250px; margin: 0 auto;  padding-bottom: 100px;}
@media (max-width: 768px) {
.panel__info{padding: 50px 20px 0px 20px;}
}




/* ! Vantaggi tessera */
.panel-tessera {display: flex; flex-wrap: wrap; max-width: 1200px; align-items: center; enter; margin: 0 auto; border-radius: 30px; background: #FFF; }
.panel-titolo {text-align: center; padding: 30px;}
.panel-image img {text-align: center; margin-bottom: 30px;}
.vantaggi{text-align: center; max-width: 1250px; margin: 0 auto; padding-top: 100px;}
.card__grid{display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1200px;margin: 0 auto; padding-top: 70px;}
.card__tessera{width: 345px; height:550px; background: #F1F5F3; border-radius: 15px; padding: 20px; margin-top: 30px; text-align: center;}
.iscritivi{text-align: center; max-width: 1200px; margin: 0 auto; border: }
.card__tessera li {list-style-image: url(img/check.svg); text-align: left; line-height: 140%;}
.li-opacity {opacity: 0.5;}
.card__tessera h3 {color: #000; font-weight: 900;font-size: 30px;}
.card__tessera h2 {color: #}
.card__elenco{height: 350px;}
.content__cta{text-align: center; width: 100%; margin: 0 auto; padding-top: 50px; padding-bottom:100px;}
.li-bold{font-weight: 600;}

@media (max-width: 768px) {
.card__grid{justify-content: center; }
.vantaggi{padding: 100px 20px;}
.panel-tessera .title {font-size: 40px;}
.panel-titolo {padding: 10px; margin-top: 30px;}
.vantaggi {padding-bottom: 20px;}

}


.grid-mini{display: flex;flex-wrap: wrap; justify-content: space-between; padding: 10px; max-width: 1250px;margin: 0 auto;}
.card-mini{width:345px ;height: 100%; text-align: center; margin-bottom: 50px;margin-top: 50px; }
.subtitle--mini{margin-top: 20px;}


/* ! Carousel */

.carousel-container{background: #F2F7F5; text-align: center; padding-top: 100px; padding-bottom:50px;}
.main-carousel {padding: 40px 0; max-width: 1200px; margin: 0 auto;}

.carousel-cell{width:400px; text-align: center; margin: 0 auto; padding: 40px;}



.le_nostre_mini{text-align: center; margin: 0 auto; padding-top: 150px; }


/* NoleggiaMini*/
.noleggiamini_intro {width: 100% }
.noleggiamini_intro h2{font-size: 60px; font-weight: 900;margin-top: 0; margin-bottom: 10px; }
.noleggiamini_intro h3{font-size: 32px; font-weight: 900;margin-top: 0; margin-bottom: 10px; color: #728586; }

@media (max-width: 768px) {
  .noleggiamini_intro h2 {font-size: 35px; padding: 10px;}
  .noleggiamini_intro h3 {font-size: 25px; padding: 10px;}
}


.noleggiamini{display: flex; justify-content: space-between; margin: 0 auto; max-width: 1200px;  padding-bottom:130px;   margin: 0px auto:}
.noleggiamini img {border-radius: 10%;}

.noleggiamini p{font-size: 20px; line-height: 120%;}
.noleggiamini .content__cta{text-align: center; width: 100%; margin: 0 auto; padding-top: 10px; padding-bottom:20px;}

/* ! Non hai ancora una Mini */

.cover__recupera{background: linear-gradient(0deg, rgba(0,0,3, 0.4), rgba(0,0,0, 0.7) ),
                 url('img/bg-mini.jpg') no-repeat center center; background-size: cover; width: 100%; height: 1000px; padding-top: 80px;}
.content__recupera{text-align: center; max-width: 1250px; margin: 0 auto; padding: 200px 10px; color: #fff}
.content__recupera h3 {color: #93a2a3;}




/* ! Contatti */

.container__contatti {background: #F2F7F5; width: 100%; padding: 50Px 0px;}
.contatti{display: flex;  flex-flow: row; flex-wrap: wrap; max-width: 1250px; margin: 0 auto;}
.modulo__contatti {padding: 30px; padding-top: 0px;}
.panel__contatti {padding: 30px;margin-top: 70px;}

@media (max-width: 768px) {
.panel__contatti {margin-top: 0px; }
}

.wpcf7-form textarea {background: #Fff !important; border: 1px solid #728586; border-radius: 3px;}
.wpcf7-form > p:nth-child(2) > label:nth-child(1) > span:nth-child(2) > input:nth-child(1) {background: #fff !important; border: 1px solid #728586; border-radius: 3px;}
.wpcf7-email {background: #FFF !important; border: 1px solid #728586 !important; border-radius: 3px !important;}
.wpcf7-form > p:nth-child(4) > label:nth-child(1) > span:nth-child(2) > input:nth-child(1) {background: #FFF !important; border: 1px solid #728586; border-radius: 3px; }
.wpcf7-submit
{
 text-shadow: none !important;
 cursor: pointer;display: inline-block !important;
 text-transform: uppercase !important;
 font-weight: 600 !important;
 font-size: 20px !important;
 color: #fff !important;
 background:#D4172B !important;
 border-radius: 6px !important;
 padding: 10px 20px !important;
 margin-top: 15px !important;
 margin-bottom: 15px !important;
}
.wpcf7-submit:hover{background: #000 !important;transition: all 1.5s cubic-bezier(.215, .61, .355, 1);}


/* ------------------------------------------------------------------------- *
/* ! Index */
/* ------------------------------------------------------------------------- */

/* Home Title */
.home-title { position: absolute; top:-9999px; color: #fff; font-size: 12px;}






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

.site-nav--footer {list-style-type: none;position: relative; padding: 0; text-align: center;}
.site-nav--footer > li {display: block; margin-top: 20px;}
.site-nav--footer > li a{color: #000; font-size: 18px;font-weight: bold;}
.site-nav--footer > li a:hover{color: red;  transition: all 0.5s cubic-bezier(.215, .61, .355, 1);}

.social-icon{width:68px; height:68px;}
.footer__social{margin: 0 auto;}
@media (max-width: 768px) {
  .social__panel {padding: 50px 0px;}
}
.footer__contatti{display: flex; justify-content: center; align-items:center; align-content: center; flex-wrap: wrap; }
.footer__contatti a{font-size: 20px; font-weight: 900; color: #728586; padding: 10px; }
.copyright{width: 100%; background: #F2F7F5; text-align: center; padding: 30px;}

/* ! Privacy */

.privacy {margin: 0 auto;  max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap; padding: 0px 15px 15px 15px;}

/* ! Grid System */

.grid {margin: 0 auto;  max-width: 1250px; display: flex; flex-flow: row; flex-wrap: wrap; padding-bottom: 50px;}

.grid--sb{justify-content: space-between;}
.grid--center{justify-content: center;}
.col{ flex: 1;}
.v-center{justify-content:center;display: flex;min-height: 100%;align-items: center;}

[class*='col-'] { position: relative;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%; }
.col-40{ width: 40%; }
.col-45{ width: 45%; }
.col-50{ width: 50%; }
.col-55{ width: 55%; }
.col-60{ width: 60%; }
.col-65{ width: 65%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }

@media (max-width: 991px) {
  .tab-20 { width: 20%; }
  .tab-25 { width: 25%; }
  .tab-33 { width: 33.33%; }
  .tab-45 { width: 45%; }
  .tab-50 { width: 50%; }
  .tab-55 { width: 55%; }
  .tab-100 { width: 100%; }
}

@media (max-width: 768px) {
  [class*='col-'] { width: 100%;}
  .sma-20 { width: 20%; }
  .sma-25 { width: 25%; }
  .sma-33 { width: 33.33%; }
  .sma-45 { width: 45%; }
  .sma-50 { width: 50%; }
  .sma-55 { width: 55%; }
  .sma-100 { width: 100%; }

  .sma-hide{display:none}
}



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




/* --------------------------------------------------------------------------------------------------------------------------- */
/* WordPress Default Styles */
/* --------------------------------------------------------------------------------------------------------------------------- */


/* Pagination */
.pagination { margin: 40px 0 40px 0; padding: 0; width: 100%; }
.pagination span,
.pagination a { float: left; margin: 0 10px 10px 0; padding: 14px 19px; border: 1px solid #ddd; }

/* Gallery */
.gallery { float: left; margin: 20px 0 20px 0; width: 103.55%; }
.gallery-item { float: left; width: 33.333333%; text-align: center; }
.gallery img { margin: 0 10% 0 0; width: 90%; height: auto; border: none!important; }
.gallery-caption { width: 90%;margin:10px 0 0 0;}

/* Image */
.alignleft { float: left; margin-right: 20px; margin-bottom: 10px; max-width: 97%; height: auto; }
.alignright { float: right; margin-bottom: 10px; margin-left: 20px; max-width: 97%; height: auto; }
.aligncenter { display: block; margin: 0 auto; max-width: 97%; height: auto; }
.alignnone { max-width: 97%; height: auto; }

/* img responsive */
.img-res{width: 100%;height: auto;}

/* video responsive */
.video-container {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Table */
table {border-collapse: collapse;margin: 40px 0; width:100%;}
table, th, td {border: 1px solid #ddd;padding:10px; font-size: 18px;text-transform: capitalize;}
table  tr:first-child td {font-weight: 900; text-transform: uppercase; background: #eee; padding:12px 8px;}

/* Image Caption */
.wp-caption { margin-top: 1.5rem;margin-bottom: 0px; padding: 10px; max-width: 97%; border: 1px solid #ddd; text-align: center; }
.wp-caption img { margin: 0; padding: 0; width: 100%!important; height: auto; border: 0 none; }
.wp-caption p.wp-caption-text { margin: 0; padding: 8px; font-size: 1em; line-height: 17px; }

/* Stiky */
.sticky { border-right: 3px solid #eee; border-bottom: 3px solid #ddd; }

/* Search */
.search-form {background: #eee;}
.search-form input[type=text]{ width: 80%; color: #333; }
.search-form button{float:right;padding:10px 15px 0 0;border: none; background: none;padding: 11px;}

/* Contact Form 7 */
.wpcf7 label{width:100%}

/* Comments */
.comment-form-author,
.comment-form-email,
.comment-form-url { float: left; margin-top: 20px; margin-right: 3%; width: 30.3333333%; }
.comment-form-author input,
.comment-form-email input,
.comment-form-url input { width: 100%; }

ol.commentlist { margin: 0 0 1em; padding: 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment { padding: 1em; border-top: 1px solid #eee; }
ol.commentlist li.comment div.vcard cite.fn { text-transform: uppercase; font-size: 14px; }
ol.commentlist li.comment div.vcard img.avatar { float: left; margin: 6px 1em 1em 0; border-radius: 50px; }
ol.commentlist li.comment div.comment-meta { font-size: 12px; }
ol.commentlist li.comment ul { margin: 0 0 1em 2em; }
ol.commentlist li.comment div.reply { margin-left: 80px; font-size: 11px; }
ol.commentlist li.comment div.reply a { font-weight: bold; }
ol.commentlist li.comment ul.children { margin: 1em 0 0; list-style: none; text-indent: 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 .25em .25em; border-left: 1px solid #eee; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { /* background: #f9f9f9; */  }
ol.commentlist li.parent { border-left: 1px solid #eee; }
ol.commentlist li.bypostauthor .fn { font-weight: bold; }
ol.commentlist li img{max-width: 97%;}

input[type=text],
input[type=email] { width: 98%;margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
textarea { padding: 10px; width: 98%; border: none; background: #eee; -webkit-appearance: none;border-radius: 0;font-size: 14px;}
input[type=submit] { margin-top: 10px; padding: 15px 20px; color: #fff; text-transform: uppercase; background: #333; border:none; font-size: 14px;}
#comments { width: 100%; }

/* Calendar Widget */
#wp-calendar { width: 100%; }
#wp-calendar a { padding: 0; border: none; }
#wp-calendar caption,
.screen-reader-text { padding-bottom: 10px; color: #000; text-align: left; text-transform: uppercase; font-weight: 700; font-size: 14px; }
#wp-calendar thead { font-size: 10px; }
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody { color: #aaa; }
#wp-calendar tbody td { padding: 8px; border: 1px solid #fff; background: #f5f5f5; text-align: center; }
#wp-calendar tbody td:hover { background: #fff; }
#wp-calendar tbody .pad { background: none; }
#wp-calendar tfoot #next { text-align: right; text-transform: uppercase; font-size: 10px; }
#wp-calendar tfoot #prev { padding-top: 10px; text-transform: uppercase; font-size: 10px; }

/* functional stuff */

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

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