/*
Theme Name: VETSITE2
Theme URI: http://beckydavisdesign.com
Author: Becky Davis
Author URI: http://beckydavisdesign.com
Description: Custom theme for LafeberVet 2015. Design by Jeff McNear
Version: 4.6
text domain: vet
 
*/


/*-- ORDERED LIST TYPES ---*/
ol.lower-alpha {
	list-style-type: lower-alpha;
}

ol.upper-alpha {
	list-style-type: upper-alpha;
}

/*--- FOR BUTTON LINKS -------*/
a.link-button,
a.link-button:hover {
	color: #ffffff;
	text-decoration: none;
	-webkit-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
}

.link-button:hover {
	background: #101836;
}

.link-button {
	background: #075290;
	padding: .5em 1em;
	line-height: 3em
}

/*--- SLIDE SHOW PAGINATION CONTROLS-----------*/
.repeater-nav {
	width: 100%;
	background: #075290;
	height: 2.25em;
	padding-top: .5em;
	text-align: center;
}

#main ul.page-numbers li a:hover {
	text-decoration: underline;
}

#main ul.page-numbers li a {
	color: #ffffff;
	text-decoration: none;
}

#main ul.page-numbers li {
	/*float: left;*/
	font-size: 1em;
	list-style: outside none none;
	margin-right: 1em;
	color: #fff;
	font-weight: bold;
	display: inline;
}

#main ul.page-numbers .current {
	background: #ffffff;
	color: #075290;
	border: solid 1px #D1E0FF;
	padding: 0 1em;
}

/*--- for video array page ---*/
.video-display iframe {
	height: auto;
	margin-top: -1em;
}

li.video-display {
	float: left;
	width: 33%;
	padding: 0 1em;
}

li.video-display h2 {
	min-height: 4.5em;
	margin: -.25em 0 0 0;
	text-align: center;
	line-height: 1em;
}

li.video-display h2 a {
	text-decoration: none;
	font-size: .85em;
	font-weight: normal;
}

.video-nav-left {
	float: left;
	width: 48%;
	font-size: 1em;
	text-align: left;
	margin-bottom: 1em;
}

.video-nav-right {
	float: right;
	width: 48%;
	font-size: 1em;
	text-align: right;
}

.video-nav-left a,
.video-nav-right a {
	text-decoration: none;
}

.video-section-container {
	width: 100%;
	margin-bottom: .25em;
	background-color: #fff;
	margin-top: 2em;
}

.video-section-container li {
	list-style: none;
	float: left;
	width: 33%;
	height: 325px;
}

.video-section iframe {
	margin-top: 1em;
}

/*.video-section-container li.video-display h2{margin-top: .25em; min-height: 4.1em; reconciles single and quad row titles */
/* line-height: 1em;
} */

/*---------------Links-----------------------------*/
a:link,
li a {
	color: #075290;
}

a:visited {
	color: #101836;
}

a:hover,
a:focus,
a:active {
	color: #101836;
}

/*--- TAMING THE LANGUAGE SELECTOR ---12/16 and then WPML changes everything...*/
/*#lang_sel{height:30px; z-index:999}
.first-footer #lang_sel a.lang_sel_sel{background-color:transparent; color:#ffffff;}
.first-footer #lang_sel a.lang_sel_sel:hover{color:#ffffff;}
#lang_sel a, #lang_sel a:visited{border:none}
#lang_sel ul ul{top:20px; margin-top:-10px}*/
/*change up lang menu for footer*/
/*.first-footer #lang_sel :hover > a,.first-footer #lang_sel ul ul :hover > a,.first-footer #lang_sel a, #lang_sel a:visited  {color:#ffffff!important;background-color:transparent!important;}
.first-footer #lang_sel a {font-size: .9em;}*/
/* -- controls for language selector */
/*.topright #lang_sel { margin-top: -.25em;    text-transform: uppercase;}*/
/* defines width of translation  element */

/*.topright #lang_sel li {    float: left;    position: relative;    width: 150px;}
.topright #lang_sel ul ul li a,
.topright #lang_sel ul ul li a:visited, .topright #lang_sel ul ul li a:hover{background: #C1D3E3 !important; color: #404040 !important;}
*/
/* defines width of drop-down */
/*.topright #lang_sel ul ul { border-top: 1px solid #cdcdcd;height: 0;left: 0; position: absolute;top: 20px; visibility: hidden;width: 150px;}
*/

/*--- HOME PAGE CONFIG--*/
#primary .slideshow-constrainer {
	width: 60%;
	min-height: 275px;
	float: left;
}

#primary .top-events {
	float: right;
	width: 35%;
}

#primary .top-events h1 {
	margin-top: 0em;
}

#primary .top-events li {
	list-style: none
}

/* #primary .slideshow-constrainer .slider-wrapper,
#primary .slideshow-constrainer .slider-wrapper img,
#primary .slideshow-unconstrained .slider-wrapper,
#primary .slideshow-unconstrained .slider-wrapper img {} */

#primary .first-column {
	float: left;
	width: 50%;
	font-size: 1.15em;
	padding-left: 10%;
	font-weight: normal;
	line-height: 1.15em;
	text-align: left;
	display: block;
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	color: #000;
	background: transparent
}

#primary .second-column {
	float: left;
	width: 50%;
	padding-left: 10%
}

#primary h1.home-section {
	font-size: 1.5em;
	color: #021E36;
	background-color: #ffffff;
	margin: 1em 0 .5em 0;
	border-bottom: solid 2px #021E36;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: normal;
}

#primary .home-section-em {
	font-weight: bold;
	font-size: 1.1em;
}

#primary h1.alternate-home-section {
	letter-spacing: .2em;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	-webkit-border-radius: 25px 25px 0 0;
	border-radius: 25px 25px 0 0;
	border: 1px solid #101836;
	display: block;
	line-height: 1.5em;
	text-align: center;
	color: #101836;
	background-color: #ffffff;
	margin-top: 1em
}

#primary #home-new h3 a {
	text-decoration: none;
	color: #075290;
	font-weight: normal;
}

#primary #home-new h3 a:hover {
	color: #101836;
}

#primary #home-new h3 {
	color: #021E36;
	font-weight: normal;
	text-align: left;
	line-height: 1em;
}

/*-- may indeed be un-necessary ---*/
#primary h3.home-section {
	font-size: 1.15em;
	font-weight: normal;
	line-height: 1.15em;
	text-align: left;
	display: block;
	margin: 0 0 .5em 0;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #1A2655;
	background: transparent;
	/* Old browsers */
}

#primary h3.home-section a {
	text-align: left;
	text-decoration: none;
	color: #075290;
	font-weight: bold
}

#primary h3.home-section a:hover {
	text-align: left;
	text-decoration: none;
	color: #101836
}

.home-head {
	margin: 0;
	padding-top: 1em
}

#primary .home-head h3 {
	font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
	color: #1A2655;
	padding-bottom: 1em;
	font-weight: normal;
	margin: 0 1em
}

/* sanitizes the home h3s --*/
#primary .home-head h3:before,
#primary h3.home-section:before {
	content: "";
	margin: 0
}

#home-new {
	margin: 0;
	padding: 0 .5em;
}

#home-new h3 {
	margin-top: 1em;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
}

#home-new li {
	float: left;
	width: 23%;
	margin: .1em 1%;
	list-style: none;
}

#home-new li a {
	text-decoration: none;
	color: #075290;
}

#home-new li a.btn:link,
#home-new li a.btn:visited,
#home-new li a.btn:hover {
	color: #fff;
}

#home-new li a:hover {
	color: #101836
}

#home-new li img,
#featured-author img {
	width: 100%;
	height: auto;
	margin: 0 0 .5em 0;
}

#home-new li img:hover,
#featured-author img:hover {
	width: 100%;
	height: auto;
	margin: 0 0 .5em 0;
}

#featured-author {
	padding: 1em 1em 1em 0;
	margin: 0 .5em
}

.triptych-container {
	width: 100%;
	padding: 0;
}

#featured-content {
	float: left;
	width: 66%;
	margin-right: 1%
}

#featured-content-3 {
	float: left;
	width: 100%;
}

#featured-content li {
	float: left;
	width: 40%;
	margin: 0 5%;
	list-style: none;
}

#featured-content-3 li {
	float: left;
	width: 29%;
	margin: 0 2%;
	list-style: none;
}

#featured-content li img,
#featured-content-3 li img {
	width: 90%;
	height: auto;
	margin: 0 5%;
}

#featured-content li img:hover {
	width: 90%;
	height: auto;
	margin: 0em 5%;
}

#HomeEvents {
	float: left;
	width: 29%;
	margin: 0 2%;
	padding: 0 1em
}

#HomeEvents li {
	list-style: none
}

