/*
Theme Name: SpCardSeller
Description: A custom child theme for Blank Slate
Author: Robert Loomis
Author URI: https://www.sportscardseller.com
Template: blankslate
Version: 1.0.0
*/

@charset "utf-8";
/* CSS Document */

    body{font-size:16px;}
.barlow-condensed-thin {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.barlow-condensed-extralight {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.barlow-condensed-light {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.barlow-condensed-regular {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.barlow-condensed-medium {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.barlow-condensed-semibold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.barlow-condensed-bold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.barlow-condensed-extrabold {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.barlow-condensed-black {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.barlow-condensed-thin-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.barlow-condensed-extralight-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.barlow-condensed-light-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.barlow-condensed-regular-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.barlow-condensed-medium-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.barlow-condensed-semibold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.barlow-condensed-bold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.barlow-condensed-extrabold-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.barlow-condensed-black-italic {
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 900;
  font-style: italic;
}
    .pageHeader h2 {
        text-align:center;
        font-family: "Coda", system-ui,arial,helvetica,sans-serif;
        font-size:1.75em;
        color:#1e2d60;
        margin:2em 0;
        font-weight: 800;
        font-style: normal;
    }
    .postList{
        list-style-type: none;
        margin:0;
        padding:0;
    }
    .postPreview{
        width:90%;
        margin:3em auto;
    }
.postPreviewContainer{
    width:100%;
    display: flex;
    flex-wrap: nowrap;
    margin:0 auto;
    max-width:700px;
}
footer{
    width:100%;
    max-width:294px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin:0 auto;
	background: url("https://sportscardseller.com/wp-content/uploads/2026/03/findme.png") top center / 60% no-repeat;
	padding:30px 0 0;
}
footer .socialIcon{
    margin:0;
}
footer .socialIcon.comc {
    margin:0;
    width:76px
}
	  footer .socialIcon.ebay {
    margin:0;
    width:71px;
}
	  footer .socialIcon.xlogo {
    margin:0;
    width:70px;
}
	  footer .socialIcon.iglogo {
    margin:0;
    width:77px;
}
.postPreviewImg{
    width:33%;
}
.postPreviewImg img{
    width:100%
}
.postPreviewContent{
    width:63%;
    margin-left:4%
}
.postPreviewContent header .articleTag{
    width:50%;
}
.postPreviewContent .postTitle{
    font-family: "Coda", system-ui,arial,helvetica,sans-serif;
    font-size: 1em;
    line-height: 1.125em;
    font-weight: 400;
    color:#1e2d60;
    margin:1em 0;
}
.postPreviewContent .postShort{
    font-family: "Coda", system-ui,arial,helvetica,sans-serif;
    font-size: .750em;
    line-height: 1.25em;
    font-weight:400;
    color:#333333;
    margin:1em 0;
}
.postPreviewContent .postRead{
    font-family: "Coda", system-ui,arial,helvetica,sans-serif;
    font-size: .875em;
    line-height: 1.125em;
    font-weight:900;
    color:#cf2031;
    margin:1em 0;
}
.videoHeader {
    position: relative;
    height: 100vw;
  }

.videoHeader video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    transform: translate(-50%, -50%);
    object-fit: cover;
    z-index: -1;
  }

 .videoHeader .videooverlay {
    position: absolute;
    bottom:10%;
    right:10%;
    width: 25px;
    height: 25px;
    background: rgba(0, 0, 0, 0.4);
    z-index:2;
  }

  .videoheader-content {
    position: relative;
    z-index: 1;
    color: white;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    font-family: Arial, sans-serif;
  }

  .videobutton {
    margin-top: 20px;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    background: white;
    color: black;
    transition: 0.3s;
  }

 .videobutton:hover {
    background: #ddd;
  }
 header .homepageText{
	position:absolute;
	right:10px;
	top:25%;
 }
.menu{
	width:100%;
	display: flex;
	align-items:center;
	justify-content:space-between;
	font-size:.75em;
	line-height:.75em;
	font-family: "Coda", system-ui,arial,helvetica,sans-serif;
	background:cyan;
	color:#fff;
}

#wrapper{
    background: url("https://sportscardseller.com/wp-content/uploads/2026/03/background.png") top center / 60% no-repeat;
}

@media (min-width: 768px) {
    .videoHeader .headerText{
        position:absolute;
        top:300px;
        right:10%;
        font-family:"Barlow Condensed",arial,helvetica,sans-serif;
        font-weight: 900;
        font-style: italic;
        text-transform: uppercase;
        font-size: 14em;
        line-height: .75em;
        z-index:2;
    }
    .pageHeader h2 {
        font-size:4em;
    }
    .postPreviewContent{
        margin-top:1em;
    }
    .postPreviewContent .postTitle{
        font-size:1.5em;
    }
    .postPreviewContent .postShort{
        font-size:1em;
    }
    .postPreviewContent .postRead{
        font-size:1.25em;
    }
}