/*
Theme Name: NX
Theme URI: 
Author: Andrea Lenterna
Author URI: 
Description: Starte Theme with font Awesome and Bootstrap 4
Version: 0.1
License: GNU General Public License v2 or later
License URI: 
Text Domain: nx
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, 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.
*/

body{
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	padding-top: 70px;
	font-family: 'Montserrat';
	color:#4B4444;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6{font-family: 'PT Serif', serif;}

/*COMM: solo quando sono nella home tolgo il padding dato che menù è sopra slider*/
body.navbar-transparent{padding-top: 0px;}

body.navbar-solid{margin-top: 100px;}

.main-content{
	flex:1;
	margin-bottom: 40px;
	
}



/*COMM: Il menù di WP è alto 32 px*/
.admin-bar #top-container{top:32px;}

a{color: #852424; text-decoration: none;}
a:hover{color: #C8000B; text-decoration: none;}

.bg-primary{background: #3D3D3D!important; margin-bottom: 40px;}
.display-5{font-size: 2.5rem;}

span.nobreak {white-space: nowrap;}

/* Helpers
________________________________*/

.animate{
	/*COMM: Questi stili creano un animazioni. Copiati da pagina web css3...*/
	-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;
}


/* Contatti
________________________________*/

.contatti .brand{font-weight: bold; font-size: 38px; text-align: center; line-height: 38px; border-top: 3px solid #4B4444; border-bottom: 3px solid #4B4444; font-family: 'PT Serif'; display: inline-block; margin-bottom: 40px;}

.mappa-responsive {
position: relative;
padding-bottom: 56.25%;
padding-top: 35px;
height: 0;
overflow: hidden;
}

.mappa-responsive iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}


/* Contact form
________________________________*/

.wpcf7-form {width:100%;}
.wpcf7-form input,
.wpcf7-form textarea{width:100%;}
.wpcf7-form .wpcf7-acceptance input{width:18px; height: 18px;}



/* Buttons
________________________________*/

.btn-primary{background: #852424; border:0px; color:white; border-radius:6px;}
.btn-trasp{background: transparent; border: 2px solid white; border-radius:6px;}
.btn-pieno{background: #852424; border:0px; color:white; border-radius:6px;}

.btn-primary:hover{background: #C8000B;}
.btn-pieno:hover{background: #C8000B;}
.btn-trasp:hover{background: #E1E1E1; border: 2px solid #696969; color:#696969;}




/* Sopra Menu
________________________________*/

.navbar-transparent .black-top{background-color: rgba(0,0,0,0.8); color: #ffffff;	min-height: auto; font-size: 16px;}
.navbar-solid .black-top{background-color: rgba(0,0,0,0.9); color: #ffffff;	min-height: auto; font-size: 16px;}
.black-top .icon-space{margin-left: 20px;margin-right: 6px;}
.black-top p{margin: 0px; padding: 5px;}





/* Menu
________________________________*/

.navbar-transparent.is-scrolled .bg-primary {background: rgba(0,0,0, 0.8)!important;}

.navbar-transparent.is-scrolled .black-top,
.navbar-solid.is-scrolled .black-top{font-size: 0px; padding:0px; height: 0px; }

.navbar-transparent.is-scrolled .navbar-brand,
.navbar-solid.is-scrolled .navbar-brand{font-size: 16px; line-height: 16px; border-top: 1px solid #fff; border-bottom: 1px solid #fff;}

.navbar-transparent .bg-primary{background:  rgba(0,0,0, 0.4)!important;}
.navbar-solid .bg-primary{background:  rgba(0,0,0, 0.8)!important;}

.navbar .menu-dx{margin-left:auto!important}
.navbar-brand{font-weight: bold; font-size: 38px; text-align: center; line-height: 38px; border-top: 3px solid #fff; border-bottom: 3px solid #fff; font-family: 'PT Serif'}

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

/*Slider
________________________________*/

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

.carousel-caption{bottom: 15%;}




/*Lo studio
________________________________*/

.home .studio {background: #CFA9A9; min-height: 300px; padding: 40px;}
.home .studio .btn-pieno{font-size: 16px;}
.lo-studio .focus-title{font-size: 30px;font-weight: bold; text-align: left; margin-bottom: 30px;}


/*Servizi
________________________________*/

.page-template-i-servizi .servizi .servizio{margin-bottom: 40px; margin-top: 80px;}
.page-template-i-servizi .servizi .riga{width:244px; height: 4px; background: #852424; margin-bottom: 10px;}
.page-template-i-servizi .servizi .focus-title{font-size: 30px;font-weight: bold; text-align: left; margin-bottom: 30px;}
.page-template-i-servizi .servizi .focus-excerpt{font-size: 22px; color:#847676; margin-bottom: 20px;}
.page-template-i-servizi .servizi .focus-text{color:#847676;}



/* Focus
________________________________*/

.home .focus .focus-title{font-size: 22px;font-weight: bold; text-align: left; margin-bottom: 15px;}
.home .focus .focus-excerpt{font-size: 16px; line-height: 22px; color:#847676;}

.focuses{margin-bottom: 100px; margin-top: 50px;}
.focuses h3{text-align: center; font-size: 36px; font-weight: bold;}
.focus{margin-top:70px; padding-right: 60px;}
.focus .riga{width:244px; height: 4px; background: #852424; margin-bottom: 10px;}
.focus .focus-title{font-size: 22px;font-weight: bold; text-align: left;}
.focus .focus-excerpt{font-size: 18px;}
.focus .btn-trasp{color:#852424; border: 1px solid #852424; font-size: 14px;}



/* Jumbotron
________________________________*/

.jumbotron{margin-bottom: 120px; height: 400px;}
.jumbotron-text{text-align: center;}

.jumbotron-fluid{height: 400px;}
.jumbotron-fluid .container{position:relative; bottom:-300px;}


/* Cards
________________________________*/

.card {border: 0px; margin-bottom: 100px;}
.card .card-top{text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.card .card-img{border: 2px solid #ccc; height: 200px;}
.card .card-body{padding: 0px; margin-top: 20px; margin-bottom: 30px;}


/* Footer
________________________________*/

.footer {background: #852424; margin-top: 60px;}
.footer .menu-bottom .nav-link{color:#FFF; padding:0em; padding-right:1em;}
.footer .footer-title{display: inline; font-weight: bold; font-size: 22px;}
.pallino {display: inline-block; height:14px; width:14px; background: #FFF; border-radius:999px; }



/* News
________________________________*/

.news .article-top{text-transform: uppercase; font-size: 18px; font-weight: bold; margin-bottom: 15px;}
.news .article-img{height: 400px; position: relative;}
.news .article-title {position: absolute; bottom: 10px; left: 15px; color:#FFF; font-size: 40px;}
.news .article-excerpt p{padding-left: 15px; padding-right: 15px; padding-top: 40px; font-style: normal;}



/*Comments
________________________________*/

#comments{margin-bottom: 40px;}
.comments{padding-top: 40px;}
.comments textarea{width: 100%;}
.comments label{min-width: 80px;}

.comments ul,
.comments ol{list-style-type: none;}
.comment-author img{border-radius: 999px;}
.comment .reply{border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 10px;}

.form-submit{text-align: right;}



/*Inputs e Textarea
________________________________*/
input,
textarea{padding: 5px 10px; border:1px solid #cccccc; border-radius:6px;}



/*sidebar
________________________________*/
.sidebar{padding-left: 60px;}

/*Widgets
________________________________*/
.widget_search .screen-reader-text{ display: block;}
.widget_search #s{width: 70%; float:left; border-radius:10px;}
.widget_search #searchsubmit{width: 25%; margin-left:5%; float:left; border-radius:10px;}




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





/*General Wordpress Styles
________________________________*/
.post img{max-width: 100%; height: auto;}
.post div{max-width: 100%; height: auto;}




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

@media (max-width: 998px){
	/*.navbar-transparent .bg-primary{background: #333333!important;}*/
}

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

@media(max-width:728px){
	.xslider-big .display-4{font-size: 2.5rem;}
	.navbar-brand{font-size: 20px; line-height: 20px; border-bottom: 2px solid #fff; border-top: 2px solid #fff;}
	.navbar-transparent .black-top,
	.navbar-solid .black-top{font-size: 14px;}
	
	.carousel h1 .display-4{font-size: 14px;}
	.navbar-transparent .bg-primary,
	.navbar-solid .bg-primary{background: rgba(0,0,0, 0.8)!important;}
	
	.jumbotron h3{font-size: 2rem;}
	
	.footer-col-right{margin-top: 50px;}
}


/* WordPress Core
________________________________*/
.gallery-caption{font-size: 10px;}
.bypostauthor{font-size: 13px; border-left: 1px solid #dddddd; padding-left: 4px;}

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