.homeEventsMeta {
	font-size: .75em;
	margin-left: 35px;
	margin-top: -.5em
}

#primary h3.home-section.webinar {
	background-image: url(images/webinar-icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	min-height: 35px;
	padding-top: 10px;
}

#primary h3.home-section.lecture {
	background-image: url(images/lecture-icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	min-height: 35px;
	padding-top: 10px;
}

#primary h3.home-section.convention {
	background-image: url(images/convention-icon.png);
	background-repeat: no-repeat;
	padding-left: 35px;
	min-height: 35px;
	padding-top: 10px;
}

/*-- SECTION PAGE CONFIG ---*/
#master-section-container {
	clear: both;
}

.top-section-container {
	width: 100%;
	padding: 0;
	margin-top: -1em;
	clear: both;
}

#primary .top-section-container h2,
#primary .section-container h1 {
	font-size: 1.5em;
	color: #021E36;
	background-color: #ffffff;
	margin: 1em 0 .5em 0;
	line-height: 1em;
	border-bottom: solid 2px #021E36;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: normal;
}

#primary .top-section-container h2 a:hover,
#primary .section-container h1 a:hover {
	color: #000000;
	text-decoration: none;
}

.section-split-list {
	float: right;
	width: 63%;
	margin-top: .5em
}

#primary .section-split-list h2:nth-of-type(1) {
	letter-spacing: .05em;
	font-size: 1em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: 0 0 .25em 0;
	padding: 0;
	color: #1A2655;
	background: transparent
}

#primary .section-split-list h2 {
	letter-spacing: .05em;
	font-size: 1em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin: .5em 0 .25em 0;
	padding: 0;
	color: #1A2655;
	background: transparent
}

#primary .section-split-list ul {
	margin: 0;
	padding: 0
}

.section-split-list h2 a {
	text-align: left;
	text-decoration: none;
	color: #075290
}

.section-split-list h2 a:hover {
	text-align: left;
	text-decoration: none;
	color: #101836;
}

.top-section-container a,
div.section-container a {
	text-decoration: none;
	color: #075290;
}

.top-section-container a:hover,
div.section-container a:hover {
	text-decoration: underline
}

.section-container {
	width: 100%;
	margin-bottom: .25em;
	background-color: #fff
}

.section-container li,
.top-section-container li {
	list-style: none
}

.first-half,
.second-half {
	width: 48%;
}

.first-half {
	float: left;
}

.second-half {
	float: right;
}

.first-third,
.second-third {
	float: left;
	width: 31.5%;
	margin-right: 1.25%;
	background-color: #fff;
	padding: 1em 1.5em 1em 1.5em;
	/* min-height:300px*/
}

.final-third {
	float: right;
	width: 31.5%;
	margin-right: 1.25%;
	padding: 1em 1.5em 1em 1.5em;
}

#content .final-third ul {
	margin-left: 0
}

.entry-content-part {
	display: grid;
	grid-template-columns: 1fr 2fr;
	grid-gap: 1em;
}

body.archive.tax-product_cat .entry-content-part {
	display: none;
}

body.archive.tax-product_cat ul.products li.product {
	/* width: 29.05%; */
	/* margin: 0 3.8% 2.992em 0 !important; */
	/*     background: #acb6b7; */
	/*     padding: .5em; */
}

/* body.archive.tax-product_cat ul.products li.product form.cart {
	display: flex;
	align-items: center;
	justify-content: flex-start;
} */

body.archive.tax-product_cat .quantity,
body.archive.tax-product_cat #content .quantity {
	margin: 0;
	width: auto;
	margin-right: 10px;
}

.woocommerce ul.products li.product a img,
.woocommerce-page ul.products li.product a img {
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
}

.woo.first-third,
.woo.second-two-third,
.woo.first-two-third {
	padding: 25px;
	font-size: 115%;
	background-color: #f2f2f2;
	line-height: 1.3;
}

input#rcp_login_submit.rcp-button {
	padding: 5px 35px;
	font-size: 20px;
}

/* shop login */

.post-type-archive.post-type-archive-product.woocommerce-shop .woocommerce-breadcrumb a {
	margin-top: 1em;
	display: inline-block;
}

.post-type-archive.post-type-archive-product.woocommerce-shop .shop ul.products {
	margin-left: 0 !important;
}

.woo.first-third,
.woo.second-two-third,
.woo.first-two-third p {
	margin-bottom: 1.5em;
	line-height: 1.2;
}

.woo.second-two-third img {
	width: 40%;
}

.entry-content-part .rcp_form {
	text-align: left;
	float: none;
	width: auto;
}

.woo.second-two-third {
	grid-column: 2;
	grid-row: 2;
}

.woo.first-third {
	text-align: center;
	grid-row: span 2;
	float: none;
	width: auto;
}

.shop-list {
	margin-bottom: 1.5em;
}

/* single product login */
.info-special {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: 1.5em;
	line-height: 1.2;
}

.single-first-third,
.single-second-two-third {
	padding: 15px;
	font-size: 115%;
}

.single-second-two-third {
	display: grid;
	grid-template-columns: 1fr 8fr;
	grid-row-gap: 10px;
}


.post-type-archive-product .rcp-restricted {
	display: none;
}

.section-split-image {
	float: left;
	width: 35.5%;
	margin-right: 1.25%
}

.section-split-image img {
	width: 100%;
}

.section-split-list h3 a {
	text-decoration: none;
	font-size: .85em
}

.section-split-list li {
	float: left;
	list-style: none;
	margin-right: 1em;
	line-height: .85em;
	font-size: .9em;
	color: #000
}

.section-split-list li a {
	text-decoration: none;
	color: #075290;
}

.section-split-list li a:hover {
	text-decoration: underline
}

.section-split-columns ul {
	margin: 1em 0 0 0
}

.section-split-list .section-split-columns li {
	width: 30%;
	margin-left: 1%
}

.section-split-list .section-split-columns li a {
	color: #075290;
}

.section-split-author li {
	width: 48%;
	margin-left: 1%;
	float: left;
}

/*BD - species list*/
ul.children li {
	font-weight: normal !important;
	float: left !important;
	clear: none !important;
}

.section-split-list.species ul {
	margin: .5em 0 .25em .25em !important;
}

.section-split-list.species li {
	font-weight: bold;
	float: none;
	font-size: 1em;
	letter-spacing: .05em;
	clear: left;
}

/*--- SUPPLEMENTAL NAVIGATION --*/
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%
}

.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%
}

/*-- for post navigation--*/
.left-split-nav {
	float: left;
	width: 48%;
	text-align: left
}

.right-split-nav {
	float: right;
	width: 48%;
	text-align: right
}

/*---------- JUST GOOD TO HAVE AROUND ---------------*/
.clear {
	clear: both
}

.breather {
	margin: 1em 0
}

.twenty-left {
	float: left;
	width: 18%;
	margin: 0 1% 0 1%
}

.twenty-left img {
	width: 100%;
	height: auto
}

.eighty-right {
	float: right;
	width: 78%;
	margin: 0 1% 0 1%
}

.quarter-left {
	float: left;
	width: 23%;
	margin: 0 1% 0 1%
}

.quarter-left img {
	width: 100%;
	height: auto
}

.three-quarters-right {
	float: right;
	width: 73%;
	margin: 0 1% 0 1%
}

.half-table {
	width: 50%;
	margin: 0 auto
}

/*-- LEFT SIDEBAR--*/
/*-- FACET CONTROLS --*/

#secondary.mobile.widget-area {
	display: none;
}

#secondary .facetwp-facet {
	margin-bottom: 1.2em;
}

.facetwp-link,
.facetwp-checkbox {
	color: #12100f;
	font-weight: normal;
	font-size: 1.05em;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	line-height: 1.1em
}

#content #secondary h2.facet-title {
	padding: 0 1em;
	font-size: 1.25em;
	font-weight: normal;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #021E36;
	margin: 0 .75em .75em 0;
	background-color: #FBFCFD;
	border-bottom: solid 1px #021E36;
}

#content h2.facet-title a {
	font-weight: normal !important;
	text-decoration: none !important;
	font-size: 1.5em !important;
	line-height: 1;
}

/*facets - from Becky*/
.facetwp-type-checkboxes,
.facetwp-type-hierarchy {
	max-height: none !important
}

.facetwp-link,
.facetwp-checkbox {
	background: url(images/checkbox.png) no-repeat;
	margin-bottom: 4px;
	padding-left: 20px;
	cursor: pointer;
	color: #021E36;
	font-weight: normal;
}

.facetwp-link.checked,
.facetwp-checkbox.checked {
	background: url(images/checkbox-on.png) no-repeat !important;
}

