/*
 Theme Name:   Hestia Child
 Template:     hestia
*/

/******* Do not remove the header above *******/

:root {
	--thop-color-primary: #3f51b5;
	--thop-color-accent: #ff6e40;
	--thop-color-danger: #c55;
	--thop-color-danger-alt: #c555;
	--thop-color-danger-bright: #d33030;
	--thop-color-link: #a60000;
	--thop-color-link-hover: rgb(230 187 134 / 0.5);
	--thop-color-muted: #888;
	--thop-color-text-soft: #555;
	--thop-color-surface: #eee;
	--thop-color-surface-alt: #ddd;
	--thop-color-surface-hover: #f3f3f3;
	--thop-color-border: #bbb;
	--thop-color-portable: #c3ccff;
	--thop-color-portable-light: #e2e7ff;
	--thop-color-setup: #ffdfc3;
	--thop-color-setup-light: #fff4ea;
	--thop-color-faq: #5af158;
	--thop-color-donate: #fff176;
	--thop-color-older: #fcc;
	--thop-color-tag-underline: rgb(63 81 181 / 0.5);
	--thop-color-list-muted: #ccc;
	--thop-table-row-max-height: 50rem;
	--thop-table-font-size: 14px;
}


/* ==========================================================================
   Typography
   ========================================================================== */

h4, a, p, span, ul, ol, li {
	font-family: "Platypi", system-ui;
}

h1, h2, h3, h4:not(.author), h5, h6,
h1 span,
.navbar-brand p {
	/* font-family: "Product Sans"; */
	font-family: "ADLaM Display", system-ui;
	font-weight: 400;
	/* font-style: normal; */
}

.hestia-title.entry-title {
	line-height: 1em;
	text-shadow: 1px 1px 6px rgba(0 0 0 / 10%), 0 0 30px black;
}

.navbar-brand p {
	font-size: 34px;
}

h4.author {
	opacity: 0.9;
	font-size: 100%;
}


/* ==========================================================================
   Layout & containers
   ========================================================================== */

html {
	background-color: #bababa;
}

body {
	background-color: #bababa;
	background-image:
		url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E"),
		radial-gradient(
			ellipse 100vmax 100vmax at 50% 50%,
			#e5e5e5 0%,
			#dadada 35%,
			#cecece 60%,
			#c4c4c4 80%,
			#bababa 100%
		);
	background-blend-mode: soft-light, normal;
	background-size: 200px 200px, auto;
	background-repeat: repeat, no-repeat;
	background-attachment: fixed;
	min-height: 100vh;
}

.main {
	background-color: transparent;
}

.main-raised {
	margin-left: 0;
	margin-right: 0;
	box-shadow: none;
}

/* Adjust post main initial position (default 60px) */
.boxed-layout-header {
	padding-bottom: 20px;
}

.woocommerce.archive .main-raised,
.single .main-raised {
	margin-top: -20px;
}

div#primary {
	margin-top: -100px; /* non molto elegante xd */
}

div.sticky-element-placeholder {
	margin-bottom: 0 !important;
}

div#primary > div.container {
	padding: 320px 0 0 0 !important;
}

article.section /*, div#primary>div.container*/ {
	padding-top: 0;
}

/* Wider than Hestia/Bootstrap defaults (Hestia sets 1235px @ 1200px) */
@media (min-width: 768px) {
	.container {
		width: 885px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 1150px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1350px;
	}
}

@media (min-width: 1400px) {
	.container {
		width: 1450px;
	}
}


/* ==========================================================================
   Global transitions & utilities
   ========================================================================== */

* {
	transition: padding 0.5s, height 0.5s, margin 0.5s, width 0.5s;
	transition-duration: 0.5s;
}

.nshad {
	box-shadow: 0 1px 10px -6px rgba(0, 0, 0, 0.42), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 4px 5px -2px rgba(0, 0, 0, 0.1) !important;
	backdrop-filter: blur(5px) saturate(200%);
}


/* ==========================================================================
   Navbar & navigation
   ========================================================================== */

nav.navbar {
	background-color: transparent;
	color: white;
	box-shadow: none;
	transition: all 0.5s ease;
}

nav a {
	font-family: "ADLaM Display", system-ui;
}

.hestia-toggle-search svg {
	fill: white;
}

div.hestia-nav-search > form > label > input {
	color: white;
}

nav form.search-form > label > label {
	color: white !important;
}

