/*
	Theme Name: Puddle Dancer Theme
	Theme URI: http://techaround.com
	Description: Custom Theme for Puddle Dancer Press
	Version: 0.2
	Author: Techaround
	Author URI: http://Techaround.com
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

* {
    font-display: optional !important;
}

body em{
  font-style: italic;
}

body .mobmenu-left-panel .mobmenu-left-bt, 
body .mobmenu-right-panel .mobmenu-right-bt{
	right: 22px;
	top: 18px;
}

#responsive-menu-container #responsive-menu li.responsive-menu-item a span {
	font-size: 13px;
    color: #ffffff;
}

html body{
 background-color: #747879;
}

.hiddenWidgetTitle{
	display: none;
}

.greenBullet{
	position: relative;
}
.greenBullet:before{
	display: block;
	position: absolute;
	border-radius: 10px;
	width: 9px;
	height: 9px;
	background-color: green;
	top: 6px;
	left: 3px;
	content: '';
}


.blueSquareLinks{
	
}

.blueSquareLinks a{
	margin: 12px 6px;
	background-color: #BFECFF;
	border-radius: 8px;
	padding: 6px 0;
	width: cal(100% - 12px);
	color: #272BA8;
	display: block;
	text-align: center;
	font-size: 17px;
}

body .blueSquareLinks .elementor-text-editor p:first-child a{
	margin-top: 0;
}


.blueSquareLinkQuotes li:hover, 
.blueSquareLinks a:hover{
	font-weight: bold;
	box-shadow: 0 0 4px #aaa;
	color: #272BA8;
}

.blueSquareLinkQuotes li:hover a{
	font-weight: bold;
	color: #272BA8;
}	

ul.blueSquareLinkQuotes{
	margin: 0;
	padding: 0;
	list-style: none;
}


.blueSquareLinkQuotes li{
	width: 31.3%;
	float: left;
	margin-top: 12px;
	margin-bottom: 12px;
	margin-left: 1%;
	margin-right: 1%;
	background-color: #BFECFF;
	height: 84px;
	border-radius: 10px;
	padding: 2px 2px;
	display: table;
	position: relative;
}

.blueSquareLinkQuotes li:before{
	background-image: url("/wp-content/uploads/2020/08/quote-b1.png");
	background-repeat:no-repeat;
	background-position: 0 0;
	position: absolute;
	width: 37px;
	height: 31px;
	top: -11px;
	left: 26px;
	content: '';
    
}

.blueSquareLinkQuotes li a{
	vertical-align: middle;

	color: #272BA8;
	display: table-cell;
	text-align: center;
	font-size: 17px;
}

#purpleQuoteArea{
	max-width: 1000px;
	margin: 80px auto;
	color: #fff;
	padding: 0 50px;
}

#purpleQuoteArea p{
    color: #fff;
    font-size: 32px;
	font-weight: 500;
    line-height: 1.5;	
}

#purpleQuoteArea .purpleAreaAuthor{
	font-weight: 400;
	font-size: 20px;
	color: #fff;
	margin-top: 22px;
}

body::-webkit-scrollbar {
	width: 2em;
}
body {
	scrollbar-width: thin;
	scrollbar-color:  #90A4AE #CFD8DC;
}
body::-webkit-scrollbar-track {
	background: #CFD8DC;
}
body::-webkit-scrollbar-thumb {
	background-color:  #90A4AE ;
	border-radius: 6px;
	border: 3px solid #CFD8DC;
}


#PuddleDancerPress{
	max-width: 1366px;
	margin: 0 auto;
	-webkit-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 30px 5px rgba(0,0,0,0.25);
}

/* Roboto google font loaded in functions.php with the function Roboto_google_font() */

body,
* {
	font: 300 18px/1.4 'Roboto', Arial, Helvetica, sans-serif;
	color:#666666; /* 4d4d4d; */
	font-weight: 400;
}

#pageContentMain ul li,
.elementor-widget-text-editor,
p{
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: 400;
	color:#666666; /* 4d4d4d; */
}


body .elementor-widget:not(:last-child){
	margin-bottom: 0;
}

.disclaimerBox{
	border: solid 1px #666666;
	padding: 10px 16px;
	margin: 60px -16px 30px -16px;
	color: #666666;
	font-size: 12px;
	line-height: 20px;
}

.disclaimerBox p{
	color: #666666;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
}

.videoRestrictionSize{
	max-width: 1142px;
	margin: 0 auto;
}


.clearBoth{
	clear: both;
}
h1 {
	font-size: 44px;
	font-weight: 700;
}
body h1,
body.home h1,
body.home h2{
	text-align: center;
	color: #914C9F; 
	font-size: 38px;
	line-height: 44px;
	font-weight: 400;
	margin-top: 32px;    /* Homepage Spacing */
	margin-bottom: 8px; /* Homepage Spacing */
	letter-spacing: .6px;
}

body h1{
		color: #003399; 
		text-align: left;
}

body .elementor-widget-heading h1.elementor-heading-title{
		margin-bottom: 8px;
}

main section article section .elementor-text-editor h1,
body .firstTitleTopAlign{
	margin-top: -18px;
}

body.home main section article section .elementor-text-editor h1,
body.home h1{
	margin-top: -8px;
}
/*
#readMoreReviewsButton a{
	transition: all .3s;
}*/
body .elementor-2 .elementor-element.elementor-element-f124a01 .elementor-button#readMoreReviewsButton a:hover, 
#readMoreReviewsButton a:hover{
	background-color: #78c6e2;

}


.homeListIndented{
	padding-left: 26px;
}

.sidebarItemSpacing{
	padding: 20px;
	background-color: #fff;
}

body.home #belowPageContent h2,
body h2{
	margin-top: 32px;    /* Homepage Spacing */
	margin-bottom: 12px;
	letter-spacing: .6px;
	text-align: left;
}

body.home #belowPageContent h2,
body h2,
body h2 a{
	color: #003399;
	font-size: 28px;
	line-height: 36px;
	font-weight: 500;
}

body.home #belowPageContent h2{
    margin-top: 0;
	text-align: center;
}

#belowHomeSlider{
	display: block;
	margin-top: -120px;
	margin-left: 0;
	position: relative;
	z-index: 199;
	margin: 0 auto;
}

#belowHomeSlider a,
#belowHomeSlider a.videoButton{
	outline: 0;
}

#homeMainHero{
padding: 0 0;
margin: 0 0;
background-image: url("/wp-content/themes/puddle-dancer-theme/img/Marshall Rosenberg-background-hero.jpg");
background-position: center right;
background-size: auto 100%;
background-repeat: no-repeat;
background-color: #def5ff;
	color: #000;
min-height: 536px;
}

body.home #belowPageContent .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated,
body.home article > div > div > .elementor-section-wrap > section#belowPageContent > .elementor-container,
body.home #belowPageContent  > .elementor-container{
	max-width: 1366px;
	padding: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title{
	font-size: 1em;
	line-height: 1.6em;
}

p.bookSubTitle,
.bookSubTitle{
	margin-top: -8px;
	font-weight: bold;
}

p.bookAuthor,
.bookAuthor{

}


body #rightSideBar h3,
body h3,
body.home h3 {
	text-align: center;
	color: #914C9F; /* #666; */
	font-size: 28px;
	font-weight: 700;
	letter-spacing: .6px;
	margin-top: 18px;      /* Homepage Spacing */
	margin-bottom: 22px; /* Homepage Spacing */
}

body h3{
	text-align: left;
}

body h4 {
	font-size: 22px;
	font-weight: 700;
	letter-spacing: 1px;
}

