/*
Theme Name: npac-2016
Theme URI: http://npac.ca
Description:  A child theme based on courage by http://themezee.com/themes/courage/
Author URI: http://npac.ca
Version: 2021-07
Template: courage
*/

/* MUST have the "courage" theme installed alongside this npac-2016 theme */

/* General
---------------------------------------------------------------------------- */

html {height:100%;}

body {
	font-family: Lato, Tahoma, Verdana, Arial;
	font-size: 16px;
	border: 0;
	color: #222;
	background-color: #fff;
	line-height: 2.0em;
	height:100%;
}

#wrapper {
	max-width:1100px; 
	width:92%; 
	margin:0 auto;
	height:100%;
	min-height:100%;
}

img {outline:none; text-decoration:none;}

a {outline: none;}
a img, a img:hover {outline:none; border:none; text-decoration:none;}

/* might be needed for firefox and camino */
a::-moz-focus-inner, img::-moz-focus-inner, input::-moz-focus-inner {border:0; outline:0;}

#wrap {
	clear: both;
	background-color: #fdfdfd;
	padding: 1.5em 0.5em 0em 1.0em;
	box-sizing: border-box;
}

#content {
	float: left;
	width: 74%;
	padding-right: 1.5em;
	box-sizing: border-box;
}

#sidebar {float: right; width: 24%;}



/* Header area
---------------------------------------------------------------------------- */

#header {padding: 0em 1.4em;}
#npaclogo {max-width:100%; padding: 15px 0px 10px 15px;	float:left;}
#npaclogo img {max-width:100%;height:auto;}

/* 468x60 horizontal banner ad top-right of all pages. Code in header.php */
#topbannerAd {float:right; padding: 50px 20px 0px 0px;}
#topbannerAd img {max-width:100%; height:auto;}



/* Front-page slideshow and news area below slider. Code in home.php
---------------------------------------------------------------------------- */

#npac-slider {width:100%; max-width:1050px; height:auto; margin: 0px auto; text-align:center;}

.npac-news {
	width: 100%;
	max-width: 980px;
	font-size: 17px;
	margin: 50px auto 30px auto;
	padding: 20px;
	background-color: #ddddee;
	border: 2px solid #aeaeee;
	border-radius: 0.2em;
	text-align:center;
	clear:both;
}

.npac-news h2 {font-size:26px; margin-bottom:10px;}

.npac-news p.subhead {color:#93311f; font-size:18px; font-weight:bold;}

.npac-news span.smalltxt {font-size:18px;}


/* Navigation Menu
---------------------------------------------------------------------------- */

#navi-wrap, #mainnav {
	background: #252525;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	max-width:1050px;
	margin: 0px auto;
}

.main-navigation-menu {
	float: left;
	width:100%;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	padding: 0 0.4em 0 0;
	box-sizing: border-box;
}

.main-navigation-menu a {
	display: block;
	padding: 0.5em 1.2em;
	text-decoration: none;
	font-size: 0.90em;
	font-weight: bold;
	font-family: Lato, Tahoma, Verdana, Arial;
	color: #fff;
}

