/*
Theme Name: Kathie Lee
Description: DM2 Theme for Kathie Lee. Design and Dev by Paul Allan.
Version: 1
Author: DM2 (@dm2)
Author URI: http://digitalmediamanagement.com

License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/

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

@import url('icons.css');

@font-face {
    font-family: 'neutraface';
    src: url('fonts/neutraface/NeutraDisplayMediumAlt.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;

}

/* html element 62.5% font-size for REM use */
html {
	font-size: 62.5%;
	margin: 0;
	padding: 0;
}

body {
	font: 300 16px/1.4 didot, serif;
	color: #444;
	margin: 0;
	padding: 0;
	background: url(img/bg2.png) fixed;
}

p {
	font-size: 14px;
	line-height: 23px;
}

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

.clear:after {
	clear: both;
}

.clear {
	*zoom: 1;
}

img {
	max-width: 100%;
	vertical-align: bottom;
}

a {
	color: #444;
	text-decoration: none;
}

a:hover {
	color: #444;
}

a:focus {
	outline: 0;
}

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

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

a.button {
	display: inline-block;
	border-radius: 1px;
	color: #c1aa89;
	border: #c1aa89 solid 1px;
	margin: 10px 5px;
	padding: 10px 15px;
	font-family: didot;
	text-transform: uppercase;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 13px;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

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



.home .header {
	top: 50% !important;
	margin-top: -120px !important;
	transition: .7s ease-in-out .5s;
	-webkit-transition: .7s ease-in-out .5s;
	-moz-transition: .7s ease-in-out .5s;
}

/* header */
.header {
	opacity: 1;
	position: absolute;
	top: 0px;
	width: 100%;
	height: 175px;
	background: transparent;
	z-index: 9999;
	padding: 60px 5% 0 5%;
	transition: 1.2s ease-in-out;
	-webkit-transition: .7s ease-in-out;
	-moz-transition: -7s ease-in-out;
}

.header_top {
	box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	background: #fff;
	margin-top: -30px;
	transition: .4s 0s !important;
	-webkit-transition: .4s 0s !important;
	-moz-transition: .4s 0s !important;
}

/* logo */
.logo {

	width: 455px;
}

.logo a {
	background: url(img/logo.png) no-repeat;
	height: 100px;
	width: 455px;
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -227px;
}

.logo-img {}

/* nav */
nav {
	margin-top: 40px;
}

nav ul {
	margin: 0;
	padding: 0;
}

nav li {
	list-style: none;
	float: left;
	margin: 0 0px;
}

nav li a {
	border-radius: 1px;
	color: #6e6e6e;
	margin: 10px 5px;
	padding: 10px 15px;
	font-family: didot;
	text-transform: none;
	text-decoration: none;
	border: #fff solid 1px;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 16px;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}


.modal a {
	color: #b69365;
}

.blocker {
	z-index: 99999;
}

@media only screen and (max-width: 1068px) {
	body.home .home-site-links {
		bottom: 15%;
	}

	.home-site-links a {
		width: 200px;
		float: none;
	}
}

nav li a:hover,
.home #menu-item-17 a,
.products .active a {
	border: #b8d8d9 solid 1px;
	text-align: center;
	color: #b8d8d9;
}

.active a {}

.biography .active a {
	border: #313562 solid 1px;
	color: #313562
}

.products #menu-item-197 a {
	border: #b8d8d9 solid 1px;
	color: #b8d8d9
}

.products .borders {
	background: #b8d8d9;
}

.charity #menu-item-196 a {
	border: #c1aa89 solid 1px;
	color: #c1aa89
}

.charity .borders {
	background: #c1aa89;
}

#products .products {
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.hidden {
	opacity: .2;
}


#filters {
	text-align: center;
	margin-bottom: 20px;
	margin-left: 0;
	padding-left: 0;
}

#filters li a {
	border-radius: 1px;
	color: #c1aa89;
	margin: 10px 5px;
	padding: 10px 15px;
	font-family: didot;
	text-transform: none;
	text-decoration: none;
	border: #fff solid 1px;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 13px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	list-style: none;
	border: #c1aa89 solid 1px;
	width: 120px;
	display: inline-block;
	text-align: center;
}

#filters li {
	list-style: none;
	display: inline-block;
}

.selected {
	background: #b8d8d9;
	color: #fff !important;
	border: #b8d8d9 solid 1px !important;
}

.pro h4 {
	margin-bottom: 20px !important;
}

