/*
Theme Name: LaCapitale
Theme URI: 
Author: Roberto Millin
Author URI: 
Description: 
Requires at least: 6.7
Tested up to: 6.7
Requires PHP: 7.2
Version: 1.0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lacapitale
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}

/* Focus styles */
/* :where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
} */

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
body {
	background-color: #F2E5E5;
}
body.backgroundAdv .wp-site-blocks    {
	max-width: 1280px;
	margin: 0 auto;
	background-color: #F2E5E5;
}


h1 a:where(:not(.wp-element-button)), 
h2 a:where(:not(.wp-element-button)), 
h3 a:where(:not(.wp-element-button)), 
h4 a:where(:not(.wp-element-button)),
h5 a:where(:not(.wp-element-button)),
h6 a:where(:not(.wp-element-button)), 
nav li a, 
.title-home a{
	font-family: inherit !important;
}

.more-link {
	display: block;
}

.cnt-relative {
	position: relative;
}

.search-cnt {
	position: absolute;
	right: 10px;
	top: 10px;	
}
.search-cnt .wp-block-search__button{
	background: transparent !important;
}
.search-cnt .wp-block-search__button,
.search-cnt  .wp-block-search__input {
	padding: 2px 4px;
}

.search-cnt  .wp-block-search__input {
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	font-size: 16px;
	font-weight: 400;
}

.top-menu li a {
	padding-top: 14px;
	padding-bottom: 11px;	
	border-bottom: 3px solid transparent;
}

.top-menu li a:hover {
	text-decoration: none;
	border-bottom: 3px solid var(--wp--preset--color--accent-1);
	padding-bottom: 11px;
}

.top-menu .nav-sel{
	text-decoration: none;
	border-bottom: 3px solid var(--wp--preset--color--accent-1);
	padding-bottom: 11px;
}

ul.feed-list-external {
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.feed-list-external li {
	display: inline-block;
	padding-right: 20px;
}

.logo-top {


}

.entry-content h2.wp-block-heading{
	font-size: 22px;
	margin: 24px 0 12px;
}

.list-occhiello {
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 1;
}

.article-image img{
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.wp-block-post-excerpt__more-text {
	margin-top: 20px;
}

:focus-visible {
    outline: none !important;
}

.yoast-breadcrumbs span{
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	font-size: 15px;
	color: var(--wp--preset--color--accent-2);
}

.yoast-breadcrumbs span span{
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	padding-right: 6px;
	font-size: 15px;
	color: var(--wp--preset--color--accent-2);
}

.yoast-breadcrumbs span a{
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	font-size: 15px;
	text-decoration: none;
	color: #000;
}

.yoast-breadcrumbs span a:hover{
	text-decoration: underline;
}

.yoast-breadcrumbs .breadcrumb_last {
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis;
	display: inline-block;
	margin-bottom: -4px;
}

.post-nav {
	align-items: flex-start;
	display: grid !important;
	grid-template-columns: 48% 48%;
	border-right: 3px solid var(--wp--preset--color--accent-1);
	border-left: 3px solid var(--wp--preset--color--accent-1);
	gap: 20px;
}

.post-nav .post-navigation-link-previous {
	padding-left: 12px;
}
.post-nav .post-navigation-link-next {
	padding-right: 12px;
}

.wp-block-post-navigation-link__arrow-previous, 
.wp-block-post-navigation-link__arrow-next{
	display: none !important;
}

.wp-block-post-navigation-link {
	position: relative;
	display: flex;
	flex-direction: column;
}
.wp-block-post-navigation-link a {
	text-decoration: none !important;	
}
.wp-block-post-navigation-link a[rel="next"]{
	text-align: right;
}

.post-navigation-link__label {
	position: absolute;
	top: 4px;
	left: 14px;
	text-decoration: none;
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	color: var(--wp--preset--color--accent-2) !important;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500 !important;
}

.wp-block-post-navigation-link a[rel="next"] .post-navigation-link__label  {
	left: auto;
	right: 14px;

}
.wp-block-post-navigation-link a  .post-navigation-link__title{
	margin-top: 28px;
	font-size: 18px;
	font-family: var(--wp--preset--font-family--playfair-display) !important;
	font-weight: bold;
	text-decoration: none !important;
}

.wp-block-post-navigation-link a{
 display: flex;
 flex-direction: column;
}
.wp-block-post-navigation-link a:hover{
	text-decoration: underline !important;
}
footer a {
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
}

.title-home {
	position: relative;
	display: inline-block;
}

.title-home a {
	text-decoration: none !important;
}

.title-home a:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 6px;
	left:0;
	bottom: 3px;
	background-color: #000;
	opacity: 30%;
}

.title-home a:after {
	content: "";
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	top: 8px;
	right: -28px;
	background-image: url("assets/images/title-arrow-right.svg");
	background-size: contain;
	background-repeat: no-repeat;
}

.title-home.title-little a:after{
	width: 16px;
	height: 16px;
	top: 6px;
	right: -22px;
}

.title-home.title-little a:before{
	bottom: 1px;
}
 
.title-home:hover a:before{
	bottom: 0px;
}

.title-home.arrow-white a:after {
	filter: brightness(0) invert(1);
}

.politica a:before  {
	background-color: #B11F27;
}
.esteri a:before  {
	background-color: #522974;
}
.war-news a:before{
	background-color: #AD754A;
	opacity: 50%;
}
.speciale-cnt {
	text-align: center;
}
.title-align-left {
	text-align: left;	
}

.title-absolute {
	position: absolute;
	bottom:0;
	left: 0;
	padding: 16px;
}

.slider-listApertura .title-absolute {
	padding: 32px 64px;
}
.speciale-cnt.img-gradient figure a:after,
.figure-bglinear figure a:after{
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 60%); /* W3C */
}

