/*
Theme Name: The Heartlander
Description: Wordpress Theme Designed for The Heartlander.
Author: The Heartlander
Version: 1.0
*/

/*------------------------------------------------*/

/*-----------------[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,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:before,
 :after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

html,
body {
	height: 100%;
}

html {
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}

body {
	margin: 0;
}

ol {
	margin: 0 0 10px 1.5em
}

ul {
	margin: 0 0 10px 1.5em
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}


/* remember to define focus styles! */

:focus {
	outline: 0;
}


/* remember to highlight inserts somehow! */

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}


/*------------------------------------------------*/


/*-----------------[BASIC STYLES]-----------------*/


/*------------------------------------------------*/

html {
	max-width: 100%;
	scroll-behavior: smooth;
}

body {
	background: none repeat scroll 0 0 #FFFFFF;
	width: 100%;
	overflow-x: hidden;
}

html,
body,
input,
textarea,
select {
	font-family: "roboto", sans-serif;
	font-size: 19px;
	line-height: 1.468em;
	color: #333333;
}

a {
	color: #BC9F6D;
	outline: medium none;
	text-decoration: none;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

a:hover {
	color: #000;
}

.clear {
	clear: both;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

iframe {
	max-width: 100%;
	border: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "bodega-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	line-height: 1em;
	padding-bottom: 0.45em;
}

h1 {
	font-size: 2.2rem;
}

h2 {
	font-size: 2rem;
}

h3 {
	font-weight: 700;
	font-size: 1.421rem;
}

#main h3 {
	font-family: "roboto-condensed", sans-serif;
}

h4 {
	font-size: 1.12rem;
}

h5 {
	font-size: .83rem;
}

h6 {
	font-size: .75rem;
}

p {
	margin-bottom: 1.75em;
	font-size: 1rem;
}

ul {
	margin-bottom: 1.75em;
}

strong {
	font-weight: bold;
}

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

ins {
	text-decoration: none;
}

pre {
	background-color: #F5F5F5;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	display: block;
	font-size: 13px;
	line-height: 20px;
	margin: 0 0 10px;
	padding: 9.5px;
	white-space: pre-wrap;
	word-break: break-all;
	word-wrap: break-word;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}

sup {
	bottom: 0.8em;
}

sub {
	top: 0.3em;
}

dl {
	margin: 0 0 1.5em 0;
}

dl dt {
	font-weight: bold;
}

dd {
	margin-left: 1.5em;
}

hr {
	background: none repeat scroll 0 0 #D8D8D8;
	border: medium none;
	clear: both;
	height: 1px;
	margin: 12px 0;
}

blockquote {
	border-left: 3px solid #BC9F6D;
	font-style: italic;
	font-weight: 300;
	font-size: 1.2105rem;
	line-height: 1.468em;
	color: #333333;
	padding-left: 1.8em;
	margin-bottom: 1.5em;
}

blockquote>p:last-child {
	margin-bottom: 0;
}

blockquote cite {
	color: #005eb6;
	display: block;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input.text,
input.title,
textarea,
select {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 5px 8px;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=text]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input.text:focus,
input.title:focus,
textarea:focus,
select:focus {
	border-color: #bbb;
}

input[type="submit"],
button,
.button {
	background: #A6885C;
	display: inline-block;
	max-width: 100%;
	padding: 0px 0.55em;
	text-align: center;
	transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	width: auto;
	cursor: pointer;
	border: none;
	height: 53px;
	line-height: 53px;
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	color: #fff;
}

.button.blue {
	background: #1B2D4C;
}

.button.grey {
	background: #BCBCBC;
}
.button.big {
	height: 63px;
	line-height: 63px;
	font-size: 1.35rem;
}
.button.hollow.grey {
	border: 2px solid #C1C1C1;
	color: #636363;
	background: none;
	line-height: 49px;
}

input[type="submit"]:hover,
button:hover,
input[type="submit"]:focus,
button:focus,
.button:hover {
	text-decoration: none;
	outline: none;
	color: #fff;
	-webkit-transform: scale(1.045, 1.045);
	-moz-transform: scale(1.045, 1.045);
	-ms-transform: scale(1.045, 1.045);
	-o-transform: scale(1.045, 1.045);
	transform: scale(1.045, 1.045);
}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}


/* IE6 */

*:first-child+html .clearfix {
	zoom: 1;
}


/* IE7 */

.screen-reader-text {
	text-indent: -9999px;
	display: none
}

table {
	background: none repeat scroll 0 0 #EEEEEE;
	border-collapse: separate;
}

table th {
	background: none repeat scroll 0 0 #F6F6F6;
	font-weight: 700;
	padding: 5px 10px;
	text-align: left;
}

table td {
	background: #fff;
	padding: 5px 10px;
}


/*------------------------------------------------*/


/*----------------------[GRIDS]-------------------*/


/*------------------------------------------------*/

.row {
	margin: 0 -15px;
	position: relative;
}

.row:after,
.row:before {
	content: " ";
	display: table;
	clear: both;
}

.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
}