.wine #menu-item-18 a {
	border: #683f5a solid 1px;
	color: #683f5a
}

nav ul ul {
	display: none;
	position: absolute;

}

nav ul li:hover ul {
	display: block;
	margin-top: 10px;
}

nav ul li:hover ul li {
	display: block;
	float: none;
	line-height: 40px !important;
	;
}

.updates .active a,
.single #menu-item-15 a,
.update #menu-item-15 a {
	border: #ffb8a3 solid 1px;
	color: #ffb8a3
}

.nav-left {
	float: left;
	margin-left: 30px;
}

.nav-right {
	float: right;
	margin-right: 30px;
}

/* sidebar */
.sidebar {}

/* footer */
.footer {
	position: relative;
	width: 100%;
	height: 120px;
	background: #ffb8a3;
}

.post_wrap {
	top: 170px;
	position: absolute;

}

.single_wrap {
	top: 180px;
	position: absolute;
}

.class-CHARITY.post_wrap {
	width: 900px;
	margin-left: -450px;
	left: 50%;
}

.class-CHARITY.post_wrap article div {
	margin: 10px 0 20px 0;
	text-transform: uppercase;
}

.class-CHARITY.post_wrap article div a,
#terms a,
#terms a:visited,
#contact a:visited,
#contact a {
	color: #c1aa89
}

.class-CHARITY.post_wrap article div a:hover,
#terms a:hover,
#contact a:hover {
	color: #313562;
}

.post_wrap h4,
.single_wrap h4 {
	text-align: center;
	letter-spacing: 2px;
	width: 770px;
	margin: 10px auto 50px auto;
}

.single_wrap h4 {
	display: block;
}

.single_wrap h4 .post-categories,
.single_wrap h4 .post-categories li,
.single_wrap h4 .post-categories li a {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style-type: none;
	text-transform: uppercase;
}


.post_wrap h4:before,
.single_wrap h4:before {
	background: url(img/header_left.png) no-repeat center center;
	width: 38%;
	height: 20px;
	display: inline-block;
	float: left;
	content: "";
}

.post_wrap h4:after,
.single_wrap h4:after {
	background: url(img/header_right.png) no-repeat center center;
	width: 38%;
	height: 20px;
	display: inline-block;
	float: right;
	content: "";
}

.date {
	font-size: 11px;
	margin-top: 8px;
	display: block;
	font-style: italic;
	letter-spacing: 1px;
}

.post_wrap img {
	border-radius: 3px;
	height: auto;
}

.single_wrap h1 {
	color: #000;
}

.single_wrap h1 {
	margin: 0;
}

#bio,
#search-results-page,
#terms,
#contact,
#newsletter,
.single_wrap {
	width: 1100px;
	left: 50%;
	margin-left: -550px;
}

#newsletter {
	height: 590px;
}

.terms-use {
	color: #444;
	text-align: center;
	bottom: 40px;
	position: absolute;
	width: 300px;
	left: 50%;
	margin-left: -150px;
}

#post-81 {
	margin-bottom: 140px;
}

.terms-of-use a,
#contact .terms-of-use a {
	color: #444;
}

#bio #bio-img {
	display: block;
	float: left;
	width: 42%;
}

#bio #bio-img img {
	border: 3px solid #313562;
}

#bio #bio-content {
	display: block;
	float: right;
	width: 56%;
	margin-top: -16px;
	margin-bottom: 100px;
}


.bleft {
	position: fixed;
	left: 0;
	width: 20px;
	background: #b8d8d9;
	height: 100%;
	z-index: 99999;
}

.bright {
	position: fixed;
	right: 0;
	width: 20px;
	background: #b8d8d9;
	height: 100%;
	z-index: 99999;

}

.btop {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	background: #b8d8d9;
	height: 20px;
	z-index: 99999;

}

.bbottom {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #b8d8d9;
	height: 20px;
	z-index: 99999;

}

.borders {
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}


.wine .borders {
	background: #683f5a
}

.biography .borders {
	background: #313562
}

.updates .borders,
.single .borders,
.update .borders {
	background: #ffb8a3
}

.category-charity p a {
	color: #c1aa89;
	font-weight: 100;
	letter-spacing: 1px;
}

#upadtes li,
#charity li,
#results li {
	width: 30%;
	height: 500px;
	float: left;
	margin: 0 1.65%;
	list-style: none;
}

#upadtes li h2,
#charity li h2 {
	text-align: center;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 20px;
	margin-top: 23px;
}

