:root {
    --slide-button-orange: #c25b08;
}

#blog-roll {
    margin: 0 auto;
	padding: 2.9375em 0 3em;
    font-family: raleway, sans-serif;
	font-style: normal;
	font-weight: 300;
	width: 90%;
}

#blog-roll p, 
#blog-roll h2 {
    padding: 0 0 20px;
}

#blog-roll h2 {
	font-family: canada-type-gibson, sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: 2em;
}

#blog-group p, 
#blog-group h2 {
    padding: 0;
}

#blog-group {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    margin-top: 20px;
	margin-left: -20px;
	width: 95vw;
}

.blog-item {
    background: white;
	margin: 0 20px 25px;
	border: 1px solid rgba(0, 0, 0, 0.25);
	width: 100%;
}

.item-header {
    display: flex;
	flex-direction: column;
	background: white; 
	padding: 10px 10px 10px 15px;
    -webkit-box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 8px -3px rgba(0, 0, 0, 0.5);

}

.item-header .location {
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-size: 14pt; 
	font-style: normal; 
	font-weight: normal; 
}

.item-header .type {
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 8pt; 
	font-style: italic; 
	font-weight: normal;
}

.item-header .type .division { color: #2b6a9f; }

.item-header .divider {
    margin: 5px 0;
    width: 100%;
}

.item-header .description {
	font-size: 8pt;
	font-weight: 500;
}

.item-feed { padding: 10px 20px 0; }

.item-feed .topic {
    padding: 5px 0 5px !important;
	font-size: 10pt; 
	font-weight: bold;
	line-height: 1.15em;
	
}

.item-feed .meta {
    border-bottom: 1px solid #cccccc;
    padding: 0 0 5px !important; 
	font-size: 9pt; 
	font-weight: bold;
}

.item-feed .meta:last-of-type {
	border-bottom: 0;
	padding-bottom: 0 !important;
}

.item-feed .meta .date { color: rgba(130, 130, 130, 1.00); }

.item-feed .meta .author { 
    display: block;
    color: black; 
}

.item-footer { padding: 10px; }

.item-footer .links {
    padding: 5px 0 0 !important;
    font-size: 10pt;
	text-align: center;
    font-weight: bold;
}

.item-footer .links a { text-decoration: none; }

.item-footer .links a:hover { color: var(--slide-button-orange); }

@media (min-width: 375px) {
	.item-header .location { font-size: 17pt; }
}

@media print, (min-width: 568px), (min-width: 1024px), (min-width: 1500px) {
	.item-header .location { font-size: 18pt; }
}

@media (min-width: 667px) {
	.item-header .location { font-size: 14pt; }
}

@media (min-width: 1300px) {
	.item-header .location { font-size: 16pt;}
}

@media (min-width: 375px), (min-width: 667px), (min-width: 1300px) {
	.item-header .type { font-size: 10pt; }
}

@media print, (min-width: 568px), (min-width: 1024px), (min-width: 1500px) {
	.item-header .type { font-size: 11pt; }
}

@media (min-width: 375px) {
	.item-header .description { font-size: 9pt; }
}

@media (min-width: 568px), (min-width: 1300px) {
	.item-header .description { font-size: 10pt; }
}

@media print, (min-width: 1024px), (min-width: 1500px) {
	.item-header .description {font-size: 11pt;}
}



@media print, (min-width: 568px), (min-width: 768px) {
	.item-feed .meta .author { display: inline; }
}

@media (min-width: 667px) {
	.item-feed .meta .author { display: block; }
}


@media (min-width: 667px) {
	.blog-item {
		margin: 0 10px 25px;
		width: calc((100% / 2) - 40px); 
        /* calculate 1/3 of the 100% width; minus the px margin on either side of the container */
	}
}

@media (min-width: 1024px) {
	.blog-item { width: calc((100% / 2) - 50px); }
}

@media (min-width: 1300px) {
	.blog-item {
		width: calc((100% / 3) - 50px); 
        /* calculate 1/3 of the 100% width; minus the px margin on either side of the container */
	}
}

@media (min-width: 1500px) {
	.blog-item { margin: 0 12px 25px; }
}

@media print {
	.blog-item {
        margin: 0 12px 25px;
        width: calc((100% / 3) - 50px); 
        /* calculate 1/3 of the 100% width; minus the px margin on either side of the container */
    }
}

@media print, (min-width: 667px) {
	.item-header { padding: 10px 15px; }
	
	.item-feed .meta { padding-left: 10px !important; }
}

@media print, (min-width: 1024px) {
	#blog-group { width: 83vw; }
}

@media print, (min-width: 1500px) {
	#blog-group { width: 80vw; }
}