/*
Theme Name: NX
Theme URI: http://www.danieleinnocenti.net
Author: Daniele Innocenti
Author URI: http://www.danieleinnocenti.net
Description: Starter Theme with Font Awesome and Bootstrap 4
Version: 0.1
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, custom-header, custom-menu, editor-style, featured-images, sticky-post, translation-ready
Text Domain: nx

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

/* Fonts */
@font-face{font-family:Rotis Std;src:url(fonts/rotis-semiserif-std.ttf);}

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

/* General
-------------------------------------------------------- */
body{
  display: flex;
  min-height: 100vh;
  flex-direction: column;
  font-family: 'PT Sans', sans-serif;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
}

.main-content{
  flex:1;
}

a {color: #D1232A;}
a:hover {color: #D1232A;}
.big-padding{padding-top: 60px; padding-bottom: 60px;}

img{max-width: 100% !important;}

.home blockquote{display: none !important;}

.header-img {
  background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
  padding: 150px 0;
}
.header-img h1{color: #FFF; font-size: 40px; font-weight: 700;}
.header-img hr{border-top: 1px solid #FFF; opacity: 0.4;}

.btn-primary {
  background-color: #D1232A !important;
}

/* Helpers
-------------------------------------------------------- */
.margin-bottom{margin-bottom: 40px;}
.animate{
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.brown{color:#4A4343}
.call-to-action-box{padding: 200px 0;}
.form-control:focus{border-color: rgba(255,87,0,.25); box-shadow: 0 0 0 0.2rem rgba(255,87,0,.25);}

/* Header
-------------------------------------------------------- */
.title-container{color:#fff;padding-top:40px;padding-bottom:40px; border-top: 5px solid rgba(0,0,0,0.2); border-bottom: 5px solid rgba(0,0,0,0.2);}
.title-container a h1,
.title-container a h2{font-family:Rotis Std;font-size:4rem; color:#fff;}
.title-container a:hover{text-decoration: none;}
.title-container a h1 small,
.title-container a h2 small{font-size:2.5rem;}
.logo{max-height: 300px;}


/* Nav
-------------------------------------------------------- */
nav.navbar.bg-light {background: #D1232A !important;}
nav.navbar .dropdown-menu{margin: 0;}
nav.navbar .nav-item a{color: #FFF; text-transform: uppercase;}
nav.navbar .nav-item a.dropdown-item{color: #000; text-align: center;}
nav.navbar .nav-item{color:#fff; text-transform:uppercase; border-right:4px solid #fff; flex: 1;}
nav.navbar .nav-item:first-child {border-left: 4px solid #fff;}
.navbar-expand-lg .navbar-nav .dropdown-menu{width: 100%;}
nav.navbar .dropdown-item.active,
nav.navbar .dropdown-item:active {
    text-decoration: none;
    background-color: #007bff;
    color: #FFF !important;
}
nav.navbar .dropdown-item:focus,
nav.navbar .dropdown-item:hover {
  color: #f8f9fa !important;
  text-decoration: none;
  background-color:#D1232A;
}
.navbar-dark .navbar-nav .nav-link {color: rgba(255, 255, 255, 1);}
a.nav-link.active{position: relative;}
a.nav-link.active:before {
  content: "\f0d8";
  font-family: FontAwesome;
  position: absolute;
  bottom: -3px;
  width: 10px;
  right: calc(50% - 5px);
}
nav.navbar .dropdown-item.active,
nav.navbar .dropdown-item:active {
  background-color: #D1232A;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .8);
  border-color: rgba(255, 255, 255, .8);
}
.navbar .dropdown-menu{border-radius: 0px;}

/* Slider
-------------------------------------------------------- */
#slider-section,
#slider-section .carousel-item,
#slider-section .carousel-inner{height: 500px;}
#slider-section .carousel-item{background-size: cover !important; background-position: center center !important;}
#slider-section .carousel-caption{
  width: 80%;
  bottom: 50%;
  left: 50%;
  -ms-transform: translate(-50%, 50%); /* IE 9 */
  -webkit-transform: translate(-50%, 50%); /* Safari prior 9.0 */
  transform: translate(-50%, 50%); /* Standard syntax */
}
#slider-section .carousel-caption{font-family:Rotis Std;}
#slider-section .carousel-caption h5{font-size:3.5rem; text-transform: uppercase;}
#slider-section .carousel-caption p{font-size: 1.8rem; letter-spacing: .5px;}

/* Cta
-------------------------------------------------------- */
.cta{text-transform: uppercase; color: #FFF; text-align: center;}
.cta h3 {font-weight: 700;}
.cta .cta-blue {background: #D1232A;}
.cta .cta-orange{background: #000000;}
.cta a,
.cta a:hover{color: #FFF; text-decoration: underline;}

/* Welcome
-------------------------------------------------------- */
.welcome .row{background: #FFF;}
.welcome img{min-height: 100%; object-fit: cover; width: 100%;}

/* Focus
-------------------------------------------------------- */
.focus .card{border-radius:0px; border: none}
.focus .card-title {color: #FFF; background: #D1232A; font-weight: bold;}
.focus .focus-item{background: #cccccc;}
.focus{color:#000;}
.focus p{font-weight: bold; font-size:14px;}
.focus p:last-child{margin-bottom: 0px;}
.focus .text-container{border-bottom: 1px solid rgba(0,0,0,1); border-left: 1px solid rgba(0,0,0,1); border-right: 1px solid rgba(0,0,0,1);}
.card-green{color: #FFF; background: #D1232A;}
.card-green p{color:#FFF; font-weight: lighter; font-size: 16px;}
.card-green .card-title{background: transparent; font-weight: bold;}
.card-green h1,
.card-green h2,
.card-green h3,
.card-green h4,
.card-green h5,
.card-green h6{font-size: 1.25rem !important;}

/* Promo
-------------------------------------------------------- */
.promo img{min-height: 100%; object-fit: cover; width: 100%;}
.promo .card-green .card{background: transparent; border-radius: 0px; border: none;}
.promo p:last-child{margin-bottom: 0px;}

/* Service
-------------------------------------------------------- */
.service .row{background: #FFF;}
.service .img-container img{min-height: 100%; object-fit: cover; width: 100%;}

/* News
-------------------------------------------------------- */
.news .row{background: #FFF;}
.news h2{font-weight: 700;}
.news img{min-height: 100%; object-fit: cover; width: 100%;}

/* Buttons
-------------------------------------------------------- */
.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/#03c4b4+0,85bc0d+100 */
  background: #D1232A;
}

.btn-primary{
  text-transform: uppercase;font-size: 16px;padding: 15px 30px;
  border: none;
  background-color: #D1232A;
  border-radius: 2rem;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.btn-primary:hover{
  opacity: 0.8;
}
.btn-primary:not(:disabled):not(.disabled):active{
  background-color: #D1232A;
  border: none;
}
.btn-primary:not(:disabled):not(.disabled):active:focus,
.btn-primary.focus, .btn-primary:focus{
  box-shadow: 0 0 0 0.2rem rgba(38,143,255,.0);
}
.btn-primary i{
  margin-left: 10px;
}

/* Articles & Pages
-------------------------------------------------------- */
.meta-post,
.tag-post{color: rgba(0,0,0,0.5);}
.post h2 a,
.page h2 a{color:#000;}
.post h2 a:hover,
.page h2 a:hover{text-decoration: none;}

/* Related posts
----------------------------------------------------------------------*/
.related-posts .title-related{font-weight: bold; vertical-align: middle;}
.related-posts h3{font-size: 1rem;}
.related-posts a{font-weight: 700;}
.related-posts img{width: 100%; height: auto; border: 8px solid #F3F0F1;}
.related-posts img:hover {border: 8px solid #D1232A;}


/* Social container
----------------------------------------------------------------------*/
.social-container{font-weight: bold; vertical-align: middle; }
.social-container .btn.share-btn {
  border: medium none;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  margin-top: 6px;
  opacity: 0.9;
  outline: medium none;
  padding: 8px 16px;
}
.social-container .share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  padding: 0.5em;
  width: 4em;
  opacity: 0.9;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  outline: none;
  text-align: center;
}
.social-container .share-btn:hover,
.social-container .share-btn:focus {
  color: #eeeeee;
}
.social-container .share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  opacity: 1;
  outline: medium none;
  position: relative;
  top: 2px;
}
.social-container .twitter {
  background: #55acee none repeat scroll 0 0;
}
.social-container .google-plus {
  background: #dd4b39 none repeat scroll 0 0;
}
.social-container .facebook {
  background: #3b5998 none repeat scroll 0 0;
}
.social-container .stumbleupon {
  background: #eb4823 none repeat scroll 0 0;
}
.social-container .reddit {
  background: #ff5700 none repeat scroll 0 0;
}
.social-container .linkedin {
  background: #4875b4 none repeat scroll 0 0;
}
.social-container .whatsapp{
  background: #00E676 none repeat scroll 0 0;
}
.social-container .email {
  background: #444444 none repeat scroll 0 0;
}


/* Comments
------------------------------------------------------------------------------*/
.comments-title{margin-bottom: 40px;}
.comments{padding-top: 40px; margin-bottom: 40px;}
.comments ul,
.comments ol{list-style-type: none;}
.comments textarea{width: 100%;}
.comments label{min-width: 80px;}
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 10px;}
.comment-author img{ border-radius: 999px;}
.comment-form input:not(.btn),
.comment-form textarea{background-color: rgba(204,204,204,0.4);}
.comment-form input:not(.btn):focus,
.comment-form textarea:focus {
  border-color: rgba(255,87,0,0.6) !important;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(255,87,0,0.6);
  outline: 0 none;
  background-color: rgba(204,204,204,0.4);
}

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

/* Aside
-------------------------------------------------------- */
aside .widget{background-color: #CCCCCC; color: #000;}

/* Footer
-------------------------------------------------------- */
footer {background: #333333; color: #FFF;}
footer .widget a,
footer .widget a:hover{color:#FFF;}
footer .social-menu a i{font-size: 50px;}
footer .social-menu .list-inline-item:not(:last-child) {margin-right: 2.5rem;}
footer .widget{border-right: 2px solid #FFF;}
footer .widget:last-child{border-right: 0px;}
footer .list-group-item{
  position: relative;
  display: block;
  padding: .75rem 1.25rem;
  margin-bottom: 0px;
  background-color: transparent;
  border: none;
  font-size:20px;
  font-weight: bold;
}
footer .credits {font-size: 14px; color: #FFF; background: #333333; font-weight: lighter;}
footer .credits a{font-weight: bold;}



/* Widgets
-------------------------------------------------------- */
aside .widget{border-bottom: 1px solid rgba(255,255,255,0.3);}
aside .widget-title{font-weight: bold;}
aside a{color: rgba(0, 0, 0, 0.7); text-decoration: underline;}
.search-light { background: #eee; }
.search-light input { width: 80%; color: #333 !important; margin-right: 10px; padding: 10px; border: none; background: #eee; -webkit-appearance: none; border-radius: 0;}
.search-light input::placeholder { color: #333 !important; }
.search-light button{float:right; padding:10px 15px 0 0 !important; }
aside .widget.widget_recent_entries li,
aside .widget.widget_recent_comments li,
aside .widget.widget_archive li,
aside .widget.widget_categories li,
aside .widget.widget_meta li{list-style: none;}
aside .widget.widget_recent_entries li:before,
aside .widget.widget_recent_comments li:before,
aside .widget.widget_archive li:before,
aside .widget.widget_categories li:before,
aside .widget.widget_meta li:before{
  content: "\f00c"; /* FontAwesome Unicode */
  font-family: FontAwesome;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
  color: rgba(0,0,0,0.3);
}
aside .widget_recent_entries li{margin-bottom: 10px;}
aside .widget_recent_entries li .post-date{display:block;}

/* calendar widget */
#wp-calendar { border-collapse: collapse; border:1px solid rgba(255,87,0,0.9); width:100%; border-top:none; }
#wp-calendar td, #wp-calendar th { text-align:center; }
#wp-calendar caption { color: #2b388f; padding: 0; line-height: 39px; }
#wp-calendar thead,
#wp-calendar tfoot {
  line-height: 33px;
  background: #D1232A;
  color: #FFF;
}
#wp-calendar tbody { line-height:33px; }
#wp-calendar #prev,
#wp-calendar #next {
  padding: 0 10px;
  background: #D1232A;
  color: #FFF;
}
#wp-calendar #prev a,
#wp-calendar #next a {
  color: #FFF;
}
#wp-calendar #prev { text-align:left; }
#wp-calendar #next { text-align:right; }

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


/* Blockquote
-------------------------------------------------------- */
blockquote {
  background: none;
  padding: 1em 1em 1em 3em;
  clear: both;
  margin: 2em;
  font-style: italic;
  font-family: Arvo;
  font-size: 1.5em;
  color: rgba(0, 0, 0, 0.65);
  font-weight: 300;
}

blockquote:before {
  font-family: fontawesome;
  content: "\F10D";
  display: block;
  float: left;
  position: relative;
  margin: -0.75em 0 0 -1.5em;
  font-size: 2em;
  color: #C6A97F;
}

.breadcrumbs-container{background: #333333;}
.breadcrumbs-container a{color: #FFF;}

#breadcrumbs{
  list-style:none;
  display: inline-block;
  font-size: 14px;
}

#breadcrumbs li{
  display:inline-block;
  vertical-align:middle;
  margin-right:15px;
  color: #FFF;
}

#breadcrumbs .separator{
  font-size:14px;
  font-weight:100;
  color:#ccc;
}


/* Video responsive
-------------------------------------------------------- */
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


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

@media (max-width: 991.98px) {
  .nav-item.dropdown .dropdown-menu{display: block !important;}
  .focus .card-group>.card {
    -ms-flex: 1 0 0%;
    flex: auto;
    margin-bottom: 0;
  }
  footer .widget{border-right: none;}
  nav.navbar .nav-item{border:none;}
  nav.navbar .nav-item:first-child {border-left: none;}
  nav.navbar .nav-item{border-bottom: 1px solid rgba(255,255,255,0.1);}
}

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

@media (max-width:767px){
  /* .pagination{display: flex; flex-direction: row; flex-wrap: wrap;}
  .page-numbers{flex: 1 1 auto; margin-bottom: 10px;}
  .evidence-section .evidence-text{padding-top: 40px; padding-bottom: 40px; z-index: 99;}
  .parallax-animation{background-attachment: scroll !important; background-position: center top !important;}
  .evidence-section .evidence-img{margin-right: auto; padding: 0;}
  .cta-title{font-size: 36px;}
  h1.display-4{font-size: 2.5rem;} */
}

@media (max-width:780px){
  /* .menu-container{padding:10px;}
  .collapse,.collapsing{padding-top:10px;}
  .collapse .nav,.collapsing .nav{display:block;}
  .nav.nav-pills .nav-link{border-right:none;border-bottom:1px solid rgba(255,255,255,.2);}
  .btn-responsive-menu{display:inline-block;}
  .toggle-menu{display: inline-block !important;} */
}

@media (min-width:781px){
  /* .collapse,.collapse:not(.show){display:block;} */
}
/* ============================================================================ */

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
  #slider-section .carousel-caption h5{font-size: 1.8rem;}
  #slider-section .carousel-caption p{font-size: 1rem;}
}

/* general wordpress style
-------------------------------------------------------- */
.post img{max-width: 100%; height:auto;}
.gallery img {
  margin: 0 10% 0 0;
  width: 90%;
  height: auto;
  border: none !important;
}


/* 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 {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  white-space: nowrap;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}