h5 {
	font-size: 24px;
	font-weight: 400;
}

h6 {
	font-size: 18px;
	font-weight: 700;
}


p.orangeText,
.orangeText,
.orangeText p{
	color: #ff7a0e;
}

.quotes{
	margin: 0 30px;
/*	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif; */
	font-weight: bold;
}


.author{
	margin: 0 30px 20px 30px;
}

ul.listHere,
.homeRightColumn .homeRightColumnInner ul{
	padding: 0 10px 0 20px;
	max-width: 220px;
	margin: 0 auto;
	list-style-type: none;
}

ul.listHere li,
.homeRightColumn .homeRightColumnInner ul li{
	padding-bottom: 10px;
	text-align: left;
}


aside#rightSideBar ul li,
ul.listHere li,
ul.listHere li a,
.homeRightColumn .homeRightColumnInner ul li,
.homeRightColumn .homeRightColumnInner ul li a{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #666666;
}

ul.listHere li a,
.homeRightColumn .homeRightColumnInner ul li a{
	color: #23527c;
}

ul.listHere li a:hover,
.homeRightColumn .homeRightColumnInner ul li a:hover{
	color: #000;
	text-decoration: underline;
}

#pageContentMain ul li.current_page_item a,
ul.listHere li.current_page_item a,
.homeRightColumn .homeRightColumnInner ul li.current_page_item a{
	font-weight: bold;
	color: #000;
}

ul.listHere li:last-child{
   padding-bottom: 0;
}

ul.listHere > li:before,
.homeRightColumn .homeRightColumnInner ul > li:before {
	content: "- ";
	display: block;
	float: left;
	margin-left: -12px;
}

/* This is so that the Menu Item can be shortened when the screen gets smaller. */
header#headerNav .menu-item-30 span.nvc{
	display: none;
	color: #fff;
}

header#headerNav .menu-item-30 > a:after{
	content: " Nonviolent Communication";
}

.rightSideSubMenu li:first-child:after,
.rightSideSubMenu li:first-child,
.rightSideSubMenu li:first-child a,
#rightSideBar h2 a,
#rightSideBar h2,
body .homeRightColumn h2 a,
body .homeRightColumn h2{
	font-size: 22px;
	line-height: 30px;
	text-align: center;
	margin-top: 0;
	padding-top: 0;
	color: #003399;
	letter-spacing: .6px;
	text-transform: uppercase;
	font-weight: 500;
}

/* FIrst item of right sidebar Sub Menu is also the title, which is already being displayed, so hide it: */
.rightSideSubMenu li:first-child{
	margin-left: -60px;
	margin-right: -50px;
	margin-top: 10px;
}

.rightSideSubMenu li:first-child:after{
   content: ':';
}

ul.listHere.rightSideSubMenu{
  margin-bottom: 20px;
}

#pageContentMain ul li:first-child.current_page_item a{
	color: #003399;
	font-weight: 500;
}

ul.listHere.rightSideSubMenu > li:first-child:before{
	content: "";
}

#rightSideBar h2 a:hover,
body .homeRightColumn h2 a:hover{
	text-decoration: underline;
}

body .homeRightColumn h2{
	padding-top: 30px;
}

.homeRightColumn .elementor-element h2{
	padding-top: 0;
}

#rightSideBar .elementor-divider-separator,
.homeRightColumn .elementor-divider-separator{
	border-top-color: #bfbfbf;
}



.justifiedText{
	text-align: justify;
	font-size: 18px;
	line-height: 26px;
}

section#homeQuoteArea p{
	font-size: 23px;
	line-height: 36px;
	color: #fff;
	max-width: 70%;
	float: right;
}

.listStyle1{
	margin-bottom: 0;
	padding-left: 16px;
}

.listStyle1 li{
	padding: 6px 0;
	font-weight: 400;
}

.boxAroundC1 .elementor-text-editor{
	padding: 0 16px;
}

#YellowMillionRow1{
	padding-top: 8px;
}

#YellowMillionRow1 .elementor-text-editor{
	padding: 0 16px;
}

#awesome-menu{
	position: absolute;
	top: 16px;
	Right: 20px;
	margin-right: 0;
}

#mobileMenuFixed{
	position: fixed;
	top: 20px;
	right: 20px;
	height: 20px;
	width: 20px;
}

#awesome-menu button.menu-trigger{
	/*margin-left: 182px; */
	float: right;
}


#PuddleDancerPress #headerNav #menu-main-menu-1 .menu-item-3197:before{
	content: url('/wp-content/uploads/2020/05/homeIcon-b02.png');
/*	content: url('/wp-content/uploads/2020/05/house.svg'); */
	width: 25px;
	height: 22px;
	display: inline-block;
	position: absolute;
	left: 0;
	top: 8px;
	color: #fff;
	pointer-events: none;
}

#PuddleDancerPress #headerNav #menu-main-menu-1 .menu-item-3197 a{
	opacity: 0;
	max-width: 30px;
}

body .responsive-menuwrapper .awesome-menu,
body .responsive-menuwrapper #menu-main-menu.awesome-menu{
	top: 45px;
	width: 100%;
}

body .responsive-menuwrapper .awesome-menu a:focus{
	background-color: #0099ff !important;
	color: #ffeb8b;
}

/* Submenu Title Background Color:  */
nav.nav ul.menu ul.sub-menu li:first-child,
/* Submenu Title Background Color for Mobile Menu: */
#awesome-menu .sub-menu > li:first-child + li{
   background-color: #1d5c87;
}

#homeHeader{
	height: 654px;
	max-width: 1920px;
}
#homeHeader p,
#homeHeader a span{
	font-size: 22px;
	line-height: 30px;
	padding-top: 10px;
	font-weight: 100;
}

#homeHeaderSA .videoButton{
	display: block;
	color: #fff;
	vertical-align: middle;
	max-width: 440px;
	margin-top: 10px;
}

.homeMainQuote{
	color: #000;
	text-shadow: #fff 0 0 10px;
}

.homeMainQuoteWrapper{
	width: 570px; /* 45vw; */
	padding-top: 60px;
}

.homeMainQuote,
.homeMainQuote strong,
.homeMainQuoteWrapper p{
	color: #000;
	font-size: 36px; /* 1.4vw;
	line-height: 2vw;*/
	line-height: 44px;
	font-weight: 400;
		text-shadow: #fff 0 0 5px, #fff 0 0 12px;
}

.homeMainQuoteAuthor{
	color: #000;
	font-size: 22px;
	line-height: 30px;
	font-weight: 400;
	margin-top: 30px;
	text-shadow: #fff 0 0 12px;
}

.homeMainQuoteCTA .watchSpan,
.homeMainQuoteCTA{
	color: #000;
	font-size: 28px;
	line-height: 36px;
	font-weight: 400;
	text-shadow: #fff 0 0 12px;
}

.hideTitle,
#homeHeaderSA .sa_hover_buttons{
	display: none;
}

.homeMainQuoteCTA .watchSpan{
	display: block;
	padding-top: 13px;
}


#bookSlider .owl-item  {
	text-align: center;
}

#bookSlider .owl-item img,
#bookSlider .owl-item img.alignnone{
    margin: 0;
}

/* START Testimonial Slider */

.owl-item .sa_hover_container p,
#slider_3796 p{
	font-weight: 400px;
	font-size: 20px;
	margin:  0 0 20px 0;
}

body .owl-item .sa_hover_container p, #slider_3796 p.testimonialAuthor,
body main section .owl-item .sa_hover_container p.testimonialAuthor,
p.testimonialAuthor{
	font-size: 16px;
	margin: 10px 0 0 0;
}