#secondary.widget-area h2.refine {
	padding: .5em 0 0;
	margin: 0;
	font-size: 1.5em;
	color: #12100f;
	background: transparent;
	border: none;
	font-weight: normal;
}

#secondary p.refine {
	font-size: .89em;
}

/*-- regular stuff--*/
#secondary h2.widget-title {
	font-size: 1.25em;
	font-weight: normal;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #305a61;
	margin: -.5em .5em .5em 0;
	padding-left: 1em;
	background-color: transparent;
}

#secondary {
	width: 29%;
	max-width: 300px;
	background-color: #FBFCFD;
}

#secondary.widget-area {
	margin: 1em 0;
	padding: 1.5em;
	border: 1px solid #95ABAF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 15px;
}

#secondary.widget-area .widget {
	margin: 0 0 1em 0;
	padding: .5em 1em;
}

#secondary .widget-area img {
	width: 80%;
	height: auto;
	margin-top: 2em
}

#secondary li {
	list-style: none;
	display: block;
	margin-left: .5em
}

#secondary li a {
	color: #305a61;
	text-decoration: underline;
}

#secondary li.current-menu-item a {
	color: #446592;
}

#secondary li a:hover {
	color: #446592;
}

#secondary ul {
	margin-left: 0em
}

/*-----CONTENT WITH LEFT SIDEBAR ----- */
.content-area {
	float: right;
	margin: 0 0 0 -31%;
	width: 100%;
	min-height: 450px;
}

.store-area {
	float: right;
	margin: 0 0 0 -31%;
	width: 100%;
}

.facetwp-template.store {
	float: right;
	width: 70%;
}

.tax-product_cat #secondary {
	float: left;
}

/*.facetwp-template{float:right; margin:0 0 0 31%;}*/
.site-main {
	margin: 0 0 0 31%;
}

.site-content .widget-area {
	float: left;
	overflow: hidden;
}

#page {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0
}

/*--- RIGHT SIDEBAR ---*/
/* -- cannot isolate the list item here so using ;before as a work-around [/2022 (unicode) = & #8226; or & bull; (html)] --*/
.toc_widget_list.no_bullets li:before {
	content: "\2022";
	margin-right: .5em;
	font-size: .75em;
}

#right-secondary h2.widget-title {
	font-size: 1.25em;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #021E36;
	margin: 0 0 .5em 0;
	padding-left: .5em;
	color: #000;
	background-color: transparent;
	border-bottom: solid 1px #021E36;
}

#right-secondary {
	width: 29%;
	max-width: 300px;
	float: right;
	background-color: #FBFCFD;
}

#right-secondary.widget-area {
	margin: 1em 0;
	padding: 1.5em;
	border: 1px solid #95ABAF;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#right-secondary.widget-area .widget {
	margin: 0 0 1em 0;
	padding: .5em 1em;
}

#right-secondary.widget-area .widget ul {
	margin-left: .5em
}

#right-secondary.widget-area img {
	width: 99%;
	height: auto;
	margin-top: 1em
}

#right-secondary.widget-area h2.sidelinks a {
	color: #0e0808
}

#right-secondary.widget-area h2.sidelinks a:hover {
	margin-left: 0;
	padding-left: 0;
	color: #446592;
	text-decoration: underline
}

#right-secondary.widget-area h2.sidelinks {
	border: none;
	font-size: 1.1em;
	margin-left: .5em
}

#right-secondary.widget-area p.sidemeta {
	font-size: .75em;
	margin-left: .75em;
	margin-top: 0
}

#right-secondary li {
	list-style: none;
	display: block;
	margin-left: .5em
}

#right-secondary li a {
	color: #021E36;
	font-weight: normal;
	text-decoration: none
}

#right-secondary li.current-menu-item a {
	color: #446592;
}

#right-secondary li a:hover {
	color: #446592;
	text-decoration: underline
}

#right-secondary ul {
	margin-left: 0em
}

#right-secondary.widget-area .widget.adrotate_widgets {
	padding: 0;
}

/*-----CONTENT WITH RIGHT SIDEBAR ----- */
#main-right {
	padding-right: 2em
}

.right-content-area {
	float: left;
	margin: 0;
	width: 70%;
	min-height: 450px;
}

.right-site-main {
	margin: 0
}

.right-site-content .widget-area {
	float: right;
	overflow: hidden;
	margin-top: 1em
}

/*--- FULL WIDTH CONTENT REGION---*/
.full-content-area {
	float: left;
	margin: 0;
	width: 100%
}

.full-site-main {
	margin: 0
}

/*--HEADER REGION - GENERAL--*/
/*-- ACTUALLY PLACED IN THE HEADER --*/
.constrainer,
.site-info,
.banner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

.masthead-holder {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	top: 0;
	background: transparent;
	position: relative
}

#masthead {
	max-width: 1000px;
	padding-top: 0em;
	top: 0em;
}

#masthead .site-branding {
	clear: both
}

.site-branding h1.masthead-info {
	font-size: 2em;
	display: inline-block;
	/*text-transform:uppercase; */
	margin: 0;
	font-family: Georgia, Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", serif;
	margin-top: 0em;
	margin-left: 1em
}

.site-branding h1.masthead-info a {
	text-decoration: none;
	font-weight: bold;
	color: #1A2655;
	/*#490803*/
}

.site-branding h1.masthead-info {
	font-size: 1em;
	display: inline-block;
	/*font-style:italic; */
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif
}

.site-header {
	width: 100%;
	z-index: 999;
	color: #000
}

/*--HEADER REGION -THE VERY TOP --*/
.topline {
	background: #C1D3E3;
	padding: .5em 0;
	font-size: .85em;
	color: #021E36;
}

.topline .textwidget {
	color: #021E36;
}

.topleft {
	float: left;
	width: 20%;
	font-weight: bold;
	margin-top: .25em;
}

/*---- MAKES THE DROPDOWN IN THE LAFEBER SITES MENU WORK --*/
.topline .topleft ul {
	list-style: none;
	margin: 0;
	padding-left: 0em;
	margin-top: -.25em;
}

.topline .topleft li {
	float: left;
	position: relative;
	margin-right: 0em;
	font-size: 1.1em;
	padding-right: .5em;
	padding-left: 1.15em;
	background: transparent;
}

.topline .topleft li:hover {
	background: transparent;
}

.topline .topleft a {
	display: block;
	text-decoration: none;
	color: #075290;
	font-weight: normal;
}

.topline .topleft ul ul {
	padding-left: 0;
	margin-left: 1em;
	background: #ffffff;
	background-color: rgba(255, 255, 255, .9);
	-webkit-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	display: block;
	float: left;
	position: absolute;
	top: 1.1em;
	left: 0;
	z-index: 99999;
	text-align: left;
	visibility: collapse;
	opacity: .001;
	transition: all .5s ease-in-out 0s;
	line-height: .5em
}

.topline .topleft ul li:hover>ul {
	display: block;
	opacity: 1;
	visibility: visible;
	transition: all .25s ease
		/*-in-out*/
		0s;
	width: 125px;
	overflow: hidden;
}

.topline .topleft ul ul li a {
	width: 165px;
	/* - solves wrapping issue -*/
	display: inline-block;
}

.topline .topleft ul ul li a:hover {
	color: #075290;
}

.topline .topleft ul ul li {
	padding-left: .5em;
	padding-right: 0;
	border-bottom: 1px solid #fff;
	width: 125px;
	display: inline-block;
	font-size: .85em;
	margin-left: 0em;
	padding-top: .65em;
	padding-bottom: .85em;
}

.topline .topleft ul ul li:hover {
	margin-left: 0;
	background: #ffffff;
	width: 175px;
	display: inline-block;
}

.topline .topleft ul ul li a:hover {
	margin-left: 0;
	color: #075290;
	text-decoration: underline;
}

.topline .topleft ul ul a {
	width: 200px;
	color: #075290;
}

/*-- TOP RIGHT --*/
.topright-holder {
	float: right;
	/*width:79%;*/
}

.topright {
	float: right;
	text-align: left;
	margin-top: -5px;
	text-transform: uppercase;
	font-size: .85em;
}

.upper-nav {
	float: left;
	/*width: 80%;*/
	text-align: right;
}

.upper-nav ul {
	float: right;
	margin-top: 0;
	text-align: right;
	top: 0;
}

.upper-nav li {
	float: right;
	font-size: 0.85em;
	list-style: none outside none;
	margin-right: 2em;
	text-align: right;
	text-transform: uppercase;
}

.upper-nav li:after {
	content: "|";
	color: #075290;
	margin-left: 1em;
}

.upper-nav li.wpmenucartli:after {
	content: "";
}

.upper-nav li a {
	text-decoration: none;
	color: #075290;
	font-weight: normal;
}

