/*
Theme Name: 	Studio Nigro - Wordpress Theme
Description: 	Responsive WordPress Theme based on ALUX and Font Awesome.
Version:     	1.0
Author:     	Riccardo Molti
Author URI:   ricardo.molti@gmail.com
Site:         ricardo.molti@gmail.com
Text Domain: 	nigro
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.
*/

.test{border: 1px solid red!important;}



@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Light.woff2') format('woff2'),
        url('fonts/Heebo-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Regular.woff2') format('woff2'),
        url('fonts/Heebo-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Heebo';
    src: url('fonts/Heebo-Black.woff2') format('woff2'),
        url('fonts/Heebo-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
}


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


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

/* Typography */
body{
  font-size: 15px;
  line-height: 22px;
  font-family: 'Heebo';
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

.page#main,
.single main{margin-bottom: 50px;}

.aligncenter{max-width: 100%!important; margin: 0!important;}

/* Title */
h1, h2, h3, h4, h5, h6 {font-weight: 800; margin-bottom: 10px; }


/* Link color */
a{ color: #1F4E63;  text-decoration: none; transition: all 0.2s ease; display: block;} 
a:focus, a:hover { color: #EE5A43; }

/* Title - General*/
h1{font-size: 65px;}
h2{font-size: 50px;}
h5{color: #1F4E69;}


/* Grid */
.grid{margin-bottom: 0;}
.no-col{padding-top: 0; padding-bottom: 0;}

hr{border-top: 1px solid #ddd;}

.upp{font-weight: bold; text-transform: uppercase;}

.flex-row-start{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.element3{flex-basis: 32%; padding: 10px;}

/* Tables */
th{border: 1px solid rgba(112, 112, 112, 0.8)!important; padding: 10px 0; background: #e1f2fa;}
.wp-block-table table td {border: 1px solid rgba(112, 112, 112, 0.8);}


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

body{padding-top: 150px;}
body.page-template-gutemberg,
body.home{padding-top: 0;}

.logo{display: inline-block;float:left;}
.logo img{height: 100px;width: auto; margin-bottom: 5px;}


.nav-light .alux-arrow{opacity: 0.5;}
@media (min-width: 768px){
  .nav-light .alux-arrow{top: 32px; right: 4px;}
}

ul.dropdown-menu{box-shadow: none; border: 1px solid #ddd;}
ul.primary{margin-top: 20px;}
ul.primary ul.dropdown-menu li a{border: none;}
ul.primary li a{padding: 28px 14px 22px 14px;}

.navbar-scroll-down .nav-wrap{background: #fff; box-shadow: 2px 2px 18px rgba(0, 0, 0, 0.3);}
.navbar-scroll-down .logo img{height: 60px;}
.navbar-scroll-down ul.primary{margin-top: 5px;}


.nav-wap li.active a{color: #EA4343;}


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

.cover{padding: 150px 20px; text-align: center;position: relative;}
.cover:before { content : ''; position : absolute; top : 0; left : 0; bottom : 0; right : 0; background-color : #000000; opacity : 0.5; z-index : 0; }
.cover h1,
.cover h2{color:#fff;z-index: 1;position: relative;}


/* Blocks
---------------------------------------------------- */

/* Images Center */
.wp-block-image .aligncenter{display: flex; justify-content: center;}

/* Media Text */
.wp-block-media-text{margin-bottom: 150px;}
.wp-block-media-text h2{font-size: 70px;}
.wp-block-media-text h3{font-size: 23px; display: block; padding-left: 100px; position: relative;}
.wp-block-media-text h3:after{content: ' '; position: absolute; top: 12px; left: 0px; height: 8px; width: 80px; background: #333;}
.wp-block-media-text p{font-size: 20px; line-height: 28px;}

.wp-block-media-text__content{position: relative;}


/* Button */
.wp-block-button__link{padding: 20px 50px; background: #EE5A43; text-transform: uppercase; font-size: 22px; font-weight: 900; border: 1px solid #EE5A43; transition: all 0.4s ease;}
.wp-block-button__link:hover{background: #fff; color: #EE5A43;}
/*
.button-right{display: inline-block; position: absolute; right: -71px;}
.button-right a{padding: 0;}
.button-right strong{padding: 15px; background: #fff; color: #000; width: 70px; display: inline-block;}
.button-right em{padding: 15px 20px; display: inline-block; font-style: normal;}
*/

/* Hero */
.hero .wp-block-media-text__media{height: 100vh;}
.hero .wp-block-media-text__media img{width: 100%; height: 100%; object-fit: cover;}
.hero .wp-block-media-text__content{margin-right: -150px; margin-left: calc( 100vw / 2 - 600px ); padding-left: 0;}
.hero.wp-block-media-text.has-media-on-the-right{grid-template-columns: auto 55%;}


/* Newsletter */
.newsletter-banner{position: relative; top: -250px; display: flex; font-weight: bold; margin-bottom: -50px;}
.newsletter-banner strong{padding: 20px; width: 42%; background: #EDEDED;}
.newsletter-banner em{background: #fff; color: #666; padding: 20px; font-style: normal; width: 30%; box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.08);}
.newsletter-banner a{background: #EA4343; padding: 20px; text-align: center; width: 15%; color: #fff;}




/* ------------------------------------------------------------------------- *
/* ! Home Page */
/* ------------------------------------------------------------------------- */
.home .title-page{display: none;}


/* Hero */
.hero{/*text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);*/ text-align: center; margin-bottom: 50px;}
.hero .wp-block-cover__inner-container{margin-top: 350px;}
.hero h2{display: block; font-size: 50px; line-height: 73px; font-weight: 400; margin-bottom: 0!important; text-shadow: 4px 4px 3px rgba(0, 0, 0, 0.6);}
.hero h3{margin-top: 0; text-transform: capitalize; font-size: 30px; font-weight: 200; line-height: 44px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.8);}

/* Aree */
.area{position: relative; cursor: pointer;}
.area figure,
.area figure img{border-radius: 10px; height: auto;}

/*
.sovrapposizione{background-color: #1F4E63; opacity: 0.3; mix-blend-mode: multiply; height: 86%; width: 95%; position: absolute; top: 10px; left: 10px; border-radius: 10px; transition: all 0.4s ease;}
.sovrapposizione:hover{opacity: 0;}
*/

.area p{
  padding: 10px;
  background: rgba(31, 78, 99, 0.7);
  color: #F6AF49;
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0px 10px 30px 10px;
  border-radius: 0 0 10px 10px;
  font-size: 15px;
  font-weight: 400;
  transition: all 0.4s ease;
  cursor: pointer;
}

.area a {color: #F6AF49;}
.area a:hover {color: #EE5A43;}

.area p:hover{
  background: rgba(31, 78, 99, 1);
}

.area p strong{
  font-weight: 900;
  font-size: 20px;
  line-height: 37px;
  text-transform: uppercase;
}


/* News e Notizie */
h3{text-align: center; margin-top: 100px; font-size: 30px; font-weight: 900; color: #1F4E63; text-transform: uppercase;}

.wp-block-latest-posts.is-grid li{margin: 0 16px 50px 0;}

ul.wp-block-latest-posts{margin-bottom: 0;}

.wp-block-latest-posts li img{border-radius: 10px; margin-bottom: 15px;}

.wp-block-latest-posts li a{font-size: 25px; font-weight: 900; line-height: 35px;}
.wp-block-latest-posts time{font-size: 20px; font-weight: 200;}

.wp-block-latest-posts li a,
.wp-block-latest-posts time{border-left: 10px solid #EE5A43; padding-left: 10px;}


/* Closing Image */
.closing h4{text-align: center; font-size: 50px; font-effect: 900px; margin-bottom: 50px; text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);}





/* ------------------------------------------------------------------------- *
/* ! News Page */
/* ------------------------------------------------------------------------- */
.news{margin-bottom: 50px;}
.news img{border-radius: 10px;}
.news h5{font-size: 25px; font-weight: 900; line-height: 35px; color: #1F4E63; border-left: 10px solid #EE5A43; padding-left: 10px; margin-bottom: 0; transition: all 0.2s ease;}
.news h5:hover{color: #EE5A43;}
.news .date-news{font-size: 20px; font-weight: 200; color: #6c7781; border-left: 10px solid #EE5A43; padding-left: 10px;}


/* ------------------------------------------------------------------------- *
/* ! MOG */
/* ------------------------------------------------------------------------- */
p.conclusione em{font-style: normal; text-decoration: underline;}


/* ------------------------------------------------------------------------- *
/* ! Area Riservata */
/* ------------------------------------------------------------------------- */
.btn_logout{padding: 10px 20px!important; background: #EE5A43!important; color: #fff!important; border-radius: 10px; text-transform: uppercase; font-size: 18px!important; border: 1px solid #EE5A43!important; transition: all 0.3s ease!important; margin-bottom: 50px;}
.btn_logout:hover{color: #EE5A43!important; background: #fff!important;}


/* ------------------------------------------------------------------------- *
/* ! Single */
/* ------------------------------------------------------------------------- */
.single h1{margin-bottom: 20px!important;}


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

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

.page h1, .single h1{margin-bottom: 60px; font-size: 50px; margin-top: 20px;}

/* ------------------------------------------------------------------------- *
/* ! Sidebar */
/* ------------------------------------------------------------------------- */
aside h3{margin-top: 35px;}
.widget_search{margin-bottom: 50px;}


/* ------------------------------------------------------------------------- *
/* ! Footer */
/* ------------------------------------------------------------------------- */
.footer{background: #1F6360 /* #4b95b6 */; color: #fff; padding-top: 30px; margin-top: 100px;}
.footer .grid{margin-bottom: 20px;}
.home .footer{margin-top: 0;}
.footer .fa{color: #fff; font-size: 18px; padding-right: 5px;}
.footer p{font-size: 15px; padding: 20px;}
.footer a{color: #fff;}
.footer a:hover{text-decoration: underline;}
.footer__logo{width: auto; height: 200px;}

.footer__bottom{background: #0E252F; color: #fff; text-align: center; padding: 10px; margin-bottom: 0;}
.footer__bottom a{color: #fff;}

/* --------------------------------------------------------------------------------------------------------------------------- */
/* ! Responsive */
/* --------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------- */
/* ! -- Desktop Small */
/* ----------------------------- */

@media (max-width: 998px) {

  .hero .wp-block-media-text__content{margin-left: 0; margin-right: 0; margin-top: 80px;}

}



/* ----------------------------- */
/* ! -- Desktop */
/* ----------------------------- */
@media (min-width: 1023px) {

  .nav-light{background: rgba(255, 255, 255, 0.7);}

}


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

@media (max-width: 998px) {

	.home .title-page{display: none!important;}

  .nav-double ul.primary--right{margin-right: 30px;}

  .element3{flex-basis: 50%;}


  .wp-block-latest-posts li img{width: 100%!important;}

  .footer .col-20:nth-child(1){padding: 0;}


  /* Newsletter */
  .newsletter-banner{top: -50px; flex-direction: column; text-align: center; margin-bottom: 50px;}
  .newsletter-banner strong{width: 100%; font-size: 20px; line-height: 28px;}
  .newsletter-banner em{width: 100%; border: 3px solid #EDEDED; box-shadow: none;}
  .newsletter-banner a{width: 100%;}



}

/* ----------------------------- */
/* ! -- Smartphone */
/* ----------------------------- */

@media (max-width: 767px) {

	.home .title-page{display: none!important;}

  body.admin-bar .navbar-fixed-top { top: 42px;}

  body{padding-top: 0;}
  body.page-template-gutemberg{padding-top: 0;}

  .wp-block-button__link,
  .wp-block-button{width: 100%!important;}

  img{width: 100%; height: auto;}

  h2{font-size: 35px; line-height: 38px;}
  h3{margin-top: 50px;}


  .logo{right: auto; top: auto; z-index: 9999; bottom: 0; left: 0; position: fixed;}
  .logo img{height: 60px; margin-bottom: 0; margin-top: 5px;}


  .hero .wp-block-cover__inner-container{margin-top: 200px;}
  .hero,
  .closing{min-height: 350px!important;}
  .hero h2,
  .closing h4{font-size: 40px!important; line-height: 42px; margin-bottom: 20px!important;}
  .hero h3{font-size: 25px; line-height: 28px;}


  .element3{flex-basis: 100%;}

  article h1{font-size: 40px!important;}



  .wp-block-latest-posts .wp-block-latest-posts__featured-image img{max-width: 100%!important; width: 100%!important;}



  .wp-block-latest-posts.is-grid li{margin: 0 0 50px 0;}











  /* Blocks */
  .wp-block-media-text{display: block;}
  .wp-block-media-text .wp-block-media-text__media{margin-bottom: 20px;}
  .wp-block-media-text .wp-block-media-text__content{padding: 0;}
  .wp-block-media-text h2{font-size: 60px;}

  .button-right{position: relative; right: 0;}
  .button-right a{font-size: 14px;}
  .button-right em{padding: 10px 15px;}

  /* Hero */
  .hero.wp-block-media-text .wp-block-media-text__content{padding-left: 20px; margin-top: -50px;}
  .hero.wp-block-media-text .wp-block-media-text__media{height: 300px;}


  /* Footer */
  .footer__bottom{margin-bottom: 70px;}

}


/* --------------------------------------------------------------------------------------------------------------------------- */
/* 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; }
.alignfull {
    margin-left  : calc( -100vw / 2 + 100% / 2 );
    margin-right : calc( -100vw / 2 + 100% / 2 );
    max-width    : 100vw;
    width: 100vw;
}

/* 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; padding:12px 8px;} */
th, td{border-bottom: none;}

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