#charity lie h2 a,
#more-upadtes li h2 a {
	color: #c1aa89;
	font-weight: 100;
	letter-spacing: 1px;
	font-size: 23px;
}

#upadtes li p,
#charity li p,
#more-upadtes li p {
	text-align: center;
	line-height: 20px;
}

.view-article,
.purchase-link {
	display: block;
	padding: 15px 0;
	width: 180px;
	text-align: center;
	background: #c1aa89;
	/* Old browsers */
	background: -moz-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1aa89), color-stop(100%, #f3e8d8));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, #c1aa89 0%, #f3e8d8 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1aa89', endColorstr='#f3e8d8', GradientType=0);
	/* IE6-9 */
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	line-height: 11px;
	margin: 20px auto;
	border-radius: 6px;
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	color: #000 !important;
	letter-spacing: 1.25px;
}

.navigation a {
	display: block;
	padding: 10px 0;
	width: 100px;
	text-align: center;
	border: 1px solid #f3e8d8;
	background: #fff;
	font-size: 11px;
	line-height: 11px;
	margin: 20px auto;
	border-radius: 6px;
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
}

.purchase-link {
	float: left !important
}

.single_wrap {}

.single_img img {
	width: 100%;
	height: auto;
	border: 3px solid #ffb8a3;
}

.single_vid iframe {
	border: 3px solid #ffb8a3;
}

.single_img {
	width: 44%;
	float: left;
}

.single_vid {
	width: 600px;
	float: left;

}

.single_vidmain {
	float: right;
	width: 480px;
}

.single_main {
	width: 54%;
	float: right;
}

.single_main_full {
	width: 60%;
	margin: 0 20%;
}

#post-nav {
	margin: 30px 0;
	height: 260px;
	display: block;
	width: 800px;
	display: none;
}

#more-upadtes {
	display: block;
	width: 100%;
	clear: both;
	margin: 40px 0 60px 0;
	min-height: 450px;
	float: left;
}

#more-upadtes li {
	width: 24%;
	float: left;
	margin: 0 .6%;
	list-style: none;
	text-align: center;
}

#more-upadtes li:hover img {
	border: 3px solid #b8d8d9;
}

#more-upadtes li h2 {
	margin: 10px 0 5px 0;
	height: 26px;
	overflow: hidden;
}

#more-upadtes li h2 a,
#terms h2 {
	font-size: 15px;
	line-height: 15px;
}

#more-upadtes li p {
	margin-top: 0;
}

#more-upadtes h4 {
	margin-bottom: 20px;
	width: 1120px;
	text-transform: uppercase;
	font-size: 13px;
}

#more-upadtes li:nth-child(2) {
	margin: 0 .6% 0 0;
}

#more-upadtes li:nth-child(5) {
	margin: 0 0 0 .6%;
}

.post-previous {
	width: 290px;
	height: 250px;
	display: inline-block;
	float: left;
	overflow: hidden;
}

.post-next {
	width: 290px;
	height: 250px;
	display: inline-block;
	float: right;
	overflow: hidden;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

#load {
	position: absolute;
	top: 200px;
	left: 0px;
	width: 1200px;
	height: 1000px;
	background: #000;
	display: none;
}

/* wrapper */
.wrapper {
	max-width: 1280px;
	width: 94%;
	margin: 0 auto;
	position: relative;
	height: auto;
	display: block;
}

#content {}

.shown {}





/*------------------------------------*\
    CONTACT, SEARCH, NEWSLETTER
\*------------------------------------*/

#mc_embed_signup div.mce_inline_error {
	background-color: #FFF !important;
	padding: 5px 0px !important;
	color: #6B0505 !important;
}

#contact #contact-content {
	display: block;
	float: left;
	width: 48%;
	padding-left: 180px;
}

#contact #contact-side {
	display: inline-block;
	float: right;
	width: 52%;
	margin-top: -16px;
	margin-bottom: 100px;
	padding-left: 50px;
}

#contact form {
	padding-top: 16px;

}

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0 1em 0 !important;
	padding: 0.2em 0 !important;
}

div.wpcf7-mail-sent-ok {
	border: none;
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #683f5a;
}

div.wpcf7-spam-blocked {
	color: #ffa500;
}

div.wpcf7-validation-errors {
	border: none !important;
	color: #683f5a;
	margin-left: 0 !important;
	margin-top: 0 !important;
	padding-left: 0 !important;
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	color: #683f5a;
	font-size: 1em;
	display: block;
}

