/*
/*
 Theme Name:  Christmas Bell Child NPSL
 Description: Catch themes Christmas Bell Child Theme
 Template: christmas-bell-pro
 Author: Heather Ross
 Author URI: http://heatherworks.net/
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: christmas-bell-pro
*/

/* avoid FOUC */
.scroller {
	display:none;
}

/* PAGE-SPECIFIC */

/* =====================================================
 * home page featured sections 
 * =====================================================*/
.home .featured-content-wrapper .readmore {
	display:none;
}
.home .featured-content-wrapper h2.entry-title a {
	color:#d6575b;
	text-decoration:underline;
}
.home .featured-content-wrapper h2.entry-title a:hover {
	color:#111;
}

/* =====================================================
 * individual product pages 
 * =====================================================*/
.postmark {
	position:relative;
}
.postmark:after {
	content:"";
	background:url('https://northpolesantaletters.net/wp-content/uploads/2018/09/postmarks_h.png') no-repeat;
	background-size:100%;
	width: 100%;
	padding:19% 0 0 0;
	display:block;
}


/* =====================================================
 * 'fake' shop page 
 * =====================================================*/
	
		
.list-only ul.products li img,
.list-only .product-container a.button,
.list-only .product-container .price  {
	 display:none !important;
} 
.list-only  ul.products li.product{
display:block;
 float:none; 
margin: 0;
}
.list-only  ul.products li.product a h2{
	color:#d6575b !important;
}
.list-only  ul.products li.product a h2:hover{
	color:#111 !important;
}
.list-only  .woocommerce-loop-product__title {
font-family: 'josefin sans', sans-serif;
	font-weight:300;
	letter-spacing:0;
	line-height:1;
	padding:4px 0 !important;
	
}
.list-only .letter-category {
	clear:both;
	display:block;
}
/* too much padding around the pictures */

.list-only .widget, #scroller-row .widget {
	padding:0
}

/* new Oct 2021, accessible focus and hover states */
.simply-scroll-list li img {
	border:4px solid white!important;
}
ul.scroller.simply-scroll-list li a:focus img
{
	border-color:green !important;
}
ul.scroller.simply-scroll-list li a:hover img {
	border-color:red !important;
}

@media (max-width:400px) {
	.list-only {
		margin:0;
	}
	.list-only img {
		margin-right:0;
	}
}

.list-only {
	margin:0 50px;
}


#below-scroller .widget {
	padding:0;
}
.list-only img {
	margin-right:20px;
}
@media (min-width:960px) {
	.list-only .gold1 {
		width:55%; float:left;
	}
	.list-only .gold2 {
		width:40%; float:right;
	}
	/*
	div.list-only {
		width:80%;
		margin:0 auto;
	}
	*/

}
@media (max-width:959px) {
	/*.list-only img {
		display:none;
	}
	*/
	.list-only img.alignright {
		float:none;
		margin-left:0;
	}
	.list-only .widget {
		padding:0;
	}
	.list-only .right  h2.woocommerce-loop-product__title {
		text-align:left;
	}
	.woocommerce.columns-1 ul.products li.product {
		width:100%;
		float:none;
		margin-bottom:3px;
	}
}

 /* =====================================================
 * 'real' shop page 
 * =====================================================*/
 .npsl-category h3 {
	font-size:2rem;
	line-height:1.1;
}
.npsl-category ul {
	margin:0;
}
.npsl-category li {
	list-style:none;
	padding:1px 0;
}
.npsl-category {
	margin: 0 0 40px 0;
	clear:both;
	overflow:hidden;
}
.page-description {
	display:none; /* where is that coming from?? */
}

.product-cats.list-only {
	margin:0 30px;
}


@media (min-width:768px) {

	.gold1 {
		width:62%;
		float:left;
	}
	.gold2 {
		width:38%;
		float:right;
	}	
	.gold1, .gold2{
		padding:10px;
	}
	.gold1 img {
		margin-top:5px;
	}
}


/* =====================================================
 * blog index page.  don't like that little 'featured' banner. 
 * =====================================================*/
span.sticky-post {
	display:none;
}


/* =====================================================
 * contact page.  contact form 7 button needs help.
 * =====================================================*/
.wpcf7-submit {
	padding:5px 10px;
}

/* =====================================================
 * testimonial slideshow 
 * =====================================================*/
.n2-ss-layer {
	background:rgba(0,0,0,.3);
}
@media (min-width:960px) {
	#n2-ss-3-align .n2-ss-layer .n2-font-1304-paragraph  .testimonial-author {
		display:block !important;
		font-size:30px !important;
		margin:10px 0 20px 0 !important;
		font-style:italic !important;
		text-align:right !important;
	}


	#example3_1872 .sp-arrows {
		top:220px!important;
	}
	
	#n2-ss-3-align .n2-ss-layer .n2-font-1304-paragraph {
		font-size: 40px !important;
		color: #fff !important;
		font-family: 'Josefin Sans', sans-serif !important;
		font-weight: 300 !important;
		margin: 10px 75px !important;
		line-height: 1.1 !important;
	}

}

