/* CSS personalizzato da AD3 comunicazione per OPI Venezia */

p {margin-bottom: 0;} /*ovunque*/

/********** font - inizio **********/
/* Lato Regular */
@font-face {
    font-family: 'Lato';
    src:
        url('/templates/ja_stark/local/fonts/lato/lato-regular.woff2') format('woff2'),
        url('/templates/ja_stark/local/fonts/lato/lato-regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
/* Lato Italic */
@font-face {
    font-family: 'Lato';
    src:
        url('/templates/ja_stark/local/fonts/lato/lato-italic.woff2') format('woff2'),
        url('/templates/ja_stark/local/fonts/lato/lato-italic.woff') format('woff');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}
/* Lato Bold */
@font-face {
    font-family: 'Lato';
    src:
        url('/templates/ja_stark/local/fonts/lato/lato-bold.woff2') format('woff2'),
        url('/templates/ja_stark/local/fonts/lato/lato-bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
/* Lato Bold Italic */
@font-face {
    font-family: 'Lato';
    src:
        url('/templates/ja_stark/local/fonts/lato/lato-bolditalic.woff2') format('woff2'),
        url('/templates/ja_stark/local/fonts/lato/lato-bolditalic.woff') format('woff');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}
/********** font - fine **********/

/********** header - inizio **********/
#t4-header .t4-row.row {
	margin-right: 0; /*altrimenti c'è sempre area a dx fuori dallo schermo */
/*	margin-left: 0;*/
}
/********** header - fine **********/

/********** testata - inizio **********/
#t4-testata-mobile {
    padding-left: 20px;
}
/********** testata - fine **********/

/********** navbar - inizio **********/
@media (max-width: 991.98px) {
	#t4-header {
		height: 35px;
	}
}
@media (max-width: 991.98px) {
  #t4-header .container {
    padding-top: 0.35rem;
    padding-bottom: 0;
  }
}
@media (min-width: 992px) {
	.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > a,
	.nav-breakpoint-lg .t4-megamenu .navbar-nav > li > .nav-link {
		padding: 12px;
	}
	.t4-megamenu .navbar-nav > li.active > a,
	.t4-megamenu .navbar-nav > li.active > .nav-link {
		border-bottom-width: 3px;
	}
	.t4-megamenu .navbar-nav > li {
		padding-left: 0em;
		padding-right: 0em;
	}
	.t4-megamenu .nav > .dropdown > .nav-link .item-caret,
	.t4-megamenu .nav > .dropdown > .dropdown-toggle .item-caret {
		border-top-color: #fff;
	}
}
.dropdown-menu-inner li:hover,
.dropdown-menu-inner li.active {
	background-color: #056;
}
.dropdown-menu-inner li:hover a,
.t4-megamenu .dropdown-menu ul > .active a.dropdown-item {
	color: #fff!important;
}

.link_uscita {
	background-color: yellow;
	color: black !important;
}
/********** navbar - fine **********/