.upper-nav li a:hover {
	text-decoration: underline;
	color: #075290;
}

/*--HEADER REGION -THE MIDDLE REGION --*/
.slogan {
	float: right;
	width: 90%;
}

h2.descriptive-slogan {
	color: #021E36;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin-left: 25px;
	margin-top: -1em;
	/*font-weight:bold;*/
	font-size: 1.25em
}

.left-brand {
	float: left;
	width: 30%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-size: 3em;
	margin-top: -.1em;
	color: #075290;
}

.left-brand a,
.left-brand a:hover {
	text-decoration: none;
	color: #075290;
}

.left-brand-1 {
	float: left;
	width: 25%;
}

.left-brand-1 img {
	width: 95%;
	height: auto;
}

.left-brand-2 {
	float: right;
	width: 75%;
	margin-top: .5em;
}

.right-brand {
	float: left;
	width: 70%
}

.right-brand input.search-field {
	width: 95%
}

.mid-nav {
	float: left;
	width: 63%;
	margin-right: 2%;
}

.mid-nav ul {
	margin-top: 0em;
	float: right;
	font-size: 1.1em;
	margin: 0
}

.mid-nav li {
	float: right;
	margin-right: .5em;
	list-style: none;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	color: #240401;
	line-height: 1em;
	/*margin-left:.5em*/
}

.mid-nav li:first-child:after {
	content: "";
	margin-left: 0em
}

.mid-nav li:after {
	content: "|";
	margin-left: .25em
}

.mid-nav li a {
	text-decoration: none;
	color: #075290;
}

.mid-nav li a:hover {
	text-decoration: none;
	color: #101836;
}

/* .mid-nav li:hover {
	list-style:disc;
} */

.header-search {
	float: right;
	width: 35%;
	margin-right: -2%;
	margin-top: -.5em
}

/*------------------- HEADER REGION -MAIN  HORIZONTAL MENU-----------------------------*/
/* #site-navigation,
.top-background {
	background:#eff4f8
} */

#site-navigation {
	background: #075290;
	margin-top: 1em;
}

/*--- DROPDOWN STYLES ARE RENDERED USELESS BY THE UBER MENU AND ARE REPLACED BY A STAND ALONE CSS FILE ---*/
.main-navigation {
	clear: both;
	display: block;
	width: 100%;
	background-color: transparent;
	float: left;
	border-bottom: 1px solid #26387d
}

/*--- floating ULs for 2/3 column layout in Uber menu---*/
h2.animalsoftype,
h2.topicsinthirds,
h2.topicsinhalves {
	color: #021E36;
	font-size: 20px;
	font-weight: bold;
	text-shadow: 0px 1px 1px #fff;
	padding-bottom: 0em;
	margin-bottom: 0.25em;
}

h2.animalsoftype a,
h2.topicsinthirds a,
h2.topicsinhalves a {
	text-decoration: none
}

h2.animalsoftype a:hover,
h2.topicsinthirds a:hover,
h2.topicsinhalves a:hover {
	text-decoration: underline
}

ul.animalsoftype {
	margin-left: 0
}

.animalsoftype li {
	float: left;
	color: #000;
	font-size: 1.25em;
	list-style: none;
	margin-right: 2em;
	line-height: 1.5em
}

.animalsoftype li a {
	text-decoration: none
}

.animalsoftype li:last-child {
	margin-bottom: 1em
}

.second-animal-column li {
	color: #000;
	font-size: 1.5em;
	list-style: none outside none;
	margin-bottom: .75em
}

.second-animal-column li a {
	text-decoration: none
}

.second-animal-column li a:hover {
	text-decoration: underline;
}

/* -- FOR UBER SUB MENUS SPLIT INTO THIRDS ---*/
ul.topicsinthirds {
	margin-left: 0;
	padding-left: 0;
}

.topicsinthirds li {
	float: left;
	width: 30%;
	margin-right: 3%;
	color: #000;
	font-size: 1.25em;
	list-style: none;
	line-height: 1.5em;
}

.topicsinthirds li a {
	text-decoration: none;
	color: #075290;
}

/* -- FOR UBER SUB MENUS SPLIT INTO HALVES ---*/
ul.topicsinhalves {
	margin-left: 0;
	padding-left: 0;
}

.topicsinhalves li {
	float: left;
	width: 48%;
	margin-right: 2%;
	color: #000;
	font-size: 1.25em;
	list-style: none;
	line-height: 1.5em;
}

.topicsinhalves li:nth-of-type(odd) {
	float: left;
	width: 50%;
	margin-right: 0%;
	color: #000;
	font-size: 1.25em;
	list-style: none;
	line-height: 1.5em;
}

.topicsinhalves li a {
	text-decoration: none;
	color: #075290;
}

/*-- supplemental navigation ---*/
.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden
}

/*-- FOOTER REGION - GENERAL --*/
.site-footer {
	clear: both;
	width: 100%
}

#colophon.site-footer {
	background-color: #075290;
	color: #ffffff;
	padding-bottom: 1.5em;
	border-top: 1px solid #acb6b7
}

/*--- foot menu controls ---*/
.site-info,
.site-info a {
	color: #ffffff !important;
}

.site-info ul {
	list-style: none;
	margin-left: 0;
}

.site-info li {
	margin-bottom: .5em;
}

.site-info li a {
	text-decoration: none;
}

.site-info li a:hover {
	color: #ffffff;
	text-decoration: underline;
}

.bottom-right a {
	color: white !important;
}

.bottom-right a:hover {
	color: #C1D3E3;
}

.site-info h1 {
	font-size: 1.4em;
	margin-bottom: .5em;
	padding-bottom: .25em;
}

/*-- FOOTER REGION - THE 5 WIDGET REGIONS --*/
.first-footer,
.second-footer,
.third-footer,
.fourth-footer,
.fifth-footer {
	font-size: 1.8rem;
}

.first-footer,
.second-footer,
.third-footer,
.fourth-footer,
.fifth-footer {
	float: left;
	width: 18.4%
}

.first-footer,
.second-footer,
.third-footer,
.fourth-footer {
	margin-right: 2%
}

.first-footer input.search-field,
.second-footer input.search-field,
.third-footer input.search-field,
.fourth-footer input.search-field,
.fifth-footer input.search-field {
	width: 95%
}

.top-center-footer {
	padding: 1.5em 0 1.5em;
	margin-bottom: 1.5em;
	font-weight: bold;
	text-align: center;
	font-size: 2.25rem;
	line-height: 1.15;
	border-bottom: 1px solid #C1D3E3;
}

/*-- FOOTER REGION - THE LOWER REGION --*/
.bottom-left {
	display: inline-block;
	font-size: .85em;
	font-weight: bold
}

.bottom-right {
	display: inline-block;
	font-size: .75em;
	float: right;
}

.br1 {
	display: inline-block
}

.br2 {
	display: inline-block;
	float: right;
}

.br2 ul {
	margin-top: -1.5em;
	text-align: right;
	margin-left: .25em
}

.br2 li {
	float: left;
	margin-right: .5em;
	list-style: none
}

.br2 li:before {
	content: "| "
}

.br2 li a {
	text-decoration: none;
	color: #ffffff;
}

.br2 li a:hover {
	text-decoration: underline
}

.br2 input.search-field {
	width: 95%
}

/*-- TYPOGRAPHY --*/
#content h1,
h1.entry-title {
	font-size: 1.5em;
	color: #021E36;
	background-color: #ffffff;
	margin: 1em 0 .5em 0;
	border-bottom: solid 2px #021E36;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	font-weight: normal;
	line-height: 1em;
}

.entry-content,
p {
	font-family: "Helvetica", Arial, Calibri, Candara, Segoe, "Segoe UI", Optima, sans-serif;
	line-height: 1.25;
}

.lrg {
	font-size: 1.2em;
}

/*-- controls the little meta section above the title on archive pages */
.title-meta {
	font-size: .8em;
	margin: 3em 0 0 0;
	padding: 0;
}

.archive #content .entry-header h1.entry-title,
#content h2.facet-title {
	border-bottom: none;
	margin: 0 0 .5em 0;
}

/*-- isolates achive h1 display & eliminating the bottom border --*/
#content h1 a,
h1.entry-title a {
	text-decoration: none;
	color: #075290;
	border-bottom: none 0px transparent;
}

#content h1 a:hover,
h1.entry-title a:hover {
	color: #101836;
	text-decoration: underline;
}

#content h2 {
	color: #021E36;
	font-size: 1.25em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin-bottom: 1em;
	margin-top: 1em;
}

#content h2.ref {
	visibility: collapse;
	margin: 0;
	padding: 0;
	color: transparent;
	height: 0px
}

#content h2+h3 {
	margin-top: -.5em
}