/* slideshow resized poorly on phones without this 
-----

@media (max-width:959px) {
	div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph {
		font-size:20px !important;
		margin:10px 40px !important;
		color:#fff !important;
	}
	div#n2-ss-2 .n2-ss-layer .n2-font-1304-paragraph .testimonial-author {
		font-size:24px !important;
		color:#fff !important;
	}
	.n2-ss-layer .n2-ow .testimonial-text {
		margin:15px;
	}
}
--- */
/* or hit it with a hammer */

@media (max-width:959px) {
	#n2-ss-3-align {
		display: none;
	}
}

/* =====================================================
 * cart page.  all those variations and extra fields make for a very long list. also modified cart/cart.php to give the product its own row in the table.
 * =====================================================*/
.long-product-name dl.variation dt,
.long-product-name dl.variation dd,
.long-product-name dl.variation dd p{
	display:inline-block;
	margin:0;
}
.long-product-name dl.variation dd:after {
	content:";"
}

table.woocommerce-cart-form__contents tr {
	background:#ddd;
}
table.woocommerce-cart-form__contents tr:nth-child(4n+1) {
	background: #fff;
}
table.woocommerce-cart-form__contents tr:nth-child(4n+2) {
	background: #fff;
}

 .woocommerce td.product-name dl.variation dt {
    float: none !important;
}

/* GLOBAL */
/* =====================================================
 * site header
 * =====================================================*/
.site-title {
	font-size:75px;	
}
.site-description {
	font-size:15px;
}

#site-header-menu {
	border-top:1px solid white;

}

/* =====================================================
 * headings 
 * =====================================================*/
.site-main .entry-header, .entry-content h3, .entry-summary h3, .comment-content h3, .textwidget h3,
.entry-content h2, .entry-summary h2, .comment-content h2, .textwidget h2 {
	margin:10px auto;
}

.woocommerce-products-header {
	font-size:3rem;
	margin:10px 0;
}

/* =====================================================
 * nav 
 * =====================================================*/
.site-navigation a {
	padding:20px;
}
.woocommerce-breadcrumb {
	padding-top:40px;
}

/* =====================================================
 * fancy stuff 
 * =====================================================*/
.blink {
	  animation-name: blink;
	  animation-duration: 1.5s; 
	  animation-timing-function: ease-out; 
	  animation-delay: 0;
	  animation-direction: alternate;
	  animation-iteration-count: infinite;
	  animation-fill-mode: none;
	  animation-play-state: running;
	}

	@keyframes blink {
	  0% {
		color: red;

	  }
	  50% {
		color: black;
	  }
	  100% {
		color: green;
	  }
	}
/* =====================================================
 * content
 * =====================================================*/
  /* from the theme */
  /*
  @media (min-width:40em) {
	 .site-content {
		padding: 35px 30px;
	}
}
 @media (min-width:64em) {
	 .site-content {
		padding: 56px 24px;
	}
}
 @media (min-width: 75em) {
	 .site-content {
		padding: 63px 24px;
	}
}
@media (min-width:85.375em) {
	 .site-content {
		padding: 70px 31px;
	}
}
*/
.site-content {
	padding:0 30px 30px 30px;
	margin-top:35px;
}





 p {
	 margin-bottom:1em;
 }
 p, li {
	 font-size:20px;
	 line-height:1.3;
 }

/* =====================================================
 * cart in sidebar showing all our custom fields. no thanks! 
 * =====================================================*/
 #secondary dl.variation {
    display: none;
}
/* =====================================================
 * footer 
 * =====================================================*/
 .footer-widget-area {
	padding: 15px 0;
}

/* =====================================================
 * this is all in the customizer too but i'd rather have it here.  but caching... camn. 
  * =====================================================*
.site-main,
#primary{
	background:#fff;
}
.npsl-category h3 {
	margin-bottom:10px;
}
.product-cats.list-only {
	margin:0 30px;
}


/* accordions on FAQ page */
.accordion-content p,
.accordion-content li {
	font-size:16px;
}

#colophon .widget a {
	color:#111;
}
#colophon {
	text-align:center
}



#below-scroller .widget {
	padding:0;
}
@media (min-width:960px) {
	#n2-ss-3-align .n2-ss-layer .n2-font-1304-paragraph  .testimonial-author {
		display:block !important;
		font-size:30px !important;
		margin:10px 0 20px 0 !important;
		font-style:italic !important;
		text-align:right !important;
	}

	
	#n2-ss-3-align .n2-ss-layer .n2-font-1304-paragraph {
		font-size: 40px !important;
		color: #fff !important;
		font-family: 'Josefin Sans', sans-serif !important;
		font-weight: 300 !important;
		margin: 10px 75px !important;
		line-height: 1.1 !important;
	}

}


@media (max-width:959px) {
	#n2-ss-3-align {
		display: none;
	}
}