/********** offcanvas - inizio **********/
.t4-offcanvas .t4-off-canvas-header img.logo-img {
	max-width: 100%;
    height: auto;
}
.t4-offcanvas .t4-off-canvas-header {
	background-color: #fff;
}
.t4-offcanvas .t4-off-canvas-header .close {
	background-color: /*#056*/ rgba(0, 85, 102, 0.9);
}
.t4-offcanvas .t4-off-canvas-header .close:hover {
    	background-color: /*#056*/rgba(0, 85, 102, 1);
}
.t4-offcanvas .t4-off-canvas-header .close span {
	color: #fff;
	font-size: 30px;
}
.t4-offcanvas .t4-off-canvas-body {
	background-color: #056;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-link,
.t4-offcanvas .t4-off-canvas-body .navbar .separator,
.t4-offcanvas .t4-module .nav li a /*per modulo menu AT */{
	color: #fff;
	padding: 0.50rem 0;
}
.t4-offcanvas .t4-module .nav li a:hover {
	color: var(--body-link-hover-color);
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item,
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
	padding: 0.50rem 0;
}
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .nav-link,
.t4-offcanvas .t4-off-canvas-body .navbar .nav-item.active > .separator,
.t4-offcanvas .t4-module .nav li.current a /*per modulo menu AT */ {
    color: #fff;
    text-decoration: underline;
}
.t4-offcanvas .t4-off-canvas-body .navbar .btn-toggle::after {
	color: #056;
}
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .dropdown-item,
.t4-offcanvas .t4-off-canvas-body .navbar .dropdown-menu .nav-link {
    color: #056;
}
.t4-module .nav li ul > li.active > a, .t4-card .nav li ul > li.active > a,
.moduletable .nav li ul > li.active > a, .module_menu .nav li ul > li.active > a {
    text-decoration: underline;
}
.t4-offcanvas .module-title {
	color: #fff;
	text-decoration: underline;
}
@media (min-width: 768px) { /*mobile e tablet*/
	.module_menu-at-mobile {
		display: none;
	}
}
@media (min-width: 768px) { /*mobile*/
	.module_menu-legale {
		display: none;
	}
}
/********** offcanvas - fine **********/



/********** masthead - inizio **********/
/*
.t4-masthead {
    padding-left: 0;
    padding-right: 0;
}
*/
/********** masthead - fine **********/



/********** contenuti - inizio **********/
.category-desc {
    color: #000;
}
.page-header h1,
.categories-list h1 {
    font-size: 2.5rem;
    text-align: center;
    color: #056;
}
@media (max-width: 991.98px) {
  h1, .h1 {
    font-size: 1.8em !important;
  }
}
@media (min-width: 992px) {
  .t4-component,
  .component {
    padding-top: 1.5rem;
  }
}

/*** per avere uguali titoli blog e articoli singoli ***/
.blog .item-content .page-header > h2 a,
.blog-featured .item-content .page-header > h2 a,
.page-header h2, /* articolo singolo */
.result-title { /* risultati cerca */
	font-size: 1.35rem; 
	font-weight: bold;
	color: #056;
	text-transform: uppercase;	
}
.item-intro a,
.article-body a {
    text-decoration: underline;
}
.item-intro a:hover,
.article-body a:hover {
/*  color: #fff;*/
    background-color: #ddeef2;
}

.items-row .item {
	border-top: 1px solid grey;
	padding-top: 3rem;
	margin-top: 2rem;
}
.items-row .item p {
	margin-top: 0;
}
.items-row .item p.readmore {
	margin-top: 1rem;
}

/*** link altri articoli ***/
.items-more .nav-tabs > li > a::before { /* icona altri articoli da FontAwesome 4 a FA5*/
	content: "\f15c";
	font-family: "Font Awesome 5 Free";
}
.items-more .nav-tabs > li > a:hover, .items-more .nav-tabs > li > a:active,
.items-more .nav-tabs > li > a:focus {
    background: #056;
}
figure.pull-left.item-image img {
	width: 500px;
}

/*** paginazione ***/
.page-item.active .page-link {
    background-color: #056;
    border-color: #056;
}
#t4-mainbody > .t4-section-inner > .t4-row > .component {
	padding-bottom: 3rem;
}
.pagenavigation a.previous {
	margin-right: 1rem;
}

/*** pagina articoli archiviati ***/
#archive-items div[class^="row"] {
/*	padding: 0.5rem 0;*/
	border-bottom: 1px solid grey;
}
#archive-items .page-header h2 a {
	color: #056;
}
/*img intro di default nascosta. poi però nascosto tutto il testo
#archive-items img[src="/images/img_servizio/default_intro_blog.png"] {
	display: none;
}
*/


/* pulizia toolbar non va perché in iframe. occorre override a suo file css se possibile #editorModeButtons {	display: none;}
*/

/********** contenuti - fine **********/