.dropdown-menu {
	backdrop-filter: blur(5px);
	background-color: rgba(255, 255, 255, 0.6);
}

.navbar .navbar-nav > li .dropdown-menu li > a {
	padding: 5px 10px;
}

.navbar .navbar-nav > li .dropdown-menu li:hover {
	padding-left: 5px;
	transition-duration: 0s;
}

.navbar .navbar-nav > li .dropdown-menu li:hover > a {
	transition: 0s;
}

body:not(.home) .navbar-default .navbar-nav > .active:not(.btn) > a {
	color: white;
	font-weight: bold;
}

@media (min-width: 1048px) {
	.navbar:not(.navbar-transparent) li:not(.btn):hover > a {
		color: yellow;
	}
}

@media (max-width: 768px) {
	.navbar-collapse {
		color: black;
	}

	div#main-navigation {
		position: relative;
	}
}


/* ==========================================================================
   Cards
   ========================================================================== */

.section {
	padding: 0;
}

.cards {
	display: block !important;
	position: inherit;
}

.card-plain h1 {
	display: none;
}

.card-plain h2 {
	display: none;
}

.card-plain h3 {
	display: none;
}

.card-title {
	display: block !important;
}

.dc-heading {
	display: none;
}

.card-description p {
	padding: 3px;
}

.card-description img {
	display: none;
	/*
	margin: 0 10px;
	width: auto !important;
	max-height: 200px !important;
	float: left !important;
	max-width: 400px !important;
	*/
}

.cards img {
	transition: all 0.2s ease;
}

.cards img:hover {
	transform: scale(1.2);
	transition-duration: 0s;
}

article.card {
	border-radius: 25px;
	margin-bottom: 10px;
	/* padding-top: 0; */
	padding: 0 15px 0 0;
	background: white;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

article.card-blog {
	margin-top: 0;
}

article.card:hover {
	transform: scale(1.02);
}

article.card:hover .card-image {
	transform: scale(1.03);
}

article.card .card-title:hover {
	text-decoration: 1px underline grey;
	text-underline-offset: 5px;
}

div.card.card-blog {
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

div.card.card-blog:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}


/* ==========================================================================
   Sidebar & widgets
   ========================================================================== */

.blog-sidebar-wrapper {
	margin-left: 2px !important;
	padding: 0;
}

@media (min-width: 992px) {
	.blog-sidebar-wrapper {
		width: 30%;
	}

	/* Hestia default: col-md-8 + col-md-offset-1 + col-md-3 leaves a dead column */
	/* .single .single-post-container.col-md-8,
	.single .page-content-wrap.col-md-8 {
		width: 84%;
	}

	.single .blog-sidebar-wrapper {
		width: 16%;
		margin-left: 0 !important;
	}

	.single div#primary > div.container {
		width: 98%;
		max-width: 1320px;
	} */
}

/* Widget stilosi */
div#donatepic {
	border-radius: 0;
	transition-duration: 300ms;
}

div#donatepic:hover {
	border-radius: 50px;
	padding: 1%;
	background-color: var(--thop-color-donate);
}

div#faqblock,
div.faqblock {
	padding: 2%;
	padding-left: 9%;
	padding-right: 9%;
	border-radius: 6px;
	transition-duration: 0.3s;
}

div#faqblock:hover,
div.faqblock:hover {
	padding: 9%;
	background-color: var(--thop-color-faq);
	border-radius: 15px;
}

div.oldblock {
	padding: 2%;
	padding-left: 9%;
	padding-right: 9%;
	border-radius: 6px;
	transition: all 0.3s ease;
	text-align: center;
}

div.oldblock:hover {
	padding: 6% !important;
	background-color: var(--thop-color-accent);
	border-radius: 15px;
	color: white;
}

div.tgblock:hover {
	background-color: var(--thop-color-primary);
}

div.widget {
	/*
	background-color: white;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
	*/
	padding: 15px;
}

aside.blog-sidebar div.widget:first-child,
div.widget#custom_html-20 {
	background-color: white;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
}

div#search-2 > form {
	padding: 0;
	margin: 0;
}

.widget ul li {
	line-height: 1.3;
}

#text-5 a:not(:first-child):hover,
div#recent-posts-2 > ul > li > a:hover,
div#top-posts-2 > ul > li > div > a:hover,
#custom_html-22 a:not(.faqblock):hover {
	padding: 2px 10px;
	border-radius: 10px;
	background-color: var(--thop-color-link-hover);
	transition: all 0s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/* Fix ad widgets */
