/* CSS Document */
@font-face {
    font-family: 'Globa';
    src: url('https://solidgigs.com/blog/wp-content/themes/solidgigs_blog/fonts/globa/globa-black-webfont.woff') format('woff');  
}

@font-face {
    font-family: 'Work Sans';
    src: url('https://solidgigs.com/blog/wp-content/themes/solidgigs_blog/fonts/work-sans/WorkSans-VariableFont_wght.ttf') format('truetype');  
}

body {background: #fff; font-family: "Work Sans", sans-serif;} 
	h1, h2, h3, h4, h5, h6 {color: #222; font-family: 'Globa', sans-serif}

h2{font-size: 1.85em; }
h3{font-size: 1.4em; }

p {font-size: 1em;}


.flex {display:flex;}
.flex-center {
    display: flex;
    align-items: center;
}
.flex-clear {flex: 100%;}
p {line-height: 1.8em;}

p a, a, a:visited {color: #ffbd30;}
p a:hover, a:hover {color: #f2a707; text-decoration: none;}
p[content=" "], p[content=" "]  {display:none;}
ul {
    margin: 0px;
}
button.sg_button, a.sg_button, .main-navigation li a[href='/'], input[type='submit']  {
    display: block;
    padding: 12px;
    border-radius: 4px;
    margin-right: 5px;
    font-size: 15px;
    text-decoration: none;
    background: #ffbd30;
    border: 1px solid #ffbd30;
    color: #222;
    width: 100%;
    max-width: 300px;
    margin: auto;
    clear: both;
	line-height: 1em;
	text-align: center;
}

input[type='submit'] { margin: 0; border: 0px; outline: 0px;     font-family: 'Work Sans', sans-serif;}

button.sg_button:hover, a.sg_button:hover {
    cursor: pointer;
    background: #f0b22f;
    color: initial;
}

button.sg_button:active, a.sg_button:active {position: relative;
    top: 2px;}


	.icon {
  height: 1em;
  vertical-align: middle; 
}

#page {
}

header#masthead {
    margin: 27px auto 18px auto;
    display: flex;
    align-items: center;
	width: 95%;
    max-width: 1000px;
}


.site-branding {
    display: flex;
    align-items: center;
}

.site-title {
	display: flex;
	align-items: center;
    width: 190px;
    margin: 0px;
    margin-right: 9px;
}

.site-title a img:hover {
    filter: brightness(0) invert(1) sepia(1) saturate(10000%) hue-rotate(309deg);
}


.site-title .blog-home-link {
    font-family: 'Globa', sans-serif;
    color: #222;
    font-weight: bold;
    letter-spacing: .5px;
    text-decoration: none;
}

.site-title .blog-home-link:hover {
    color: #ffbd33;
    text-decoration: underline;
    text-decoration-thickness: 2px;
}



.site-description {
    font-size: 12px;
}

#site-navigation {
    margin-left: auto;
    width: auto;
}

.main-navigation ul {
        display: flex;
        align-items: center;
    }

.main-navigation ul li a {
    color: #222;
    text-decoration: none;
    margin-right: 18px;
}

main#primary {
	 width: 95%;
    margin: 0 auto 36px auto;
    max-width: 1000px;
	min-height: calc(50vh);
	
}

.single-post main#primary {
	border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 4px 5px 0 #000;
}

.single-post main#primary article {max-width: 800px; margin: 63px auto;}


#primary article:first-child {
    flex: 0 0 100%;
}

#primary article:first-child>.flex-center {
    flex-direction: row;
    gap: 36px;
}

#primary article:first-child header.entry-header {
    flex: 0 0 50%;
}


header.entry-header {
    
}

.post-tile header.entry-header  {max-width: 100%;}

.cat-links a {
    border: 1px solid #d3d9e1;
    border-radius: 999px;
    padding: 3px 11px;
    display: inline-block;
    color: #86909C;
    text-decoration: none;
    font-size: 12px;
}

.cat-links a:hover {
    border: 1px solid #ffbd33;
    color: #ffbd33;
}