.use-floating-validation-tip span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	border: none;
	background: #fff;
	padding: .2em .8em;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

div.wpcf7 img.ajax-loader {
	border: none;
	vertical-align: middle;
	margin-left: 4px;
}

div.wpcf7 div.ajax-error {
	display: none;
}

div.wpcf7 .placeheld {
	color: #888;
}

#mc_embed_signup input.button,
#contact form input[type="submit"] {
	display: block;
	padding: 10px 0;
	width: 120px;
	min-width: 120px;
	text-align: center;
	background: #c1aa89;
	background: -moz-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1aa89), color-stop(100%, #f3e8d8));
	background: -webkit-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	background: -o-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	background: -ms-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
	background: linear-gradient(to bottom, #c1aa89 0%, #f3e8d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1aa89', endColorstr='#f3e8d8', GradientType=0);
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	margin: 0;
	border-radius: 6px;
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	color: #000;
	border: none !important;
	font-weight: 300;
}

#mc_embed_signup input.button:hover,
#contact form input[type="submit"]:hover {
	color: #444;
}

#newsletter input[type=email],
#mc_embed_signup input[type=email],
#contact input[type="text"],
#contact input[type="text"]:focus,
#contact input[type="email"],
#contact input[type="email"]:focus,
#contact textarea {
	border: 1px solid #999;
	-webkit-appearance: none;
	box-shadow: none;
	outline: none;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

#newsletter input[type=email]:focus,
#contact input[type="text"]:focus,
#contact input[type="email"]:focus,
#contact textarea:focus {
	border-color: rgb(184, 216, 217);
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

#contact form input[type="submit"] {
	display: inline-block;
}

#mc_embed_signup input.button {
	display: inline-block;
	/*
position: absolute;
top: 8px;
left: 166px;
*/
}


#mc_embed_signup {
	background: transparent;
	margin-left: 300px;
}

/*------------------------------------*\
    BOOKS
\*------------------------------------*/
#books {
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
}

#books p {
	font-size: 17px;
	padding-left: 10px;
	margin-bottom: 24px;
}

#books ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

#books li {
	width: calc(25% - 10px);
	margin-left: 10px;
  	margin-top: 10px;
	box-sizing: border-box;
}

#books li a {
	display: flex;
	justify-content: center;
	flex-direction: column;
}

#books li a h2{
	margin-top: 5px;
	text-align: center;
}


@media all and (max-width:768px) {
	#books li {
		width: calc(33% - 10px);
	}

	#books li a h2 {
		font-size: 20px;
	}
}

@media all and (max-width:576px) {
	#books li {
		width: calc(50% - 10px);
	}

	#books li a h2 {
		font-size: 16px;
	}
}

/*------------------------------------*\
    IMAGES
\*------------------------------------*/
#products {
	width: 1280px;
	margin-bottom: 100px;
	overflow: hidden;
}

#products li {
	width: 280px;
	float: left;
	margin: 0 20px 30px 20px;
	list-style: none;
	text-align: center;
	border-bottom: solid 1px #b8d8d9;
}

#products li:hover img {}

#products li h2 {
	margin: 10px 0 5px 0;
	height: 26px;
	overflow: hidden;
}

#products li h2 a {
	font-size: 15px;
	line-height: 15px;
}

#products li p {
	margin-top: 0;
}

#products h4 {
	margin-bottom: 20px;
	width: 1120px;
	text-transform: uppercase;
	font-size: 13px;
}

.socials {
	float: right;
	margin-top: 10px;
}

.socials a {
	display: block;
	height: 46px;
	width: 46px;
	margin: 6px;
	float: left;
}

.socials a.tw {
	background: url(img/icons/tw.png) no-repeat;
}

.socials a.fb {
	background: url(img/icons/fb.png) no-repeat;
}

.socials a.ig {
	background: url(img/icons/ig.png) no-repeat;
}

/*------------------------------------*\
Header Secondary Nav
\*------------------------------------*/

.header #search-container {
	position: absolute;
	width: 200px;
	top: -2px;
	left: 80px;
	opacity: 1;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	z-index: 999;
}

.header #search-container li {
	list-style-type: none;
}

.header #forms-and-social {
	opacity: 1;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -577px;
	width: 1156px;
	height: 1px;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.header_top #forms-and-social {
	top: -80px;
}

.header #forms-and-social {
	opacity: 1;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.header #subscribe-btn,
.header #search-btn {
	display: inline-block;
	font-size: 16px;
	text-transform: capitalize;
	padding: 6px;
	font-weight: 300;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.header #subscribe-btn:hover,
