.wp_cart_clear_float{
clear:both;
}
.shopping_cart{
padding: 5px;
}
.shopping_cart img{
border:none;
box-shadow: none;
}
.shopping_cart input{
width:auto !important;
margin: 0;
}
.shopping_cart input[type="number"]{
max-width:5em !important;
text-align:center;
}
div.shopping_cart table{
border: none;    
}
div.shopping_cart tr td, div.shopping_cart tr th{
padding:2px 1px;
border: none;
}
div.shopping_cart tr th{
font-weight: bold;    
}
div.shopping_cart tr, div.shopping_cart th{
border: none;    
}
.shopping_cart .wspsc_cart_item_name_th{
text-align: left;
}
.shopping_cart .wspsc_cart_qty_th, .shopping_cart .wspsc_cart_price_th{
text-align: center;
}
.shopping_cart .wp_cart_item_thumbnail{
margin-right: 10px;
}
.shopping_cart .wp_cart_item_thumbnail img{
max-width: 48px;
float: left;
}
.wp_cart_remove_item_form input[type="image"]{
border: none;
cursor: pointer;
}
.wp-cart-button-form input{
width: auto !important;
}
.wp_cart_checkout_button{
cursor: pointer;    
}
.wp_cart_checkout_button:hover{
opacity:0.7;
}
.wp_cart_button:disabled, .wp_cart_button:hover{
opacity:0.7;
}
.wp_cart_button_wrapper input{
margin: 0;
}
.wpsc-error-message{
color:red !important;
font-weight:bold;
}
.wpsc-success-message{
color:green !important;
font-weight:bold;
} .wpsc-cart-txn-success-msg {
background-color: #f4f8ff;
border: 1px solid #007cba;
border-radius: 3px;
padding: 15px 20px;
}
.wpsc-cart-change-quantity-msg{
font-weight: bold; 
color: red;
} .wp_cart_product_display_box{
border: 1px solid #E8E5DC;
box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2);
margin-bottom: 25px;
padding-bottom: 5px;
width:300px;
}
.wp_cart_product_thumbnail img{
max-width:100%;
}
.wp_cart_product_display_bottom{
padding:10px 15px;	
}
.wp_cart_product_name{
color: #525351;
font-size: 16px;
font-weight: bold;
line-height: 20px;
margin: 0 0 10px 0;
text-transform:uppercase;
}
.wp_cart_product_description{
font-style:italic;
}
.wp_cart_product_price{
color: #525351;
display: block;
font-size: 22px;
font-weight: bold;
line-height: 24px;
margin: 0;
padding: 10px 10px 10px 0;
}  .wpsps_compact_cart{
font-family:helvetica;	
background-color:#DDDDDD;
border:1px solid #CCCCCC;
max-width: 240px;
min-width: 200px;
padding: 10px 7px;
margin:5px 0;
}
.wpsps_compact_cart_container{
padding-left: 15px;
font-size: 14px;
}
.wpsps_compact_cart_price{
color: #6A872D;
font-weight: bold;
}
.wpsps_compact_cart_co_btn{
background-color: #A3A3A3 !important;
color: #162636 !important;
font-size: 14px !important;
font-weight:normal !important;
margin-left: 10px !important;
padding: 5px 7px !important;
text-decoration: none !important;
width:auto !important;
height:auto !important;
}  .wspsc_compact_cart2{
background-color:#b4d613;
border:1px solid #92B002;
max-width: 140px;
min-width: 140px;
padding: 2px 2px;
margin:10px 0;
}
.wspsc_compact_cart2_container{
background: url(//thehomeroomshop.com/wp-content/plugins/wordpress-simple-paypal-shopping-cart/images/shopping_cart_icon_2.png) 6px 6px no-repeat;
padding-left: 40px;
}
.wspsc_compact_cart2_inside{
background: #262626;
display: block;
color: #FFFFFF;
font-size: 14px;
text-align: center;
cursor: pointer;
padding: 3px 0;
}
.wspsc_compact_cart2_view_cart_link {
color: #FFFFFF !important;
text-decoration: none;
}
.wspsc_compact_cart2_view_cart_link:hover {
color: #FFFFFF !important;
text-decoration: none;
}  .wspsc_block_description_text{
font-size: smaller !important;
color: #6c757d !important;
} .wpsc-order-data-box {
display: flex;
justify-content: space-between;
align-content: center;
width: 100%;
}
.wpsc-order-data-box-col {
margin-bottom: 10px;
margin-right: 10px;
}
.wpsc-order-data-box-col :nth-child(1) {
font-weight: bold;
margin-bottom: 10px;
margin-right: 10px;
}
@media screen and (max-width: 768px) {
.wpsc-order-data-box {
display: block;
}
}
.wpsc-order-details-table,
.wpsc-order-downloads-table {
width: 100%;
border-collapse: collapse;
border: 1px solid lightgray;
}
.wpsc-order-details-table td,
.wpsc-order-details-table th,
.wpsc-order-downloads-table td,
.wpsc-order-downloads-table th {
padding: 15px;
border-top: 1px solid lightgray;
border-bottom: 1px solid lightgray;
}
.wpsc-order-shipping-address,
.wpsc-order-shipping-region,
.wpsc-order-tax-region,
.wpsc-order-billing-address {
padding: 15px;
border: 1px solid lightgray;
} .wpsc-manual-payment-form{
position: relative;
}
.wpsc-manual-payment-form-instructions{
white-space: pre-line;
margin-top: 10px;
margin-bottom: 14px;
}
.wpsc-manual-payment-form-basic-fields{
display: grid;
grid-template-columns: repeat(2, min-content);
grid-template-areas:
"fname lname"
"email phone";
column-gap: 10px;
row-gap: 10px;
}
.wpsc-manual-payment-form-basic-fields div:nth-child(1){ grid-area: fname;}
.wpsc-manual-payment-form-basic-fields div:nth-child(2){ grid-area: lname;}
.wpsc-manual-payment-form-basic-fields div:nth-child(3){ grid-area: email;}
.wpsc-manual-payment-form-basic-fields div:nth-child(4){ grid-area: phone;}
.wpsc-manual-payment-form-address-fields{
margin-top: 10px;
display: grid;
grid-template-columns: repeat(2, min-content);
grid-template-areas:
"street city"
"country state"
"postalcode postalcode";
column-gap: 10px;
row-gap: 10px;
}
.wpsc-manual-payment-form-address-fields div:nth-child(1){ grid-area: street;}
.wpsc-manual-payment-form-address-fields div:nth-child(2){ grid-area: city;}
.wpsc-manual-payment-form-address-fields div:nth-child(3){ grid-area: country;}
.wpsc-manual-payment-form-address-fields div:nth-child(4){ grid-area: state;}
.wpsc-manual-payment-form-address-fields div:nth-child(5){ grid-area: postalcode;}
.wpsc-manual-payment-address-section-label{
font-size: larger;
margin: 16px 0 12px;
}
.wpsc-manual-payment-form-field input,
.wpsc-manual-payment-form-field select {
width: 100%;
}
.wpsc-manual-payment-form-submit-section{
margin-top: 24px;
}
.wpsc-manual-payment-form-cancel{
margin-left: 8px !important;
}
.wpsc-manual-checkout-field-error {
color: #cc0000;
font-size: smaller;
margin-top: 4px
}
.wpsc-manual-payment-form-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center; backdrop-filter: blur(2px);
visibility: hidden;
transition: opacity 500ms, visibility 500ms;
}
.wpsc-manual-payment-form-loader::after {
content: '';
box-sizing: border-box;
width: 60px;
height: 60px;
border-radius: 50%;
border: 5px solid #ccc;
border-top-color: #0070ba;
animation: wpsc-spinner .6s linear infinite;
}
@keyframes wpsc-spinner {
to {
transform: rotate(360deg);
}
}
.wpsc-manual-payment-form.loading .wpsc-manual-payment-form-loader{
visibility: visible !important;
}.blog-clearfix:before, .blog-clearfix:after{content: "";display: table;}
.blog-clearfix::after, .blog-clearfix{clear: both;}
.blogfree-plugin{margin:15px -15px;}
.blog-col-1, .blog-col-0 { width: 100%; float: left; padding-left: 15px;  padding-right: 15px;}
.blog-col-3, .blog-col-4, .blog-col-2, .blog-col-1, .blog-col-0 {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.blog-col-3, .blog-col-4, .blog-col-2{margin-bottom:35px;}
.blog-col-1 .blog-inner-wrap-view, .blog-col-0 .blog-inner-wrap-view { border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 20px;}
.blog .blog-title{margin-top:5px !important; margin-bottom:10px !important;}
.blog .blog-title a{font-size:22px; line-height:26px; color: #555; text-decoration:none;}
.blog-cat{margin-bottom:10px ;}
.blog-content{float:left; width:100%; clear:both;}
.date-post{width: 11%;float: left;text-align: center;}
.date-post span{display: block;color: #222;font-size: 30px;margin: 0px 0px 2px;padding-bottom: 2px;border-bottom: 1px dotted #C0C0C0;}
.date-post h2{margin-bottom:5px !important; padding-bottom:0 !important; margin-top:0px !important; text-align:center;}
.date-post p{margin: 0px;text-transform: uppercase;color: #333; text-align:center !important}
.post-content-text{width:87%; margin-left:2%; float:left;}
.blog-thumb{float:left; width:100%; }
.grid-category-post{margin-bottom:10px;}
.blog-author, .blog-author a{font-size: 13px;margin-bottom: 5px;}
.grid-category-post a{ color: #555; text-decoration:none;}
.blog-author a, .blog-cat a { text-decoration: none; color: #000; }
.blog-author a:hover, .blog-cat a:hover { text-decoration: none; color: #3F3F3F; } .blog_pagination {width:100%; text-align:center; color:#666; clear:both;}
.blog_pagination a {color: #fff !important; background: #666; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; border: 1px solid #666; text-decoration: none !important; -webkit-transition: all .3s ease; transition: all .3s ease; outline:0;}
.blog_pagination .page-numbers.current {color: #666; background: transparent; padding: 7px 10px; margin:0 1px 6px 2px; display: inline-block; text-align: center; line-height: normal; box-shadow: none; text-shadow: none; font-size: 14px; text-transform: uppercase; border: 1px solid #666; text-decoration: none !important;}
.blog_pagination a:hover, .blog_pagination a:focus, .blog_pagination a:visited:hover {color: #666 !important; background: #fff; outline:0;}
.blog_pagination a.prev, .blog_pagination a.next {min-width:90px;}
.wpbaw-next-prev .next{float:right;}
.wpbaw-next-prev .prev{float:left;}
.blog_pagination .wpbaw-pagi-btn a {min-width:90px;}
.blog-col-4{width:25%; float:left; clear:none !important; padding:0 15px;}
.blog-col-3{width:33%; float:left; clear:none !important; padding:0 15px;}
.blog-col-2{width:50%; float:left; clear:none !important; padding:0 15px;}
.blog-col-1{width:100%; float:left;}
.blog-author{ clear:both;}
.blog-author span, .grid-1-author{font-style:italic;}
.grid-blog-thumb{float: left; height: 200px;line-height: 0;  overflow: hidden;  position: relative;  width: 100%;background: #f1f1f1;  }
.grid-blog-thumb img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center; } 
.blog-col-1 .grid-blog-thumb{height:400px;}
.blog-col-2 .grid-blog-thumb{height: 250px;}
.blog-col-1 .blog-thumb, .blog-col-3 .blog-thumb, .blog-col-2 .blog-thumb, .blog-col-4 .blog-thumb{margin-bottom:15px;}
.blog-col-3 .post-content-text, .blog-col-2 .post-content-text, .blog-col-4 .post-content-text{width:100%; margin:0px;}
p.blog-short-content{margin-bottom:10px !important}
.blog-col-0{width:100%; float:left;}
.blog-col-0 .blog-thumb{float:left; width:33%; margin-bottom:0px}
.blog-col-0 .blog-content{float:left;  margin-left:2% ; width:65%; clear:none; }.no-thumb.blog-col-0 .blog-content{ margin-left:0 ; width:100%; }
.blog-col-0 .blog-content .post-content-text{margin-left:0px;}
.blog.wpbaw-first{clear: both !important;}
.blog-col-1.has-no-date .post-content-text{margin-left:0px; width:100%;}
.grid-1-date{display:none;}
.widget-date-cat, .widget-date-cat a{font-size:13px;}
a.blog-more-link{background: #555; color:#fff; clear: both;  display: inline-block; padding: 5px 15px;font-size:14px;    text-decoration: none !important}
a.blog-more-link:hover, a.blog-more-link:focus, a.blog-more-link:active{background: #000; color:#fff; } .recent-blog-items ul{padding:0; margin:0; list-style:none;}
.recent-blog-items ul li.blog_li{padding:10px 0; border-bottom:1px solid #ddd; clear:both;}
.blog_thumb_left{display:table-cell; vertical-align:top; width:100px;  }
.blog_thumb_left a{display:block; margin-right:10px;}
.blog_thumb_left img{height: 100% !important;width: 100% !important;object-fit: cover;object-position: top center; }
.blog_thumb_right{display:table-cell; vertical-align:top; }
.blog_li a.blogpost-title, .widget .blog_li a.blogpost-title, #secondary .widget .blog_li a.blogpost-title {  color: #555;}
.blog_li a.li-link-custom, .widget .blog_li a.li-link-custom, #secondary .widget .blog_li a.li-link-custom {color: #555;}
@media all and (max-width: 768px) {
.blog-col-3.wpbaw-first{clear:none !important}
.blog-col-3, .blog-col-4{width:50%;}
}
@media all and (max-width: 640px) {
.blog-col-2, .blog-col-3, .blog-col-4{width:100%;}
.blog-col-list .blog-thumb{margin-bottom:15px;}
}
@media all and (max-width: 500px) {
.grid-1-date{display:block;}
.blog-col-0 .blog-thumb{float:left; width:100%;}	
.blog-col-0 .blog-content{float:left;  margin-left:0% ; width:100%; clear:both; }
.blog-col-1 .date-post{display:none;}
.blog-col-1 .grid-blog-thumb{height:250px}
}