/*
Theme Name: Skarreghost Child
Theme URI: https://infiniteofficine.com
Template: power-magazine
Author: infiniteofficine
Author URI: https://infiniteofficine.com
Description: Power Magazine is clean, well structured, sparkling, user-friendly, flexible, dynamic and attention-grabbing WordPress Magazine Theme with a sleek feel that's perfect for news sites, editorial websites and online magazines. It comes up with the colorful look, built with the latest design trends and highly adjustable theme customizer that lets you customize the appearance of the theme: menu, logo, background and so on.
Tags: custom-background,custom-colors,custom-header,custom-logo,flexible-header,rtl-language-support,custom-menu,featured-images,threaded-comments,footer-widgets,full-width-template,theme-options,one-column,two-columns,left-sidebar,right-sidebar,translation-ready,blog,news
Version: 0.1.1644431686
Updated: 2022-02-09 19:34:46

*/

:root{
    --green: #19FF84;
    --indaco: #32008F;
    --blue: #0000FF;
    --gradient: linear-gradient(45deg, var(--green) 0%, var(--blue) 50%,  var(--indaco) 100%)
}
a:hover{
    color: var(--blue);
}
a.gradient-btn, .gradient-btn > a{
    color: white;
    font-size: 0.75rem !important;
    padding:  8px 30px;
    font-weight: bold;
    font-style: normal;
   /*  text-transform: uppercase; */
    background-image: var(--gradient);
}
a.gradient-btn:hover, .gradient-btn > a:hover, .main-navigation li.current-menu-item.gradient-btn > a{
    /* background: var(--green); */
    color: white;
}
div.textwidget .custom-html-widget a.gradient-btn:hover{
	font-size:16px;
	color: var(--green);
}

.main-navigation .gradient-btn > a:after{
    content: none;
}
/* Header */

@media (max-width:500px){
	.heading {
  padding-top: 16px;
}
.main-slider.default-margin, section.widget_media_image.default-margin {
  margin-bottom: 2px;
}	
    img.custom-logo{
        max-width: 100% !important;
    }
}

.site-header-middle {
background: rgb(7,47,230);
background: var(--gradient);
}

.custom-header-ad .widget-title{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}
.home-icon a{
    padding: 11px 13px;
}
.main-navigation a:after{
    background: var(--green);
}
.main-navigation a:hover, .main-navigation li.current-menu-item a{
    color: var(--green);
	font-size: 16px !important;
}

.main-navigation li a:before{
    display: inline-block;
    height: 22px;
    width: 25px;
    vertical-align: middle;
    margin-right: 5px;
    background: white;
    transition: all 0.3s ease-in-out;
}

.main-navigation li a:hover:before{
    background: var(--green);
}