#slider_3796 .owl-item{
	
}

#slider_3796 .owl-item .sa_hover_container{
	padding: 0 !important;
	max-width: 260px;
	margin: 0 auto !important;
	text-align: center;
	display: block;
}

@media only screen and (min-width: 1160px){
 #slider_3796 .owl-item:nth-child(odd){
	border-right: solid 1px #fff;
 }
}

.littleHorizontalLine{
	width: 48px;
	height: 1px;
	border-bottom: solid 1px #8CADBE;
	margin: 0 auto;
	display: block;
	line-height: 1px;
}

body .owl-item .sa_hover_container p, #slider_3796 p.quoteIcon,
body p.quoteIcon{
	min-height: 28px;
	min-width: 28px;
	display: block;
	margin: 0 0 8px 0;
}

body .owl-item .fa-quote-left::before{
   color: #81CEFA;
}

body #homeTestimonialTitle h2{
	text-align: center;
}


/* END Testimonial Slider */


section{
	margin-left: auto;
	margin-right: auto;
}

body .homeMainQuoteCTA a.videoButton img, 
body #belowHomeSlider img{
	margin: 16px 0 0 0;
}

@media only screen and (min-width: 1160px){
	#homeHeaderSA #homeMainSlider .owl-nav .owl-next{
		right: unset;
		left: 670px;
	}
}

.mobileShow,
.desktopHide{
	display: none;
}

@media only screen and (max-width: 767px){
	
	.mobileHide{
		display: none;
	}
	
	.mobileShow,
	.desktopHide{
		display: block !important;
	}
	
	.blueSquareLinkQuotes li{
		width: 48%;
	}

	#belowHomeSliderWrapper {
		background-color: #ffffff;
	}
	
	#homeHeaderSA .videoButton{
		margin-top: 0;
	}
	
	

	#homeHeaderSA .owl-item .sa_hover_container{
		min-height: 122vw !important;
		height: 122vw !important;
	}



	#homeMainHero{
		min-height: 500px;
	}
	
	#homeMainHero{
		background-image: url("/wp-content/themes/puddle-dancer-theme/img/Marshall-Rosenberg-headshot-green-background-mobile.jpg");
		background-position: bottom right;
		background-size: 100% auto;
		background-repeat: no-repeat;
		background-color: #def5ff;
		min-height: 336px; 
	}

	.homeMainQuoteWrapper .homeMainQuoteCTA{
		display: none;
	}

	section#homeQuoteArea{
		padding-top: 28px;
		padding-bottom: 28px;
	}




	.homeMainQuoteWrapper .homeMainQuoteAuthor{
		margin-bottom: 30px;

		margin-top: 10px;
	}



	section#homeQuoteArea p{
		max-width: 100%;
	}
	body .homeMainQuoteWrapper{
		width: 85%;
		min-width: 200px;
		position: absolute;
		top: 0;
		bottom: 0;
		padding-top: 20px;
	}
	

	
	
	body section#homeQuoteArea p, 
	body .homeMainQuoteWrapper .homeMainQuote, 
	body .homeMainQuoteWrapper .homeMainQuoteCTA span.watchSpan {
		font-size: 6vw;
		line-height: 7vw;
	}
	
	body .homeMainQuoteWrapper .homeMainQuoteAuthor{
		font-size: 4.5vw;
		line-height: 5.8vw;
	}


}



/*------------------------------------*\
    START Header
\*------------------------------------*/

#PuddleDancerPress > header{
	background-color: #0099ff; /* #00a6e4; */
	color: #fff;
}

header #headerTopRow #headerTopRowInner,
header #headerTopRow{
	height: 105px;
/*	position: relative; */
}


header #headerTopRow #PDPLogoTop{
	display: inline-block;
	z-index: 200;
	text-align: left;
	max-width: 310px;
	width: 100%;
	max-height: 85px;
	margin-top: 17px;
	margin-right: 0;
	padding: 14px 40px 0 40px;
	/* border-right: 1px solid #fff; */
}

header #headerTopRow #PDPLogoTop img{
	width: 100%;
/*	max-height: 56px; */
	max-width: 230px;
	height: auto;
	margin: -10px auto 0 auto;
	display: block;
}

header #headerTopRow #logoTop {
	vertical-align: top;
	display: inline-block;
	padding-top: 22px;
	max-width: 308px;
	width: 100%;
	text-align: center;
}

header #headerTopRow #PDPLogoTop a,
header #headerTopRow #logoTop a{
	outline: 0;
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 12px;
	text-align: center;
	font-weight: 400;
	text-decoration: none !important;
}


#logoTop span{
	display: block;
	color: #fff;
}

#logoTop span#NVCLogoTitle1{
	font-size: 32.7px;
	line-height: 27px;
	font-weight: 600;
}
#logoTop span#NVCLogoTitle2{
	font-size: 24px;
	line-height: 25px;
	font-weight: 600;
}

#logoTop span#NVCLogoBAR{
	font-size: 20px;
	line-height: 20px;
}

#logoTop span#NVCLogoPDP{
	font-size: 13px;
	line-height: 17px;
}

header #headerTopRow #bannerTop{
	height: 105px;
	padding: 0;
	width: 100%;
	max-width: calc(100% - 337px);
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
	vertical-align: top;
	float: right;
	display: inline-block;

	/*
  position: absolute;
z-index: 100;
top: 0;
right: 0;


    height: 130px;
    padding: 28px 180px 0 220px; */
}

#PDPLogoTop__logoImage,
a#bannerTop__covid19BannerWrapper img,
header #headerTopRow #bannerTop a{
	color: #fff;
	font-size: 15px;
	letter-spacing: 1px;
	line-height: 22px;
	text-align: center;
	font-weight: 400;
	text-decoration: underline;
}

#headerBook,
#checkItOut {
	display: block;
	max-width: 180px;
	padding:  0;
	position: absolute;
	top: 28px;
	right: 0;
	width: 119px;
/*	border-left: solid 2px #fff; */
	z-index: 200;
}

#headerBook{
	top: 15px;
}

#checkItOut a{
	display: block;
	color: #fee100;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	font-size: 22px;
	line-height: 28px;
	padding: 7px;
	border: solid 2px #fee100;
}

#headerBook a{
	display: block;
	text-align: center;
	font-weight: bold;
	padding: 0;
}


#checkItOut a:hover{
	color: #fafafa;
	border: solid 2px #fafafa;
}

#NVCBookTopTiny{
	float: left;
	margin-right: 30px;
	transform: rotate(-4deg);
}

#bannerTop{
	padding: 37px 0 0 0;
	color: #fff;

}

#bannerTop #NVCBookTopTiny{
/*	margin-top: -22px; */
	margin-top: 2px;
	width: 60px;
	height: auto;
}

header #navWrapper{
	width: 100%;
	color: #fff;
	min-height: 60px;
}

body #PuddleDancerPress > #headerNav{
	background-color: #003399; /*#1f419a;*/
}

header nav ul.menu{
	width: 91%;
	float: left;
}

/* header nav ul.menu li, */
header nav ul.menu li ul.sub-menu {
	min-width: 300px;
}

header nav #navSearch{
	width: 9%;
	float: right;
	padding: 11px 0;
}

header nav #navSearch .search{
	text-align: right;
}

header nav #navSearch .search input{
	color: #000;
	width: 100%;
	padding: 0 12px;
	height: 38px;
	font-size: 18px;
	font-weight: 500;
	border: none;
}