.grid12 {
	width: 100%
}

.grid11 {
	width: 91.66666667%
}

.grid10 {
	width: 83.33333333%
}

.grid9 {
	width: 75%
}

.grid8 {
	width: 66.66666667%
}

.grid7 {
	width: 58.33333333%
}

.grid6 {
	width: 50%
}

.grid5 {
	width: 41.66666667%
}

.grid4 {
	width: 33.33333333%
}

.grid3 {
	width: 25%
}

.grid2 {
	width: 16.66666667%
}

.grid1 {
	width: 8.33333333%
}

.row>.grid3:nth-child(4n+1) {
	clear: both
}

.row>.grid6:nth-child(2n+1) {
	clear: both
}


/*------------------------------------------------*/


/*-------------------[TYPOGRAPHY]-----------------*/


/*------------------------------------------------*/

.text-teak {
	color: #BC9F6D;
}

.text-blue {
	color: #1B2D4C;
}

.text-grey {
	color: #787878;
}

.text-barley {
	color: #A6885C;
}

.font21 {
	font-size: 1.105rem;
	line-height: 1.468em;
}

.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	-moz-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
}

.flex.reverse {
	-webkit-flex-direction: row-reverse;
	-moz-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.space10 {
	clear: both;
	height: 10px
}

.space20 {
	clear: both;
	height: 20px
}

.space30 {
	clear: both;
	height: 30px
}

.space40 {
	clear: both;
	height: 40px
}

.space50 {
	clear: both;
	height: 50px
}

#searchsubmit {
	font-family: FontAwesome
}


/*------------------------------------------------*/


/*--------------------[IMAGES]--------------------*/


/*------------------------------------------------*/


/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%;
	/* When images are too wide for containing element, force them to fit. */
	height: auto;
	/* Override height to match resized width for correct aspect ratio. */
}

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 6px;
}

.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}

.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}

.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important;
	/* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}

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

.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}

.wp-smiley {
	margin: 0;
}


/*------------------------------------------------*/


/*-------------------[STRUCTURE]------------------*/


/*------------------------------------------------*/

.container {
	position: relative;
	max-width: 1280px;
	padding-left: 20px;
	padding-right: 20px;
	z-index: 9;
}

.wrapper:after,
.container:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#homeslider {
	position: relative;
	width: 100%;
	height: 579px;
}

#homeslider .slides {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	height: 100%
}

#homeslider .slides>li {
	width: 100%;
	height: 100%;
	position: relative;
	display: none
}

#homeslider .slides>li:first-child {
	display: block
}

#homeslider .flex-viewport {
	width: 100%;
	height: 100%;
	position: relative;
}

.homeSlide {
	width: 100%;
	height: 100%;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-color: #071938;
	align-items: center;
	color: #fff;
}

.homeSlide a {
	color: #fff;
}

.homeSlide a:hover {
	text-decoration: underline
}

.homeSlide:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, #071938 25.62%, rgba(27, 45, 76, 0) 73.54%);
}

.homeSlide .container {
	max-width: 1250px
}

