@charset "utf-8";
/* CSS Document */

/*-----------*/
/*** Importazione fogli di stile comuni ***/
@import "assets/css/common-reset.css";
@import "assets/css/common-fonts.css";
@import "assets/css/animate.css";
@import "assets/css/common-margins.css";
@import "assets/css/common-effects.css";
@import "assets/css/common-form.css";
@import "assets/css/lightgallery.css";
@import "assets/css/common-gallery.css";
@import "assets/css/common-navigation.css";
@import "assets/css/swiper-bundle.min.css";
@import "assets/css/common-preloader.css";
/*
 
Theme name: Diritto di Natale Theme
 
Theme url: https://www.leparolegiuste.it
 
Description: Tema originale sviluppato per Wordpress
 
Version: 1.0
 
Author: Le Parole Giuste snc
 
Author url: https://www.leparolegiuste.it
 
Tags:
 
*/

/*-----------*/
/*** UTLITY ***/
.clear {clear: both;}
.position-absolute {position: absolute !important;}
.position-relative {position: relative !important;}
.h-100 {height: 100% !important;}
.w-100 {width: 100% !important;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align:right;}
.text-uppercase {text-transform: uppercase !important;}
.overflow-hidden {overflow: hidden !important;}
.bg_att-fixed {background-attachment: fixed;}
/* opacità */
.opacity-25 {opacity: .25;}
.opacity-50 {opacity: .50;}
.opacity-60 {opacity: .60;}
.opacity-75 {opacity: .75;}
.opacity-80 {opacity: .80;}
.opacity-85 {opacity: .85;}
.opacity-90 {opacity: .90;}
/* raccordi */
.radius-100 {border-radius: 100%;};
/* ombre */
.box-shadow {box-shadow: 3px 3px 1px rgba(0,0,0,1);}
.txt-shadow {text-shadow: 3px 1px 1px rgba(0,0,0,1);}
/* tagli clip path */
.clip-path-destra {
    clip-path: polygon(0 0, 200% 0, 200% 100%, 0% 100%);
    overflow: visible;
}
.clip-path-sinistra {
    clip-path: polygon(-100% 0, 100% 0, 100% 100%, -100% 100%);
    overflow: visible;
}
/* ordinamento z-index */
.z-index_-1 {z-index: -1;}
.z-index_00 {z-index: 0;}
.z-index_01 {z-index: 1;}
.z-index_02 {z-index: 2;}
.z-index_03 {z-index: 3;}
.z-index_04 {z-index: 4;}
.z-index_05 {z-index: 5;}

/*///////////////////////////////////////////////////*/

body {
	background-color:#ffffff;
	color:#333333;
	font-size:17px;
	line-height:17px;
	font-family: 'League Spartan', sans-serif;
}

header #top-bar {padding: 25px 0;}
body:after {
    content: "";
    position: absolute;
    left:-20px;
    top:50px;
    width:40vh;
    height:40vh;
    z-index: -1;
    background-image: url("assets/img/quote.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left bottom;
}
.fixed.sticky #top-bar {padding: 15px 0 !important;}
header #down-bar {margin-top: -15px;}
footer #top-bar a {text-decoration: none;}
footer #down-bar {}
#sidebar .box:first-of-type {margin-top: 0;}
#sidebar .box:last-of-type {margin-bottom: 0;}

/*-----------*/
/*** CUSTOM GRIGLIA Boostrap ***/
/*.container {
    max-width: 1720px;
    padding-right: 20px;
    padding-left: 20px;
}*/

.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 20px;
    margin-left: 20px;
    width: auto;
}

/*.row {
    margin-right: -10px;
    margin-left: -10px;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    padding-right: 10px;
    padding-left: 10px;
}*/