h1.entry-title {
    font-size: 3em;
    line-height: 1.25em;
    margin: 9px 0px 9px;
	min-width: 550px;
}

.byline {
    margin-right: 9px;
}

.byline .author img {
    width: 33px;
    border-radius: 100%;
    margin-right: 4px;
	background: url('https://solidgigs.com/blog/wp-content/uploads/2024/06/avatar-e1718232486203.jpg');
    background-size: 100%;
}


.post-thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9; /* Ensures 4:3 ratio */
  overflow: hidden;
	border-radius: 4px;
}

.post-thumbnail img {
    height: 100%;
    object-fit: cover;
}



.single .entry-content>p:first-of-type::first-letter {
	font-family: "Globa", sans-serif;
	display:inline-block;
	float:left;
	margin-right: 2px;
    font-size: 2em; 
    font-weight: bold; 
    color: #222;
margin-top: -2px}

.entry-content p img {border-radius: 8px;}

.entry-content h2, .entry-content h3, .entry-content h4 {display:inline; }


.sidenote {
    display: block;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 18px;
    transform: rotate(-1.5deg) scale(1.05);
}
.sidenote p {margin:0px;}

.sg-template {
    background: #fcfcfc;
    color: #222222;
    padding: 27px 27px 0px 27px;
    border-radius: 5px;
    border: 1px solid #ffbd33;
    border-top: 12px solid #ffbd33;
}

.sg-template br:first-child {display:none;}

.author-box {
    display: flex;
    flex-direction: row;
	padding: 27px 0 9px 0;

}

.author-box .author-avatar {
    width: 180px;
	margin-right: 18px;
	max-width: 180px
}

.author-box .author-avatar img {
    border-radius: 100%;
}

.author-box h4.author-name {
    margin: 0;
}



.author-box h4.author-name a {
    text-decoration: none;
    color: #222;
    font-size: 22px;
}

.author-box h4.author-name a:hover {
    color: #ffbd33;
}

.author-box p.author-bio {
    line-height: 1.5em;
    font-size: 14px;
}

.author-box img.icon:hover {filter: invert(73%) sepia(94%) saturate(539%) hue-rotate(331deg) brightness(105%) contrast(101%);}






.promo-1 {border-top: 1px solid #e9edf3;
    border-bottom: 1px solid #e9edf3;
    padding: 36px 36px 27px;
    clear: both;
	margin-bottom: 36px;
}

.promo-1 h2 {
    font-size: 36px;
    margin: 0;
	display: block;
}

.promo-1 form, .promo-1 p.small {
    margin: auto;
    max-width: 360px;
    display: block;
	text-align: center;
}

.promo-1 input[type='submit']:active {position: relative; top: 2px;}

.promo-1.promo-dark, .promo-1.promo-yellow {border-top: 0px; border-bottom: 0px;}

.promo-1.promo-dark {
    background: #222;
    color: #fff;
	border-radius: 8px;
}

.promo-1.promo-dark h2 {
    color: #fff;
}

.promo-1.promo-yellow {
    background: #ffbd33;
		border-radius: 8px;
	color: #222;
}

.promo-1.promo-yellow h2 {color: #000;}

.promo-1.promo-yellow input[type='submit'] {
    background: #000;
	color: #fff;
}

.promo-1.promo-dark h2 {
    color: #fff;
}

aside#secondary {
    margin-top: 360px;

    max-width: 250px;
}

aside img {border-radius: 8px;}

.single-post #comments {
    border: 1px solid #000;
    border-radius: 5px;
    box-shadow: 4px 5px 0 #000;
    width: 95%;
    margin: 0 auto 90px auto;
    max-width: 1000px;
    min-height: calc(50vh);
}

.single-post #respond {max-width: 800px;
    margin: 63px auto;}

div#comments textarea {
    padding: 9px;
    font-size: 14px;
    font-family: 'Work Sans', sans-serif;
    line-height: 1.5em;
}

div#comments textarea:focus {border: 1px solid #222; outline: 0px;}
.comment-form-comment {margin: 0px;}
.form-submit {margin: 0px;}

footer#colophon {
    background: #222;
    padding: 45px 0;
    color: #e8e8e8;
}