.homeSlide .postTitle {
	font-size: 3.315rem;
	line-height: 1.168em;
}

.homeSlide .postTitle a:hover {
	text-decoration: none;
	color: #BC9F6D;
}

.homeSlide .postAuthor {
	font-size: 1.368rem;
}

.homeSlide .postBtn {
	padding-top: 1rem
}

.flex-control-paging {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	left: 5vw;
	bottom: 24px;
	z-index: 99;
	height: 7px;
	line-height: 7px;
}

.flex-control-paging li {
	display: inline-block;
	vertical-align: top;
	margin-right: 8px;
}

.flex-control-paging li a {
	display: block;
	text-indent: -9999px;
	width: 59px;
	height: 7px;
	background: #C8C8C8;
	cursor: pointer
}

.flex-control-paging li a.flex-active {
	background: #A6885C;
}


/*------------------------------------------------*/


/*----------------------[HEADER]------------------*/


/*------------------------------------------------*/

#header {
	position: relative;
	padding-left: 1.9rem;
	padding-top: 1.2rem;
	align-items: center;
	padding-bottom: 1.45rem;
	background: #fff;
	z-index: 999;
	box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow: 0px -2px 14px rgba(0, 0, 0, 0.15);
}

#headerRight {
	flex-grow: 1;
	width: 50%;
	justify-content: flex-end;
	align-items: center;
}

#navigation {
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.727em;
	position: relative;
}

#navigation ul.desktopMenu {
	margin: 0;
	padding: 0;
	list-style: none
}

#navigation ul.desktopMenu>li {
	display: inline-block;
	margin-left: 1.75rem;
	position:relative;
}

#navigation ul.desktopMenu>li>a {
	display: block;
	color: #333333;
}

#navigation ul.desktopMenu>li>a:hover {
	color: #A6885C;
}
#navigation ul.desktopMenu > li > ul {
	margin: 0;
	padding: 0;
	list-style: none;
	z-index: 99;
	background: #fff;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 2px rgba(0,0,0,0.2);
	position: absolute;
	width: 200px; display:none;
}
#navigation ul.desktopMenu>li>ul>li{
	border-bottom: solid 1px rgba(0,0,0,0.1);	
}
#navigation ul.desktopMenu > li > ul > li > a {
	display: block;
	padding: 8px 15px;
	color: #333;
	font-size: 0.9rem;
	line-height: 1.2em;
}
#navigation ul.desktopMenu > li > ul > li > a:hover{
		color: #A6885C;
}
#headerBtn {
	padding-left: 1.35rem;
}

#headerBtn .button {
	font-family: "bodega-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.5789rem;
	height: 70px;
	line-height: 70px;
	padding: 0 0.905em;
}

#headerSocial {
	padding-left: 1.12rem;
}

#headerSocial a {
	display: inline-block;
	margin-left: 0.32em;
	font-size: 1.263rem;
	line-height: 1.166em;
	color: #999999;
}

#headerSocial a:hover {
	color: #A6885C;
}


/*------------------------------------------------*/


/*------------------[GRAVITY FORMS]---------------*/


/*------------------------------------------------*/

.gform_wrapper {
	position: relative
}

ul.gform_fields {
	margin: 0 -9px;
	position: relative;
	padding: 0;
	list-style: none;
}

ul.gform_fields:after,
ul.gform_fields:before {
	content: " ";
	display: table;
	clear: both;
}

ul.gform_fields>li.gfield {
	min-height: 1px;
	padding-right: 9px;
	padding-left: 9px;
	float: left;
	width: 50%;
	padding-bottom: 12px;
	position: relative
}

ul.gform_fields>li.gfield.onethird {
	width: 33.33%
}

ul.gform_fields>li.gfield.fullwidth {
	width: 100%
}

ul.gform_fields>li.gfield.gform_validation_container {
	display: none
}

ul.gform_fields>li.gfield input[type="text"] {
	width: 100%
}

ul.gform_fields>li.gfield textarea {
	width: 100%;
	height: 120px;
}