/*-----------*/
/*** COLORI ***/
/* background */
.bg_white {background-color:#ffffff;}
.bg_black {background-color:#000000}
.bg_light-grey {background-color:#eeeeee;}
.bg_blue {background-color: #093551;}
.bg_orange {background-color:#E7500F;}
.bg_dark-grey {background-color:#333333;}
/* colori testo */
.c_white {color:#ffffff;}
.c_black {color:#000000;}
.c_grey {color:#666666;}
.c_light-grey {color:#cccccc;}
.c_dark-grey {color:#333333;}
.c_blue {color: #093551;}
.c_orange {color:#E7500F;}
/*sfumature*/
.bg_black-transparent-gradient {
    background: rgb(0,0,0);
    background: linear-gradient(-90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.gradient-grey-trasp {
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(238,238,238,1) 100%);
}

/*///////////////////////////////////////////////////*/

/*-----------*/
/* STILI DI PARAGRAFO */
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4 {}

h5, .h5,
h6, .h6 {}

h1, .h1 {font-size: 90px; line-height: 100px; font-weight: 400;}
h2, .h2 {font-size: 70px; line-height: 80px; font-weight: 400;}
h3, .h3 {font-size: 35px; line-height: 35px; font-weight: 400;}
h4, .h4 {font-size: 23px; line-height: 33px; font-weight: 800;}
h5, .h5 {font-size: 30px; line-height: 40px; font-weight: 500;}
h6, .h6 {}

.editor b, .editor strong {font-weight: 800;}
.editor a {color: #E7500F;}
.editor i, .editor em {font-style: italic;}
.editor p, .editor ul:not(.gallery) {
    font-size: 20px;
	line-height: 35px;
	font-weight: 200;
}
#footer .editor p {
    font-size: 17px;
	line-height: 30px;
}
    .editor p {margin-bottom: 1.5rem;}
    .editor :not(blockquote) p:last-child {margin-bottom: 0;}
    .post-thumb .editor p {margin-bottom: 0;}
	
    .editor h1, 
	.editor h2, 
	.editor h3, 
	.editor h4, 
	.editor h5, 
	.editor h6 {
		margin-bottom: 1.5rem;
	}
    .editor a:hover {text-decoration: underline;}

	.editor blockquote p {
		color: #E7500F;
		font-size: 27px;
		line-height: 42px;
        padding-right: 15%;
		font-weight: 800;
        margin-bottom: 1.5rem;
	}

    /*.editor p {margin-top: 1.5rem;}*/

	.editor ul {
		list-style:disc;
		margin-left: 20px; 
		margin-bottom: 1.5rem;
	}

.txt-small {
    font-size: 80% !important; 
    line-height: 100% !important;
}

sup {
    font-size: 30%;
    vertical-align: super;
}

base {
    font-size: 30%;
    vertical-align:baseline;
}

/*-----------*/
/*** LINEE ***/
.line {
    height:2px; 
    margin: 20px 0;
    position: relative;
    margin-left: -10px;
    width: calc( 100% + 10px );
}

.line:before {
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 20px;
    height: 20px;
    border: 2px solid #4BA76A;
    background-color: #ffffff;
    border-radius: 100%;
    margin-left: -20px;
    transform: translateY(-50%);
}

    .download-item .line .label {
        background-color: #4BA76A;
        color: #ffffff;
        font-size: 10px;
        line-height: 10px;
        text-transform: uppercase;
        font-weight: 600;

        position: absolute;
        right: 0;
        top:50%;
        transform: translateY(-50%);
        padding: 3px 6px;
    }

/*-----------*/
/*** ICONE / BOTTONI / FRECCE ***/

/*///////////////////// BOTTONI //////////////////////////////*/

.button {
    padding: 10px 20px 7px 20px; 
	border-radius: 0;
	display:inline-block;
    text-transform: uppercase;
    border:0;
    font-size: 14px;
    line-height: 14px;
    font-weight: 200;
}

    .button a {
        text-decoration: none;
    }

    .button.c_blue:hover, a:hover .button.c_blue {
        background-color: #093551;
        color: #ffffff;
    }
    .button.c_orange:hover, a:hover .button.c_orange {
        background-color: #093551;
        color: #ffffff;
    }

    .button.border {border: 1px solid;}

.cta {
    position: fixed;
    bottom:40px;
    right: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center right;
    width: 302px;
    height: 109px;
    background-image: url("assets/img/cta_bg.svg");
    cursor: pointer;
    z-index: 99;
}

/*-----------*/
/*** ICONE ***/
.ico {
    background-repeat: no-repeat;
    background-size: auto 17px;
	background-size: contain;
	border: none;
	background-color: transparent;
	padding: 0;
	display: block;
	cursor: pointer;
}

.ico.ico-size-S {width:20px; height:20px;}
.ico.ico-size-M {width:30px; height:30px;}
.ico.ico-size-L {width:50px; height:50px;}
.ico.ico-size-XL-centred {
    width:100px; 
    height:100px;
    top:50%; 
    left:50%; 
    margin-top:-50px; 
    margin-left:-50px;
}

.ico .ico-contain {background-size: contain;}

.ico.ico_left {background-position: left center; padding-left: 25px;}
.ico.ico_right {background-position: right center; padding-right: 25px;}

.ico.ico-search.ico-pos {background-image: url("assets/img/ico-search_pos.svg");}
.ico.ico-search.ico-neg {background-image: url("assets/img/ico-search_neg.svg");}

.ico.ico-play {background-image: url("assets/img/ico-play_neg.svg");}

/*-----------*/
/*** IMMAGINI PROPORZIONALI ***/
.img {
	position:relative;
	overflow:hidden;
}

	.img-w100 img {width: 100%;}
	
	.img-o10 > .altezza {padding-bottom:10%;}
	.img-o15 > .altezza {padding-bottom:15%;}
	.img-o20 > .altezza {padding-bottom:20%;}
    .img-o23 > .altezza {padding-bottom:23%;}
    .img-o24 > .altezza {padding-bottom:24%;}
    .img-o25 > .altezza {padding-bottom:25%;}
	.img-o30 > .altezza {padding-bottom:30%;}
	.img-o40 > .altezza {padding-bottom:40%;}
	.img-o50 > .altezza {padding-bottom:50%;}
	.img-o54 > .altezza {padding-bottom:54%;}
    .img-o55 > .altezza {padding-bottom:55%;}
    .img-o56-5 > .altezza {padding-bottom:56.222%;}
	.img-o60 > .altezza {padding-bottom:60%;}
    .img-o63-3 > .altezza {padding-bottom:63.3%;}
	.img-o70 > .altezza {padding-bottom:70%;}
	.img-o80 > .altezza {padding-bottom:80%;}
	.img-o90 > .altezza {padding-bottom:90%;}
	
    .img-100 > .altezza {padding-bottom:100%;}
	
	.img-v10 > .altezza {padding-bottom:110%;}
    .img-v15 > .altezza {padding-bottom:115%;}
	.img-v20 > .altezza {padding-bottom:120%;}
    .img-v25 > .altezza {padding-bottom:125%;}
	.img-v30 > .altezza {padding-bottom:130%;}
	.img-v40 > .altezza {padding-bottom:140%;}
	.img-v50 > .altezza {padding-bottom:150%;}
	.img-v60 > .altezza {padding-bottom:160%;}
	.img-v70 > .altezza {padding-bottom:170%;}
	.img-v80 > .altezza {padding-bottom:180%;}
	.img-v90 > .altezza {padding-bottom:190%;}

/*-----------*/
/*** BOX ***/

/* generiche */
.box_absolute {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.box_fixed {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.box_sticky {
	position:sticky;
	top:150px;
}

.box {margin: 15vh 0; width: 100%;}
#sidebar .box {margin: 10vh 0;}

.post-thumb a {text-decoration: none;}
.post-thumb .title .row {
    min-height: 120px;
    max-height: 120px;
    overflow: hidden;
}
.post-thumb .editor {}

.post-thumb .sub-title {}

.first-letter:first-letter {color: #E7500F;}
.editor.first-letter:first-letter {font-size: 80px; font-weight: 300; color:#E7500F;}

/* pagination */

.pagination {display: inline-block;}
.pagination a {text-decoration: none;}

.pagination .next.page-numbers {
	border-left:0;
}
.pagination .prev.page-numbers {
	border-left:0;
}
.pagination .page-numbers {
	display: inline-block;
	padding:0 5px;
	min-width:15px;
	border-color:#333333;
}
.pagination .page-numbers.current {
	color:#E7500F;
}

.embed-container { 
    position: relative; 
    padding-bottom: 65.5%;
    overflow: hidden;
    height: auto; 
} 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/* griglia masonry */
.scheda-griglia {overflow: hidden;}
.scheda-griglia .wrap-grid {
    width: calc( 100% + 50px );
    margin-top: -50px;
}
.scheda-griglia .grid-item,
.scheda-griglia .grid-sizer {
    width: calc( 25% - 50px );
    margin-top: 50px;
}
.scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 50% - 50px )}
.scheda-griglia .grid .grid-item:nth-of-type(6) {width: calc( 100% - 50px )}

/* box home chi sono */
.home .box-chi-sono .img-profile {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
    max-width: 450px;
    z-index: 0;
}
#sidebar .box-chi-sono .img-profile {
    width: 80%;
    margin: 0 auto;
    max-width: 350px;
}

.box-chi-sono .img-profile {
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url("assets/img/logo-sintesi-D_white.svg");
}
.box-chi-sono .img-profile img {width: 100%;}
.home .box-chi-sono .h1 {
    font-weight: 500;
    font-size:100px;
    line-height: 110px;
}
.home .box-chi-sono .editor p {
    font-size: 30px;
    line-height: 55px;
}

/*-----------*/
/*** LOGHI ***/

.logo {
    display: block; width: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}

#header .logo {background-image: url("assets/img/logo-ddn_neg-orange.svg")}

#header .logo {
	width:371px;
	height: 130px;
}

#header.sticky .logo {
    width:300px;
	height: 115px;
}

/*--------------------------------------------------------------------------------*/
/*** Media Query comuni ***/
/* maggiore o uguale -> bootstrap ref. */
@media (min-width: 385px) /* SM */ {
    .container-fluid {
        margin-right: 30px;
        margin-left: 30px;
    }
    .embed-container {
        margin-left: -30px;
        width: 100vw;
    }
}
@media (min-width: 576px) /* SM */ {
    .container-fluid {
        margin-right: 40px;
        margin-left: 40px;
    }
    .embed-container {
        margin-left: -40px;
    }
}
@media (min-width: 768px) /* MD */ {}
@media (min-width: 992px) /* LG */ {
    .button.fontXL {
        font-size: 19px;
        line-height: 19px;
        padding: 12px 27px 10px 27px; 
    }
    .embed-container {
        margin-left: 0;
        width: auto;
    }
}
@media (min-width: 1200px) /* XL */ {}
@media (min-width: 1400px) /* XXL */ {}
@media (min-width: 1919px) {
    .container-fluid {
        margin-left: 120px;
        margin-right: 120px;
    }
}
@media (min-width: 2000px) {
	.container-fluid {
        margin-right: 7vw;
        margin-left: 7vw;
    }
    .box {margin: 9vh 0;}
}

@media (min-width: 1921px) {}

/* minore o ugale -> bootstrap ref. */
@media (max-width: 1920px)  {}
@media (max-width: 1600px)  {}
@media (max-width: 1399px) /* XL */ {
    .full-width-tablet {
        width: 100vw;
        margin-left: -40px;
    }
    .home .box-chi-sono .h1 {
        font-size:75px;
        line-height: 90px;
    }
}
@media (max-width: 1119px) /* LG */ {
    .clip-path-destra, .clip-path-sinistra {clip-path:none;}
    .home .box-chi-sono .h1 {
        font-size:55px;
        line-height: 70px;
    }
    .home .box-chi-sono .editor p {
        font-size: 20px;
        line-height: 35px;
    }
    .home .box-chi-sono .img-profile {
        position: relative;
        margin: 0 auto;   
        z-index: 0;
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url("assets/img/logo-sintesi-D_white.svg");
    }
   
}
@media (max-width: 991px) /* MD */ {
    .box {margin: 7vh 0;}
    .scheda-griglia .grid-item,
    .scheda-griglia .grid-sizer {
        width: calc( 50% - 50px );
        margin-top: 50px;
    }
    .scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 100% - 50px )}
    .scheda-griglia .grid .grid-item:nth-of-type(6) {display: none;}
    .home .gradient-grey-trasp {background:transparent}
    #sidebar {margin-top: 10vh;}
    #sidebar .box {margin: 6vh 0;}
}
@media (max-width: 767px) /* SM */ {
    #header .logo {
        width:220px;
        height:100px;
    }
    h1, .h1 {font-size: 50px; line-height: 55px; font-weight: 400;}
    h2, .h2 {font-size: 45px; line-height: 50px; font-weight: 400;}
    h3, .h3 {font-size: 25px; line-height: 25px; font-weight: 400;}

    .post_thumbnail .img .altezza {
        padding-bottom: 100% !important;
    }

    .cta {
        bottom: 20px;
        right: 20px;
        width: 250px;
        height: 85px;
    }

    .scheda-griglia .grid-item,
    .scheda-griglia .grid-sizer {
        width: calc( 100% - 50px );
        margin-top: 50px;
    }
    .scheda-griglia .grid .grid-item:nth-of-type(1) {width: calc( 100% - 50px )}
    .scheda-griglia .grid .grid-item:nth-of-type(6) {display: none;}
    .post-thumb .title .row {
        min-height: unset;
        max-height: unset;
        overflow: hidden;
    }
    .home .box-chi-sono .h1 {
        font-size:48px;
        line-height: 55px;
    }
}
@media (max-width: 575px) /* XS */ {
    .full-width-mobile {
        width: 100vw;
        margin-left: -40px;
    }
}

/* compreso tra -> bootstrap ref. */
@media (min-width: 0px) and (max-width: 575px) /* XS */ {}
@media (min-width: 576px) and (max-width: 767px) /* SM */ {}
@media (min-width: 768px) and (max-width: 991px) /* MD */ {}
@media (min-width: 992px) and (max-width: 1199px) /* LG */ {}
@media (min-width: 1200px) and (max-width: 1399px) /* XL */ {}

/* extra */
@media (max-height: 1100px) {}

@media (max-height: 800px) {
    @media all and (orientation:landscape) {}
}
@media (max-height: 700px) {}

/* orientamento finestra/dispositivo */
@media all and (orientation:portrait) {}
@media all and (orientation:landscape) {}

/* solo dispositivi touch */
@media (hover: none) {}