.searchInput{
	padding: 0 12px;
	height: 34px;
	font-size: 18px;
	font-weight: 500;
}

header nav #navSearch .search button{
	display: none;
}

header nav #navSearch #navSearchMobileIcon{
	display: none;
}

/* body .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
	padding: 10px 0;
} */

header nav li {
	display: block;
	transition-duration: 0.5s;
}

header nav li:hover {
	cursor: pointer;
}

header nav ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 0;
	left: 0;
	display: none;
}

header nav ul li:hover > ul,
header nav ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
}

header nav ul li ul li {
	clear: both;
	width: 100%;
}





header nav ul{
	margin: 0;
	padding: 0;
	list-style:  none;
}
header nav > ul{
	margin: 0;
	padding: 10px 0;
	list-style:  none;
	height: 60px;
}

header nav > ul > li{
	margin: 0;
	list-style:  none;
	display: inline-block;
	padding: 0 0 10px 0;
	position: relative;
}

header nav ul.menu > li > a{
	padding: 9px 30px 9px 10px;
}/*
header nav > ul > li.menu-item-has-children{
	padding: 9px 30px 9px 10px;
}*/

header nav > ul > li:first-child{
	padding-left: 0;
	outline: 0;
}

.responsive-menuwrapper li a,
.responsive-menuwrapper li a span{
	font-size: 16px;
	line-height: 20px;
	font-weight: 500;
	color: #fff;
	outline: none;
	text-decoration: none;
}



header nav ul li a span,
header nav ul li a:focus,
header nav ul li a{
	color: #fff;
	font-size: 17px;
	line-height: 22px;
	font-weight: 400;
	letter-spacing: 1px;
	text-decoration: none;
	display: block;
}

header nav ul li.current-menu-item > a{
	color: #9DE4FF;
}
header#headerNav .menu-item-30:hover > a span.nvc,
header#headerNav .menu-item-30 a:hover span.nvc,
header nav ul li:hover > a,
header nav ul li a:hover {
	color: #00a6e4;
	text-decoration: none;
}


.responsive-menuwrapper li a:focus > span,
body header#headerNav nav ul li.menu-item-30 a:focus > span.nvc,
body header nav ul li a:focus > span,
body header nav ul li a:focus{
	color: #ffeb8b;
}


header nav ul li ul.sub-menu{
	z-index: 555;
}

header nav > ul > li.menu-item-has-children:after, 
header nav ul#menu-main-menu > li.menu-item-has-children:after {
	content: "";
	background : url(img/arrow-down.png) no-repeat;
	background-position: center center;
	padding: 0;
	position: absolute;
	right: 7px;
	top: 0;
	z-index: 1;
	text-align: center;
	width: 20px;
	height: 40px;
	pointer-events: none;
}

header nav > ul > li.menu-item-has-children:hover:after, 
header nav ul#menu-main-menu > li.menu-item-has-children:hover:after{
	color :#00a6e4;
	background : url(img/arrow-down-over.png) no-repeat;
	background-position: center center;
	width: 20px;
	height: 40px;
}

header nav ul li ul.sub-menu li{
	display: block;
	color: #003399;
	padding: 6px 12px;
}
header nav ul li ul.sub-menu li:last-child{
	padding-bottom: 12px;
}

header nav ul li ul.sub-menu li ul{
	display: none;
}


header nav li {
	display: block;
	transition-duration: 0.5s;
}

header nav li:hover {
	cursor: pointer;
}

header nav ul li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	transition: all 0.5s ease;
	margin-top: 1rem;
	left: 0;
	display: none;
	background-color: #003399;
}


header nav ul li:hover > ul,
header nav ul li ul:hover {
	visibility: visible;
	opacity: 1;
	display: block;
	background-color: #003399;

}

header nav ul li ul li {
	clear: both;
	width: 100%;
	background-color: #003399;
}



/*------------------------------------*\
     END  Header
\*------------------------------------*/


#footerWrapper{
	background-color: #222;
	color: #666;
	border-top: solid 8px #ffeb8b;
	padding: 52px 10px 10px 20px;
	clear: both;
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
}

#footerWidgets{
	width: 75%;
	float: left;
	padding-bottom: 20px;
	padding-left: 0;
	min-height: 220px;
}

#footerColumn4Wrapper{
	width: 25%;
	float: right;
	text-align: left;
	position: relative;
	min-height: 220px;
}

#footerWrapper #footerColumn4{
	display: inline-block;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}


#footerWrapper,
#footerWrapper footer ul li,
#footerWrapper footer ul li a{
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	outline: 0;
}

#footerWrapper footer ul li a:hover{
	color: #ffeb8b;
	text-decoration: underline;
}

#footerWrapper footer ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
#footerWrapper footer ul li{
	list-style: none;
	padding: 7px 0;
	margin: 0;
}


#copyright{
	margin-top: 16px;
	font-size: 14px;
	line-height: 22px;
}

#footerWrapper .footerLogoImg{
	max-width: 160px;
	width: 100%;
	height: auto;
}

footer #footerWidgets #footerColumn2{
	padding-left: 5px;
	padding-right: 25px;
}

footer #footerWidgets #footerColumn3{
	padding-left: 30px;
	padding-right: 0px;
}

	/*------------------------------------*\
        MAIN
    \*------------------------------------*/


aside#rightSideBar{
	width: 344px;
	float: right;
	display: inline-block;
}


#PuddleDancerPress,
#PuddleDancerPress > #primary,
main#pagephp{
	background-color: #def5ff;
}



#pageContentMainFullWidth,
#single-productphp,
#productContentMain,
#pageContentMain{
   background-color: #def5ff;
	padding-top: 50px;
	padding-bottom: 20px;
}

#pageContentMain{
	padding-left: 0;
	padding-right: 0;
}


#single-productphp article.page,
#productContentMain article.page,
#pageContentMain article.page {
	margin-bottom: 20px;
}

#pageContentMain > article{
	width: calc(100% - 345px);
	float: left;
}

#belowPageContent{
    clear: both;
	width: 100%;
	padding: 25px 25px 20px 25px;
	background-color: #ededed;
	background-image: url("/wp-content/uploads/2019/03/products-carousel-bg-repeaty.jpg");
	background-position: top left;
	background-repeat: repeat-x;
	background-size: auto;
	min-height: 507px;
}

.noTopMargin,
h2.noTopMargin{
   margin-top: 0;
}

#belowPageContent h2{
	margin-top: 0;
	text-align: center;
}

/* This makes it so all the image in the slider are the same height, by setting the max-height as the shortest book in the group. */
#bookSlider .owl-item img{
	max-height: 520px;
}

body #bookSlider.sa_owl_theme .owl-dots .owl-dot{
	margin-bottom: 10px;
}

body #bookSlider.sa_owl_theme .owl-dots{
	position: relative;
	padding: 10px 0 0 0 !important;
	bottom: 0 !important;
}

body #bookSlider.owl-pagination-true{
	margin-bottom: 0 !important;
}


#featuredImageTop img,
#featuredImageTop{
	width: 100%;
	height: auto;
	clear: both;
}

#home3IconsColumn,
#sidebar3Icons{
	background: #fff;
	padding-top: 24px;
}

#sidebar3Icons{
	padding-top: 40px;
}


#home3IconsColumn .elementor-widget-icon-box,
#sidebar3Icons .elementor-widget-icon-box{
    width: 31%;
	display: inline-block;
}