.gform_footer img {
	position: absolute
}

.validation_error {
	display: none;
}

.gfield_description.validation_message {
	font-size: 0.7em;
	line-height: 1em;
	position: absolute;
	color: #ff0000;
}

.gfield_label {
	color: #7e7e7e;
	display: block;
	font-size: 1em;
	font-weight: 700;
	padding-bottom: 8px;
}

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


/*------------------------------------------------*/


/*------------------[STANDARD PAGE]---------------*/


/*------------------------------------------------*/

#pageBanner {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	background-color: #071938;
	background-image: url(images/default_banner.jpg);
	padding: 2.65rem 0 2.12rem;
	color: #fff;
}

.bannerTitle {
	font-size: 4.21rem;
	line-height: 1.168em;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	padding-bottom: 0;
}

#main {
	padding: 1.7rem 0 0.75rem;
	position: relative;
	overflow: hidden;
}

.pageContentBx {
	max-width: 990px;
}

#get-updates {
	position: relative;
	padding: 2.1rem 0;
	background: #A6885C;
	border-bottom: solid 4px #fff;
	border-top: solid 4px #fff;
}

#get-updates .container {
	align-items: flex-end;
}

.get-updates-right {
	width: 30%;
	flex-grow: 1;
	padding-left: 2.1rem;
}

.get-updates-desc {
	font-style: normal;
	font-weight: bold;
	font-size: 1.368rem;
	line-height: 1.1em;
	color: #fff;
}

.get-updates-desc span {
	font-style: italic;
	font-weight: 500;
}

.get-updates-title {
	padding-bottom: 0;
	font-weight: normal;
	font-size: 2.789rem;
	line-height: 1.168em;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #FFFFFF;
}

form.updatesForm {
	width: 100%
}

ul.gform_fields>li.gfield.updates-name {
	width: 35%;
}

ul.gform_fields>li.gfield.updates-email {
	width: 65%;
}

form.updatesForm input[type="text"] {
	font-weight: bold;
	font-size: 27px;
	line-height: 172.7%;
	color: #FFFFFF;
	height: 50px;
	line-height: 45px;
	background: none;
	border: none;
	border-bottom: solid 5px #fff;
	padding: 0;
}

form.updatesForm li.gfield .gfield_label {
	font-style: italic;
	font-weight: normal;
	font-size: 1.421rem;
	line-height: 45px;
	color: #FFFFFF;
	cursor: text;
	position: absolute;
	padding: 0;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}

form.updatesForm li.gfield.toggle-label .gfield_label {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 1.1em;
	top: -1.4em;
}

form.updatesForm .gform_footer {
	width: 142px;
	padding-left: 18px;
}

form.updatesForm .gform_footer .button {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
	;
}

form.updatesForm .gform_body {
	flex-grow: 1;
	width: 50%
}


/*------------------------------------------------*/
/*-------------------[SINGLE POST]----------------*/
/*------------------------------------------------*/
#postBanner {
	position: relative;
	padding: 2rem 0;
	color: #fff;
	overflow: hidden;
}

#postBanner .blur {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	filter: blur(5px);
}

#postBanner .blur:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(7, 25, 56, 0.8);
	content: '';
}

#postBanner a {
	color: #fff;
}

#postBanner a:hover {
	text-decoration: underline
}

.bannerLeftBx {
	padding: 0.6rem 0 0.6rem;
	position: relative;
}

.bannerBack {
	font-weight: bold;
	font-size: 1.157rem;
	line-height: 1.727em;
}

#postBanner .bannerBack a {
	color: #BC9F6D;
}

.bannerFeaturedImg {
	position: absolute;
	width: 56.1%;
	height: calc(100% - 4rem);
	right: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}

.bannerLeftTxtBx {
	padding: 3.9rem 0 2.8rem;
	position: relative;
}

.postMetaBx {
	align-items: center;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.727em;
	margin-bottom: 0.4em;
}

.featuredTag {
	background: #6598F0;
	font-weight: bold;
	font-size: 1rem;
	line-height: 1.727em;
	text-align: center;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0.22em 0.63em;
	margin-right: 0.65em;
}