#content h3 {
	color: #021E36;
	font-size: 1.1em;
	font-weight: bold;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	margin-left: 0em;
	/*font-style:italic; */
	margin-bottom: 1em
}

/* #content h3:before {
	content:"-"; margin-right:.5em;
} */

#content h4 {
	color: #021E36;
	font-size: .9em;
	margin: -.25em 5em 1em 2em;
}

#content h5 {
	color: #021E36;
	font-size: 1.05em;
	font-weight: bold;
	;
	margin-bottom: 1em
}

#content h6 {
	color: #021E36;
	font-size: 1.05em;
	margin-bottom: 1em
}

#content ul {
	margin-left: 1em;
}

#content li {
	margin-bottom: .5em
}

.entry-content blockquote h2,
.references-block h2 {
	content: "References:";
	padding-left: 1em;
	font-weight: bold;
	display: block;
	margin-bottom: .5em
}

.entry-content blockquote {
	background-color: #F7F9FB;
	webkit-border-radius: 2px 2px 2px 2px;
	margin: 1em 2em 1em 2em;
	padding: .5em 1em;
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #937D60;
	color: #0e0808;
}

.entry-content blockquote p,
.references-block p {
	margin: 1em;
	font-size: .85em;
}

.references-block {
	background-color: #FBFCFD;
	margin: 3em 2em 1em 2em;
	padding: .5em 1em;
	border: 1px solid #95ABAF;
	word-wrap: break-word;
	color: #0e0808;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

#content .authenticate h3 {
	margin-bottom: .25em;
}

/* -- for article meta --*/
.article-meta {
	font-size: .8em;
	margin: 0;
	padding: .5em 0em 1.5em 0em;
	padding-left: 2.5em
}

.article-meta p {
	margin: 0;
	line-height: 1.25em
}

.article-meta a {
	text-decoration: none;
	font-weight: bold;
	margin-left: .25em;
	color: #075290;
}

/*-- for key points --*/
.key-points {
	background-color: #FBFCFD;
	webkit-border-radius: 2px 2px 2px 2px;
	margin: -.25em 2em 1em 2em;
	padding: .5em 1em;
	border-radius: 2px 2px 2px 2px;
	border: 1px solid #937D60;
	color: #0e0808;
}

.key-points h2 {
	content: "Key Points:";
	padding-left: 1em;
	font-weight: bold;
	display: block;
	margin-bottom: .5em
}

.key-points ul {
	margin: 0 1em
}

.key-points li,
.key-points p {
	margin: 0 0 .5em 1em;
	font-size: 1em
}

.entry-footer {
	margin: 4em 0;
}

/*--distributor page--*/

.page-template-page-dist h3.header {
	font-size: 125% !important;
	margin-bottom: 5px !important;
	grid-column: span 3;
	padding: 10px 10px 10px 15px;
}

.page-template-page-dist h4 {
	font-size: 20px !important;
	margin: 0 0 20px !important;
	line-height: 1.05;
}

#content .distbox h5 {
	font-size: 18px !important;
	margin: 0 0 10px !important;
	font-weight: normal !important;
	line-height: 1;
}

.page-template-page-dist ul {
	list-style: none;
	line-height: 2.5;
}

.page-template-page-dist .entry-content::before {
	content: none;
}

.entry-content.dist-grid {
	background: url("images/map.jpg") top center no-repeat;
	background-size: 1100px 560px;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
	grid-column-gap: 5%;

}

.col {
	border-right: 1px solid #ccc;
}

.dist {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(30%, 1fr));
}

span.header {
	margin-bottom: 5px;
}

.distbox {
	background: #f7f7f7;
	border: 1px solid#e3e3e3;
	padding: 20px;
	margin: 0 15px 25px;
}

.breakline {
	background: #fff;
	grid-column: span 3;
	margin: 0 -6px;
}

.offers {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(11%, 1fr));
	margin-bottom: 1.5em;
}

.text {
	padding-top: 5px;
}

.sprite,
.sprite-em,
.sprite-bf {
	background-image: url('images/where-to-sprite.png');
	background-repeat: no-repeat;
	height: 30px;
	width: 90px;
	display: inline-block;
}

.sprite-em {
	background-position: -30px;
	width: 30px;
}

.sprite-bf {
	background-position: 0px;
	width: 30px;
}

/*woo*/

.woocommerce ul.products {
	list-style: none;
}

.woocommerce a.button {
	color: #fff !important;
}

/*--get people to actually read the shipping address section*/
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2,
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
	float: left;
	width: 98%;
}

.woocommerce .checkout #customer_details h3 {
	font-size: 1.5em;
}

.coupon-text {
	font-size: .8em;
	font-style: italic;
	float: left;
	clear: both;
}

.phone-number-error {
	color: red;
}

.woocommerce nav.woocommerce-pagination,
.woocommerce #content nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination,
.woocommerce-page #content nav.woocommerce-pagination {
	display: none;
}

.woocommerce .woocommerce-ordering select,
.woocommerce-page .woocommerce-ordering select {
	display: none;
}

.woocommerce .flex-viewport {
	margin-bottom: 25px;
}

/*-------Reset -----------*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border: 0;
	font-family: inherit;
	/* font-size: 100%; */
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline
}

html {
	font-size: 62.5%;
	/* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
	overflow-y: scroll;
	/* Keeps page centered in all browsers regardless of content height */
	-webkit-text-size-adjust: 100%;
	/* Prevents iOS text size adjust after orientation change,without disabling user zoom */
	-ms-text-size-adjust: 100%;
	/* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

*,
*:before,
*:after {
	/* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
	-webkit-box-sizing: border-box;
	/* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
	-moz-box-sizing: border-box;
	/* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
	box-sizing: border-box
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block
}

ol,
ul {
	list-style: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: ""
}

blockquote,
q {
	quotes: "" ""
}

a:focus {
	outline: thin dotted
}

a:hover,
a:active {
	outline: 0
}

a img {
	border: 0
}

/*------ Default Underscores (somewhat altered) Typography---------------------------*/
body,
button,
input,
select,
textarea {
	color: #021E36;
	font-family: "Helvetica", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	/*font-size:15px; */
	font-size: 1.7em;
	line-height: 1.2em
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both
}

p {
	margin-bottom: .5em
}

b,
strong {
	font-weight: bold
}

dfn,
cite,
em,
i {
	font-style: italic
}

/*blockquote{margin:0 1.5em}*/
address {
	margin: 0 0 1.5em
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em
}

code,
kbd,
tt,
var {
	font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
	cursor: help
}

mark,
ins {
	display: none;
}

sup,
sub {
	font-size: 75%;
	height: 0;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	bottom: 1ex
}

sub {
	top: .5ex
}

small {
	font-size: 75%
}

big {
	font-size: 125%
}

mark.searchwp-highlight {
	display: inline;
	background-color: #C1D3E3;
}

/*for search*/
/*-------Elements--------------------*/
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em
}

ul,
ol {
	margin: 0 0 1.5em 3em
}

ul {
	list-style: disc
}

ol {
	list-style: decimal
}

li>ul,
li>ol {
	margin-bottom: 0;
	margin-left: 1.5em
}

dt {
	font-weight: bold
}

dd {
	margin: 0 1.5em 1.5em
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 0
}

/*------------------TABLES--------------------------------------*/
/*-- TABLE STYLING FROM UNDERSCORES --*/
table {
	/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0
}

caption,
th,
td {
	font-weight: normal;
	text-align: left
}

/* -- (default underscores) table{margin:0 0 1.5em; width:100%} */
/*--- CHRIS COYER TABLE TREATMENT --*/
table {
	border-collapse: collapse;
	width: 100%
}

th,
td {
	padding: 0.5rem;
	text-align: left;
	border: 1px solid #ccc;
	min-width: 110px;
}

/*---JMC ADDITIONS---*/
table {
	background-color: #FBFCFD;
	margin: 1.5em 0;
	/*-webkit-box-shadow:1px 1px 0px 0px rgba(0,0,0,.25); box-shadow:1px 1px 0px 0px rgba(0,0,0,.25)*/
}

td {
	vertical-align: top
}

th {
	font-weight: bold
}

/* neutralizing tablepress styling */
.entry-content .tablepress tfoot th,
.entry-content .tablepress thead th {
	background-color: #EFF4F8;
	font-weight: 700;
	vertical-align: middle
}

.entry-content .tablepress thead th {
	border-bottom: 1px solid #DDD
}

.entry-content .tablepress td,
.entry-content .tablepress th {
	/*padding:8px;border:medium none;background:none repeat scroll 0px 0px transparent;text-align:left; */
	vertical-align: top;
	padding: 0.5rem;
	text-align: left;
	border: 1px solid #ccc
}

/*--------information sheet ----BD------*/
.info-heading {
	float: left;
	width: 25%
}