.slider-listApertura figure a:after{
	content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 66%;
    bottom: 0;
    left: 0;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.55) 60%); /* W3C */
}

/* video format POST*/
body.single-format-video .article-image{
	display: none !important;
}
body.single-format-video .article-img-dida {
	display: none !important;
}

body.single-format-video .container-video {
	position: relative;
	overflow: hidden;
	width: 100%;
	padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  body.single-format-video .container-video > iframe {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
  }
/* end video format post*/

.slider-listApertura  {
	overflow: hidden !important;
}
.slider-list .tns-outer,
.slider-list4 .tns-outer, 
.slider-listApertura .tns-outer{
position:relative;
}

.slider-list .wp-block-post-template,
.slider-list4 .wp-block-post-template,
.slider-listApertura .wp-block-post-template{
max-width: unset;
}

button[data-action="stop"],
button[data-action="start"],
.tns-controls,
.tns-nav {
	display:none;
}

.tns-controls{ 
	display: flex;
	justify-content: flex-end;
	margin-top: -26px;
    z-index: 1;
    position: absolute;
    right: 0;
}


.tns-controls button{
	background: transparent;
	color: #000;
	width: 30px;
	height: 30px;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	padding: 0;
	text-align:center;
	border: 2px solid #000;
	border-radius: 50%;
	margin-left: 10px;

}

li.post_format-post-format-video .wp-block-post-featured-image a:before{
	content: '';
	position: absolute;
	top: 16px;
	right: 16px;
	background-image: url("assets/images/play.svg");
	width: 24px;
	height: 24px;
	background-size: contain;
	filter: drop-shadow(0px 3px 5px rgb(0 0 0 / 0.7));
}

.tns-controls button[data-controls="prev"] {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
} 

.tns-controls button:hover {
	color: var(--wp--preset--color--accent-1);
	border-color: var(--wp--preset--color--accent-1);
}


.apertura-slider figure img{
	height: 675px !important;
	width: 1200px !important;
}

.apertura-slider .tns-controls{ 
	display:flex;
	position: absolute;
	top: calc(50%);
	width: 100%;
	justify-content: space-between;
}
.apertura-slider .tns-controls button[data-controls="prev"]{
	margin-left:0;
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);	
}

.apertura-slider  .tns-controls button {
	border: 0;
	border-radius: 0;
}
.apertura-slider  .tns-controls button:after{
	content: "";
	display: block;
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0;
	right: 0;
	background-image: url("assets/images/title-arrow-right.svg");
	background-size: contain;
	background-repeat: no-repeat;
	filter: brightness(0) invert(1);
}
.apertura-slider  .tns-controls button:hover:after{
	width: 28px;
	height: 28px;
}
ul.most-viewed a {
	text-decoration: none;

} 
ul.most-viewed a:hover span:not(first-child) {
	text-decoration: underline;
}
ul.most-viewed{
	list-style: none;
	padding:0;
	margin:0;
}
ul.most-viewed li{
	margin-bottom: 12px;
	padding-bottom: 8px;
	border-bottom: 1px solid  #DFAAAC;
}
ul.most-viewed li span {
	font-size: 18px;
    font-weight: 600;
    color: #000;
	display: block;
	margin-bottom: 4px;
}
ul.most-viewed li span:first-of-type {
	font-size: 13px;
    font-weight: 400;
    color: #565656;
	display: block;
	margin-bottom: 4px;
}



.tr-cross-scrtips {
	width: 100%;
	height: auto;
	display: flex;
	position: relative;
	z-index: 12;
	align-self: baseline;
	flex-direction: column;
	background: transparent;
	overflow: hidden;
  }

  .tr-cross-scrtips--one {
	width: 130%;
	position: relative;
	z-index: 3;
	margin-right: -15px;
	margin-left: -15px;
	transform-origin: right;
	display: flex;
	align-items: center;
  }  
  
  .tr-cross-scrtips ul {
	display: flex;
	flex-direction: row;
	padding: 0;
	margin: 0;
	list-style: none;
	align-items: center;
  }
  .tr-cross-scrtips ul li {
	margin: 0px 0px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 3px;

  }
 .track:hover {
	animation-play-state: paused;
  }
  
  .track {
  
	white-space: nowrap;
	will-change: transform;
  }
  .track-left {
	animation: marquee-left 60s linear infinite;
  }
 

  .pre-last-hour {
	white-space: nowrap;
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	font-size: 14px;
	font-weight: 700;
	color:#B11F27;
	text-transform: uppercase;

	line-height: 20px;
	padding-right: 12px;
} 
.pre-last-hour:before{
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #B11F27;
	margin-right: 4px;
    margin-top: -2px;
    vertical-align: middle;
}
.ext-date {
	padding-right: 12px;
	padding-left: 12px;
	border-left: 1px solid #000;
	font-size: 17px;
	font-weight: 600;	
	display: none;
}