.postTitle {
	font-size: 2.263rem;
	line-height: 1.168em;
	padding-bottom: 0.26em;
	font-weight: 400;
}

.postAuthor {
	font-size: 0.947rem;
	line-height: 1.4em;
	font-weight: 400;
}

#main.singleMain {
	padding-top: 0.95rem;
	padding-bottom: 1.5rem;
}

.single-left {
	width: 59%;
}

.single-right {
	width: 30%;
	flex-grow: 1;
	padding-left: 3.45rem;
	padding-top: 0.55em;
}

.adBx {
	padding-bottom: 1.55rem;
}

.authorBx {
	position: relative;
	margin-top: 2rem;
	background: #F3F3F3;
	padding: 1.7rem 2rem;
	margin-bottom: 1.4rem;
}

.postauthor-img {
	width: 118px;
}

.postauthor-meta {
	width: 50%;
	flex-grow: 1;
	padding-left: 1.75rem;
}

.about-the-author {
	font-size: 1.894rem;
	line-height: 1.2em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #BC9F6D;
	padding-bottom: 0.65em;
}

h5.vcard.author {
	font-family: "roboto-condensed", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.421rem;
	line-height: 1.1em;
	color: #787878;
}

h5.vcard.author a {
	color: #787878;
}

h5.vcard.author i {
	margin-left: 0.4em
}

.postauthor-description {
	font-size: 1rem;
}

.postNav {
	padding-top: 1.4rem;
	position: relative;
}

#main .widget-title {
	font-family: "bodega-sans", sans-serif;
	font-style: normal;
	font-weight: 500;
	font-size: 1.8947rem;
	line-height: 1.727em;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #BC9F6D;
	padding-left: 0.55rem;
}

.featuredStoryBx {
	position: relative;
	padding-bottom: 1.9rem;
}

.featuredStoryImgBx {
	padding-top: 57.6%;
	width: 100%;
	position: relative;
}

.featuredStoryImg {
	position: absolute;
	left: 0;
	top: 0;
	width: 42vw;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.featuredStoryTxt {
	padding-left: 0.8rem;
	padding-top: 1.25rem;
}

.featuredStoryTxt a {
	color: #333333;
}

.featuredStoryTxt a:hover {
	color: #BC9F6D;
}

.featuredStoryTxt .postTitle {
	font-size: 1.947rem;
	line-height: 1.168em;
	color: #1B2D4C;
	padding-bottom: 0.42em;
}

.postBtn {
	padding-top: 0.65rem;
}

#sidebar-ad {
	position: relative;
	padding: 0.65rem 0.8rem 0.9rem 0.8rem;
	background: #F3F3F3;
}

#sidebar-ad:before {
	content: '';
	width: 200%;
	height: 100%;
	position: absolute;
	left: 100%;
	top: 0;
	background: #F3F3F3;
}

.advertisementLabel {
	font-weight: 300;
	font-size: 0.842rem;
	line-height: 1.2em;
	color: #333333;
	padding-bottom: 0.5em;
}

.singleTags{}
.singleTags span, .singleTags a {
	display: inline-block;
	margin-right: 0.4em;
	background: #F3F3F3;
	color: #333;
	font-size: 0.7rem;
	line-height: 1.1em;
	font-weight: 500;
	padding: 0.2em 0.4em;
}
.singleTags span, .singleTags a:hover{text-transform:uppercase; background:#A6885C; color:#fff; }
/*------------------------------------------------*/
/*--------------------[CATEGORY]------------------*/
/*------------------------------------------------*/
#pageBanner.categoryBanner {
	padding: 1.35rem 0 1.42rem;
}

.categoryBanner .container {
	align-items: center;
	justify-content: space-between;
	max-width: 1240px;
}

.categoryBannerAd {
	padding-left: 2.5rem;
	width: 50%;
	flex-grow: 1;
	justify-content: flex-end;
}

#main.categoryMain {
	padding: 5px 0;
	position: relative;
}

