/*
Theme Name: K22
Description: figlio di enfold
Version: 2022
Author: Castel
Author URI: https://www.stefanocastelli.info
Template: enfold
*/


html *:focus {
    border:2px solid #035D63;
}
.skiplink {
    position: absolute;
    top: -400px;
    left: 0;
    z-index: 100;
}
.skiplink:focus {
    top: 0;
    outline: 2px solid #035D63;
}

/* INIZIO UPDATE 2024.08.12 */
@media screen and (max-width: 780px) {
    html .entry-content ol,
    html .entry-content ol ol {
        margin-left:0;
    }
}
html #top .fullsize .template-blog .post .entry-content-wrapper,
html #top .fullsize .template-blog .post .entry-content-wrapper p,
html #top .fullsize .template-blog .post .entry-content-wrapper div,
html blockquote,
html blockquote p {
    text-align: left;
    font-size: 1em;
    line-height:1.9em;
}
html .entry-content ol {
    list-style:upper-latin;
}
html .entry-content ol ol {
    list-style:decimal;
}
html .entry-content ol ol ol {
    list-style:lower-latin;
}
html #top .fullsize .template-blog .post .entry-content-wrapper,
html #top .fullsize .template-blog .post .entry-content-wrapper header h1,
html #top .fullsize .template-blog .post .entry-content-wrapper > * {
    max-width:100%;
}
html .av-share-box h5.av-share-link-description {
    margin-bottom: 0;
    font-size: 23px;
    font-weight: 500 !important;
}
html .av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a {
    width: 45px;
    height: 45px;
    font-size: 24px;
    text-decoration: none !important;
}
/* FINE UPDATE 2024.08.12 */

html .av-social-sharing-box.av-social-sharing-box-same-width .av-share-box ul li a:hover,
html #socket a:hover {
    opacity:.8 !important;
}
html #socket {
    color: var(--enfold-socket-color-bg);
    background-color: #025C62;
    border-top:5px solid var(--enfold-header-color-color) !important;
    font-size: 15px !important;
    margin-top: 0 !important;
    letter-spacing: -.1px;
}
html #socket .container {
    padding-top: 25px;
    padding-bottom: 25px;
}
html #socket a {
    color: var(--enfold-socket-color-bg);
    background-color: #025C62;
}
html a abbr,
html a acronym,
html h1 abbr,
html h1 acronym,
html h2 abbr,
html h2 acronym,
html h3 abbr,
html h3 acronym {
    text-decoration: none;
    border-bottom:2px dotted gba(3, 93, 99, .4);
}
html abbr,
html acronym {
    text-underline-offset: 5px;
    opacity:1;
}
html abbr:hover,
html acronym:hover {
    opacity:.7;
}
html .entry-content a {
    text-decoration-thickness: .5px !important;
}
html .entry-content a:hover {
    text-decoration: none;
}
html .av-social-sharing-box {
    border-top:.5px solid #025C62;
    padding-top:25px !important;
}

/* TEMPLATE CUSTOM PROGETTI */
#contenuto-progetto {
	max-width:1310px; 
	margin:50px auto;
}
#contenuto-progetto h1 {
	text-align:center;
	font-weight:300;
	font-size:28px;
	color:#037E8A;
}
#contenuto-progetto a {
	color:#037E8A;
}
.screenshot {
	background-color:#F8F8F8;
	border:1px solid #b0b0b0;
	margin:30px 0 5px;
}
.screenshot img {
	opacity:.6;
}
.screenshot img:hover {
	opacity:1;
}
.box-recap,
.descrizione {
	padding:3%;
	background-color:#F8F8F8;
	border:1px solid #b0b0b0;
	margin: 50px 3% 0 0;
	float:left;
	width:25%;
}
.descrizione {
	width:72%;
	margin-right:0;
}
.box-recap h2 {
	text-align:center;
	margin:0 0 30px;
}
.box-recap ul {
	margin:30px 0 0;
}
.box-recap ul h3 {
	font-size:20px;
}
.box-recap li {
	margin-bottom:15px;
	font-size:16px;
    line-height:1.6em;
    letter-spacing:-.2px;
}
.box-recap h3 {
	display:inline;
}
.off {
	position:absolute;
	top:-5000px;
	left:-5000px;
}
.clear {
	clear:left;
}




/* LAYOUT GENERALE */
.inline article {
	float:left; 
	width:24%; 
	margin-right:1%;
    clear:none;
}
.inline time {
	display:none;
}

html #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 20px;
    font-weight: 300 !important;
    letter-spacing: -.3px;
    line-height: 1.1em;
}
/* HOME CUSTOM */

/* MENU */