footer img.logo {
    width: 150px;
    filter: invert(100%) saturate(0%) brightness(1000%);
}

.site-info {
    width: 95%;
    margin: auto;
    max-width: 1000px;
}
.sg-lead-form {margin: 18px 0 0 0;}

.sg-lead-form input {
    height: 45px;
    border-radius: 4px;
    outline: 0px;
    border: 0px;
    width: 100%;
    max-width: 360px;
    display: block;
    margin-bottom: 9px;
    box-sizing: border-box;
    text-align: center;
}

.sg-lead-form input[type='text'] {
    border: 1px solid #626262;
}

p.small {    font-size: 12px; margin: 9px 0 }



/*//////////////////////////////////////////////////////////////////////////////////////// HOMEPAGE & ARCHIVE (AUTHOR) PAGE */

.archive-head {
    text-align: center;

}

.archive-head h1 {	font-size: 3em; margin-bottom: 0px;}

.archive-head p {margin-top: 0px;}

.home header#masthead, .archive header#masthead {    max-width: calc(1200px);
}

.home main#primary, .archive main#primary {
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
    justify-content: center;
}

.home article.post-tile, .archive article.post-tile {
    flex: 0 0 calc(33.33% - 12px);
    box-sizing: border-box;
}

.post-tile h1.entry-title {
    min-width: 0px;
}

.post-tile .flex-center {
    flex-direction: column-reverse;
}






.post-tile header.entry-header {
    margin: 18px 0 0 0;
	padding-right: 0px;
}

.post-tile .cat-links a {
        font-size: 12px;
    }

.post-tile h2.entry-title {
    min-width: 0;
    font-size: 1.8em;
    margin: 9px 0px;
	line-height: 1.3em;
}

.post-tile h2.entry-title a {
color: #222;
	text-decoration: none;
}

.post-tile h2.entry-title a:hover {
color: #ffbd33;
	text-decoration: none;
}


.entry-meta {
    margin: 9px 0 18px;
}
	
	.vcard.flex-center, .entry-meta.flex-center {flex-direction: row; align-items: center;}
	.published-on-text {display:none;}

.post-tile .entry-content {
    margin-top: 0px;
}

.entry-content .toc {
    display: block;
    float: right;
    max-width: 300px;
    border: 1px solid #000000;
    border-radius: 4px;
    padding: 9px;
	    margin: 0 0 18px 18px;
}

.entry-content .toc h2 {
    margin: 0 0 4px;
    font-size: 17px;
}

.entry-content .toc h2 {
    margin: 0;
    font-size: 16px;
}

.entry-content .toc ul {
    margin: 0px;
    padding: 0 18px;
    font-size: 13px;
}

.toc a#see-more-link {
    font-size: 14px;
    padding: 4px 0 0 18px;
    margin-top: 0px;
    display: inline-block;
    border-radius: 4px;
    color: #222;
    text-decoration: none;
}

#see-more-link span {
    font-size: 11px;
}

.toc span.affiliate-disclaimer {
    display: block;
    font-size: 11px;
    line-height: 13px;
    margin-top: 9px;
    color: #888;
    border-top: #d7d7d7 1px solid;
    padding: 9px 0 0 0;
}

.post-tile .entry-content p {
    margin-top: 0px;
    font-size: 14px;
    line-height: 1.5em;
}

.pagination {
    display: flex;
	margin: 36px 18px;
	flex: 100%;
}

.pagination a, .pagination span {
    min-width: 3em;
    width: auto;
    display: block;
    margin-right: 9px;
    border: 1px solid #e9edf3;
    border-radius: 4px;
    padding: 9px 16px;
    text-decoration: none;
    text-align: center;
}