#main.categoryMain .container {
	max-width: 1240px;
}

.blogpostItem {
	min-height: 376px;
	margin-bottom: 9px;
}

.blogpostItem .archiveTxt {
	width: 43%;
	padding-left: 1.25rem;
	padding-top: 3.45rem;
	padding-bottom: 3.135rem;
}

.archiveTxt a {
	color: #333333;
}

.archiveTxt a:hover {
	color: #BC9F6D;
}

.blogpostItem .archiveImgBx {
	width: 57%;
	position: relative;
}

.blogpostItem .archiveImg {
	position: absolute;
	right: 0;
	top: 0;
	width: 56vw;
	height: 100%;
	background-size: cover;
	-webkit-background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
}

.archiveImg .linkOver {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

.blogpostItem.reverse .archiveImg {
	left: 0;
}

.blogpostItem.reverse .archiveTxt {
	padding-right: 1.25rem;
	padding-left: 0;
}

#pageNavigation {
	padding: 10px 0;
	background: #F3F3F3;
	position: relative;
}

#pageNavigation:before,
#pageNavigation:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background: #F3F3F3;
	right: 100%;
	top: 0;
	visibility: visible;
}

#pageNavigation:before {
	left: 100%
}
#pageNavigation .button{
	 height: 63px;
    line-height: 63px;
    font-size: 1.35rem;
}

/*------------------------------------------------*/


/*----------------------[ABOUT]-------------------*/


/*------------------------------------------------*/

.section {
	position: relative;
	padding: 4rem 0 2.4rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}

.sectionTitle {
	font-family: "bodega-sans", sans-serif;
	font-size: 3rem;
	line-height: 1.127em;
	text-transform: uppercase;
	font-weight: 400;
	padding-bottom: 0.35em;
}

#low-trust {
	padding-top: 3.75rem;
	padding-bottom: 3rem;
	height: 676px;
}

.lowTrustTxtBx {
	max-width: 790px;
	margin: 0 auto;
}

.img-low-trust {
	margin: 0 auto;
	max-width: 844px;
	box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.65);
	-webkit-box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.65);
}

.img-low-trust img {
	display: block;
}

#think-untouchable {
	padding-top: 163px;
	color: #fff;
	padding-bottom: 1.8rem;
	background: #1B2D4C;
}

.care-truth-txt {
	max-width: 650px;
}

#who-heartlander {
	background: #F3F3F3;
}

.teamName {
	font-family: "roboto-condensed", sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 1.684rem;
	line-height: 1.068em;
	color: #787878;
}


/*------------------------------------------------*/


/*----------------------[FOOTER]------------------*/


/*------------------------------------------------*/

#footer {
	padding: 2rem 0 5rem;
	background: #071938;
	color: #fff;
}

#footer .container {
	max-width: 1214px;
}

#copyright,
#copyrightNav {
	font-size: 11px;
	line-height: 1.5em;
	padding-bottom: 4px;
}

#copyrightNav ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#copyrightNav ul>li {
	display: inline-block;
	position: relative;
	vertical-align: top;
	margin-right: 0.3rem;
	padding-right: 0.4rem;
}

#copyrightNav ul>li:before {
	content: '|';
	position: absolute;
	right: 0;
}

#copyrightNav ul>li:last-child:before {
	display: none
}

#copyrightNav ul>li>a {
	display: block;
	color: #BC9F6D;
}

#logoFooter {
	padding-bottom: 1.1rem;
}

#footerRight {
	padding-left: 2.4rem;
	width: 50%;
	flex-grow: 1;
}

#footerNav {
	font-weight: 500;
	font-size: 1rem;
	line-height: 0.7em;
}

#footerNav ul {
	margin: 0;
	padding: 0;
	list-style: none
}

#footerNav ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5em;
	margin-bottom: 0.9em;
}

#footerNav ul li a {
	color: #FFFFFF;
}

#footerSocial {
	font-size: 1.421rem;
	line-height: 1.148em;
}

#footerSocial a {
	color: #FFFFFF;
	margin-right: 0.1em;
}