.info-content {
	float: left;
	width: 72%
}

.info-row {
	float: left;
	width: 100%;
	/*border-bottom:dashed 1px #acacac; */
	margin-bottom: 5px
}

.clear {
	clear: both
}

/*-----------Forms----------------------*/
button,
input,
select,
textarea {
	font-size: 100%;
	/* Corrects font size not being inherited in all browsers */
	margin: 0;
	/* Addresses margins set differently in IE6/7,F3/4,S5,Chrome */
	vertical-align: baseline;
	/* Improves appearance and consistency in all browsers */
	*vertical-align: middle;
	/* Improves appearance and consistency in IE6/IE7 */
}

.btn,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #075290;
	border-radius: 3px;
	background-color: #075290 !important;
	color: rgba(255, 255, 255, 1);
	cursor: pointer;
	/* Improves usability and consistency of cursor style between image-type 'input' and others */
	/*-webkit-appearance:button;  Corrects inability to style clickable 'input' types in iOS */
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1;
	padding: .4em 1em;
}

.btn:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	background-color: #101836;
	color: #fff;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15)
}

input[type="checkbox"],
input[type="radio"] {
	padding: 0;
	/* Addresses excess padding in IE8/9 */
}

input[type="search"] {
	-webkit-appearance: textfield;
	/* Addresses appearance set to searchfield in S5,Chrome */
	-webkit-box-sizing: content-box;
	/* Addresses box sizing set to border-box in S5,Chrome (include -moz to future-proof) */
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

input[type="search"]::-webkit-search-decoration {
	/* Corrects inner padding displayed oddly in S5,Chrome on OSX */
	-webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	/* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
	border: 0;
	padding: 0
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111
}

a.btn:link,
a.btn:visited,
a.btn:hover {
	color: #fff;
}

a.btn.red {
	background: #ED1C24 !important;
	border: none !important;
	font-size: 1em;
	text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}

textarea {
	overflow: auto;
	/* Removes default vertical scrollbar in IE6/7/8/9 */
	padding-left: 3px;
	vertical-align: top;
	/* Improves readability and alignment in all browsers */
	width: 98%
}

.bluebox {
	border: 2px solid #075290;
	padding: 8px;
}

/*----------Accessibility-------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar */
}

/*-----------------Alignments----------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto
}

/*-----------------Clearings-----------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: '';
	display: table
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both
}

/*----------Widgets-----------------------*/
.widget {
	margin: 0 0 1.5em
}

/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%
}

/* Search widget */
.widget_search .search-submit {
	display: none
}

/*----------------Posts and pages-------------------*/
/* .sticky {} */

.hentry {
	margin: 0 0 1.5em
}

.byline,
.updated {
	display: none
}

.single .byline,
.group-blog .byline {
	display: inline
}

.page-content,
.entry-content,
.entry-summary {
	margin: 0
}

.page-links {
	clear: both;
	margin: 0 0 1.5em
}

/*----------10.2 Asides--------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none
}

/*---------10.3 Comments-----------------------*/
.comment-content a {
	word-wrap: break-word
}

/* .bypostauthor {} */

/*-------------Infinite scroll--------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
	display: block
}

/*---------------Media-------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0
}

.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%
}

.wp-caption-text {
	text-align: center
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0
}

.site-main .gallery {
	margin-bottom: 1.5em
}

.site-main .gallery a img {
	border: none;
	height: auto;
	max-width: 95%
}

.site-main .gallery dd,
.site-main .gallery figcaption {
	margin: 0;
	display: none;
}

.site-main .gallery-columns-3 .gallery-item {
	float: left;
	width: 33%;
	font-size: .8em;
	margin-bottom: .5em;
}

/* .site-main .gallery-columns-3 .gallery-item img {} */

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%
}

/*-------------collapsiable section---------------------------------------------------------*/

/*#faq h2, .faq-section { border: $red solid 2px; padding:5px; color:#404040;}
*/

/*---------grid template for teaching mod-------------*/
.grid {
	display: grid;
	grid-gap: 10px;
	margin: 0 auto;
	max-width: 700px;
	grid-template-columns: 1fr 4fr;
}

.icon {
	/*grid-row: auto /span 4;*/
	float: left;
	width: 20%;
}

#faq_container {
	padding: 5px 10px;
	transition: .5s;
	float: left;
	width: 75%;
	border-bottom: 1px solid #aeaeae;
}

#faq_container:last-child {
	border: none;
}

h2.faq_question {
	margin: 0px;
	padding: 0 5px;
	cursor: pointer;
	font-weight: normal;
	display: table;
	font-size: 18px;
	clear: both;
	transition: .5s;
}

.question {
	display: table-cell;
	width: 100%;
}

.question p {
	margin: 0;
	padding: 5px;
}


.faq_answer_container {
	height: 0px;
	overflow: hidden;
	padding: 0px;
}

.faq_answer {
	display: none;
}

.accordion-button-icon {
	display: table-cell;
	line-height: inherit;
	padding-right: 15px;
	vertical-align: middle;
	color: #075290;
	transition: .5s;
}

.faq.open .faq_answer_container {
	overflow: visible;
}

.faq.open .faq_answer {
	display: block;
	background: $wht;
	padding-left: 20px;
	margin: 0px 0 10px 5px;
	float: left;
	width: 98%;
}

/*--ADMIN BAR-------BD--
#wpadminbar {background:#C1D3E3;}
#wpadminbar a.ab-item, #wpadminbar > #wp-toolbar span.ab-label, #wpadminbar > #wp-toolbar span.noticon {color: #021E36;}
#wp-admin-bar-wp-logo, #wp-admin-bar-site-name {display: none;}*/
/*--Fancybox-- for login popup--BD--*/
.fancybox-hidden {
	display: none;
}

#login,
#login-fr {
	max-width: 600px;
	height: auto;
	overflow: hidden;
}

.rcp_form {
	float: left;
	width: 48%;
}

.login-reset {
	font-size: .9em;
	font-style: italic;
	color: #ED1C24;
}

.login-txt {
	float: right;
	width: 50%;
	border-left: 1px solid #404040;
	padding-left: 1%;
}

p.bld {
	font-weight: bold;
}

#login .btn,
#login-fr .btn {
	width: 25%;
}

#login .btn a,
#login-fr .btn a {
	color: #fff;
	text-decoration: none;
}

.red {
	color: #ED1C24;
}


.widget.toc_widget .widget-title {
	border: none !important;
	background: transparent !important;
}

.widget.toc_widget .toc_widget_list {
	border-bottom: 1px solid #95ABAF !important;
	padding-bottom: 20px !important;
	margin-bottom: 0 !important;
}

.bottom-left {
	display: none;
}

.bottom-right {
	width: 100%;
	float: none;
	padding: 1.5em 0 0;
	text-align: center;
	border-top: 1px solid #C1D3E3;
}

/* new styles for related products  */

#content .woocommerce .cart-collaterals .cross-sells ul.products {
	margin-left: 0;
	margin-right: 3.8%;
}

.woocommerce-page .related ul li.product,
.woocommerce-page .related ul.products li.product {
	width: 22%;
}

.woocommerce-page #content .related ul,
.woocommerce-page #content .related ul.products,
.woocommerce #content .related ul,
.woocommerce #content .related ul.products {
	margin: 0;
}

/* new styles for related products  */

/* =Media Queries
----------------------------------------------- */
@media all and (max-width: 75em) {

	/* - 1200px -  */



	body {
		overflow: hidden;
	}

	/* .upper-nav {
		width:95% ;
	} */

	.left-brand {
		padding-top: 25px;
	}

	#masthead .site-branding {
		padding-top: 2em;
	}

	.topright {
		float: left;
		text-align: left;
	}
}

@media all and (max-width: 62.5em) {
	/* - 1000px -  */



	/* new product list styles  */

	#secondary.widget-area {
		padding: 1.5em;
	}

	#secondary .btn {
		white-space: nowrap;
	}

	#secondary.widget-area .widget {
		padding: 0;
	}

	/* new product list styles  */
}

@media all and (max-width: 58.7em) {

	/* - 940px - (900) */



	/* new styles for footer  */


	.fifth-footer {
		margin-right: 2%;
	}

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		width: 17.4%;
	}

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		font-size: 1.7rem;
	}

	/* new styles for footer  */
	.site-content {
		padding: 0 .25em 0 .5em;
	}

	.left-brand,
	.right-brand {
		float: left;
	}

	.left-brand {
		padding-top: 0px;
		width: 100%;
	}

	.left-brand-1 img {
		width: 90%;
		height: auto;
	}

	.left-brand-1 {
		width: 10%;
	}

	.left-brand-2 {
		width: 90%;
	}

	.right-brand {
		margin-left: 5%;
		width: 95%;
	}

	#masthead .site-branding {
		padding-top: 0;
	}

	.mid-nav {
		float: right;
		margin: -2em 2% 0 0;
		width: 45%;
	}

	.mid-nav ul {
		margin-top: 1em;
		float: left;
		font-size: 1.1em;
	}

	.header-search {
		float: right;
		margin: -4em 0 0 35%;
		width: 30%;
	}

	h2.descriptive-slogan {
		color: #384484;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		margin: .5em 2em 0 0;
		/*font-weight:bold;*/
		font-size: 1em;
	}

	.slogan {
		margin-top: -1.6em;
	}
}