.pagination a:hover {border: 1px solid #2E3745}

.pagination .next, .pagination .prev {border: 1px solid #fff;;}

.pagination .current {
    background: #ffbd33;
    border: #ffbd33;
}


/* ///////////////////////////////////////////////////////////////////////////////////////// END HOME & ARCHIVE */


/* SIDEBAR */
aside .post-tile h2.entry-title {
    margin: 0px;
    font-size: 20px;
}

aside  .post-tile .post-thumbnail {    max-height: 150px;}

aside .post-tile:hover  .post-thumbnail {
	box-shadow: 8px 8px #ffbd33;
}

aside .post-tile:hover h2.entry-title a {
color: #ffbd33;
	text-decoration: none;
}

/* END SIDEBAR */


.tiles {
    display: flex;
    gap: 9px;
    margin: 18px 0;
    /* overflow: auto; */
    /* height: auto; */
    flex-wrap: wrap;
}

.tile {
    border-radius: 9px;
    box-shadow: 0 0px 15px rgba(0, 0, 0, 0.05);
    overflow: auto;
    height: auto;
    width: calc(33.3% - 9px);
}

.tile img {
  width: 100%;
}

.tile-details {
  padding: 18px;
}

.tile h3 {
  font-family: 'Globa';
	margin: 0px;
		    line-height: 1.2em;
}

.tile p {
  font-size: 12px;
  line-height: 1.5em;
	margin: 9px 0px; 
}

.tile h4 {
  background: #d4edda;
  color: #256533;
  font-size: 11px;
  font-family: 'Figtree';
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 15px;
  display: inline-block;
  margin-bottom: 9px;
}

.tile .price {
    font-size: 27px;
    padding-top: 0px;
}

.tile .price:before {content: "$";}

.tile .price s {
    font-size: 18px;
    text-decoration: line-through;
	margin-left: 9px;
}

table.rcp-table {
    width: 100% !important;
    margin: 9px 0px !important;
}

    .rcp-table tbody {
        width: 100% !important;
    }

.rcp_registration_total_details tr {
    display: flex !important;
    justify-content: space-between !important;
    max-width: 100% !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-block: 3px !important;
	width: auto  !important;
}

#rcp_registration_form {min-width: 350px !important;}


/*/////////////////////////////////
/////////////////////////////////// MOBILE
/////////////////////////////////*/

@media (max-width: 800px) {

	.ad-dynamic_incontent {  float:none;          margin: auto;
}
	
	#primary article:first-child>.flex-center {
    flex-direction: column-reverse;
		gap: 0px;
}
	
	#primary article:first-child header.entry-header {
    flex: 1;
}
	
	#primary article:first-child h2 {
    font-size: 1.8em;
}
	
	.flex-center {flex-direction: column; align-items: flex-start;}
	.flex {    flex-direction: column; }
	
	.site-description {display:none;}
	
	header.entry-header {
    padding-right: 0;
    margin: 0;
    max-width: 100%;
}
	
	.cat-links a {
    font-size: 12px;
}
	
	h1.entry-title {
    min-width: 0;
    font-size: 2.5em;
		margin:0px;
}
	
	.entry-meta {
    margin: 9px 0;
}
	
	.vcard.flex-center, .entry-meta.flex-center {flex-direction: row; align-items: center;}
	.published-on-text {display:none;}
	.post-thumbnail img {
    right: 0px;
    box-shadow: none;
}
	
	.post-thumbnail {
    overflow: hidden;
    border-radius: 8px;
}
	.entry-content {
    margin: 0px;
}
	
	.entry-content .toc {max-width: none; margin: 0 0 18px 0;}
	
	aside#secondary {
    margin: 0px;
}
	
	.home article.post-tile {flex: 100%;}
	
}

.single-post main#primary, .single-post #comments {
    border: 0px;
    box-shadow: none;
}

footer.site-footer div.footer-inner {
    max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

footer h3 {color: #fafafa;}footer.site-footer div.footer-inner {
    width: 95%; max-width: 1200px;
    display: flex;
    flex-wrap: wrap;
    margin: auto;
}

	footer .footer-col {
    flex: 1 1 calc(33%);
    box-sizing: border-box;
    padding: 0 18px;
}

	footer .footer-col ul {
    padding: 0;
    list-style: none;
}
	
	.footer-blog-feed ul li {
    margin-bottom: 18px;
}

.footer-jobs-list {display:flex;}

.footer-jobs-list ul {
    flex: 1 1 calc(50% - 18px);
}