.header #search-btn:hover {
	color: #b8d8d9;
}


.header #subscribe-btn {
	padding-left: 0;
}

.search-input {
	border: 1px solid #c1aa89;
	-webkit-appearance: none;
	box-shadow: none;
	outline: none;
	position: absolute;
	display: inline-block;
	left: 0;
	top: 0;
	text-indent: 5px;
	max-width: 154px;
	width: 154px;
	min-width: 154px;
	height: 24px;
}

form.search {
	position: absolute;
	left: -15px;
	top: 4px;
}

.search-input:focus {
	border: rgb(184, 216, 217) solid 2px;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.search-btn {
	background: url(img/icons/search-icon.png) no-repeat;
	width: 48px;
	height: 48px;
	display: inline-block;
	position: absolute;
	left: 120px;
	top: -10px;
}

@media only screen and (max-width:375px) {
	.search-input  {
		width: 100px;
		min-width: 100px;
	}

	.search-btn {
		left: 68px;
	}
	
}

#social-networks {
	position: relative;
	right: 4px;
	top: -28px;
}

#social-networks .socials {
	display: inline-block;
	margin-top: 0;
}

#social-networks .sneak-peek-header {
	display: block;
	float: right;
	margin-left: 8px;
	height: 30px;
	line-height: 30px;
	font-size: 10px;
}

#social-networks .sneak-peek-header a {
	color: #c1aa89;
	cursor: pointer;
	letter-spacing: 2px;
}

#social-networks .sneak-peek-header a:hover,
#social-networks .sneak-peek-header a:focus {
	color: #000000;
}

#social-networks .socials a.tw-gold {
	background: url(img/icons/tw-gold.png) no-repeat center center;
}

#social-networks .socials a.fb-gold {
	background: url(img/icons/fb-gold.png) no-repeat center center;
}

#social-networks .socials a.ig-gold {
	background: url(img/icons/ig-gold.png) no-repeat center center;
}

#social-networks .socials a.tw-gold:hover {
	background: url(img/icons/tw-blue.png) no-repeat center center;
}

#social-networks .socials a.fb-gold:hover {
	background: url(img/icons/fb-blue.png) no-repeat center center;
}

#social-networks .socials a.ig-gold:hover {
	background: url(img/icons/ig-blue.png) no-repeat center center;
}

#social-networks .socials a {
	display: inline-block;
	height: 30px;
	width: 30px;
	margin: 2px;
	float: left;
	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.pagination {
	margin-top: -70px;
}

.search-count {
	margin-bottom: 2em;
	text-align: center;
}






/*------------------------------------*\
TYPOGRAPHY
\*------------------------------------*/

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

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

::selection {
	background: #b8d8d9;
	color: #FFF;
	text-shadow: none;
}

::-webkit-selection {
	background: #b8d8d9;
	color: #FFF;
	text-shadow: none;
}

::-moz-selection {
	background: #b8d8d9;
	color: #FFF;
	text-shadow: none;
}

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

.alignnone {
	margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}

.alignright {
	float: right;
	margin: 5px 20px 20px 20px;
}

.alignleft {
	float: left;
	margin: 5px 20px 20px 20px;
}

a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}

a img.alignnone {
	margin: 5px 20px 20px 0;
}

a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}

a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background: #FFF;
	border: 1px solid #F0F0F0;
	max-width: 96%;
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}

.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}

.wp-caption .wp-caption-text,
.gallery-caption {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}

.sticky {}

.bypostauthor {}

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

@media print {
	* {
		background: transparent !important;
		color: #000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	a[href]:after {
		content: " ("attr(href) ")";
	}

	abbr[title]:after {
		content: " ("attr(title) ")";
	}

	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content: "";
	}

	pre,
	blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group;
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}

.clr {
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
}

.single_main a {
	font-weight: 600 !important;
}

.navigation {
	height: 40px;
	display: block;
	width: 100%;
}

/*------------------------------------*\
    MOBILE
\*------------------------------------*/


/* Nav Dropdown */

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

	.single_wrap {
		width: 900px;
		left: 50%;
		margin-left: -450px;
	}

	#more-upadtes h4 {
		width: 900px;
	}

	.post_wrap h4:before,
	.post_wrap h4:after {
		width: 30%;
	}

	.single_wrap h4:before,
	.single_wrap h4:after {
		width: 20%;
	}

	#bio,
	.single_wrap,
	#search-results-page {
		width: 900px;
		left: 50%;
		margin-left: -450px;
	}

	.single_vid {
		width: 600px;
		float: none;
		display: block;
		margin: 0 auto;
	}

	.single_vidmain {
		width: 580px;
		float: none;
		display: block;
		margin: 0 auto;
	}

}