/* #custom_html-12, #custom_html-13, #custom_html-14, #custom_html-15 { padding: 0; } */


/* ==========================================================================
   Posts & articles (thopify)
   ========================================================================== */

.thanks_button_div div:first-child {
	background-image: none !important;
}

/*
.header-filter::before { background-color: transparent; }
div#primary > div > div > div {
	background-color: rgba(0, 0, 0, 0.5);
	border-radius: 100px;
}
*/

div.single-post-wrap,
article.section > div > div.page-content-wrap {
	padding: 20px;
	background-color: white;
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
}

div.single-post-wrap:hover,
article.card:hover,
article.section > div > div.page-content-wrap:hover {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

div.entry-tags {
	font-size: 8px;
}

div.section-blog-info > div > div {
	width: 100%; /* allarga le tags */
}

div#comments {
	padding-top: 0;
}

.single-post-wrap,
.single-post-wrap p,
.single-post-wrap ul {
	font-size: 16px;
	font-family: "Platypi", serif;
}

.single-post-wrap ul {
	font-size: 16px;
}

pre {
	background: var(--thop-color-surface);
	font-family: 'Product Sans'; /* originally: "Courier 10 Pitch", Courier, monospace; */
	font-size: 14px;
	line-height: 1 !important;
	margin-bottom: 1.3em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
	white-space: pre-line;
	word-break: keep-all;
	border: 1px solid var(--thop-color-muted);
}

pre > ul {
	line-height: 0.7;
	font-size: 1.1em !important;
}

pre > h4,
pre > h3,
pre > p,
pre > ul {
	margin: 0 !important;
}

pre p {
	font-size: 14px !important;
	margin: 0 !important;
}

p.graybox-header-description {
	font-family: "ADLaM Display", system-ui;
}
/* wpd - in plugin */


/* ==========================================================================
   Related posts
   ========================================================================== */

div.section-blog-info,
div.related-posts,
div.related-posts > div > div > div > h2 {
	padding: 0;
	margin: 0 !important;
}


/* ==========================================================================
   Recent posts widget
   ========================================================================== */

#recent-posts-2.widget_recent_entries ul li {
	list-style: disc;
	color: var(--thop-color-list-muted);
	transition: 1s;
}

#recent-posts-2.widget_recent_entries ul li:hover {
	list-style: square;
	color: var(--thop-color-primary);
	transition: 0s;
}


/* ==========================================================================
   Footer
   ========================================================================== */

ul.footer-menu {
	display: none;
}


/* ==========================================================================
   Contact form
   ========================================================================== */

label.checkbox-multiple:hover {
	font-weight: 600;
}