.main-navigation li.bulb-icon > a:before{
    content: '';
	mask: url(https://skarredghost.com/DevMax/wp-content/uploads/2022/03/bulb-icon.svg) no-repeat center / contain;
    -webkit-mask: url(https://skarredghost.com/DevMax/wp-content/uploads/2022/03/bulb-icon.svg) no-repeat center / contain;
}
.main-navigation li.pen-icon > a:before{
    content: '';
	
    mask: url(https://skarredghost.com/DevMax/wp-content/uploads/2022/03/pen-icon.svg) no-repeat center / contain;;
    -webkit-mask: url(https://skarredghost.com/DevMax/wp-content/uploads/2022/03/pen-icon.svg) no-repeat center / contain;
}
.main-navigation li.gradient-btn{
    float: right;
    padding-top: 7px;
    padding-right: 20px;
}
@media (min-width:769px) {
    .main-navigation .menu-new-menu-container {
        width: calc(100% - 60px);
    }

}
@media (max-width:768px) {
    .mean-nav .home-icon {
        display: none;
    }
    .custom-header-ad img{
        margin: 25px auto 0;
    }
}

@media (max-width: 650px) {
    .header-info-bar-left > div.contact-info{
        display: flex;
        flex-wrap: wrap;
    }
    .contact-info > div {
        float: none !important;
        display: block;
        border-left: 1px solid #d7d7d7;
       flex-grow: 1;
        border-top: 1px solid #d7d7d7;
        text-align: center;
        padding:8px;
        font-size:10px;
    }
    .contact-info > div a{
        font-size:10px;
    }
    .header-info-bar .datetime:before{
        position: static;
    }
}

/* Body */
.main-navigation > div.home-icon a {
	background-color: #252525;
}
.header-tab-button .widget-title.current {
    background: var(--blue);
}
.post-cat-list{
    background:white;  
	padding: 0px;
}
.post-cat-list a{
    background:black; 
	font-size: 10px;
    font-weight: 500;
	text-transform: lowercase;
	padding: 3px;
	border-radius: 5px;
}
.post-cat-list a:hover{
    background:var(--blue);
}
 .post-cat-list span {
     padding-left: 5px; 
     margin-left: 0px; 
}   
.entry-header .entry-title {
	line-height: 1.1;
    font-weight: 800;
    padding-top: 6px;
}
.heading{
    border-bottom: none;
    align-items: flex-end;

}
.heading header.entry-header{
    flex-grow: 1;
    padding-right: 10px;
}
.heading .entry-header .entry-title{
    letter-spacing: 2px;
}
.heading header.entry-header:after{
    content: '';
    background-image: url("https://skarredghost.com/DevMax/wp-content/uploads/2022/03/skarred-ghost-decoration.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 2.48%;
    margin-top: 10px;
}
.heading a.view-more {
    color: blue;
    margin-left: 0;
    text-transform: none;
    margin-bottom: 0;
}
.post-cat-list a{
    background: var(--blue);
}
.post-cat-list a:hover{
    background: var(--green);
    color: black;
}
/* SLIDER */

.main-slider .slick-dots li button[type=button]{
    background: var(--green);
    opacity: 0.5;
}
.main-slider .slick-dots li.slick-active button[type=button]{
    background: var(--indaco);
    opacity: 1;
}
.absolute-content .entry-header .entry-title a:hover{
    color: var(--green);
}

/* sidebar */
.widget-area h3.widget-title{
    border-bottom: none;
    text-transform: none;
    letter-spacing: 2px;
}
.widget-area h3.widget-title:after{
    content: '';
    background-image: url("https://skarredghost.com/DevMax/wp-content/uploads/2022/03/skarred-ghost-decoration.png");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0;
    padding-top: 2.48%;
    margin-top: 10px;
}
.widget ul li {
    margin-bottom: 8px;
    padding-bottom: 4px;
    border-bottom: 1px solid #f1f1f1;
    text-transform: uppercase;
}
.header-tab-button .widget-title{
    background: #000;
    color: white;
}
/* Footer*/
.site-generator {
    background: var(--blue);
   
}
.custom-header-ad .widget-title{
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
}

.site-footer{
    background: #191a19;
}
.site-footer .widget-title{
    border: none;
}
.site-footer .widget-title span{
    background: none;
    text-transform: none;
    letter-spacing: 2px;
}

.single-post .post-content .entry-header h2.entry-title{
    font-size: 1.75rem;
}
.single-post .post-content .entry-header .entry-title a{
    font-size: 1.2rem;
}
.post-navigation .nav-links{
    display: flex;
}
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next{
    float: none;
}
.post-navigation .nav-links a, .posts-navigation .nav-links a {


    border: 1px solid var(--blue);

    color: var(--blue);

    display: flex;
    height: 100%;
    align-items: center;
}
.nav-previous a::before, .nav-next a::after{
    color: var(--blue);
}

.nav-previous a:hover, .nav-next a:hover {
    background-color: var(--blue);
    color: #fff;
}

/* COMMENTS */

.comment-body .comment-author img {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: 0;
    object-fit: cover;
}
.comment-body{
    padding: 15px 10px 10px 40px;

}
.comment-body .comment-meta{
    margin-bottom: 5px;

}
.comment-body .comment-metadata{
    font-size: 12px;
}
li.comment ol.children{
    padding-inline: 10px;
    list-style: none;
    background: rgba(0,0,255,0.05);
}
.post-content .entry-content ol li, .post-content .entry-content ul li{
    margin-bottom: 10px;
}

/* */
/* Custom by Len */


/* Ingombro logo desktop */
div.site-logo {
  height: 70px !important;
}


/* Ingombro logo desktop */

p {
  font-family: 'Nunito', sans-serif;
	font-style:normal !important;
  font-weight: 300;
}
/* gestione tag */
.post-cat-list span:before{
    content:'/';
    position: relative;
    top:3px;
    left:0;
    color:#fff;
    font-size:11px;
}
.post-cat-list a{
	border-radius: 5px;
	border-top:2px;
}
.post-cat-list span{
	padding: 3px;
}
.post-cat-list span:nth-of-type(1) {
    padding-left: 4px;
    margin-left: 0px;
}
.post-cat-list span {
    padding: 5px 3px 3px 0px;
}
/* Ombra e altezza card */

.sport-section article{
	min-height:190px;
box-shadow: 5px 5px 5px #ccc;
}

.business-section article {
min-height:458px;
box-shadow: 5px 5px 5px #ccc;
}

b, strong {
    font-weight:800;
}

li .gradient-btn .menu-item .menu-item-type-post_type .menu-item-object-page .menu-item-10803 a:hover {
    color: white;
}

div.textwidget .custom-html-widget a.gradient-btn:hover{
	font-size:16px;
	color: var(--green);
}

/* Font globale del sito */

p, body, button, input, select, optgroup, textarea {
  font-family: 'nunito', sans-serif;
/*  font-style: italic; */
  font-size: 16px;
	line-height: 1.5em ;
}

p a {
  color: #0000ff;
  text-decoration: none;
}

p a:hover {
  /* color: var(--blue); */
  text-decoration: underline;
}



/* Stile lista puntata */

.post-content .entry-content ol li, .post-content .entry-content ul li {
  margin-bottom: 0px;
}

ul, ol {
  margin: 0 0 1em 0em;
}

/* Stile interview */

@media (min-width:769px) {
    .main-navigation .menu-new-menu-container {
        width: calc(99% - 60px);
    }

}



#interview h5 {
  padding-bottom: 18px;
  background-color: azure;
  padding: 10px;
	border-left: solid 1px blue;
}
@media (max-width: 542px){
    .comment-body .comment-author img {
        width: 20px;
        height: 20px;
        top:16px;
    }
    .comment-body .comment-metadata{
        font-size: 10px;
    }
    .comment-body{
        padding: 15px 10px 10px 25px;

    }
    .post-content .entry-content ol, .post-content .entry-content ul{
        margin-left: 0;
    }
}
figure.wp-block-image.size-large{
	margin: 0 0 0 40px;
}
/* Didascalia setting */
figcaption { font-size:12px;
font-style:italic;}