/* CONTENUTI */
html blockquote {
    font-size: 1.1em;
}
#top #wrap_all .all_colors .entry-content-wrapper .avia-timeline .milestone_inner {
    background-color: #013b41;
}
#top #wrap_all .all_colors .entry-content-wrapper h2.av-milestone-date a {
    color: #013b41;
}
#top #wrap_all .all_colors .entry-content-wrapper h2.av-milestone-date a:hover {
    text-decoration: none !important;
}
html .menu-image-title {
	font-size:20px !important;
}
/* Box TOC */
#top #wrap_all #ez-toc-container {
    background: transparent;
    border-color: #F6A002;
    border-radius: 10px;
    padding: 20px;
	margin-bottom:30px;
}
#top #wrap_all #ez-toc-container ul {
    margin-top: 20px;
    text-align: left;
}
#top #wrap_all #ez-toc-container ul ul,
#top #wrap_all #ez-toc-container ul li {
    margin-top: 5px;
}
#top #wrap_all #ez-toc-container ul ul li {
    font-size:.9em;
}
#top #wrap_all #ez-toc-container a {
    color: #013b41;
}
#top #wrap_all #ez-toc-container a:hover {
    text-decoration: none !important;
}
/* Intestazioni */
#top #wrap_all .all_colors .entry-content-wrapper h1, 
#top #wrap_all .all_colors .entry-content-wrapper h2,
#top #wrap_all .all_colors .entry-content-wrapper h3,
#top #wrap_all .all_colors .entry-content-wrapper h4 {
    text-transform: initial;
    letter-spacing: normal;
    font-weight: 600 !important;
    padding-bottom: 3px;
    border-bottom: 1px solid var(--enfold-main-color-heading);
}
#top #wrap_all .all_colors .entry-content-wrapper .avia-timeline h2 {
    padding-bottom: 0;
    border: none;
}
#top #wrap_all .all_colors .entry-content-wrapper h3 {
    border-bottom-width: 1px;
	font-size:23px;
}
#top #wrap_all .all_colors .entry-content-wrapper h4 {
    border:none;
	font-size:20px;
}
#top #wrap_all .all_colors .entry-content-wrapper h3.slide-entry-title {
    font-size: 20px;
    letter-spacing: -.1px;
    font-weight: 400 !important;
}

/* Form */
/* Pulsanti */
/* Carousel */

/* FOOTER */


html .main_color {
    background-color: #F5F5F5;
    background-size: cover;
}
html .iconbox .iconbox_content .iconbox_content_title {
    letter-spacing: -.4px;
    font-weight: 500;
    font-size: 1em;
}
html .tab_content h2 {
    margin-bottom: 40px !important;
}
html .tab_content ul li {
    margin-left: 0 !important;
}
html .tab_content ul ul, 
html .tab_content ul ol, 
html .tab_content ol ol, 
html .tab_content ol ul {
    margin-left: 25px !important;
}
html .tab_content oll li {
    display: block;
    width: 23%;
    float: left;
    font-size: 16px;
    letter-spacing: -.6px;
    font-weight: 500;
}
html .home h3.av-special-heading-tag {
    font-size:23px !important;
}
html #top .av-subnav-menu > li {
    display: table-cell;
}
html #top .av-caption-style-overlay .av-masonry-entry .av-masonry-entry-title {
    font-size: 20px;
    font-weight: 300 !important;
    letter-spacing: -.3px;
    line-height: 1.1em;
}
.inline article {
	float:left; 
	width:24%; 
	margin-right:1%;
        clear:none;
}
.inline time {
	display:none;
}
header .logo svg {
    margin:20px 0; 
    height:50px;
}
html #top .slideshow_caption {
    width: 35%;
    min-width: 35%;
    max-width: 35%;
}
html #top .slideshow_caption p {
    min-width: 100%;
}
html .post-entry p a,
html .post-entry li a,
html .post-entry .article-icon-entry a {
	text-decoration:underline !important;
}
html .post-entry p a:hover,
html .post-entry .article-icon-entry a:hover {
	text-decoration:none !important;
}
html .post-entry p a:after,
html .post-entry .article-icon-entry a:after  {
    font-family: 'FontAwesome';
    content: " \f0c1";
}
html .post-entry p a:not([href*='stefanocastelli.info']):not([href^='#']):not([href^='/']):after,
html .post-entry p a[target="_blank"]:after,
html .post-entry .article-icon-entry a:not([href*='stefanocastelli.info']):not([href^='#']):not([href^='/']):after,
html .post-entry .article-icon-entry a[target="_blank"]:after {
    content: " \f08e";
    font-size: 13px;
    position: relative;
    top: -2px;
    margin-left:2px;
}


.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6 {
    font-weight: 600;
    margin: 2em 0;
    padding:.2em;
    line-height: 1.7em;
}
.entry-content h2 {
    border-bottom: 2px solid rgba(3, 93, 99, .4);
}
.entry-content h3 {
    background-color:rgba(3, 93, 99, .1);
}
.entry-content p {
    font-size:16px;
    line-height: 1.7em !important;
    margin:0 0 1.3em !important;
    font-weight:400;
}
.entry-content p+h1,  
.entry-content p+h2,  
.entry-content p+h3,  
.entry-content p+h4,  
.entry-content p+h5,  
.entry-content p+h6 {
    margin-top: 1em;
}
.entry-content > *:not(#ez-toc-container) a {
    font-weight:600 !important;
    padding:3px 6px;
    text-decoration:underline;
    transition: background-color 600ms ease-in-out;
    background-color: rgba(3, 93, 99, .05);
}
.entry-content a:hover  {
    text-decoration:none;
    background-color: rgba(3, 93, 99, .15);
}
html #top #wrap_all #ez-toc-container {
    margin-top:40px;
    background-color: rgba(3, 93, 99, .1);
    border-color: rgba(3, 93, 99, .4);
}
html #top #wrap_all #ez-toc-container a {
    text-decoration: none !important;
    padding:3px 6px;
}

/* Per default in scala di grigio */
.av-masonry img {
  /* scala di grigio al 100% */
  filter: grayscale(80%);
  /* animazione graduale sul filtro */
  transition: filter 600ms ease-in-out;
}

/* Al passaggio del mouse (hover) torna a colori */
.av-masonry img:hover {
  filter: grayscale(0%);
}
.av-social-svg-icon {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    fill: #035D63 !important;
    margin:0 4px; 
}