.contact-form-submission {
	border-radius: 20px;
	background: linear-gradient(270deg, #d0f9d1, #00ff06, #deff00, #00ffb7);
	background-size: 800% 800%;
	animation: wavedient 5s ease infinite;
}

@keyframes wavedient {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}


/* ==========================================================================
   Promo, pingback & tags
   ========================================================================== */

/* AdSense Related
div#adContent { background-color: transparent; }
div#adContent > div {
	margin: 5px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
div#adContent > div:hover {
	box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
*/

/* promo */
div.promo > div {
	display: none;
}

div.promo:hover > div {
	display: block;
}

/* pingback */
div.pingback {
	padding: 15px;
	margin: 10px;
	background-color: var(--thop-color-surface);
	border-radius: 16px;
	box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12);
	transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

div.pingback:hover {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

/* div.pingback > div > p, */
div.pingback > div > div > a {
	display: none;
}

div.hiddenbox {
	padding: 0 5px;
	border: 1px solid var(--thop-color-border);
	background-color: var(--thop-color-surface-alt);
}

/* tags */
a.st_tag.internal_tag {
	color: inherit;
	text-decoration: underline var(--thop-color-tag-underline);
}

table a.st_tag.internal_tag {
	text-decoration: none;
}


/* ==========================================================================
   Buttons
   ========================================================================== */

.mybtn {
	text-align: center;
	padding: 2%;
	border-radius: 2px;
	max-width: 333px;
	transition: all 0.3s ease;
}

.mybtn:hover {
	padding: 5%;
	color: white;
	background: var(--thop-color-accent);
}

article .mybtn:hover {
	padding: 3%;
}

.mybtn.redbtn {
	border: 2px solid var(--thop-color-danger);
}

.mybtn.redbtn:hover {
	background: var(--thop-color-danger);
}

.mybtn img {
	float: left;
	margin-right: 5px;
}


/* ==========================================================================
   Like / dislike plugin
   ========================================================================== */

.pld-like-dislike-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}

.pld-like-dislike-wrap .pld-common-wrap {
	margin: 0;
	padding: 10px;
	background: #f002;
	border: 2px solid var(--thop-color-danger-alt);
	scale: 1.169420;
}

.pld-like-dislike-wrap .fas {
	scale: 1.25;
}

.entry-summary .pld-common-wrap { /* hide in posts list */
	display: none;
}

p .fa-heart,
a.pld-like-dislike-trigger:not(.pld-undo-trigger) { /* color inline icon in paragraph */
	animation-name: pulse;
	animation-duration: 2s;
	animation-iteration-count: infinite;
	animation-direction: alternate-reverse;
	animation-timing-function: ease;
}

@keyframes pulse {
	80% { color: var(--thop-color-primary); }
	90% { color: var(--thop-color-danger-bright); }
	100% { color: var(--thop-color-primary); }
}


/* ==========================================================================
   Responsive / mobile
   ========================================================================== */

@media (max-width: 768px) {
	.single div#primary > div.container {
		width: 100% !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}

	.single div.single-post-wrap,
	.single .single-post-container,
	.single .page-content-wrap {
		width: 100%;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.single-post-wrap,
	.single-post-container {
		overflow-x: auto;
	}

	.single-post-wrap table,
	.single-post-container table {
		display: block;
		overflow-x: auto;
	}
}


/* ==========================================================================
   Tables
   ========================================================================== */

/* Base table styling */
table {
	margin: 0 0 1.5em;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	font-size: var(--thop-table-font-size);
}

/* Override Hestia parent `.single-post-wrap table { font-size: 18px }` */
.single-post-wrap table,
.single-post-container table {
	font-size: var(--thop-table-font-size);
	width: 100%;
	max-width: 100%;
}

.text-small {
	font-size: 12px;
}

/* General padding and borders */
table,
th,
td {
	padding: 0.8em;
}

th {
	font-size: 1.4em;
	font-weight: 400;
	text-align: center;
	background-color: var(--thop-color-primary);
	color: white;
	padding: 0.2em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.single-post-wrap table th,
.single-post-container table th {
	font-size: 1.1em;
}

.single-post-wrap table th,
.single-post-wrap table td,
.single-post-container table th,
.single-post-container table td {
	padding: 0.5em 0.4em;
	min-width: 0;
}

/* Product col wraps; short cols stay on one line */
.single-post-wrap table th:first-child,
.single-post-wrap table td:first-child,
.single-post-container table th:first-child,
.single-post-container table td:first-child {
	width: 17%;
	min-width: 10em;
	white-space: normal;
}

.single-post-wrap table th:nth-child(3),
.single-post-wrap table td:nth-child(3),
.single-post-wrap table th:nth-child(4),
.single-post-wrap table td:nth-child(4),
.single-post-wrap table th:last-child,
.single-post-wrap table td:last-child,
.single-post-container table th:nth-child(3),
.single-post-container table td:nth-child(3),
.single-post-container table th:nth-child(4),
.single-post-container table td:nth-child(4),
.single-post-container table th:last-child,
.single-post-container table td:last-child {
	white-space: nowrap;
}

td {
	border-left: 1px solid white;
	border-right: 1px solid white;
}

tr {
	border-top: 1px solid black !important;
	border-bottom: 1px solid black !important;
	transition: background-color 0.2s ease;
}

tr:hover {
	background-color: var(--thop-color-surface-hover);
	transition-duration: 0s;
}

td.empty { /* class auto-applied by js */
	border-top: 1px solid var(--thop-color-surface);
}

/* TD cell style */
td:first-child {
	background-color: var(--thop-color-surface);
}

td:last-child {
	min-width: 0;
}

/* Link styles */
table a {
	color: var(--thop-color-link);
}

table hr {
	margin: 7px;
}

td a:hover {
	padding: 0 8px;
	border-radius: 10px;
	background-color: var(--thop-color-link-hover);
	transition-duration: 0s;
}

/* Special TD content */
td:nth-child(5) {
	padding: 5px;
	line-height: 1.1;
}

td p {
	margin-bottom: 0 !important;
}

td.size {
	color: var(--thop-color-muted);
	font-family: courier !important;
}

/* Date span */
span.date {
	color: var(--thop-color-muted);
	font-family: courier !important;
	font-size: 12px;
}

/* Hidden toggle */
.hidetd p,
p.hidetd {
	margin: 0 0 0 5% !important;
	float: inherit;
	cursor: pointer;
	font-size: 12px !important;
}

.hidetd:hover,
.hidetd:hover p {
	text-decoration: underline;
}

tr.older td:nth-child(2) {
	box-shadow: inset 10px 0 0 0 var(--thop-color-older);
}

.toggle-icon.rotated {
	transform: rotate(45deg);
}

/* Hidden rows */
tr.older.hidden {
	opacity: 0;
	transform: scale(0.2);
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;
}

tr.older:not(.hidden) {
	transform: scale(1);
	opacity: 1;
	max-height: var(--thop-table-row-max-height);
	transition: opacity 0.5s ease, transform 0.5s ease, max-height 0.5s ease;
}

/* Neighbor rows */
tr.row-fix2 td:nth-child(1),
tr.row-fix2 td:nth-child(2) {
	border-top: 1px solid transparent;
}

tr.row-fix2 td:nth-child(2) {
	background-color: #fff;
}

/* Show links prompt */
.showlinks {
	padding: 0 5px !important;
	color: var(--thop-color-primary);
	cursor: zoom-in;
}

.showlinks:focus {
	color: inherit;
}

/* Subheader and colored left border */
tr.subheader td {
	padding: 0;
	border-top: 1px solid black;
	border-bottom: 1px solid transparent;
}

tr.subheader td p {
	margin: 0 0 0 5% !important;
	float: left;
	font-variant: all-small-caps;
	font-size: 18px;
}

tr.subheader.version td {
	background-color: var(--thop-color-surface-alt);
	border-bottom-color: var(--thop-color-surface-alt);
}

tr.subheader.section td {
	background-color: var(--thop-color-surface);
	border-bottom-color: var(--thop-color-surface);
}

tr.subheader.portable td,
tr.subheader.plugin.row-portable td {
	background-color: var(--thop-color-portable);
	border-bottom-color: var(--thop-color-portable);
}

tr.subheader.setup td,
tr.subheader.plugin.row-setup td {
	background-color: var(--thop-color-setup);
	border-bottom-color: var(--thop-color-setup);
}

span.release-note-tooltip.portable {
	border: 2px solid var(--thop-color-portable);
	background: var(--thop-color-portable-light);
}

span.release-note-tooltip.setup {
	border: 2px solid var(--thop-color-setup);
	background: var(--thop-color-setup-light);
}

/* Grouped row styles based on subheader (classes applied by js) */
.row-version td:first-child,
.row-section td:first-child {
	box-shadow: inset 20px 0 0 0 var(--thop-color-surface-alt);
}

.row-portable td:first-child {
	box-shadow: inset 20px 0 0 0 var(--thop-color-portable);
}

.row-setup td:first-child {
	box-shadow: inset 20px 0 0 0 var(--thop-color-setup);
}

.row-section td:first-child p,
.row-version td:first-child p,
.row-portable:not(.plugin) td:first-child p,
.row-setup:not(.plugin) td:first-child p {
	margin-left: 20px !important; /* compensate centering */
}

.row-portable.version td:first-child p {
	margin-left: 30px !important;
}

.row-portable.section td:first-child p {
	margin-left: 40px !important;
}

.row-password td {
	color: var(--thop-color-text-soft);
	background-color: #fff;
	box-shadow: none !important;
}

.row-password img {
	margin: 0;
}

@media (max-width: 768px) {
	.single-post-wrap table th,
	.single-post-wrap table td,
	.single-post-container table th,
	.single-post-container table td {
		white-space: nowrap;
		min-width: 0;
	}
}


/* ==========================================================================
   Cookie / GDPR consent bar
   ========================================================================== */

.cky-consent-bar>div:nth-child(2) {
	display: none;
}

.cky-consent-bar .cky-notice-content-wrapper {
	padding: 15px 2% !important;
}

.cky-consent-container .cky-consent-bar {
	background: rgba(255, 252, 255, .7) !important;
	backdrop-filter: blur(10px);
	border: 0 !important;
}