@media only screen and (max-width:1280px) {
	nav li a {
		margin: 10px 1px !important;
	}

	.logo a {
		background: url(img/logo_small.png) no-repeat;
		height: 77px;
		width: 350px;
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -175px;
		top: 70px;
	}

}

@media only screen and (max-width:1360px) {
	.nav-left {
		margin-left: 0px;
	}

	.nav-right {
		margin-right: 0px;
	}

	#products {
		width: 970px;
	}

	.pro {
		margin-left: -485px;
		left: 50%;
	}

	.header #forms-and-social {
		margin-left: -557px !important;
		width: 1116px !important;
	}

}


@media only all and (max-width:1160px) {
	.nav-mobile select {
		width: 70%;
		margin: 0 4em;
		height: 30px;
		line-height: 30px;
		display: block;
		position: relative;
		text-transform: uppercase;
		border-radius: 1px;
		color: #c1aa89;
		background-color: white;
		font-family: didot;
		text-decoration: none;
		border: #fff solid 1px;
		cursor: pointer;
		letter-spacing: 2px;
		font-size: 13px;
		list-style: none;
		border: #c1aa89 solid 1px;
		margin-top: 1em;
	}

	.nav-mobile select option {
		text-transform: none !important;
	}

	.small-6 {
		width: 49%;
		box-sizing: border-box;
		float: left;
		margin-right: .5em;
		margin-right: 2%;
	}

	.small-6 span {
		position: relative;
		top: 5px;
	}

	.small-6:last-of-type {
		margin-right: 0;
	}

	nav {
		display: block;
	}

	.nav-left,
	.nav-right {
		display: none;
	}

	.header #forms-and-social {
		margin-left: 0 !important;
		width: 90% !important;
		left: 5% !important;
	}

	#social-networks {
		top: 0 !important;
	}

	#contact #contact-content {
		display: block;
		width: 100%;
		margin: 0%;
		text-align: center;
		padding-left: 0 !important;
	}

	#bio,
	#search-results-page,
	#contact,
	#newsletter,
	.single_wrap {
		width: 800px;
		margin-left: -400px;
	}

	#contact #contact-side {
		display: block;
		width: 70%;
		margin: 0 15%;
		padding-left: 0 !important;

	}

	#mc_embed_signup input.button,
	#contact form input,
	#mc_embed_signup input.button,
	#contact form textarea {
		width: 100%;
	}

	#mc_embed_signup input.button,
	#contact form input[type="submit"] {
		display: block;
		padding: 10px 0;
		width: 100%;
		text-align: center;
		background: #c1aa89;
		background: -moz-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c1aa89), color-stop(100%, #f3e8d8));
		background: -webkit-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
		background: -o-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
		background: -ms-linear-gradient(top, #c1aa89 0%, #f3e8d8 100%);
		background: linear-gradient(to bottom, #c1aa89 0%, #f3e8d8 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1aa89', endColorstr='#f3e8d8', GradientType=0);
		color: #fff;
		font-size: 11px;
		line-height: 11px;
		margin: 0;
		border-radius: 6px;
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
		color: #000;
		border: none !important;
		font-weight: 300;
	}

	#contact form {
		padding-top: 0px;

	}

	.logo a {
		top: 50px;
		width: 300px;
		margin-left: -155px;
	}

	.nav-mobile {
		display: block !important;
		margin-top: 77px;
		position: absolute;
		width: 90%;
	}



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

	}

	.single_wrap,
	#bio,
	#search-results-page,
	.single_wrap {
		width: 100%;
		margin-left: 0;
		left: 0;
	}

	#more-upadtes h4,
	.post_wrap h4,
	.single_wrap h4 {
		width: 100%;
	}

	#products {
		width: 100%;
	}

	#products li {
		width: 100% !important;
		margin: 0 !important;
	}

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

	#filters li a {
		width: 103px;
	}

	#upadtes li,
	#charity li,
	#results li {
		width: 96%;
	}

	#upadtes li p,
	#charity li p,
	#more-upadtes li p {
		padding: 0 10px;
	}

	#content article {
		width: 97%;
		float: left;
		padding: 0 1em;
		left: 0;
		margin: 0;
		margin-left: .5em;
	}

	#bio #bio-img,
	.single_img {
		width: 34%;
	}

	#bio #bio-content,
	.single_main {
		width: 53%;
		float: left;
		margin-left: 1em;
	}

	#more-upadtes {
		float: left;
	}

	#more-upadtes li {
		width: 100%;
	}

	#upadtes li,
	#charity li,
	#results li {
		height: auto;
		margin-bottom: 1em;
	}

	.navigation {
		position: relative;
		top: -30px;
	}

	.bright,
	.bleft {
		width: 10px;
	}

	.btop,
	.bbottom {
		height: 10px;
	}

	#mc_embed_signup {
		width: 100%;
		margin-left: 0;
	}

	#mc_embed_signup form {
		display: block;
		position: relative;
		padding: 10px 0 10px 3%;
		margin: 0 13em;
		text-align: center;
	}

	#mc_embed_signup input[type=email],
	#mc_embed_signup input.button {
		width: 100%;
	}

	#contact {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	#contact #content article {
		margin-left: 0;
	}

	#contact #contact-content,
		{
		margin: 0;
		width: 100%;
	}

	#contact #contact-side {
		margin: 0;
		width: 100%;
	}

	#terms {
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	#terms h4,
	.post_wrap h4,
	.single_wrap h4 {
		margin-top: 2em;
		margin-bottom: 1em;
	}

	.terms-use {
		color: #444;
		text-align: center;
		bottom: 25px;
		position: relative;
		width: 100%;
		left: 0;
		margin-left: 0;
		float: left;
		margin-bottom: 1em;
	}

	.pagination {
		text-align: center;
		margin: 2em;
	}

	.pagination a.next {
		display: block;
		padding: 10px 0;
		width: 100px;
		text-align: center;
		border: 1px solid #f3e8d8;
		background: #fff;
		font-size: 11px;
		line-height: 11px;
		margin: 20px auto;
		border-radius: 6px;
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
	}

	.nav-mobile {
		position: relative;
		width: 100%;
	}

	.nav-mobile select {
		margin: 0 auto;
		width: 80%;
	}
}

