/*
Theme Name: The Classicpress Theme Child
Theme URL: https://federalproductions.com/
Description: Adds custom stuff to Classicpress Theme
Author: Ted Thompson
Author URL: https://tg626.net
Template: the-classicpress-theme
Text Domain: the-classicpress-theme-child
*/

div.vscf-info {
    font-size: xxx-large;
}

.page-id-4154 #main h4 {
    margin-top: .5em;
    padding-top: 0;
	padding-left: 3px;
    background: #057f99;
    border-radius: 3px;
	color: #fff;
}

a.su-button::after {
    content: unset!important;
}

.wp-caption-text {
	font-size: 0.9rem;
}

pre {
	text-wrap-mode: wrap;
	font-weight: bold;
	background: #333;
	color: #090;
	border-radius: 3.5% / 50%
}
.page-list-ext-item h3 {
    padding-top: unset;
}

.game-page .post-thumbnail {
	background: #333;
}

.game-page .post-thumbnail img {
	padding:20px;
}

.post-thumbnail {
	text-align: center;
}

.ltgraybg {
	background: #e7e7e7;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.has-small-font-size {
    font-size: 0.8rem !important;
}
.has-medium-font-size {
    font-size: 1.05rem !important;
}
.has-large-font-size {
    font-size: 1.20rem !important;
}
.has-x-large-font-size {
    font-size: 1.85rem !important;
}
.has-xx-large-font-size {
    font-size: 2.5rem !important;
}

#page-title {
	text-transform: uppercase;
}

.dl-cat-table.su-table table,
.dl-cat-table.su-table table td {
	border: none!important;
}

.dl-cat-table.su-table table td {
	padding-top: 30px!important;
	padding-bottom: 30px!important;
}
 
header#masthead {
	background-color: #222222;
}

footer#colophon {
	background-color: #333333;
}

#colophon p {
	font-size: .8em;
}

.github-embed a{
	overflow-wrap: break-word;
} 

.rounded {
    border-width:1px;
	border-radius:25px;
}
.small-gap {
   gap:0.4em;
}
.video_image_frame img {
   object-position: center!important;
}
.align-center {
   text-align:center;
}
.hidden {
   display:none;
}
.quotes-llama-widget-random img {
   filter:brightness(50%);
   aspect-ratio: 2/3;
}

/* Mobile specific rules */
@media screen and (max-width: 899px) {
	.ko-fi-button {
	    text-align: center!important;
	}
}

/* Desktop Specific Rules */
@media screen and (min-width: 601px) {
	.download-page .post-thumbnail img {
		margin-top: 1px;
		margin-left: 1px;
	}
	.download-page .post-thumbnail {
		text-align: left;
		background: #3EBCA6;
        background: linear-gradient(225deg, rgba(62, 188, 166, 1) 18%, rgba(5, 127, 153, 1) 50%, rgba(0, 107, 129, 1) 100%);
        border-top-right-radius: 40px 120px;
	}
	
	.download-page .post-thumbnail img {
		height: 200px;
		width: auto;
		box-shadow: 2.4px 4.8px 4.8px hsl(0deg 0% 0% / 0.43);
		background: #333;
	}
}