/* ---------------------------------------
   Sidebar Custom Post Type Widgets CSS 
----------------------------------------*/

/* - FONT AWESOME - */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.css');

/* -- EVENTS CALENDAR -- */

.calendar {
	display: block;
	clear: both;
	margin: 12px 0 0 0;
	text-align: left;
	line-height: 175%;
}

.events {
	display: block!important;
	margin-bottom: 10px;
}

.events .event-title {
	font-weight: 700;
	display: inline!important;
}

.events .event-title:before {
	content: '\2666';
	margin-right: 4px;
	font-size: .85em;
	vertical-align: central;
	color: color-mix(in srgb, currentColor, transparent 50%);
}

.events .event-date {
	display: inline!important;
	text-transform: uppercase;
	font-size: .85em;
}

.events .event-channel,
.events .event-place {
	display: block!important;
}

.events .event-place {
	text-transform: uppercase;
	font-size: .80em;
}

.events .event-channel {
	font-style: italic;
}

.events .event-channel:before {
	content: '(airing on ';
}

.events .event-channel:after {
	content: ')';
}

/* -- PROJECTS -- */

#sidebar-projects {
	display: block;
	margin: 0 auto 10% auto;
	text-align: center;
}

.side-projects-info-synopsis,
.top-projects-info-synopsis {
    background-color: rgba(128, 128, 128, 0.2);
    border-radius: 3px;
    padding: 12px;
	font-size: 11px;
}

.side-projects-info-links a,
.top-projects-info-links a {
    text-transform: uppercase;
    display: inline-block !important;
    text-decoration: none;
	padding: 5px;
	font-size: 10px;
	margin: 2px;
	opacity: .6;
}

.side-projects-info-title,
.top-projects-info-title {
	font-weight: 700;
	font-size: 1.3em;
	margin-top: 5%;
	font-style: italic;
}

.side-projects-img img,
.top-projects-img img {
	object-fit: cover;
	box-shadow: none!important;
	border: 0px!important;
}

.side-projects-info-role,
.top-projects-info-role {
	margin-left: 4px;
}

.side-projects-info-date,
.top-projects-info-date {
	opacity: .7;
	text-transform: uppercase;
	font-size: 10px;
}

.side-projects-info-date::before,
.top-projects-info-date::before {
	content: '[';
}

.side-projects-info-date::after,
.top-projects-info-date::after {
	content: ']';
}

.side-projects-img img {
	float: left;
	width: 40%;
	height: 220px;
	margin-right: 8px;
}

.side-projects-info {
	text-align: left;
	line-height: 175%;
}

.top-projects-img img {
	width: 95% !important;
	height: 170px !important;
	margin: 5px !important;
}

.top-projects-info {
	text-align: center;
	line-height: 175%;
}
.top-projects-info-links {
	margin: 2.5% auto 5% auto !important;
	text-align: center;
}

/* -- AFFILIATES -- */

.affiliates-grid {
    display: grid !important;
    gap: 15px;
    justify-items: center;
    justify-content: center;
    width: 100%;
    margin: 15px auto 0 auto;
}

.affiliates-grid.partner-image {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}

.affiliates-grid.family-image {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(125px, 1fr));
}

.affiliates-grid.elites-image {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}

.affiliate-item {
    width: auto;
}

.affiliate-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    box-shadow: none !important;
    border: 0 !important;
	margin: 0!important;
}

.affiliate-status {
    text-align: center;
    margin-top: 10px;
    grid-column: 1 / -1;
}

   /* Text Affiliates */

.affiliates.affiliates-list {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 20px 5px!important;
	font-size: .68em;
	font-family: 'Tahoma', sans-serif;
	text-transform: uppercase;
	line-height: 1.7;
	margin-top: 15px!important;
}

.affiliates.affiliates-list .affiliate-item {
    flex: 0 1 calc(20% - 15px) !important;
    white-space: normal !important;
    overflow: visible !important;
    word-wrap: break-word !important;
    text-align: center !important;
    background-color: rgba(128, 128, 128, 0.2) !important;
    border-radius: 3px !important;
	padding: 10px 5px !important; 
}

.affiliates.affiliates-list .affiliate-item a span,
.affiliates.affiliates-list .affiliate-item a:hover span {
	font-weight: 700;
	display: block!important;
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.70em;
	text-transform: capitalize;
	font-style: italic;
	color: inherit !important;
    filter: brightness(.7)!important;
}

.affiliates.affiliates-list .affiliate-item a:hover {
    color: inherit !important;
}

@media (max-width: 768px) {
    .affiliates.affiliates-list .affiliate-item {
        flex: 1 0 calc(22.33% - 10px) !important;
        min-width: calc(22.33% - 10px) !important;
        max-width: calc(22.33% - 10px) !important;
    }
}

@media (max-width: 480px) {
    .affiliates.affiliates-list .affiliate-item {
        flex: 1 0 calc(33.33% - 10px) !important;
        min-width: calc(33.33% - 10px) !important;
        max-width: calc(33.33% - 10px) !important;
    }
}

/* -- MAGAZINES COVER -- */

.mags {
	text-align: center;
	margin: 0 auto;
}

.mags img {
	width: 9.8vw;
}

.mags-title {
	font-weight: bold;
	font-size: 1.25em;
	display: block;
    font-style: italic;
}

.mags-links-scan,
.mags-links-shoot {
    text-transform: uppercase;
    margin-right: 7px;
	font-size: .80em;
    font-style: normal;
}

.mags-links-shoot a {
    text-decoration: underline!important;
}

.mags-title::before {
	margin-right: 5px!important;
}

.mags-title::after {
	margin-left: 5px!important;
}

.mags-date {
	text-transform: uppercase;
	font-size: .87em;
}

.mags-lang {
	font-size: .82em;
	font-style: italic;
}

/* -- ALBUMS HIGHLIGHT -- */

.albs-highlight,
.albs-highlight table {
	text-align: center;
	margin: 0 auto;
}

.albs-details {
	width: 100%;
}

.albs-details-3 {
	width: 30.33%;
	margin: 5px;
}

.albs-details-2 {
	width: 49.33%;
	margin: 5px;
}

.albs-details-3 a img {
	width: 95%;
	height: 15vh;
	object-fit: cover;
}

.albs-details-2 a img {
	width: 95%;
	height: 20vh;
	object-fit: cover;
}

.albs-details a img {
	width: 8.5vw;
}

.albs-title {
	font-weight: bold;
	font-size: .95em;
	display: block;
}

.albs-title::before,
.albs-title::after {
	content: '\00B7';
	font-size: .72em;
	margin: auto 0;
}

.albs-title::before {
	margin-right: 5px!important;
}

.albs-title::after {
	margin-left: 5px!important;
}

.albs-date {
	text-transform: uppercase;
	font-size: .85em;
}

.albs-cat {
	font-size: .79em;
	font-style: italic;
}

.albs-cat-title::before {
	content: '[ ';
	font-size: .72em;
	font-style: normal!important;
}

.albs-cat-title::after {
	content: ' ]';
	font-size: .72em;
	font-style: normal!important;
}

/* -- SITE DETAILS */

.stats {
    padding: .2%;
    line-height: 245%;
    font-size: .90em;
}

.stats .fa-solid,
.stats .fa-brands {
    opacity: .5;
    margin-right: 4px;
}



@media (max-width: 1024px) {
    .affiliates.affiliates-list .affiliate-item {
        flex: 0 0 32% !important;
    }
}

@media (max-width: 600px) {
    .affiliates.affiliates-list .affiliate-item {
        flex: 0 0 100% !important;
    }
}