/*------------------------------------------------*/


/*-------------------[RESPONSIVE]-----------------*/


/*------------------------------------------------*/

body {
	-webkit-text-size-adjust: none;
}

input[type="text"],
input[type="submit"],
button,
textarea {
	-webkit-appearance: none;
}

#toggle-menu {
	display: none;
	font-weight: 500;
	font-size: 1rem;
	line-height: 1.727em;
	color: #333333;
	margin-left: 1.75rem;
	text-transform: uppercase;
}

#toggle-menu:hover {
	color: #A6885C;
}

@media only screen and (max-width: 1279px) {
	html {
		font-size: 16px
	}
	.blogpostItem {
		min-height: inherit;
	}
}

@media only screen and (max-width: 1199px) {
	#header {
		padding-left: 20px;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#logo, #logoFooter {
		width: 250px;
	}
	#headerBtn .button {
		height: 53px;
		line-height: 53px;
		font-size: 1.35rem
	}
	#navigation ul.desktopMenu > li{
		margin-left:1.2rem;
	}
	.get-updates-desc {
		font-size: 1.162rem;
	}
	.get-updates-title {
		font-size: 2.3rem;
	}
	form.updatesForm li.gfield .gfield_label {
		font-size: 1.2rem
	}
	#low-trust {
		height: auto;
		padding-bottom: 0;
		background-position: center bottom;
	}
	#think-untouchable {
		padding-top: 3rem;
	}
}

@media only screen and (max-width: 991px) {
	#logo,
	#logoFooter {
		width: 225px;
	}
	#toggle-menu {
		display: block;
	}
	#navigation ul.desktopMenu {
		position: absolute;
		width: 180px;
		background: #f1f1f1;
		z-index: 99;
		display: none;
	}
	#navigation ul.desktopMenu>li {
		margin: 0;
		padding: 0;
		border-bottom: solid 1px rgba(0, 0, 0, 0.2);
		display: block
	}
	#navigation ul.desktopMenu>li>a {
		display: block;
		padding: 0.2rem 0.8rem
	}
	#navigation ul.desktopMenu > li > ul{
		display: block !important;
		height:auto !important;
		opacity: 1 !important;
		width:100%; 
		position:relative; 
		background:none;
		box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;	
	}
	#navigation ul.desktopMenu > li > ul > li {
		border-bottom: none;
		border-top: solid 1px rgba(0,0,0,0.1);
	}
	#navigation ul.desktopMenu > li > ul > li > a {
		padding-left: 25px;
		position:relative;
	}
	#navigation ul.desktopMenu > li > ul > li > a::before {
		content: '\f054';
		font-family: "Font Awesome 5 Free";
		font-weight: 900;
		font-size: 0.7em;
		position: absolute;
		left: 13px;
		color: #A6885C;
	}
	.homeSlide .postTitle {
		font-size: 2.8rem
	}
	#homeslider {
		height: 480px;
	}
	.homeSlide .postAuthor {
		font-size: 1.162rem
	}
	#get-updates .container {
		display: block
	}
	.get-updates-left {
		width: 100%;
	}
	.get-updates-right {
		width: 100%;
		padding-left: 0;
		padding-top: 1rem;
	}
	#get-updates {
		padding-bottom: 1rem;
	}
	.blogpostItem .archiveImgBx {
		width: 50%;
	}
	.blogpostItem .archiveTxt {
		width: 50%
	}
	.bannerTitle {
		font-size: 3.5rem;
	}
	.single-right {
		padding-left: 3rem
	}
	.postauthor-img {
		width: 80px
	}
}