#home3IconsColumn .elementor-widget-icon-box:hover a,
#home3IconsColumn .elementor-widget-icon-box:hover a i,
#sidebar3Icons .elementor-widget-icon-box:hover a,
#sidebar3Icons .elementor-widget-icon-box:hover a i{
	color: #333;
}

#home3IconsColumn .elementor-widget-icon-box:hover a,
#sidebar3Icons .elementor-widget-icon-box:hover a{
	text-decoration: underline;
}

#home3IconsColumn .homeIcons  .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-icon{
	margin-bottom: 4px;
}

#home3IconsColumn .homeIcons  .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title a{
	font-size: 20px;
	line-height: 22px;
	font-weight: 500;
	text-transform: uppercase;
}


article{
	position: relative;
}

article .post-edit-link{
	position: absolute;
	bottom: 0;
	right: 6vw;
	padding: 4px 8px;
	color: #fff;
	display: block;
	background-color: #313131;
}

article .post-edit-link:hover{
	color: #ffeb8b;
}


/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}


/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}

input{
	border: 1px solid #333;
}

input:focus {
	outline:0;
	border: 1px solid #04A4CC;
}

a .elementor-button-text{
	color: #fff;
	font-weight: 500;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	width:100%;
	margin:0 auto;
	position:relative;
}

#headerBox{
    background-color: #d5d3d3;
    width: 100%;
    min-height: 300px;
}

#pageTitleArea{
    position: absolute;
    top: 140px;
    left: 180px;
}

#pageTitleArea h1{
    margin: 0;
    padding: 0;
    color: #fff;
}

body .elementor-accordion .elementor-accordion-item .elementor-tab-content,
body .elementor-accordion .elementor-accordion-item{
    border: none;
}


body .elementor-accordion .elementor-tab-title{
    padding: 0;
	border-bottom: 1px solid #d4d4d4 !important;
	margin-top: 30px;
}

.elementor-accordion-item .elementor-tab-title:after{
	content: "Show + ";
	float: right;
	line-height: 26px;
	font-size: 18px;
}

.elementor-accordion-item .elementor-tab-title.elementor-active:after{
	content: "Hide ";
}

.reviewAccordion .elementor-accordion-item .elementor-tab-title a,
.reviewAccordion .elementor-accordion-item .elementor-tab-title:after{
	line-height: 26px;
	font-size: 18px;
	font-weight: 500;
}

.reviewAccordion .elementor-accordion-item .elementor-tab-title:after{
	content: "Show Reviews ";
	float: right;
	color: #003399;
}

.reviewAccordion  .elementor-accordion-item .elementor-tab-title.elementor-active:after{
	content: "Hide Reviews ";
	float: right;
	color: #003399;
}

.borderAboveSiblingNav{
	margin: 16px auto 0 auto;

}

.borderAboveSiblingNav .elementor-divider{
	padding-top: 8px;
	padding-bottom: 8px;
	text-align : center;

}


.borderAboveSiblingNav, .elementor-divider .elementor-divider-separator{
	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: #bfbfbf;
	width: 90%;
	text-align:  center;
}

body.home .borderAboveSiblingNav{
	display: none;
}


/*------------------------------------*\
/** Woo Commerce: **/
/*------------------------------------*/

.woocommerce-tabs .panel{
  padding: 20px;
}

.woocommerce #PuddleDancerPress  div.product .woocommerce-tabs ul.tabs{
   margin: 0;
}

article .product .woocommerce-Tabs-panel,
.woocommerce-Tabs-panel,
.woocommerce #PuddleDancerPress  div.product .woocommerce-tabs .woocommerce-Tabs-panel{
	padding: 10px 30px 10px 30px;
	border:1px solid #d3ced2;
	border-top: none;
}

html body.woocommerce #PuddleDancerPress #main article .product #endorcements.woocommerce-Tabs-panel{
	border:1px solid #d3ced2;
}

.woocommerce #PuddleDancerPress  div.product .woocommerce-tabs .woocommerce-Tabs-panel h2:first-child{
	margin-top: 0;
}

.woocommerce div.product div.images .flex-control-nav{
    margin-top: 20px;
}

.woocommerce div.product div.images .flex-control-nav li{
	width: 22%;
	margin-right: 3%;
}

.woocommerce-page div.product div.summary,
body.woocommerce div.product div.summary{
	width: 100%;
	float: none;
}

ul.productImagesShowing{
 	margin: 0;
	padding: 0;
	list-style: none;
}

ul.productImagesShowing li{
    margin: 0;
	padding: 0;
	display: inline-block;
	width: 49%;
	min-width: 300px;
	max-width: 590px;  /* 572px; */
}
div.woocommerce.columns-4 >  ul.products li.product{
	margin-bottom: 10px;
}

div.woocommerce.columns-4 >  ul.products li.product a h2.woocommerce-loop-product__title, 	
section.upsells ul.products  li.product  a h2.woocommerce-loop-product__title,
.woocommerce ul.products .product a.button, 
body.archive ul.products .product a.woocommerce-LoopProduct-link a.button,
#single-productphp section.related .product_type_simple,
#single-productphp section.related .product_type_external,
body.archive .product_type_simple,
body.archive .product_type_external,
/*body:not(.single) section.related.products > h2, */
body section.related.products > h2{
	display: none;
}

.tableWithCellPadding{
	border-collapse: separate;
}

.tableWithCellPadding tr td{
    padding-bottom: 8px;
}
html body.page-id-125  main#pagephp section#pageContentMain > article.page,
html body.page-id-5687 main#pagephp section#pageContentMain > article.page {
    padding: 0;
}

body.page-id-125  #pageContentMain > article,
body.page-id-5687 #pageContentMain > article {
    width: 100%;
}

body.page-id-125  aside#rightSideBar,
body.page-id-5687 aside#rightSideBar{
   display: none;
}

body.page-id-125  div.woocommerce.columns-4 > ul.products li.product a h2.woocommerce-loop-product__title,
body.page-id-5687 div.woocommerce.columns-4 > ul.products li.product a h2.woocommerce-loop-product__title{
   display: block;
}

body.page-id-125  div.woocommerce.columns-4 > ul.products li.product,
body.page-id-5687 div.woocommerce.columns-4 > ul.products li.product{
	margin-bottom: 3em;
}

body.page-id-125  ul.products .product a.woocommerce-LoopProduct-link,
body.page-id-5687 ul.products .product a.woocommerce-LoopProduct-link,
body.archive ul.products .product a.woocommerce-LoopProduct-link{
	display: block;
	position: relative;
	min-height: 452px;
}

body.page-id-125  ul.products .product a img, 
body.page-id-5687 ul.products .product a img, 
body.archive ul.products .product a img {
	position: absolute;
	bottom: 40px;
	max-width: 265px;
}

body.page-id-125  ul.products .product a h2,
body.page-id-5687 ul.products .product a h2,
body.archive ul.products .product a h2 {
	position: absolute;
	bottom: 0;
	max-width: 100%;
}