.main-navigation-menu a:hover {background-color: #454545 !important;}

.main-navigation-menu ul a {
	width: 200px;
	/* width: 12rem; */
	padding: 8px;
	float: left;
	background: rgba(0, 0, 0, 0.15);
	border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
	box-sizing: border-box;
}

.main-navigation-menu li.current_page_item a, .main-navigation-menu li.current-menu-item a {
	text-decoration: underline;
	cursor: default;
}

.main-navigation-menu .menu-item-has-children {	cursor: default;}

.main-navigation-menu .sub-menu {z-index: 102;} /* menu dropdowns to be above top-right corner of Events calendar */

.main-navigation-menu .sub-menu li a {background: #252525;}

.menu-item-home .sub-menu li a {cursor: pointer !important;}

.menu-item-home .sub-menu li.current-menu-item a {cursor: default !important;}

.main-navigation-menu ul li.current_page_item a, .main-navigation-menu ul li.current-menu-item a {
	text-decoration: underline;
	cursor: default;
	background-color: #454545 !important;
}

.main-navigation-menu li.current-menu-ancestor {background-color: #454545 !important;}

/* Turn off Wordpress Shiftnav plugin for non-mobile */
#shiftnav-toggle-main, #shiftnav-main {display: none;}
.shiftnav-wrap {padding-top: 0px !important;}

/* Turn off parent theme's mobile menu since we're using Shiftnav plugin for mobile */
#mainnav-toggle {display:none;}



/* Widget Styling
---------------------------------------------------------------------------- */

.widget {
	margin-bottom: 1.5em;
	color: #252525;
	background: #fff;
	border:none;
	padding: 0.2em;
	border-radius: 0em;
}

.widgettitle {
	font-family: Lato, Tahoma, Verdana, Arial;
	font-weight: bold;
	color: #252525;
	background: #f5f5f5;
	border: none;
	padding: 0.5em 0.8em;
	margin-bottom: 1em;
	line-height: 1.4em;
	border-radius: 0.2em;
}

.widget ul li {margin-bottom: 1em;}

.widget .textwidget {line-height: 1.5em; margin: 0;}

.widget .textwidget p {margin-bottom: 1em;}

.widget ul {line-height: 1.5em;	margin: 0 0.5em; list-style: circle inside;}

.widget ul .children {padding: 0; margin: 0.5em 0 0.5em 1em;}


/* Search Widget */
.search-form .search-field {
	display: inline-block;
	margin: 0;
	width: 100%;
	padding: 0.5em 45px 0.5em 0.5em;
	background: #fff;
	border: 1px solid #ddd;
	font-size: 1.0em;
	color: #333;
	box-sizing: border-box;
	-webkit-appearance: none;
}

.search-form .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	background: transparent;
	padding: 0.6em 0.6em 0 0;
	cursor: pointer;
}

.search-form .search-submit:hover .genericon-search {color: #2277bb;}


/* Posts and Pages
---------------------------------------------------------------------------- */

.entry p {margin-bottom: 26px;}

.entry h3 {
	font-size: 20px;
	line-height: 26px;
	text-transform:none;
}

.entry h4 {
	font-size: 18px;
	line-height: 24px;
	text-transform:none;
}

.page-title, .post-title {
	background: #f5f5f5;
	border: none;
	padding: 0.5em 0.6em;
	margin-bottom: 0.5em;
	border-radius: 0.3em;
	font-family: Lato, Tahoma, Verdana, Arial;
	color: #2277bb;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

h2.archive-title {
	//font-family: Lato, Tahoma, Verdana, Arial;
	//font-size: 1.2em;
	//color: #252525;
	//background: #f5f5f5;
	//border: 1px solid #e2e2e2;
	//padding: 0.6em 1em;
	//margin-bottom: 1em;
	//line-height: 1.4em;
	//border-radius: 0.4em;
	display:none;
}


/* Forms
---------------------------------------------------------------------------- */

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }

#respond input:hover, #respond input:focus,
#respond textarea:hover, #respond textarea:focus,
input[type="search"]:hover, input[type="search"]:focus {background-color: #f6f6f6; border-color:#aaa;}


/* Comments
---------------------------------------------------------------------------- */

li.comment.depth-1.odd,
li.comment.depth-2.even,
li.comment.depth-3.odd {background: #f3f3f3;}

.comment_msg {font-size: 14px;}

#commentform #submit {
	display: block;
	font-weight: bold;
	margin-top: 1em;
	padding: 0.8em 1.6em;
	text-decoration: none;
	color: #fff;
	border: 1px solid #2277bb;
	background: #2277bb;
	border-radius: 0.4em;
}

#commentform #submit:hover {
	background: #fdfdfd;
	border: 1px solid #2277bb;
	cursor: pointer;
	text-decoration: none;
	color: #2277bb;
}

#comments .comments-title, #respond #reply-title {
	font-family: Lato, Tahoma, Verdana, Arial;
	font-size: 1.2em;
	color: #252525;
	background: #f5f5f5;
	border: none;
	padding: 0.6em 1em;
	margin-bottom: 0.8em;
	line-height: 1.4em;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	border-radius: 0.4em;
}


/* Various
---------------------------------------------------------------------------- */

blockquote {
	background:#f5f5f5 url('images/quote.png') no-repeat top left;
	border: none;
	margin: 20px 50px;
	padding: 10px 30px;
}


/* Hide all the Postmeta Icons */
.postmeta span:before, .postinfo span:before {
	-webkit-font-smoothing: antialiased;
	font: normal 22px/1 'Genericons';
	vertical-align: middle;
	color: #252525;
	display:none;
}

.postmeta {margin:0px 0px 10px 10px !important;}

.postinfo {
	clear: both;
	background: #f5f5f5;
	border: none;
	padding: 0.5em 0.8em;
	border-radius: 0.2em;
}

.postmeta span, .postinfo span{margin-right: 1.5em;}
.postmeta a:link, .postmeta a:visited {color: #2277bb; text-decoration: none;}
.postmeta a:hover, .postmeta a:active{text-decoration: underline;}


/* Read more link */
.more-link {
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	margin: 0.5em 0;
	padding: 0.1em 0.4em;
	text-decoration: none;
	color: #252525;
	border: 1px solid #e2e2e2;
	background: #f5f5f5;
	border-radius: 0.2em;
}
.more-link:link, .more-link:visited {color: #2277bb;}

.more-link:hover, .more-link:active {background:#fdfdfd; border: 1px solid #ccc; text-decoration:none;}


/* NPAC stuff
---------------------------------------------------------------------------- */

/* For pretty NPAC photo captions. 
 * Use:	<h6> Your photo caption here. </h6>
 * Or:	<div class="photo-caption"> Your photo caption here. </div>
 */
.entry h6, .photo-caption {
	font-size: 15px; 
	font-weight:normal; 
	padding: 15px; 
	margin: 4px 25px 25px 25px !important;
	background-color: #eee;
	line-height: 1.7em;
	color: #222;
}

/* for Photographers Q+A index page - three columns */
#left_col {float:left; width: 190px; margin-left: 30px;}
#mid_col {float:left; width: 190px;}
#right_col {float:left; width: 190px;}

/* winners list on east and west pom pages */
.pom-page {padding-left:160px;}

/* CNW widget and news page */
#cnw-widget {margin-bottom: 30px;}

#cnw-newspage h1 {
	font-size: 26px;
	line-height: 36px;
	margin-bottom: 38px;
}
#cnw-newspage b {font-weight: bold;}


#npac-network {text-align:center;}
.npac-promo, .npac-social {margin-bottom:40px;}
.npac-facebook, .npac-twitter {padding-right:25px;}


/* Right sidebar ads are currently paired based on height.
 * Each sidebar ad is currently 120px wide. Max width is 250px.
 * Any ad that's 200-250px wide is not paired and appears on its own.
 * The html code for these ads is in Wordpress > Appearance > Widgets > Sidebar > NPAC sidebar ads
 */

/* hide sidebar titles "NPAC social & freelancers" and "NPAC Sidebar Ads" */
#text-8 h3.widget-title, #text-9 h3.widget-title {display:none;}
#custom_html-10 h3.widgettitle, #custom_html-11 h3.widgettitle {display:none;}

/* hide sidebar title "NPAC bottom mobile ad" */
#text-10 h3.widget-title {display:none;}

.sidebarAds {width: 260px;}
.sidebarAds img {padding-top: 30px; max-width: 100%; height:auto;}

/* wide horizontal ads in right sidebar */
.npac-adA img {float:left; max-width: 100%; height:auto;}

/* left vertical ads in sidebar */
.npac-ad1 img, .npac-ad3 img, .npac-ad5 img, .npac-ad7 img {float:left; max-width: 100%; height:auto;}

/* right vertical ads in sidebar */
.npac-ad2 img, .npac-ad4 img, .npac-ad6 img {float:right; max-width: 100%; height:auto;}

/* make sure list of Recent Posts doesn't overlap with ads above it */
#recent-posts-4 {clear:both; padding-top:50px;}

/* Move top ad to bottom for mobile. Ad code is in sidebar widget */
#bottom-mobile-ad {display:none; text-align:center;}  /* hide for non-mobile */
#bottom-mobile-ad img {max-width:100%; height: auto; margin-top:20px;}


/* Help some embeds be responsive but may not be needed */
#content embed, #content iframe, #content object, #content video {max-width:100%;}


/* Small images inset in posts */
.left-img {
	float:left;
	margin: 0 20px 15px 0px;
	width: 100%;
}
.right-img {
	float:right;
	margin: 0 0 20px 15px;
	width:100%;
}

.small-caption {
	font-size: 15px; 
	font-weight:normal; 
	padding: 5px 10px; 
	margin: 0;
	background-color: #eee;
	color: #222;
}

@media only screen and (max-width: 800px) {
  .left-img, .right-img {
	float: none;
	margin: 0 auto 15px auto;
	width:100%;
  }
}


/* NPAC cost of doing business calculator
---------------------------------------------------------------------------- */

#npac_form {margin:0px auto; width:96%;}

#npac_form h3 {margin:20px;}

#npac_form input[type=text] {
		outline: none;
		padding:5px; 
		font-size:16px; 
		font-family: tahoma;
		letter-spacing: 1px;
		border: 3px solid #ccc;
		border-radius: 5px;
  		width: 130px;
          	box-sizing: border-box;
}

#npac_form input[type=text]:hover, #npac_form input[type=text]:focus {background: #f3f3f3;}

#npac_form input[type=submit], #npac_form input[type=reset] {
	box-sizing: border-box;
	text-transform:uppercase;
	padding: 7px 14px;
    	background-color: #fff;
	border: 3px solid #ccc;
	border-radius: 5px;
	font-size:15px;
	display:inline-block;
}

#npac_form input[type=submit] {background: #6699ff; border: 3px solid #6699ff; margin:0px 20px 0px 60px;}

#npac_form input[type=submit]:hover, #npac_form input[type=reset]:hover {background: #ccc; cursor:pointer;}

#expenseitems, #results {margin-top:40px; border:2px solid #ccc; padding:0px 0px 10px 20px;}

#revenue {margin-top:40px;}

#npac_form #buttons {margin:40px 0px 10px 0px; text-align:right;}

.dollars {margin-bottom:20px; position:relative;}

#npac_form label {display:inline-block; width:65%; background: #77aacc; padding:8px 15px;}

#npac_form input[type=text].billable {padding-left:5px; margin-left:20px;}

#npac_form .dollars input[type=text] {padding-left:25px;}

.dollars .dolsign {
	position: relative;
	left: 20px;
	padding: 5px; 
	pointer-events: none; 
	font-size:18px;	
	background: #ccc;
	border: 1px solid #ccc;
	border-radius: 4px 0px 0px 4px;
	display:inline;
}

#npac_form .value {display:inline-block; position:absolute; top:0; right:20px;}

#npac_form .cost, #npac_form .expenses {color:#336699;}

#expenses label:hover, #revenue label:hover, #results label:hover {cursor: pointer;}

#results label.total:hover {cursor: default;}

#npac_form .description {display:none; width:65%; background: #cdcddd; padding:8px 15px;}

@media only screen and (max-width: 960px) { 
	#npac_form label, #npac_form .description {width:60%;} 
}

@media only screen and (max-width: 800px) {
	#npac_form {width: 100%;}
	#npac_form label, #npac_form .description {width:55%;}
}

@media only screen and (max-width: 640px) {
	#npac_form label, #npac_form .description {width:60%;}
}

@media only screen and (max-width: 480px) {
	#npac_form label, #npac_form .description {width:88%;}
	#expenseitems, #results {padding:0px 0px 10px 2px;}
	#npac_form .value {display: inline-block; position: static; margin-top:10px;}
	#npac_form input[type=submit] {margin:0px 5px 0px 20px;}
}


/* Members List plugin
---------------------------------------------------------------------------- */

.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn {
	font-size: 14px !important;
	text-transform: uppercase;
	box-shadow:inset -10px 0 10px 0 #e5e5e5 !important;
	-webkit-box-shadow:inset -10px 0 10px 0 #e5e5e5 !important;
}

@media (max-width:600px){
	.WP-ml-members .WP-ml-filters .WP-ml-filter .WP-ml-filter-btn {
		font-size:12px !important;
	}
}

/* Now viewing X through Y of Z members */
.WP-ml-members .WP-ml-view {
	margin: 30px 0 20px 0 !important;
	font-size: 18px !important;
	color: #3d3d3d;
}
@media (max-width:480px) {
	.WP-ml-members .WP-ml-view {
		border-bottom:1px solid #e5e5e5;
		margin:30px 0;
		padding:0 0 30px
	}
}

/* Sort titles: last name, first name, city, province */
.WP-ml-members .WP-ml-sort a {
	position:relative;
	display:inline-block;
	margin:0 30px 0 0 !important;
	line-height:35px;
	font-size: 14px !important;
	font-weight:600;
	color:#666;
	text-transform:uppercase;
	text-decoration:none
}

.WP-ml-members-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: flex-start;
}

.WP-ml-member {
	background-color: #eee; 
	border-radius: 4px !important;
	margin: 0 0 20px 20px !important;
	width:46% !important;
}

.WP-ml-member-markup {
	padding: 10px 10px 0px 20px !important;
}

@media (max-width: 960px) {
	.WP-ml-member {
		margin: 0 0 20px 0 !important; 
		width: 100%! important;
	}
	.WP-ml-member-markup {
		padding: 10px 5px 0px 5px !important;
	}
}

.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-label {
	display: inline-block !important;
	line-height:20px;
	font-size:14px;
	font-weight:600;
	text-transform:uppercase;
	padding: 0 10px;
}

/* Hide the label for first field which is member's name.
 * This is part of a hack to fix the wrong class being added
 * to a few other profile fields.
 * This style must come after the .WP-ml-label above.
 */
div.WP-ml-members div.WP-ml-members-list div.WP-ml-member div.WP-ml-member-box div.WP-ml-member-markup div.WP-ml-field.WP-ml-field-first_name label.WP-ml-label {
	display: none !important;
}

.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-field-value,
.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-field-value * {
	line-height:20px;
	font-size: 16px !important;
	display: inline-block;
}

/* this style for .WP-ml-field-first_name must come after the style for .WP-ml-field-value (above). */
div.WP-ml-members div.WP-ml-members-list div.WP-ml-member div.WP-ml-member-box div.WP-ml-member-markup div.WP-ml-field.WP-ml-field-first_name div.WP-ml-field-value {
	line-height:20px;
	font-size: 17px !important;
	font-weight: 600 !important;
	display: inline-block;
}

.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field a {
	color: #006c8c;
	text-decoration: none;
	font-size: 18px !important;
}

.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field a:hover {
	color: #009ccb;
	text-decoration: underline !important;
}

@media (max-width: 960px) {
	.WP-ml-members .WP-ml-members-list .WP-ml-member .WP-ml-member-markup .WP-ml-field .WP-ml-label {
		padding: 0 5px;
	}
}

.pseudo-select .pseudo-selector .pseudo-options {
	position: absolute;
	width:100%;
	top:40px;
	left:0;
	background-color:#F3F3F3;
	border:1px solid #eee !important;
	z-index:9999
}

.pseudo-select .pseudo-selector .pseudo-options .pseudo-option {
	display: block;
	background:#fff;
	border-bottom:1px solid #ccc !important;
	padding: 0 15px;
	text-indent:0;
	line-height: 38px !important;
	font-size: 16px !important;
	color:#3d3d3d;
}

.pseudo-select .pseudo-selector .pseudo-options .pseudo-option.pseudo-active {
	background-color:#F3F3F3;
	font-weight:normal;
	color:#999;
}

.pseudo-select .pseudo-selector .pseudo-options .pseudo-option:hover {
	background-color:#F3F3F3;
	cursor: default;
}

.pseudo-select .pseudo-selected {
	display: inline-block;
	width:100%;
	height:40px;
	background-color: #f9f9f9 !important;
	border:1px solid #ccc !important;
	line-height:38px !important;
	text-indent:12px !important;
	font-size: 16px !important;
	font-weight: 600;
	color: #006c8c;
}

.WP-ml-members .WP-ml-filter-search-form form input[name=search] {
	display:inline-block;
	width:156px;
	height:40px;
	background:#f9f9f9 !important;
	border: 1px solid #ccc !important;
	margin:0 0 0 20px !important;
	font-size: 17px !important;
	color: #666 !important;
	text-indent:15px;
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}

@media (max-width:600px){
	.WP-ml-members .WP-ml-filter-search-form form input[name=search] {
		margin: 30px 0 20px 0 !important;
	}
}

.WP-ml-members .WP-ml-filter-search-form .WP-ml-button:hover {
	cursor: pointer;
}

.WP-ml-members .WP-ml-filter-alpha-form label {
	display:block;
	margin:0 0 20px;
	font-size: 16px !important;
	font-weight:600;
	color:#3d3d3d;
}

WP-ml-members .WP-ml-filter-alpha-form label span {
	font-weight: normal;
	color: #777777 !important;
}

.WP-ml-members .WP-ml-filter-alpha-form ul li a{
	display:block;
	width:100%;
	line-height:14px;
	text-align:center;
	font-size:17px !important;
	color:#006c8c;
	text-decoration:none;
}

@media (max-width:600px){
	.WP-ml-members .WP-ml-filter-alpha-form {text-align:center;}
	.WP-ml-members .WP-ml-filter-alpha-form label span{display:none;}
	.WP-ml-members .WP-ml-filter-alpha-form ul{display:none;}
	.WP-ml-members .WP-ml-filter-alpha-form select{display:inline-block !important}
}

.WP-ml-members .WP-ml-pagination ul li a {
	display:block;
	margin:0 10px;
	line-height:20px;
	font-size:15px !important;
	font-weight:600;
	color:#414141;
	text-decoration:none;
}


/* For NPAC store page - WooCommerce pages: Cart, Checkout, My Account, Shop
 * Use a full-width page template with no sidebar for Cart, Checkout, My Account.
---------------------------------------------------------------------------- */

.woocommerce {height:100%; min-height:100%; position:relative;}

.woocommerce #sidebar {margin: 1.5em 0.5em 0 0;}

.woocommerce #footer-wrap {position:absolute; bottom:0; max-width:1100px; width:92%;}

#npac-woocommerce {	
	float: left;
	width: 72%;
	padding:1em 1em 5em 1em;
	background-color: #fdfdfd;
	box-sizing: border-box;
	margin-top: 1.5em;
	border:1px solid #e2e2e2;
	border-radius: 0.4em;
}

