@import '../core/colors';

#secondary {
	border-left: @background-darker solid 1px;
	padding: 15px;
	@media screen and (max-width: 767px) {
		border: none;
	}
}
.widget {
	padding: 15px;
	h2, h3, h4, h1, .widget-title {
		font-weight: 400;
		font-size: 24px;
		padding-bottom: 10px;
		border-bottom: solid 2px @background-darker;
	}
	ul, ol {
		margin-left: 3px;
		padding-left: 0px;
		list-style: none;
	}
	li {
		padding: 8px 0;
		border-bottom: solid 1px @background-darker;
		&:last-child {
			border-bottom: none;
		}
		a {
			color: @text-light;
			text-decoration: none;
			&:hover {
				color: @secondary-dark;
			}
		}
	}
	p{
		a{
			text-decoration: underline;
			color: @primary;
		}
	}
	.widget_block {
		h1,h2,h3,h4,h5,h6 {
			&:only-child {
				margin-bottom: -40px;
			}
		}
	}
}


/* Custom LESS for the Featured Post section in the sidebar */

.featured-post-widget {
	/* Add some padding around the entire widget */
	padding: 10px;

	.fp-sidebar-title {
	  font-size: 20px;
	  margin-bottom: 15px; /* Add some space below the title */
	}
  
	.featured-sidebar-row {
	  display: flex;
	  flex-wrap: wrap;
  
	  .sidebar-thumbnail-wrapper {
		/* Add margin between each post (adjust as needed) */
		margin-bottom: 20px;
  
		img {
		  /* Make sure the thumbnail images fit nicely within their containers */
		  max-width: 100%;
		  aspect-ratio: 3/2;
		  object-fit: cover;
		  height: auto;
		}
	  }
  
	  .sidebar-post-info-wrapper {
		/* Add margin between the post info and the thumbnail (adjust as needed) */
		margin-bottom: 20px;
  
		.sidebar-title {
		  /* Style the post titles in the sidebar */
		  font-size: 14px;
		  margin-bottom: 5px; /* Add some space below the title */
		  color: @text-dark;
		  text-transform: capitalize;
		  font-size: 15px;
		  font-weight: 700;
		  line-height: 1.4em;
		  margin: 0 0 5px;
		  letter-spacing: normal;
		  &:hover{
			color: @secondary-dark;
		  }
		}
  
		.entry-meta {
		  /* Style the entry meta information (date, author, etc.) */
		  font-size: 13px;
		  color: @text-content;
		  a{
			color: @secondary;
			&:hover{
				color: @secondary-dark;
			}
		  }
		}
	  }
	}
  }


//The Theme Page styling

#phnewspaper-admin-theme-info {
    margin-right: 6em;
    span {
        color: @secondary;
    }
}
.phnewspaper-theme-demos {
    display: flex;
    flex-wrap: wrap;
    figure {
        position: relative;
        width: 100%;
        margin: 0 auto;
        box-sizing:border-box;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 2.8em;
        img {
            width: 100%;
            border-radius: 10px;
            box-shadow: 0 4px 15px rgba(0,0,0,0.15);
        }
        @media (min-width: 768px) {
            width: 50%;
        }
        @media (min-width: 992px) {
            width: 33.33%;
        }
        figcaption {
            font-size: 1.6em;
            text-align: center;
            padding-top: 0.25em;
            padding-bottom: 0.25em;
        }
    }
    .pro {
        &:before {
            content: "PRO";
            position: absolute;
            top: 10px;
            right: 25px;
            padding: 0.5em 0.75em;
            color: white;
            font-weight: 900;
            background: #239135;
            border-radius: 0.8em;
        }
    }
}

.phnewspaper-plus-btn {
    font-size: 1.6em !important;
}

li#menu-appearance {
    ul {
        > li a[href*="itng_options"]{
            color: @primary;
            &:hover {
                color: @primary;
            }
        }
    }
}