.productImageShown img{
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

body.single-product .productImageShown img{
	max-width: 590px;
}


ul.productImagesShowing li.productSpacerOdd{
	width: 2%;
	min-width: 0;
	min-height: 20px;
}



/* temporary solution to force the product images to look more aligned. Should be changed at some point: */
/* .woocommerce .related.products ul.products li.product a img{
	max-height: 310px;
} */

.woocommerce .related.products ul.products li.product a img{
	height: 310px;
	width: auto;
	Margin-left: auto;
	margin-right: auto;
}

.woocommerce .related.products ul.products li.product,
.woocommerce .related.products ul.products li.product a .woocommerce-loop-product__title{
   text-align: center;

}

ul.products.columns-4 li.product  .woocommerce-loop-product__title,
.woocommerce .related.products ul.products li.product a .woocommerce-loop-product__title{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

body:not(.page-id-5687, .page-id-125) main section article div.woocommerce ul.products.columns-4 li.product a img{
	height: 230px;
}


.spacera1{
	min-height: 20px;
	clear: both;
}

body.page-id-174 .woocommerce-LoopProduct-link img{
	max-height: 193px;
}

.woocommerce-product-details__short-description a.button{
	margin: 6px 0 14px 0;
}

body .PDPTeamMember > div {
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: solid 1px #d4d4d4 ;
}

body .PDPTeamMember .elementor-accordion .elementor-tab-title{
	border-bottom: none !important;
}

body .elementor-widget-wrap > .teamPhotoCircle{
	max-width: 175px;
}
body .teamPhotoCircle .elementor-image img{
  border-radius: 300px;
	width: 100%;
	max-width: 250px;
}

.showMoreAccordion{
    margin-bottom: 0px;
}
body .showMoreAccordion .elementor-accordion  .elementor-tab-title{
   margin-top: 0px;
}

.showMoreAccordion p{
}

.showMoreAccordion h3,
.showMoreAccordion .elementor-widget-heading .elementor-heading-title{
  line-height: 1.5;
}
.showMoreAccordion .elementor-accordion-title{
    color: #4054B2;
	font-weight: bold;
	display: none; /* Hide Title. */
}

.showMoreAccordion .elementor-accordion-item .elementor-tab-title:after{
	content: "Show More";
	float: none;
	color: #4054B2;
	font-weight: bold;
}
.showMoreAccordion .elementor-accordion-item .elementor-tab-title.elementor-active:after{
	/* content: none; */
	visibility: hidden;
}

/* This used to be display:none, but was removed because on the "reviews" page it hid the active title.  */
.elementor-accordion-item .elementor-tab-title.elementor-active{
  /* display: none; */
}


/*
.showMoreAccordion .elementor-accordion-item > .elementor-active:after{
	content: "Show Less";
	float: none;
	color: #4054B2;
	font-weight: bold;
	width: 100%;
  } */

.showMoreAccordion .elementor-accordion .elementor-tab-content{
	padding: 0;
}

body .showMoreAccordion .elementor-accordion .elementor-accordion-item .elementor-tab-content{
  margin-top: 8px;
}

body .elementor-shape-rounded .elementor-icon.elementor-social-icon{
border-radius: 300px;

}


/*------------------------------------*\
    PAGES
\*------------------------------------*/
@media only screen and (min-width: 992px){

/*
	body.elementor-page section#pageContentMain > article > div.elementor  > div.elementor-inner > div.elementor-section-wrap > section > .elementor-container > .elementor-row > .elementor-element:last-child, */

	main > section article section.elementor-element,
	section .mainContentColumn,
	body:not(.elementor-page) main#pagephp section#pageContentMain > article.page{
		padding: 0 72px 0 0;
	}

	main#singlephp  > section article section.elementor-element,
	main#template-no-sidebar > section article section.elementor-element{
		padding: 0;
	}

}
section #homeFirstIcons > .elementor-element-populated{
	padding: 0;
}

#home3Icons{
	margin: 28px 0 0 0;
	padding: 0;
	list-style-type: none;
}

#home3Icons li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 40%;
	min-height: 130px;
	display: inline-block;
	vertical-align: top;
}

#home3Icons li div,
#home3Icons li div div{
	text-align: center;
	display: block;
}

/*#home3Icons li div.homeIconWrapper{
	max-width: 13vw;
} */

#home3Icons li:last-child,
#home3Icons li:first-child{
	width: 24%;
}

/*#home3Icons li:first-child > div{
	text-align: left;
	display: inline-block;
} */


#home3Icons .homeIconWrapper > div{
	line-height: 22px;
}

#sidebar3Icons h3 a,
body #sidebar3Icons .elementor-widget-icon-box h3 a,
#home3Icons li a{
	text-transform: uppercase;
	color: #1f4198;
	font-size: 13px;
	line-height: 18px;
	font-weight: 500;
	display: block;
}

.elementor-icon-box-icon a i{
	color: #1f4198;
}


#home3Icons li a{
	font-size: 20px;
	line-height: 26px;
}

#home3Icons li a img{
	margin-bottom: 14px;
	height: auto;
}


.homeRightColumn a{
	color: #666666;
}

.homeTestimonials .elementor-widget-container{
   min-height: 236px;
}

.homeTestimonials .elementor-widget-container .elementor-text-editor p:last-child{
	margin-bottom: 0;
}

.listHere{
	margin-bottom: 20px;
}


.blueHighlight{
    color: #2d8fce;
    text-transform: uppercase;
    text-align: center;
}

#YellowMillion > .elementor-widget-container{
	padding-top: 18px;
}

#YellowMillion p .ephasisMillion,
#YellowMillion  p {
	font-size: 19px;
	line-height: 26px;
	color: #272BA8;
	text-transform: uppercase;
	text-align: center;
	margin: 0;
}
#YellowMillion p .ephasisMillion {
	font-weight: bold;
}

#YellowMillionRow2{
	margin-top: 20px;
}

#shopHere{
	background-color: #ff6600;
	padding: 3px 25px 3px 25px;
}

#shopHere:hover{
	background-color: #ff9933;
}

#NVCBookGetACopyButton{
	font-size: 14px;
	padding: 7px 18px;
	background-color: #272BA8;
	border: solid 2px #272BA8;
	color: #fff;
	margin: 0 3px;
	text-transform: uppercase;
}

#NVCBookLearnMoreButton{
	font-size: 14px;
	padding: 7px 18px;
	background: clear;
	border: solid 2px #272BA8;
	color: #272BA8;
	margin: 0 4px;
	text-transform: uppercase;
}

#NVCBookGetACopyButton:hover{
	background-color: #0099ff;
	border: solid 2px #272BA8;
}

#NVCBookLearnMoreButton:hover{
	background: #0099ff;
	color: #fff; 
}


h2{
    color: #2d8fce;
    text-align: center;
}

.searchResultInLoop{
	clear:both;
	margin-bottom: 30px;
}

.resultsFeaturedImages a{
	float: left;
	margin: 0 20px 20px 0;
}

.resultsContent .view-article{
   display: block;
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/
/*
@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
} */

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin: 12px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}



/* Formidable */
/* Don't know why someone added this CSS below that messes up all Formidable Forms, so I have removed it. -RGH */
/*
body .with_frm_style .frm_left_container.frm_full .frm_primary_label{
	width: 27%;
	margin-right: 1% !important;
}

body .with_frm_style .frm_form_field.frm_left_container.frm_full input:not([type="radio"]):not([type="checkbox"]),
body .with_frm_style .frm_form_field.frm_left_container.frm_full:not(.frm_dynamic_select_container) select{
	max-width: 72% !important;
} */

/* After commenting out that CSS above, One drop down field stil had an issue, so I created a unique class to apply to that
 * field to fix it: fullWidthLabelFix*/


/* aweber styles fixes: */


form.af-form-wrapper .af-form .af-selectWrap select{
	background-color: #F2F2F2 !important;
	border-color: #A4A8B2;
	border-width: 1px;
	border-style: solid;
	color: #333333;
	text-decoration: none;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	font-family: Helvetica, sans-serif;
	padding: 12px 8px !important;
}

form.af-form-wrapper .af-form label{
	line-height: 1.3;
}

body #PuddleDancerPress form.af-form-wrapper .af-form .af-body .af-element{
	margin-bottom: 26px;
}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