.woocommerce-result-count {display:none;}

#npac-woocommerce ul.products {padding: 0.5em 0 0 1.5em;}

.woocommerce ul.products li {border:1px solid #e2e2e2; padding:20px !important;}

.woocommerce ul.products li.product h3 {line-height: 20px;}

.woocommerce ul.products li.product {min-height:310px; width:170px; clear:none; margin-right:25px;}

.woocommerce ul.products li.product a.add_to_cart_button {display:none;}

.woocommerce span.amount {font-size:17px; color: #000;}

.woocommerce .product .summary p.price {margin-bottom:10px;}

.woocommerce .product .images a {pointer-events: none; cursor: default;}

#npac-woocommerce .product_meta .posted_in {display:none;}

.woocommerce .summary h1 {background: #fff; border: 0; font-family: Lato, Tahoma, Verdana, Arial;}

.woocommerce #tab-description h2 {display:none;}

.woocommerce #tab-description p {margin-bottom: 26px;}

.woocommerce-page .sharing {display:none;}

#npac-woocommerce .product {padding-top: 1.5em;}

.woocommerce-cart .quantity, form.cart .quantity {font-size:17px;}

.woocommerce-cart .quantity input, form.cart .quantity input {padding:0.5em;}

.woocommerce-cart .cart_totals h2 {font-size:24px;}

.woocommerce-cart tr.cart_item td.product-thumbnail img {display:none;}

.woocommerce-cart input[type=text]#coupon_code {width:110px !important;}

.woocommerce-cart tr.cart-subtotal span.amount,
.woocommerce-cart tr.order-total span.amount {padding-left:20px;}

.woocommerce-ordering select.orderby {display:none;}

#npac-woocommerce .single_add_to_cart_button {margin-left:10px;}

.woocommerce-tabs p {margin: 0.75em 0;}

.sku_wrapper {display:none;}

/* Not using this .siteseal {float:right; margin: 10px 0 10px 10px; display:inline;} */


/* Woocommerce Name Your Own Price plugin */
li.nyp-product span.suggested-text {display:none;} /* hide suggested price on main store page */
li.nyp-product span.woocommerce-Price-amount.amount {display:none;} /* hide suggested price on main store page */
.nyp-product .nyp {margin-bottom:30px;} /* spacing on product page */
.nyp-product input[type=number].input-text.qty {display:none;} /* hide quantity selector on single product page */
.nyp-product .summary .suggested-text {font-size:16px !important; color:#222 !important;} /* on single product page */
.nyp-product .summary .amount {font-size:16px !important;}  /* on single product page */


/* Checkout page. Add yellow highlight to bottom message */
.woocommerce .checkout-info-highlight {padding:10px 20px; background-color:#f6ee66;}


/* Woocommerce login page */
.entry h2 {font-size:1.8em;}
.woocommerce form.woocommerce-form-login label.woocommerce-form-login__rememberme {display: none;}
.woocommerce form.woocommerce-form-login {width: 80%; margin: 2em auto;}
.woocommerce form.woocommerce-form-login input {padding: 0.5em;}

/* My-Account pages */
.woocommerce .woocommerce-MyAccount-content,
.woocommerce .woocommerce-MyAccount-navigation {margin-top:20px;}
.woocommerce-account .woocommerce-MyAccount-navigation {width:20%;}
.woocommerce-account .woocommerce-MyAccount-content {width:75%;}
.woocommerce-account .woocommerce {margin-bottom:100px;}


/* My Account navigation links*/
li.woocommerce-MyAccount-navigation-link {list-style-type: none;}
li.woocommerce-MyAccount-navigation-link {padding: 5px 10px;}
li.woocommerce-MyAccount-navigation-link.is-active {background-color: #f6f6f6;}
li.woocommerce-MyAccount-navigation-link.is-active a:hover {
	cursor:default; 
	text-decoration:none;
}

/* My-Account  Order details */
h2.woocommerce-order-details__title {font-size: 22px;}
h2.woocommerce-column__title {font-size: 22px;}
.woocommerce-column--billing-address.col-1 address {border: none;}
.woocommerce-column--shipping-address.col-2 address {border: none;}


/* My-Account My Profile. Lower position of tooltips and make them smaller */
.woocommerce form .form-row .woocommerce-input-wrapper .description {
	margin: 1em 0 0 !important;
	padding: 0.6em !important;
}
.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_profile {
	font-size: 16px;
	table-layout:auto;
}

/* added a class to profile field labels */
span.npac-profile-label {
	font-weight: bold;
}

.form-row.wc-memberships-member-profile-field.wc-memberships-member-profile-field-input-text input,
.form-row.wc-memberships-member-profile-field.wc-memberships-member-profile-field-input-multiselect input {
	width:60%; 
}


/* My-Account Addresses page */
.u-columns.woocommerce-Addresses.col2-set.addresses {margin-left:20px;}

.u-column1.col-1.woocommerce-Address,
.u-column2.col-2.woocommerce-Address {
	width: 40%;
	margin-bottom: 50px;
}
.woocommerce-account .addresses .title .edit {float:left;}



/* My Account My Membership page (from Woocommerce Memberships plugin) */
.shop_table.shop_table_responsive.my_account_orders.my_account_memberships.my_membership_settings {font-size: 16px;}

.my-membership-detail-user-membership-actions {display:none;}


/* Thank-you message on final Order Received page after someone buys a membership.
 * This message is from Woocommerce Memberships plugin.
 */
.woocommerce-order p.npac-thankyou-msg {margin-bottom: 40px;}


@media only screen and (max-width: 800px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {width: 180px;}
  .woocommerce-account .woocommerce-MyAccount-content {width:100%; float:left; clear:both;}

  .woocommerce table.shop_table_responsive tr td, 
  .woocommerce-page table.shop_table_responsive tr td {
	display: block;
	text-align: left !important;
  }

  /* undo a weird woocommerce style */
  .woocommerce table.shop_table_responsive tr td::before,
  .woocommerce-page table.shop_table_responsive tr td::before {
	content:attr(data-title) " ";
	font-weight: normal;
	float:left;
  }
}




/* Some bbPress styles. Most css for bbPress is in npac-2016 > css > bbpress.min.css
------------------------------------------------------------------------------------------- */

/* For 'image-upload-for-bbpress' plugin.
 * In upload dialogue box, hide the Description field which does nothing useful
 * and add instructions for user.
 */
div.mce-container.mce-abs-layout-item.mce-formitem:nth-of-type(3) {display: none;}

.mce-reset .mce-window-head .mce-title:after {
	content: "\a Each file ( jpeg or png ) up to 800px wide and under 500 KB. \a You can align and scale your image in the reply box.";
	white-space: pre-wrap;
	font-weight:normal;
	font-size:16px;
}

/* Change colour of the active tab ('Visual' or 'Text' tab) and the toolbar
 * in message editing box. Also darken the editing tool icons.
 * This is a Wordpress feature but it's most visible for us in our bbPress forums.
 */
.tmce-active .switch-tmce,
.html-active .switch-html {
	background: #b2cae3 ! important;
	color: #000 ! important;
	border-bottom-color: #b2cae3 ! important;
}
.quicktags-toolbar {background: #b2cae3 ! important;}

div.mce-toolbar-grp {background: #b2cae3 ! important;}

#bbpress-forums div.bbp-the-content-wrapper input[type="button"] {color: #111;}

.mce-widget.mce-btn .mce-ico {color: #111 !important;}




/* Logged-in expired member popup banner at bottom of page
   Code for banner is in footer.php
---------------------------------------------------------------------------- */
#expired-banner {
    background-color: rgba(120,20,10,1);
    min-height: 80px;
    font-size: 18px;
    color: #ddd;
    line-height: 40px;
    padding: 20px 30px 10px 50px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}

#expired-banner a.expired-banner-ok {
    background-color: #F1D600;
    color: #000;
    display: inline-block;
    border-radius: 5px;
    padding: 0 30px;
    cursor: pointer;
    float: right;
    margin: 10px 0 10px 10px;
}
#expired-banner a.expired-banner-ok:hover {
	background-color: #c8bd66;
	text-decoration: none;
}

@media screen and (max-width: 800px) {
  #expired-banner {
	padding: 20px;
	line-height: 30px;
  }
}
@media screen and (max-width: 340px) {
  #expired-banner {
	font-size: 14px;
	line-height: 20px;
	padding: 20px 10px;
  }
  #expired-banner a.expired-banner-ok {
	margin: 20px 10px 0 10px;
  }
}


/* Pagination
---------------------------------------------------------------------------- */

.post-pagination {
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #222;
	text-align:center;
}
.post-pagination a:hover {
	background: #ccc;
	border: 1px solid #ccc;
	text-decoration: none;
}
.post-pagination .current {
	padding: 0.8em 0.8em;
	margin-right: 0.3em;
	background: #2277bb;
	color: #fff;
	border-radius: 0.4em;
}


/* Footer
---------------------------------------------------------------------------- */

#footer-wrap {
	background: #252525;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

#footer {padding: 0.7em; color: #fff; border-top:none; background:transparent;}

#footer #footer-text {float:none; font-size:12px; line-height:1.0em;}

span.npac-copyright {float:left;}

span.theme-credit {float:right;}

#backtotop {
	position: fixed;
	right:0px;
	bottom:150px;
	display:none;
	z-index:97; /* to hide under old mobile menu. Also must be above slideshows */
	background-color: #252525;
	padding: 0.4em 0.6em 0em 0.6em;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}

#backtotop:hover {cursor: pointer; background-color: #2277bb;}

/* Hide the Cookies-for-Comments blank.gif. Otherwise it creates a whitespace below footer */
img[alt="css.php"] {
	position: absolute;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	height:0;  /* Chrome */
}


/* Media Queries - responsive
---------------------------------------------------------------------------- */

/* Small screens | <1120px */
@media only screen and (max-width: 70em) {
	#wrapper {width: 96%; margin: 1em auto 0em;}
}


/* Smaller screens | <1120px */
@media only screen and (max-width: 65em) {
	#wrapper {width: 96%; margin: 0 auto 0em;}
	#topbannerAd {padding: 50px 0px 0px 0px; width:45%;}
	.pom-page {padding-left:120px;}
}


/* Tablets (landscape) | <960px */
@media only screen and (max-width: 60em) {

	#wrapper {
		width: 100%;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
	}

	#header {padding:0.5em; margin-top:60px;}
	#topbannerAd {padding: 60px 25px 0px 0px; width:35%;}
	#npac-slider {width:94%;}
	.npac-news {width:90%; font-size:16px;}
	.npac-news h2 {font-size:22px; margin-bottom:5px;}
	#wrap {padding: 0.5em 0.5em 0 !important;}
	#content {float: left; width: 75%; padding-right: 1.0em;}
	#sidebar {clear: none; float: right; margin: 0; padding-top: 0; width: 25%;}
	.npac-facebook, .npac-twitter {padding-right:15px;}
	.sidebarAds {width:180px; border-top:1px solid #ccc;}
	.sidebarAds img {padding-top: 20px; max-width: 45%; height:auto;}
	.sidebarAds .npac-adA img {padding-top: 20px; max-width: 100%; height:auto;}
	#backtotop {position:fixed; right:0px; bottom:40px;}
	.pom-page {padding-left:80px;}

	/* Hide theme's built-in mobile navigation menu since we don't use it */
	#mainnav-mobile-menu {display:none;}

	/** Shiftnav plugin for mobile menu **/
	#shiftnav-toggle-main, #shiftnav-main {display: block;}
	.shiftnav-wrap {padding-top: 0px !important;}
	#shiftnav-toggle-main {background-color: #1d1d20 !important; padding:25px 0px !important;}

	#shiftnav-toggle-main-button {
		font-size: 26px; 
		color: #fff; 
		height:50px !important; 
		width:60px !important; 
		position:absolute !important; 
		top:-6px !important; 
		left:10px !important;
	}

	#shiftnav-toggle-main-button:hover {color: #2277bb;}
	.shiftnav-nav {font-size:16px; line-height:28px;}
	.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item.shiftnav-highlight > .shiftnav-target {
	color:#2277bb !important;}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active,
.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
	color:#eee;
	background:#2277bb !important;
	border-top-color:rgba(255,255,255,.4);
	border-bottom-color:rgba(0,0,0,.8);
}
	
	li.shiftnav-depth-1 a {padding-left:40px !important;}
	ul.sub-menu {display:none;}

	li.menu-item-has-children a:after {
   		font-family: FontAwesome;
  		content: "\f078"; // up arrow. f068 is plus sign
   		display: inline;
   		float: right;
   		padding-right: 30px;
	}

	li.menu-item-has-children.downarrow a:after {
  		font-family: FontAwesome;
   		content: "\f077"; // down arrow. f067 is minus sign
   		display: inline;
   		float: right;
   		padding-right: 30px;
	}

	li.shiftnav-depth-1 a:after, li.menu-item-has-children.downarrow .shiftnav-depth-1 a:after {content:"";}

	.top-mobile-search {
		width:60%;
		max-width: 250px;
		border: 0;
		position:absolute; 
		top:-14px; 
		right:10px;
	}

	.top-mobile-search input[type="search"] {padding: 0.2em 45px 0.2em 0.3em;}
	.top-mobile-search .search-submit {position:absolute; top: -5px; right:0;}
}

/* Tablets (portrait) | <800px */
@media only screen and (max-width: 50em) {
	.npac-news {width:86%;}
	.npac-news h2 {font-size:20px; margin-bottom:0px;}
	#npaclogo {float:none; margin:0px auto; max-width:90%; text-align:center; padding:0px;}
	#content {float:none; margin:0px auto;}
	#sidebar {clear: none; float: right; margin: 0; padding-top: 0; width: 25%;}
	.sidebarAds {width:150px; border-top:1px solid #ccc;}
	.sidebarAds img {padding-top: 20px; max-width: 45%; height:auto;}
	.page-title {font-size: 1.6em;}
	.post-title {font-size: 1.3em;}
	.entry h4, .comment h4 {font-size: 1.0em;}
	#topbannerAd {display:none;}
	#bottom-mobile-ad {display: block;}
	#wrap {padding:0 !important;}
	#footer #footer-text {margin-top: 0em;}	
	#commentform {max-width: 80%; margin:0px auto;}
	.freelance {font-size:24px;}
	#blink-locations {margin-top:10px; padding: 20px 50px;}
	.entry h6 {margin: 4px 10px 10px 10px !important;}
	#left_col {width: 170px; margin-left: 0px;}
	#mid_col {width: 170px;}
	#right_col {width: 170px;}
	body {-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%; text-size-adjust:100%;}
	.pom-page {padding-left:50px;}
}


/* Phablets (portrait) and cellphones (landscape) | <640px */
@media only screen and (max-width: 40em) {
	#content {float:none; width:100%; padding: 0;}
	#sidebar {clear:both; float:none; margin:0; padding-top: 1em; width: 100%;}
	#npac-woocommerce {float:none; margin:0px auto; width:96%;}
	.page-title {font-size: 1.4em;}
	.post-title {font-size: 1.2em;}
	.sidebarAds {width:250px; border:none;margin: 0px auto;}
	.npac-news {margin: 50px auto 20px auto; padding:10px 20px; border-radius:0em;}
	.npac-news h2 {font-size:18px;}
	#search-4 {width:90%; margin:0px auto 20px auto;} /* number in the ID will vary */
	.type-post, .type-page, .type-attachment  {
		margin: 0 0 1.5em 0;
		padding: 1em;
		background: #fff;
		border: 1px solid #e2e2e2;
		border-radius: 0em;
	}
	.pom-page {padding-left:10px; font-size:15px;}

	//.woocommerce ul.products li.product:nth-child(2n), 
	//.woocommerce-page ul.products li.product:nth-child(2n) {float:left !important; clear:left;}

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {float:none !important; clear:both; margin:30px auto !important;}

}

/* Smartphones | <480px */
@media only screen and (max-width: 30em) {
	#header {padding: 0.5em 0.1em 0em 0em;}
	span.theme-credit {display:none;}
	span.npac-copyright {float:none;}
	#footer #footer-text  {text-align:center;}
	.npac-news {margin: 120px auto 30px auto;}

	.metaslider .caption {
		position: absolute;
		bottom: -50;
		left: 0;
		background: #000;
		color: white;
		opacity: 1.0;
		margin-top: 0;
		display: block;
		width: 93.6%;
		line-height: 1.4em;
		height: 60px;
		overflow:hidden;
	}
	.flex-control-nav {width: 100%; position: absolute; bottom: -100px !important; text-align: center;}
	.freelance {font-size:22px;}
	#blink-locations {margin-top:10px; padding: 20px 0px;}
	.entry h6 {margin: 4px 8px 8px 8px !important;}
	#left_col {width: 200px; margin-left: 90px;}
	#mid_col {width: 200px; margin-left: 90px;}
	#right_col {width: 200px; margin-left: 90px;}
	.pom-page {padding-left:0px; font-size:14px;}
	.shop_table.cart {margin-left:0px; margin-right:0px; width:100%;font-size:13px;}
	.shop_table.cart input[type="submit"] {float:left !important; width: 35% !important;}
}

/* Smartphones | <320px */
@media only screen and (max-width: 20em) {
	#header {padding:0.5em;}
}