@media all and (max-width: 55.37em) {

	/* - 886px -  (800)*/



	/* new product list styles  */

	#secondary.widget-area {
		padding: .5em;
	}

	/* new product list styles  */

	.site-content .widget-area {
		float: left;
		overflow: hidden;
		width: 100%;
		margin-right: 2em
	}

	#content #secondary h2.facet-title {
		font-size: 1.15em;
	}

	.section-split-list li {
		font-size: 1.1em;
	}

	.right-content-area {
		float: left;
		margin: 0;
		width: 100%
	}

	.right-site-main {
		margin: 0
	}

	#right-secondary {
		width: 100%;
		max-width: 1000px;
	}

	#right-secondary.widget-area {
		margin: .25em 0 0;
		padding: 1.5em 1.5em 0;
	}

	#right-secondary.widget-area .widget {
		padding: 0;
		font-size: 110%;
	}

	/* #right-secondary.widget-area img{width:50%;} */
	.floating-logo {
		position: absolute;
		z-index: 999;
		top: 60px
	}

	#masthead .site-branding {
		padding-top: .5em;
	}

	.first-third,
	.second-third,
	.final-third {
		float: left;
		width: 31%;
	}

	.first-third ul,
	.second-third ul,
	.final-third ul {
		margin-bottom: .25em;
	}

	.section-split-image img {
		width: 70%;
		margin: 0 25%;
	}

	.upper-nav li {
		margin-right: 1em;
	}

	.topright {
		display: none;
	}
}

@media all and (max-width: 48.5em) {

	/* - 768px -ipadish */

	/* new styles for related products  */

	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		width: 46%;
	}

	/* new styles for related products  */

	/* new product list styles  */

	.facetwp-template.store {
		width: 100%;
		max-width: 1000px;
	}

	#secondary {

		width: 80%;
		max-width: 1000px;

	}

	#secondary.widget-area {
		padding: 1.5em;
		margin-left: 10%;
	}

	/* new product list styles  */

	/* new styles for footer  */

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		font-size: 1.7rem;
	}

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		width: 29%;
		margin: 0 2%;
	}

	.fourth-footer,
	.fifth-footer {
		width: 46%;
	}

	.top-center-footer {
		font-size: 2rem;
		line-height: 1.5;
	}

	/* new styles for footer  */


	.header-search {
		margin-top: -5em;
	}

	.mid-nav {
		width: 48%;
	}

	.slogan {
		margin: -1.8em 0 0 5em;
		font-size: .85em;
		float: left;
		width: 45%;
	}


}

@media all and (max-width: 41em) {

	/* - 656px - */



	.site-main {
		margin: 0
	}

	.content-area {
		float: left;
		margin: 0;
		width: 100%
	}

	#secondary {
		width: 100%;
		max-width: 1000px
	}

	.first-third,
	.second-third,
	.final-third {
		float: left;
		width: 98%;
		margin: 1em 1% 0;
		padding: 1em 1.5em 0 1.5em;
	}

	.section-split-image,
	.section-split-list {
		float: left;
		width: 98%;
		margin: 1em 1%
	}

	.left-brand-1 {
		visibility: collapse;
		height: 0px;
		width: 0px;
	}

	.left-brand-2 {
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		font-size: 2em;
		margin-top: 0;
		color: #075290;
		text-align: left;
	}

	.header-search {
		width: 50%;
		text-align: right;
		margin-right: 1.5em;
	}

	/* .upper-nav {
		width:95%;
	} */

	.upper-nav li {
		margin-right: .3em;
	}

	.slogan {
		margin: -2em 0 .5em;
		width: 48%;
	}

	.mid-nav {
		width: 55%;
		margin-top: -.2em;
	}

	.header-search {
		margin-top: -3.5em;
	}
}

@media all and (max-width: 37.5em) {

	/* - 600px -kindleish */



	/* new product list styles  */

	.facetwp-template.store {
		width: 80%;
		max-width: 650px;
	}

	.facetwp-template.store {
		float: left;
		margin: 0;
		width: 80%;
		margin-left: 10%;
	}

	.facetwp-template.store ul.products {
		margin: 0 !important;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	/* .facetwp-template.store ul.products li.product {
		width: 46% !important;
		display: flex;
		margin: 1em .5em 1em !important;
		flex-direction: column;
	} */


	/* new product list styles  */

	/* new styles for footer  */

	div#lang_sel {
		margin-left: 1.45em;
	}

	aside#search-20,
	aside#text-11,
	aside#text-10,
	aside#text-9 {
		margin-left: 2em;
		margin-right: 2em;
	}

	aside#text-7 h1.widget-title {
		margin: 0 1.45em 0.5em;
	}

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		font-size: 1.7rem !important;
	}

	.wpml-ls-sidebars-footer-1 .wpml-ls-current-language>a {
		width: 75%;
	}

	/* new styles for footer  */


	/* .left-brand h1 {} */

	.mid-nav {
		visibility: collapse;
	}

	.header-search {
		margin-top: -4.5em;
	}

	.main-navigation {
		margin-top: 0em
	}

	.content-area {
		float: left;
		margin: 0;
		width: 100%
	}

	.site-main {
		margin: 0
	}

	#secondary {
		width: 80%;
		max-width: 650px
	}

	#secondary.widget-area {
		float: left;
		margin: 0;
		width: 80%;
		margin-left: 10%
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 38%;
	}

	li.video-display {
		width: 95%;
	}

	/*--- splitting styles ----*/
	#main .left_picture,
	#main .right_text,
	#main .left_text,
	#main .right_picture {
		float: left;
		width: 100%
	}

	#main .left_picture img,
	#main .right_picture img {
		width: 60%;
		margin-right: 20%;
		margin-left: 20%;
		height: auto
	}

	/*-- adjustments to home  layout */
	#home-new li {
		float: left;
		width: 100%;
		margin: .1em 1%;
		list-style: none;
	}

	#featured-content {
		float: left;
		width: 100%;
		margin-right: 0%
	}

	#featured-content li {
		float: left;
		width: 100%;
		margin: 0 0%;
		list-style: none;
	}

	#HomeEvents {
		float: left;
		width: 100%;
		margin: 0 0%;
		padding: 0 1em
	}

	#home-new li img,
	#featured-author img {
		width: 60%;
		height: auto;
		margin: 0em 20% .5em 20%;
	}

	#home-new li img:hover,
	#featured-author img:hover {
		width: 60%;
		height: auto;
		margin: 0em 20% .5em 20%;
	}

	#featured-content li img,
	#featured-content-3 li img,
	#featured-author img {
		width: 60%;
		height: auto;
		margin: 0em 20% .5em 20%;
	}

	#featured-content li img:hover,
	#featured-author img:hover {
		width: 60%;
		height: auto;
		margin: 0em 20% .5em 20%;
	}

	.twenty-left {
		float: left;
		width: 98%;
		margin: 0 1% 0 1%
	}

	.twenty-left img {
		width: 100%;
		height: auto
	}

	.eighty-right {
		float: left;
		width: 98%;
		margin: 0 1% 0 1%
	}

	.quarter-left {
		float: left;
		width: 98%;
		margin: 0 1% 0 1%
	}

	.three-quarters-right {
		float: left;
		width: 98%;
		margin: 0 1% 0 1%
	}

	.half-table {
		width: 75%;
		margin: 0 auto
	}

	.first-footer,
	.second-footer,
	.third-footer,
	.fourth-footer,
	.fifth-footer {
		float: left;
		width: 98%;
		margin: 0 1%;
	}

	.site-info li {
		margin-bottom: .5em;
		margin-left: 2em;
	}

	.site-info .textwidget {
		margin-left: 2em
	}

	.bottom-left,
	.bottom-right {
		padding-top: 3em;
	}

	.section-split-list .section-split-columns li {
		width: 42%;
		margin-left: 5%
	}

	.topleft {
		margin: 0em;
		width: 15%;
	}

	.topline .topleft li {
		float: left;
		position: relative;
		margin-right: 0;
		font-size: .9em;
		padding: 0;
		background: transparent;
	}

	.upper-nav li {
		margin-right: .25em;
	}

	.upper-nav li:after {
		content: "|";
		color: #075290;
		margin-left: .1em;
	}

	.topright-holder {
		float: right;
		width: 84%
	}

	h2.descriptive-slogan {
		color: transparent;
		font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
		margin: 0;
		/*font-weight:bold;*/
		font-size: .001em;
	}

	.right-brand {
		height: 0;
	}

	#megaMenu.megaResponsive ul.megaMenu>li.menu-item {
		width: 50%;
		font-size: 1em;
	}
}