/*
@media only screen and (min-width: 1160px) {


	#home3Icons {
		margin: 1.6vw 0 0 0;
	}


	header #headerTopRow{

	}

	#checkItOut a,
	header #headerTopRow #bannerTop{
		font-size: 1.3vw;
		line-height: 1.8vw;

	}

	header #headerTopRow #bannerTop{
		padding-left: 28vw;
		padding-right: 8vw;

	}
	
	header #headerTopRow #bannerTop,
	header #headerTopRow #headerTopRowInner,
	header #headerTopRow{
		height: 8vw;
	}

	#checkItOut{
		width: 7vw;
	}

	header #headerTopRow #logoTop{
		width: 25vw;
	}

	#NVCBookTopTiny{
		margin-right: 0;
	}
*/
	/* fix this later by adding a custome ID: */
/*
	#YellowMillion  p {
		font-size: 1.6vw !important;
		line-height: 2.2vw !important;
	}
	#YellowMillion p .ephasisMillion {
		font-size: 2vw !important;
		line-height: 3vw !important;
		font-weight: bold;
	}
}
*/


/* Add margins to page elements: */



.widthReasonable{
	max-width: 1366px;
	width: 100%;
	padding: 0;
}

.widthFull{
	width: 100%;
	padding: 0;
}

body .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated{
    padding: 0;
}

	html body div .alignedWrapper > div > div,
	#primary,
	.aligned,
	#authorCategory,
	#authorWrapper,
	#archiveWrapper,
	#post-404,
	#postBottom,
	#postTop,
	#footerWrapper footer,
	header #navWrapper{
		/*max-width: 1206px;*/
		width: 91%;
		margin: 0 auto;
		padding: 0px;

	}


	body.home article > div > div > .elementor-section-wrap > section.elementor-section-boxed > .elementor-container,
	#single-productphp,
	#primary,
	#footerWrapper footer,
	header #headerTopRow {
		padding-left: 0;
		padding-right: 0;
	}

	#homeHeader {
		height: 33.5vw;
	}



@media only screen and (max-width: 1290px) {

	body main#main,
	#footerWrapper,
	#pageContentMain {
		padding-left: 30px;
		padding-right: 30px;
	}

	body main#singlephp{
		padding: 0 30px 30px 30px;
	}

	body main#template-no-sidebar #pageContentMainFullWidth{
		padding: 30px;
	}

/*
	body.search main#main,
	body.archive main#main,
	#singlephp,
	#single-productphp,
	#footerWrapper,
	#pageContentMain {
		padding-left: 30px;
		padding-right: 30px;

	}*/
}



@media only screen and (max-width: 1382px) {
	header #headerTopRow #bannerTop {
		width: calc(100% - 337PX);
	}

	html body div .alignedWrapper > div > div,
	#belowHomeSlider.aligned,
	#homeMainSlider .aligned,
/*	header #navWrapper, */
	header #headerTopRow {
		padding-left: 30px;
		padding-right: 30px;

	}

	header #headerTopRow #PDPLogoTop{
		max-width: 270px;
	}

	header #headerTopRow #PDPLogoTop{
	    padding-left: 0;
	}
}



@media only screen and (min-width: 980px) and (max-width:1280px){
	/* This is to shorten the Menu Item that says: Learn Non-Violent Communication. */
	header#headerNav .menu-item-30 > a:after{
		content: "";
	}

	header#headerNav .menu-item-30 span.nvc{
		display: inline-block;
	}
}

@media only screen and (max-width:1280px){
	header #navWrapper{
		padding-left: 30px;
		padding-right: 30px;

	}
}


@media only screen and (max-width:1160px) {

	main section article div.woocommerce ul.products.columns-4 li.product a img{
		height: auto;
	}


	#headerBook,
	header #headerTopRow #logoTop img#desktopLogo{
		display: none;
	}


	header #headerTopRow #logoTop img#tabletTopLogo{
		display: block !important;
		max-width: 280px;
	}


	header #headerTopRow #checkItOut{
		display: none;
	}

	header #headerTopRow #logoTop{
		position: relative;
		margin: 0 auto;
	}

	#YellowMillionRow1 .elementor-text-editor{
		padding: 0;
	}

	#YellowMillion p{
		padding-top: .4vw;
		font-size: 1.6vw !important;
		line-height: 2vw !important;

	}
	#YellowMillion p .ephasisMillion {

	}

}

@media only screen and (max-width:1024px) {



	header #headerTopRow #checkItOut,
	header #headerTopRow #bannerTop{
		display: none;
	}

	h1 {
		font-size: 38px;
		font-weight: 700;
	}

	h2 {
		font-size: 32px;
		font-weight: 500;
		color: #003399;
	}

	h3 {
		font-size: 28px;
		font-weight: 700;
		color: #666;
	}

	h4 {
		font-size: 24px;
		font-weight: 700;
	}

	h5 {
		font-size: 20px;
		font-weight: 400;
	}

	h6 {
		font-size: 18px;
		font-weight: 700;
	}

	p {
		font-size: 18px;
		line-height: 24px;
		font-weight: 400;
	}

	.ephasisMillion {
		font-size: 22px;
	}

	section#homeQuoteArea p,
	.homeMainQuoteWrapper .homeMainQuote,
	.homeMainQuoteWrapper .homeMainQuoteAuthor,
	.homeMainQuoteWrapper .homeMainQuoteCTA span.watchSpan{
		font-size: 2.6vw;
		line-height: 3vw;
	}

	.homeMainQuoteWrapper{
		width: 48vw;
	}

	body .homeMainQuoteCTA a.videoButton img{
	/*	width: 6vw;
		margin-top: 1.5vw; */
		width: 48px;
		margin-top: 20px;
	}

	#homeHeaderSA .videoButton,
	.homeMainQuoteCTA .watchSpan{
		font-size: 20px;
		line-height: 26px;
		max-width: 80%;
		max-width: 320px;
	}


	#belowPageContent,
	.homeTestimonials .elementor-widget-container{
		min-height: auto;
	}

	body.archive ul.products .product a.woocommerce-LoopProduct-link{
		min-height: 300px;
	}

	body.archive ul.products .product a h2,
	body.archive ul.products .product a img{
		position: relative;
		bottom: 0;
	}

}




@media only screen and (max-width: 991px){
	footer #footerWidgets #footerColumn2,
	footer #footerWidgets #footerColumn3{
		padding-left: 15px;
		padding-right: 15px;
	}

	#footerWidgets{
		width: 100%;
	}

	aside#rightSideBar,
	#pageContentMain > article{
		float: none;
		width: 100%;
	}

	section#pageContentMain article section > .elementor-container > .elementor-row > .elementor-element,
	section .mainContentColumn{
		padding: 0 0 0 0;
	}


	body .elementor-column-gap-default > .elementor-row > .mainContentColumn > .elementor-element-populated,
	body section .mainContentColumn > .elementor-element-populated,
	body section .mainContentColumn > .elementor-column-wrap{
	    padding: 0 0 20px 0;
	}


}

	#footerColumn4Wrapper {
		position: absolute;
		bottom: 46px;
		right: 0;
		width: 300px;
}



