/* homepage css */

/**/

:root {
	--subTitle: calc(17.85px + (19.25 - 17.85) * ((100vw - 300px) / (1680 - 300)))
}

.home-section-top {
	margin-top: calc(22px + (34 - 22) * ((100vw - 300px) / (1680 - 300)));
}

.site-main ul, .site-main ol {
    padding-inline-start: calc(22.5px + (24 - 22.5) * ((100vw - 300px) / (1680 - 300)));
    margin: 0
}

.site-main ul li, .site-main ol li {
    padding-left: calc(5px + (6 - 5) * ((100vw - 300px) / (1680 - 300)));
}

.site-main ul li a, .site-main ol li a {
	color: #7aac51;
	color: #656565;
}

.site-main ul li:not(:last-child), .site-main ol li:not(:last-child) {
    margin-bottom: calc(5px + (7 - 5) * ((100vw - 300px) / (1680 - 300)));
}

ul.dlm-downloads {
	font-size: var(--smallerText);
	line-height: 1.3;
}


.h-dots-title-top:before {
    content: '• • •';
    position: absolute;
    left: 0.25em;
    top: -3.5em;
    font-size: calc(10.5px + (13 - 10.5) * ((100vw - 300px) / (1680 - 300)))
}


.brand .gb-highlight {
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--heading-color,var(--heading-1-color,var(--headings-color)));
	display: flex;
	margin-top: -27px;
	margin-left: max(24px,min(34px,(100vw - 100vmin)));
	z-index: -1;
	position: relative;
}

.home-section-top .gb-query-loop-pagination {
	align-items: center;
	gap: 5px;
	gap: max(4.5px,min(5.5px,(100vw - 100vmin)))
}

.home-section-top .gb-query-loop-pagination .page-numbers {
	padding: 0;
	/**/
    line-height: 37px;
    width: 37px;
    height: 37px;
	
	line-height: max(36px,min(38px,(100vw - 100vmin)));
	width: max(36px,min(38px,(100vw - 100vmin)));
    height: max(36px,min(38px,(100vw - 100vmin)));
    text-align: center;
    justify-content: center;
	font-size: var(--smallerText);
}

@media (min-width: 768px) {
	
	.brand .gb-highlight {
		margin-top: -34px;
	}
	
	.sticky-home {
		position: sticky;
    	top: 120px;
		height: 100%;
	}
	
	.post-image {
		aspect-ratio: 1/1;
	}
	
	.site-footer .footer-container {
		margin-top: 76px
	}
	
}

@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (max-width: 767px) {
	
	.post-image {
		aspect-ratio: 2/1.33;
	}
	
}

@media (max-width: 499px) {
	
	
	
}