@media all and (max-width: 32.8em) {

	/* - 525px - */


	.mid-nav ul {
		font-size: .85em;
	}
}

@media all and (max-width:30em) {

	/* 480px - everything to single column (425)*/


	/* new styles for related products  */

	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		width: 100%;
	}

	/* new styles for related products  */



	/* new product list styles  */

	/* .facetwp-template.store ul.products li.product {
		margin: 0 !important;
		margin-bottom: 1em !important;
		width: 100% !important;
	} */

	/* new product list styles  */
	/*.topright-holder, .topline{visibility: collapse;height: 0 }	*/
	.topleft {
		visibility: collapse;
		width: 1%;
		height: 0;
	}

	.topright-holder {
		float: right;
		width: 98%
	}

	.left-brand {
		padding-top: 0;
		width: 80%;
		font-size: 1.75em;
	}

	.left-brand-2 {
		margin: 0 .5em 0 0;
		font-size: 1.75em;
	}

	#megaMenu #megaMenuToggle {
		font-size: 14px;
	}

	#megaMenu ul.megaMenu>li.menu-item>a span.wpmega-link-title {
		font-size: 1.5rem !important;
		line-height: 1.5;
	}

	.woocommerce .woocommerce-breadcrumb a,
	.woocommerce-page .woocommerce-breadcrumb a {
		display: inline-block;
		margin-top: 0.5em;
	}

	.header-search {
		width: 29%;
		margin-top: -3.5em;
	}

	#login {
		max-width: 29em;
	}

	.rcp_form,
	.login-txt {
		width: 98%;
		border-left: none;
		border-top: 1px solid #404040;
	}

	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
		width: 88%;
	}

	.woocommerce #content div.product div.images,
	.woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images,
	.woocommerce #content div.product div.summary,
	.woocommerce div.product div.summary,
	.woocommerce-page #content div.product div.summary,
	.woocommerce-page div.product div.summary {
		width: 98% !important;
		float: left !important;
	}

	.section-split-author li {
		width: 98%;
		margin-left: 1%;
		float: left;
	}

	.first-half,
	.second-half {
		width: 98%;
	}

	.offers {
		grid-template-columns: repeat(auto-fill, minmax(21%, 1fr));
	}

	.dist {
		grid-template-columns: repeat(auto-fill, minmax(98%, 1fr));
	}

	.entry-content.dist-grid {
		grid-template-columns: repeat(auto-fill, minmax(45%, 1fr));
	}

	.breakline,
	.page-template-page-dist h3.header {
		grid-column: span 1;
	}

	#secondary.mobile.widget-area {
		display: block;
		margin: 1em 0 0;
	}

	.entry-content-part {
		grid-template-columns: 1fr;
	}

	.woo.second-two-third {
		grid-column: 1;
		grid-row: 2;
	}

	.woo.first-third {
		text-align: center;
		grid-row: span 2;
		float: none;
		width: auto;
	}

	.info-special {
		grid-template-columns: 1fr;
	}
}

@media all and (max-width:23.75em) {

	/* 380px*/

	/* new styles for related products  */

	.woocommerce-page .related ul li.product,
	.woocommerce-page .related ul.products li.product {
		width: 100%;
	}

	/* new styles for related products  */


	.topright-holder,
	.topline {
		visibility: collapse;
		height: 0
	}

	/*.left-brand-2 {margin-bottom: 1em;}
.header-search {margin: -4.5em 45% 0;}*/
}

@media (min-width: 605px) {

	.scroll-back-to-top-wrapper {
		width: 48px !important;
		height: 48px !important;
		line-height: 50px !important;
		right: 10px !important;
		bottom: 10px !important;
		border: 1px solid white;
	}

	.scroll-back-to-top-wrapper i.fa {
		font-size: 1.75em;
		line-height: 1 !important;
	}

	.scroll-back-to-top-wrapper .scroll-back-to-top-inner {
		display: block;
	}
}

/* ---  RESPONSIVE --- Small menu */
.menu-toggle {
	cursor: pointer;
	display: none
}

@media print {
	* {
		transition: none !important;
	}

	.main-navigation,
	#right-secondary,
	.topline,
	.right-brand,
	.site-footer,
	.scroll-back-to-top-wrapper.show {
		display: none;
	}

	body {
		margin: 20mm 10mm;
	}

	.left-brand-1,
	.left-brand-2 {
		display: inline-block !important;
	}

	.left-brand-2 {
		font-size: 24pt;
	}

	.ezcol-one-third,
	.ezcol-two-third,
	.ezcol-last,
	.ezcol-one-quarter,
	.ezcol-one-half,
	.ezcol-three-quarter,
	.ezcol-one-third,
	.ezcol-two-third,
	.ezcol-one-fifth,
	.ezcol-two-fifth,
	.ezcol-three-fifth,
	.ezcol-four-fifth {
		width: 100% !important;
		font-size: 14pt !important;
	}
}


/* testing flexslider */
.custom-navigation {
	display: table;
	width: 100%;
	table-layout: fixed;
	background: #075290;
	padding: 10px 15px;
	margin-bottom: 15px;

}

.flexslider {
	overflow: hidden;
}

.custom-navigation a:link,
.custom-navigation a:visited {
	color: #fff;
}

.flex-prev {
	float: left;
}

.flex-next {
	float: right;
}

/* media queries in pixels  */


@media screen and (max-width: 768px) {
	table.shop_table_responsive thead {
		display: none;
	}

	table.shop_table_responsive tbody th {
		display: none;
	}

	table.shop_table_responsive tr td {
		display: block;
		text-align: right !important;
		clear: both;
	}

	table.shop_table_responsive tr td::before {
		content: attr(data-title) ": ";
		float: left;
	}

	table.shop_table_responsive tr td.product-remove a {
		text-align: left !important;
		display: inline-block !important;
	}

	table.shop_table_responsive tr td.product-remove::before {
		display: none;
	}

	table.shop_table_responsive tr td.actions::before,
	table.shop_table_responsive tr td.download-actions::before {
		display: none;
	}

	table.shop_table_responsive tr td.download-actions .button {
		display: block;
		text-align: center;
	}

	table.shop_table_responsive tr td.product-thumbnail a img {
		width: 100px !important;
	}

	table.shop_table_responsive tr td.product-thumbnail a {
		display: block;
		text-align: left;
	}

	table.shop_table_responsive tr td.product-thumbnail:before {
		display: none;
	}

	table.shop_table_responsive tr td.product-quantity .quantity {
		margin: 0 !important;
		margin-left: auto !important;
		width: min-content !important;
	}

	table.shop_table_responsive tr td.actions>button.button.wp-element-button {
		margin-top: 1%;
		margin-right: 4%;
	}

	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce .cart-collaterals .cart_totals {
		width: 100%;
	}

	.woocommerce .cart-collaterals table.shop_table_responsive tr.total td::before {
		content: 'Order Total in points:';
	}

	.woocommerce .cart-collaterals table.shop_table_responsive tr.total:last-child td::before {
		content: 'Your Points Balance:';
	}

	.woocommerce .cart-collaterals .cross-sells,
	.woocommerce .cart-collaterals .cart_totals {
		width: 100%;
	}

	.woocommerce .cart-collaterals table.shop_table_responsive tr.total td::before {
		content: 'Order Total in points:';
	}

	.woocommerce .cart-collaterals table.shop_table_responsive tr.total:last-child td::before {
		content: 'Your Points Balance:';
	}


}






@media screen and (max-width: 600px) {
	.woocommerce .cart-collaterals .cross-sells ul.products li {
		margin: 0 auto !important;
		width: 67%;
		margin-bottom: 2em !important;
	}

	.woocommerce .cart-collaterals .cross-sells ul.products {
		margin: 1em;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.woocommerce .cart-collaterals .woocommerce-info.special {
		order: 1;
	}

	.woocommerce .cart-collaterals {
		display: flex;
		flex-direction: column;
	}

	.woocommerce .cart-collaterals .cart_totals {
		order: 2;
		margin-bottom: 2em;
	}

	.woocommerce .cart-collaterals .cross-sells {
		order: 3;
	}

	.cross-sells .quantity {
		width: min-content !important;
		margin-right: 10px !important;
	}
}