@media only screen and (max-width:768px) {


	ul.productImagesShowing li{
		margin: 0;
		padding: 0;
		display: inline-block;
		width: 100%;
		min-width: 300px;
		max-width: 590px;  /* 572px; */
	}



	body #bookSlider .owl-item img{
		max-height: 310px;
	}

	.woocommerce .related.products ul.products li.product a img{
		height: auto;
	}

	body .elementor-949 .elementor-element.elementor-element-b485170 .elementor-heading-title,
	body .elementor-949 .elementor-element.elementor-element-5766101 .elementor-heading-title,
	body h1, body.home h1, body.home h2{
		font-size: 24px;
		line-height: 30px;
		font-weight: 600;
    }


	body.home #belowPageContent h2, body h2, body.home h3{
		font-size: 21px;
		line-height: 27px;
		font-weight: 400;
	}
	
	#purpleQuoteArea p{
		font-size: 22px;
		line-height: 32px;
		font-weight: 400;
	}
	
	#purpleQuoteArea{
		margin: 30px auto;	
		padding: 0 40px;
	}
	
	#purpleQuoteArea .purpleAreaAuthor{
		font-size: 18px;
	}






	#homeFirstIcons{
		padding: 0 6vw;
	}

	#home3Icons{
		margin-top: 0;
	}

	#home3Icons li a img {
		margin-bottom: 0;
	}

	body #home3Icons li,
	#home3Icons li:last-child,
	#home3Icons li:first-child{
		width: 33.33%;
		float: left;
		min-height: 10px;
		padding: 10px 0;
	}

	#home3Icons li a img{
		width: 36%;
	}

	body.home #YellowMillion p{
		font-size: 2.6vw !important;
		line-height: 3.4vw !important;
/*		color: #ff6600 !important; */
		text-align: left !important;
		padding: 0 6vw;
		margin: 0;
		max-width: 620px;
	}
	body.home #YellowMillion p .ephasisMillion {
		font-size: 2.6vw !important;
		line-height: 3vw !important;
/*		color: #ff6600 !important; */
		font-weight: bold;
	}

	#YellowMillion p{
		font-size: 2.6vw !important;
		line-height: 3.4vw !important;
/*		color: #ff6600 !important; */
		text-align: center !important;
		padding-top: 16px;
		padding-left: 6vw;
		padding-right: 6vw;
		padding-bottom: 0;
		margin: 0 auto ;
		max-width: 420px;
	}

	#YellowMillion p .ephasisMillion {
		font-size: 2.6vw !important;
		line-height: 3vw !important;
/*		color: #ff6600 !important; */
		font-weight: bold;
	}



	#YellowMillion p br{
		display: none;
	}

	#YellowMillion #YellowMillionRow1{
		width: 75% !important;
		float: left
	}
	#YellowMillion #YellowMillionRow2{
		width: 25% !important;
		float: left;
		margin-top: 0;
	}

	#YellowMillion #YellowMillionRow2 #shopHere{
		padding: 1vw 2vw;
		font-size: 2.6vw !important;
		line-height: 3vw !important;
		margin-top: 2px;
	}

	#millionsRow .elementor-container{
		padding: 0 !important;
	}

	header nav ul.menu{
		width: 100%;
	}

	header nav #navSearch,
	#navSearch{
		display: none;
	}

	body header nav > ul > li{
		padding: 1.5vw 4.5vw 1.5vw 1vw;
	}

	header #navWrapper nav{
		padding: 0 1vw;
	}

	header #navWrapper{
		min-height: 40px;
	}

/*	#menu-main-menu{
		width: auto;
		margin: 0 auto;
		display: block;
		float: none;
	} */

	#homeTestimonialsSection > .elementor-container,
	#homeTestimonialsSection{
		padding: 0;
	}

	body .elementor-2 .elementor-element.elementor-element-a3af1c8 > .elementor-widget-container{
		padding-left:  2px;
		padding-right: 2px;
	}
}

@media only screen and (max-width: 481px) {	
    .blueSquareLinkQuotes li{
		width: 100%;
	}
	body #purpleQuoteArea p{
		text-align: left;
	}
}

@media only screen and (max-width:650px) {



	#home3IconsColumn .homeIcons .elementor-widget-container .elementor-icon-box-wrapper br{
		display: none;
	}


	#sidebar3Icons .elementor-widget-container .elementor-icon-box-wrapper h3.elementor-icon-box-title ,
	#sidebar3Icons .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title a,
	#home3IconsColumn .homeIcons .elementor-widget-container .elementor-icon-box-wrapper h3.elementor-icon-box-title ,
	#home3IconsColumn .homeIcons .elementor-widget-container .elementor-icon-box-wrapper .elementor-icon-box-title a {
		font-size: 14px;
		line-height: 20px;
		max-width: 120px;
		margin-left: auto;
		margin-right: auto;
	}

	#YellowMillion p .ephasisMillion,
	#YellowMillion p{
		font-size: 16px !important;
		line-height: 24px !important;
		max-width: 414px;
	}

	#YellowMillionRow2{
		 margin-top: 2px;
	}



}


@media only screen and (max-width:700px) {

	header #headerTopRow #logoTop {
		display: none;
	}

	header #headerTopRow #PDPLogoTop {
		border: none;
		padding-top: 15px;
	}

	header #headerTopRow #headerTopRowInner,
	header #headerTopRow{
		height: 86px;
	}

	header #headerTopRow #PDPLogoTop{
		margin-top: 0;
	}

	header #headerTopRow #PDPLogoTop img{
		max-width: 218px;
		margin-left: 0;
	}

	#awesome-menu{
		top: 19px;
	}




}


@media only screen and (max-width:502px) {



	section#homeQuoteArea p,
	.homeMainQuoteWrapper .homeMainQuote p,
	.homeMainQuoteWrapper .homeMainQuote,
	.homeMainQuoteWrapper .homeMainQuoteAuthor,
	.homeMainQuoteWrapper .homeMainQuoteCTA span.watchSpan{
		font-size: 15px;
		line-height: 20px;
	}

	.homeMainQuoteWrapper .homeMainQuoteAuthor{
		margin-bottom: 30px;
		font-size: 16px;
		line-height: 22px;
		margin-top: 10px;
	} 



	header #headerTopRow #logoTop img#mobileLogo{
		display: block !important;
		width: 60%;
		max-width: 120px;
		padding-top: 14px;
	}

	header #headerTopRow #logoTop img#tabletTopLogo,
	header #headerTopRow #logoTop img#desktopLogo{
		display: none !important;
	}



	body.home #YellowMillion p,
	body.home #YellowMillion p .ephasisMillion{
		font-size: 16px !important;
		line-height: 24px !important;
		max-width: 414px;

	}



	#YellowMillion #YellowMillionRow1,
	#YellowMillion #YellowMillionRow2{
		width: 100% !important;
		float: none;
	}

	body.home #YellowMillion p,
	body.home #YellowMillion p .ephasisMillion,
	#YellowMillion p .ephasisMillion,
	#YellowMillion p{
		text-align: center !important;
		max-width: 502px;
		padding: 0;

	}

	#YellowMillion p br{
		display: block;
	}

	#YellowMillion #YellowMillionRow2{
		margin-top: 12px;
		margin-bottom: 12px;
	}







	#footerWrapper #footerColumn4Wrapper,
	#footerWrapper #footerColumn4{
		position: relative;
		bottom: auto;
		right: auto;
		width: 100%;
		clear: both;

}


@media only screen and (max-width:500px) {

	#footerWidgets,
	#footerColumn4Wrapper{
		float: none;
		width: 100%;
		text-align: center;
		min-height: 20px;
	}
}

@media only screen and (max-width:480px) {

}
@media only screen and (max-width:320px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}
.right-pad-plus {
    padding-right: 0 !important;
}
	

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.breadcrumb a {
    color: #428bca;
    text-decoration: none;
}

.quantity{
	display: none;
	}