@media only screen and (max-width: 767px) {
	#logo,
	#logoFooter {
		width: 190px;
	}
	#headerBtn .button {
		font-size: 1.2rem
	}
	.homeSlide .postTitle {
		font-size: 2.38rem
	}
	#homeslider {
		height: 400px;
	}
	.homeSlide .postAuthor {
		font-size: 1rem
	}
	ul.gform_fields>li.gfield.updates-name {
		width: 40%;
	}
	ul.gform_fields>li.gfield.updates-email {
		width: 60%;
	}
	.blogpostItem .archiveTxt {
		padding-top: 1.5rem;
		padding-bottom: 1.5rem;
	}
	.postMetaBx,
	.featuredTag {
		font-size: 0.85rem
	}
	.postTitle {
		font-size: 1.9rem;
	}
	.bannerFeaturedImg {
		width: 48%
	}
	#main.singleMain .container {
		display: block
	}
	.single-left {
		width: 100%;
	}
	.single-right {
		padding-left: 0;
		padding-top: 3rem;
		width: 100%;
	}
	.featuredStoryImg {
		width: 100vw
	}
	.sectionTitle {
		font-size: 2.5rem;
	}
	.font21 {
		font-size: 1.05rem;
	}
	#care-truth {
		padding-bottom: 1rem;
		padding-top: 250px;
		background: none !important;
		position: relative
	}
	#care-truth:before {
		background-size: 150% auto;
		-webkit-background-size: 150% auto;
		background-position: bottom right;
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 220px;
		background-image: url(/wp-content/uploads/2021/03/bg_care_truth.jpg);
		background-repeat: no-repeat;
	}
}

@media only screen and (max-width: 575px) {
	#header {
		padding: 10px 15px;
		display: block
	}
	#logo {
		margin: 0 auto
	}
	#headerRight {
		width: 100%;
		padding-top: 1rem;
	}
	#toggle-menu {
		margin-left: 0
	}
	#headerBtn .button {
		font-size: 1.1rem;
		height: 40px;
		line-height: 40px;
		padding: 0 12px;
	}
	.homeSlide .postTitle {
		font-size: 2rem
	}
	.homeSlide::before {
		background: linear-gradient(90deg, #071938 25.62%, rgba(27, 45, 76, 0) 100%);
	}
	.get-updates-desc {
		font-size: 1rem;
	}
	.get-updates-title {
		font-size: 1.95rem;
	}
	form.updatesForm .gform_body {
		width: 100%
	}
	form.updatesForm .gform_footer {
		padding-left: 0;
		margin: 0 auto
	}
	form.updatesForm {
		width: 100%;
		display: block;
	}
	ul.gform_fields>li.gfield.updates-name,
	ul.gform_fields>li.gfield.updates-email {
		width: 100%
	}
	.blogpostItem {
		display: block
	}
	.blogpostItem .archiveImgBx {
		width: 100%;
		height: 200px;
	}
	.blogpostItem .archiveImg {
		width: 100vw
	}
	.blogpostItem .archiveTxt {
		padding-left: 0;
		width: 100%
	}
	#footer {
		text-align: center
	}
	#footer .container {
		display: block
	}
	#logoFooter {
		margin: 0 auto;
	}
	#footerRight {
		padding-left: 0;
		width: 100%;
		padding-top: 2rem;
	}
	#footerNav ul li {
		margin-left: 0.5em;
		margin-right: 0.5em
	}
	.bannerTitle {
		font-size: 2.4rem;
	}
	.categoryBanner .container {
		display: block;
		text-align: center
	}
	.categoryBannerAd.flex {
		width: 100%;
		padding-left: 0;
		padding-top: 1rem;
	}
	.bannerBack {
		font-size: 1.05rem;
	}
	.bannerFeaturedImg {
		position: relative;
		width: 100%;
		height: 180px;
	}
	#postBanner {
		padding-top: 0
	}
	.bannerLeftTxtBx {
		padding-top: 1.5rem;
		padding-bottom: 0;
	}
	.authorBx {
		padding: 20px;
	}
	.postauthor-wrap {
		display: block;
	}
	.postauthor-meta {
		padding-left: 0;
		width: 100%;
		padding-top: 1rem;
	}
	h5.vcard.author {
		font-size: 1.2rem
	}
	#headerRight {
		justify-content: space-between;
	}
	.sectionTitle {
		font-size: 2rem;
	}
	#low-trust {
		padding-top: 3rem;
	}
}