.nav-mobile {
	display: none;
}

#ssba {
	display: block;
	clear: both
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 860px) {

	.home .header {
		margin-top: -140px;
		top: 40% !important;
	}

	.logo a {
		background: url(img/logo_iphone4.png) no-repeat center center;

		text-align: center;

	}

	.nav-mobile select {
		width: 85%;
		margin: 0 2em;
	}

	.enter {
		bottom: 30%;
	}

	.bright {
		width: 10px;
	}

	#bio #bio-img,
	.single_img {
		width: 100%;
		margin-bottom: 1em;
	}

	#bio #bio-content,
	.single_main {
		width: 100%;
		margin: 0px;
		left: 0px;
		margin-left: 0;
	}

	.single_wrap h4:before,
	.single_wrap h4:after {
		width: 10%;
	}

	#ssba {
		padding: 0 50px;
	}

	nav li a {
		margin: 14px 1px !important;
		font-size: 6px;
		padding: 8px 3px !important;
	}

	.logo a {
		top: 60px;
		/* 		left:180px; */
	}

	#newsletter {
		width: 300px !important;
		margin-left: 0 !important;
		left: 0 !important;
		float: left;
	}

	#mc_embed_signup form {
		margin: 0 !important;
	}

	.post_wrap h4 {
		width: 100%;
		margin: 10px 0 50px 0;
	}

	.small-6 {
		position: relative;
		top: -20px;
	}

	#bio-img .socials {
		padding: 0 !important;
		width: 120px;
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 1em;
	}

	#upadtes li,
	#charity li,
	#results li {
		margin-bottom: 2em;
	}

	.terms-use {
		bottom: 15px;
	}

	#bio #bio-content {
		margin-bottom: 50px;
	}

	.pagination {
		text-align: center;
		margin-top: 1em;
	}

	#filters li a {
		width: 90px;
	}

	.pagination {
		text-align: center;
		margin: 2em;
	}

	.pagination a.next {
		display: block;
		padding: 10px 0;
		width: 100px;
		text-align: center;
		border: 1px solid #f3e8d8;
		background: #fff;
		font-size: 11px;
		line-height: 11px;
		margin: 20px auto;
		border-radius: 6px;
		box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
		text-transform: uppercase;
	}

	.terms-use {
		left: 0;
		margin-left: 0;
		position: relative;
		width: 100%;
	}

	#products {
		margin-bottom: 0;
	}

	#contact h4 {
		margin-bottom: 1em;
		margin-top: 2em;
	}
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {




	#bio #bio-img,
	.single_img {
		width: 49% !important;
		margin-bottom: 1em;
	}

	#upadtes li,
	#charity li,
	#results li {
		width: 47%;
		min-height: 500px;
	}

	#more-upadtes li {
		width: 48%;
		text-align: center;
		margin: 0 1em;
	}

	#more-updates li:nth-child(2n) {
		margin-right: 0;
	}

	#products li {
		width: 280px;
		float: left;
		margin: 0 20px 30px 20px;
		list-style: none;
		text-align: center;
		border-bottom: solid 1px #b8d8d9;
	}

	.terms-use {
		bottom: 10px;
	}

	.socials {
		padding: 0 43%;
	}

	#social-networks .socials {
		/* 		margin-top:-28px; */
		padding: 0 !important;
	}


}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {



	.nav li a {
		margin: 14px 20px !important;
		font-size: 12px;
		padding: 8px 15px !important;
	}

	#upadtes {
		width: 100%;
		float: left;
	}

	#bio #bio-content,
	.single_main {
		width: 100%;
		margin: 0px left:0px;
		margin-left: 0;
		text-align: center;
	}

	#bio #bio-img,
	.single_img {
		text-align: center;
	}

	#bio #bio-img {
		width: 100% !important;
		float: left !important;
	}


	#bio-content {
		text-align: left !important;
	}

	#upadtes li,
	#charity li,
	#results li {
		width: 46.5%;
		min-height: 500px;
		text-align: center;
	}

	.single_img {
		width: 45%;
		float: left;
	}

	.single_main {
		width: 48%;
		float: right;
		margin-left: 1em;
	}








}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

	nav li a {
		padding: 10px 8px;
		font-size: 10px;
	}

	#more-upadtes li {
		width: 46.8%;
		text-align: center;
		margin: 0 1em;
	}

	#more-updates li:nth-child(2n) {
		margin-right: 0;
	}

	.single_img {
		width: 45%;
		float: left;
	}

	.single_main {
		width: 48%;
		float: right;
		margin-left: 1em;
	}

	#bio #bio-content,
	.single_main {
		width: 100%;
	}

	#bio #bio-img,
	.single_img {
		width: 100% !important;
		text-align: center;
	}


	.bio-content {
		width: 100% !important;
		margin-left: 0;
		text-align: center;
	}

	#bio-img .socials {
		padding: 0 !important;
		width: 120px;
		text-align: center;
		padding: 0 !important;
		margin: 0 auto;
		float: none;
	}

	.nav-mobile select {
		width: 80%;
	}

	.nav-mobile {
		width: 100%;
		position: relative;
	}


}