.ext-title {
	font-family: var(--wp--preset--font-family--ibm-plex-serif) !important;
	font-size: 17px;
	font-weight: 600;
	padding-left: 12px;
	border-left: 1px solid #000;	
}


  @keyframes marquee-left {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-50%);
	}
  }


body.wp-admin :where(.editor-styles-wrapper) :where(p) {
    padding-bottom: 16px;
}
 
.single.single-post .wp-block-post-content-is-layout-constrained p{
padding-bottom: 16px;
}

.post-nav {    
    grid-template-columns: 48% 48% !important;
    gap: 20px !important;
}

.slot-banner.b_inpage, 
.slot-banner.inart  {
margin: 0 auto;
text-align:center;
}

.container-video-top {
	max-width: 172px !important;
	min-width: 172px !important;
	aspect-ratio: 16 / 9;
	height: 100% !important;
	overflow: hidden !important;
}
.container-video-top iframe {
	width: 100% !important;
    height: 100% !important;

}
.video-top-wrapper {
	display:flex;
	max-width: 344px;
	background: #000;
}
.title-link-video:before {
	content: "";
	display: block;
	width: 55px;
	height: 20px;
	background-image: url("assets/images/live_video.svg");
	background-size: contain;
	background-repeat: no-repeat;

}

.title-link-video {
	box-sizing: border-box;
	height:80px;
	color: #fff;
	font-size:16px;
	font-weight:500;
	padding: 12px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;

}
.title-link-video a {
	text-decoration:none ;
}
.title-link-video a:hover {
	text-decoration:underline ;
}

.wp-block-navigation__responsive-container-close {
	padding-right: 20px;
}
.wp-block-navigation__responsive-container-close svg{
	width:32px !important;
	height:32px !important;

}
.wp-block-navigation__responsive-close {
	max-width: 400px !important;
	min-width: 320px !important;
	height:100% !important;
	background-color: #F2E5E5;
	left:0;
	right:auto;
	margin-left:0 !important;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
	width:100% !important;  
	background: rgba(0, 0, 0, 0.8);
	justify-content: flex-start !important;
	height:100% !important;
}
.wp-block-navigation__responsive-dialog{
	background-color:#F2E5E5;  
	padding: 20px;
	z-index:9999999999;
}


.back-to-top{
	opacity:0;
	width:50px;
	position: fixed;
	bottom: 100px;
	right: 10px;
	z-index:999;
	cursor: pointer;
	-webkit-transition: all 0.5s ease;
	  -moz-transition: all 0.5s ease;
	  -o-transition: all 0.5s ease;
	  transition: all 0.5s ease;
	  background-color: #b01f28 !important;
	  border-radius: 50%;
	}
	.back-to-top .has-background img {
		filter: brightness(0) invert(1);
	}
	.back-to-top img path  {
		color:#fff;
		fill:#fff !important;
	}
	.back-to-top:hover .has-background{
		background-color: #b01f28 !important;
	}
	
	.back-to-top.vis-on, 
	.back-to-top.vis-off{
	opacity: .9;
	bottom: 120px;
	}
	
	.nav-hamburger-logo {
		margin-top: -80px;
	}

	.banner-adv-list-mobile {
		display: none;
	}

@media screen and (max-width: 1279px) {

	.top-menu ul{
		white-space: nowrap;
		overflow-x: auto;
		width: calc(100vw - 140px);
		display: block !important;	
	}
	.top-menu ul li{
		display: inline-block !important;
		padding-right: 18px;
	}
	.apertura-slider figure img, 
	.apertura-slider figure{
		height: 675px !important;
		width: 100% !important;
		min-height: 675px !important;
		aspect-ratio: unset !important;
	}
	.apertura-slider h4 {
		font-size: 32px !important;
	}

	.m-wrapper {
		padding-left: 20px;
		padding-right: 20px;

	}
}

@media screen and (max-width: 1220px){
	.menu-top-service {
        display: none;
    }
}

@media screen and (max-width: 600px){
	.banner-adv-list-mobile {
		display: block;
	}

	.logo-top{
		margin: 10px 0 20px 0!important;
		
		height: auto;
	}
	.video-top-wrapper {
		width: calc(100vw - 40px) !important;
		max-width: 100%;
	}
	.logo-top img{
		width: calc(100vw - 40px) !important;
		height: auto;
	}
	.apertura-slider figure img {
		height: auto !important;
		width: calc(100vw - 40px) !important;
	}

	body .entry-content p{
		font-size: 18px !important;
	}


	.yoast-breadcrumbs .breadcrumb_last {
		display: block;
		max-width: calc(100vw - 120px);
	}
}