/********** footer - inizio **********/
.t4-footnav .container {
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.t4-footnav .module-title,
.t4-footnav .t4-card .card-header {
	font-size: 1.8rem;
}
.t4-footnav .module-title,
.t4-footnav .module-inner {
    color: inherit;
}
.t4-footnav .t4-module .nav > li.active > a{
	color: #fff;
	text-decoration: underline;
}
.t4-footer .container {
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.t4-palette-footer_da_primary .nav > li > a:hover {
	color: #f00;
}
/**** footer - fine ****/

/**** copyright - inizio ****/
.t4-copyright .container {
    padding-bottom: 1rem;
}
/**** copyright - fine ****/
/********** footer - fine **********/



/********** moduli - inizio **********/
/* togli punto dopo titolo dei moduli, anche in off-canvas, footer*/
.module-title span::after,
.t4-footnav .module-title span::after {
	content: "";
}
/*per vista articolo singolo richiamato da smartslider o vista categoria per errore 404 se fatto alla mia maniera*/
/*2024-01 non serve più, slide notizie solo in home. e questo nasconde testata slide mobile*/
/*body.view-article .n2-section-smartslider,
body.view-article #t4-boxmenu-sopra,
body.view-article #t4-boxmenu-sotto,
body.view-category .n2-section-smartslider
*/
/*, body.view-category .boxmenu,
body.view-search .n2-section-smartslider,
body.view-search .t4-boxmenu */
/*{
	display: none;
}
*/

/*per home se fatta come blog categoria e non evidenziati*/
body.view-category.item-103 .n2-section-smartslider,
body.view-category.item-103 .boxmenu {
	display: initial;
}


/**** boxmenu servizi in home - inizio ****/
.t4-module.moduleboxmenu {
	margin-top: 2.5rem;
}
.t4-module.moduleboxmenu .nav li a {
	color: #056;
}
.t4-module.moduleboxmenu .nav li a:hover {
	color: red;
}
.moduleboxmenu .module-ct {
	border: 2px solid #056;
}
.moduleboxmenu .module-title {
    font-size: 1.5rem;
    margin-bottom: 0;
}
.moduleboxmenu .module-title span {
/*	font-size: 1.5rem;*/
	padding: 0 1rem 0.3rem;
	border: 2px solid #056;
	border-bottom-style: none;
	background-color: #056;
	color: #fff;
}
ul.nav.navbar-nav.boxmenu {
	display: flex;
	flex-direction: row;
}
/*
.boxmenu li.nav-item {
    flex: 1;
}*/
ul.nav.navbar-nav.boxmenu a {
	display: block;
	width: 120px;
	height: 120px;
	text-align: center;
/*	border: 1px solid;*/
	padding: 10px;
	margin: 10px;
}
ul.nav.navbar-nav.boxmenu a img {
	margin: 2px 6px;;
}
.boxmenutesto {
	margin-top: 4rem;
}
/**** boxmenu - fine ****/

/** slider notizie **/
.n2-ss-layer.n2-ow.n2-ss-layer--block { 
	border-top: 1px solid #056!important;
}
.ss3_layer_description p:first-of-type  {
	padding-top: 5px!important; /* è inline */
}
/** social streamer **/
body #timeline_wall1flat.sboard .bg-instagram {
    background-color: #b327aa;
}

/**** cerca - inizio ****/
.awesomplete mark {
	background-color: #fcf8e3;
}
/*.result-title {} vedi sopra per contenuti*/
.result-date {
	font-size: 0.9rem;
	font-style: italic;
	padding-top: 0.5rem;
	padding-left: 1rem;
}
/**** cerca - fine ****/

/**** modulo con menu amministrazione trasparente - inizio ****/
.sidebar-l  .t4-module .nav li ul > li > a::before {
	content: none;
}
.sidebar-l .dropdown-menu {
	border: none;
	display: block;
}
.sidebar-l .dropdown-item {
	white-space: normal;
	padding-left: 10px;
}
.sidebar-l .t4-module .nav li a {
	display:block;
	width: 155px;
	color: #056;
	padding: 0.35rem 0;
}

.sidebar-l .t4-module .nav li a:hover,
.sidebar-l .t4-module .nav li.current a,
.sidebar-l .t4-module .nav li a:active {
	background-color: #056;
	color: #fff;
}
/**** modulo con menu amministrazione trasparente - fine ****/


/********** moduli - fine **********/


#back-to-top {
    background: rgba(0, 85, 102, 0.5);
	border-radius: 0;
	border: solid 1px rgba(255, 255, 255, 0.5);
	right: 1.5rem;
    bottom: 2.5rem;
}



/**** editing in fronte ****/
.edit-link a {
	background-color: lime;
	display: inline-block;
	padding: .25em .4em;
	font-size: 75%;
	font-weight: 700;
	line-height: 1;
	border-radius: .25rem;
}

/********** cookies CK **********/
/* plugin rimosso
div#cookiesck {

    font-size: 21px;
    line-height: 40px;
}
*/