/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
	/* Styles */
}

/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
	.logo a {
		background: url(img/logo_iphone4.png) no-repeat center center;
	}
}


/* DEV STYLES 2019.04.01 */
body.home .home-site-links {
	display: block;
}

#home-links {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 40px;
}

#home-links a {
	font-size: 16px;
	margin-bottom: 0.5px;
}

#home-links.not-home {
	display: none;
}

.home-site-links a {
	display: block;
	float: left;
	border-radius: 1px;
	margin: 10px 5px;
	padding: 10px 15px;
	font-family: didot;
	text-decoration: none;
	cursor: pointer;
	letter-spacing: 2px;
	font-size: 16px;
	font-weight: 300;
	border: #c1aa89 solid 1px;
	color: #c1aa89;
	text-align: center;

	transition: .2s ease-in-out;
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
}

.home-site-links a:hover {
	color: #000;
}

.home .header {
	top: 0 !important;
	margin-top: 0 !important;
}

.home-site-banner {
	padding: 24px;
	display: none;
}

.home .home-site-banner {
	display: flex;
	align-items: center;
	flex-direction: column;
}

.home .home-site-banner p {
	font-size: 16px;
}

.home-site-banner img {
	display: block;
	margin: auto;
	max-height: 100%;
	max-width: 100%;
}

.home-site-links {
	bottom: 5%;
}

.small-6 span {
	position: relative;
	top: 5px;
}

@media only screen and (max-width: 1068px) {
	body.home .home-site-links {
		bottom: 20px;
	}

	.home-site-banner {
		bottom: 140px;
	}
}

@media only screen and (min-width: 1068px) {
	#home-links {
		flex-direction: row;
	}
}