@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
html, body {
height: 100%;
}
body {
background: #fff;
color: #333;
font-family: 'Open Sans', sans-serif;
}
* {
margin:0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
a, a:visited {
text-decoration: underline;
color: #000;
}
a:hover {
text-decoration: none;
}
*:focus {
outline: none;
}
input[type=submit], input[type], textarea {
-webkit-appearance:none;
}
@font-face {
font-family: 'bodegasans-lightregular';
src: url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.eot);
src: url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.eot?#iefix) format('embedded-opentype'),
url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.woff2) format('woff2'),
url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.woff) format('woff'),
url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.ttf) format('truetype'),
url(//heartmanity.com/business/wp-content/themes/customtheme5/font/bodegasans-light-webfont.svg#bodegasans-lightregular) format('svg');
font-weight: normal;
font-style: normal;
}
h1, h2, h3, h4, .tile span {
font-family:'bodegasans-lightregular', Arial, Helvetica;
}
.reg-font, .slide h2, h1 em, h4 em, .tile span em, .min-h2 h2, .stack-h2 h2 em {
font-family: 'Open Sans', sans-serif;
}
.font-light {
font-weight: 300;
}
.font-reg {
font-weight: 400;
}
.font-semi {
font-weight: 600;
}
.font-bold {
font-weight: 700;
} header, main, footer, article, nav, section, aside {
display:block;
}
header, main, footer {
width:100%;
}
section {
position: relative;
}
header {
position: absolute;
top: 0;
left: 0;
z-index: 9;
background-color: transparent;
font-size: 1em;
padding: 1em;
}
header .width {
z-index: 3;
padding: 0;
max-width: 1800px;
}
.width {
max-width:980px;
width:calc(100% - 3.75rem);
margin:0 auto;
display:block;
position: relative;
}
main {
background:#fff;
overflow: hidden;
}
main .width {
padding:4em 0;
}
.anchor {
top: -4em; position: relative;
} .sidebar {
padding:0;
color: #333;
background:#fff;
}
.sidebar ul li {
list-style-image: none;
}
.sidebar ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.sidebar ul ul li {
margin-left: 16px;
padding: 0;
} footer {
margin: auto;
padding: 5em 0 2em;
font-size:1em;
color: #fff;
background-color: #4D4D4F;
}
footer a:link, footer a:visited {
color: #fff;
text-decoration: none;
}
footer img {
max-width: 100%;
height: auto;
}
footer a:hover {
text-decoration: none;
color:#fff;
}
.foot-main .width > .widget {
width: 50%;
float: left;
}
.foot-main .width > div:nth-child(1) img {
width: 10.125em;
}
footer .column strong {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
display: block;
padding-bottom: 1.2em;
line-height: 1;
}
.foot-main ul {
padding-left: 0;
}
.foot-main ul li {
list-style: none;
}
.foot-main li {
line-height: 1;
padding-bottom: .6em;
font-size: .95em;
}
.foot-main li a {
font-weight: 300;
}
.foot-main a:hover {
letter-spacing: 1px;
}
.credits {
text-align: center;
padding:5em 0 0;
font-size: .8em;
font-weight: 300;
}
article {
padding-bottom: 1.5em;
} .row {
position: relative;
margin: 0 -1.35em;
}
.row::after {
content: " ";
clear: both;
}
.column {
float: left;
padding: 0 1.35em;
}
.col-12 {
width: 100%;
}
.col-9 {
width: 75%;
}
.col-8 {
width: 66.6666%
}
.col-7 {
width: 58.3333%;
}
.col-6 {
width: 50%;
}
.col-5 {
width: 41.6666%;
}
.col-4 {
width: 33.3333%;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.6666%;
}
.col-1 {
width: 8.3333%;
}
.singleentry {
margin: auto;
padding:10px 15px;
}
div.singlenavigation {
margin: auto;
}
div.navigation {
width: 100%;
}
.postmetadata {
border-top: 1px solid #999;
margin:10px 0;
padding:5px 0 0 0;
font-size:12px;
}
.postmetadata small {
font-size:12px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} h1, h2, h4 {
font-size: 3.6em;
}
h1, h4, .tile span, .stack-h2 h2 {
padding:0 0 .6em 0;
line-height: 1;
font-weight:normal;
text-transform: none;
}
h1, .stack-h2 h2 {
text-align: center;
}
h1 em, .tile span em, .stack-h2 h2 em {
display: block;
font-size: .29em;
text-transform: uppercase;
padding-bottom: 1.3em;
font-weight: 400;
letter-spacing: 2px;
font-style: normal;
}
h2 {
line-height: 1.05;
padding:0 0 .4em 0;
font-weight: normal;
}
h2 a {
text-decoration: none;
}
h3 {
font-size: 1.4em;
padding:0 0 .4em 0;
}
h4 {
font-size: 2.45em;
}
.tile span {
font-size: 2.6em;
}
.tile span em {
font-size: .35em;
padding-bottom: .9em;
font-weight: 600;
}
main p {
padding:0 0 1.6em 0;
}
main p, main li {
font-weight: 300;
line-height: 1.3;
}
main ul {
padding-top: .4em;
padding-bottom: 1.6em;
}
ul li {
list-style: disc;
}
main li {
padding-bottom: .3em;
}
main p:last-of-type {
padding-bottom: 0;
}
main img {
max-width:100%;
height:auto;
display:block;
}
main img.alignleft {
margin-right:1.6em;
}
main img.alignright {
margin-left:1.6em;
}
article ul {
margin: 0 0 1em 0;
}
ul {
list-style-type:square;
}
li {
line-height: 1.3;
} .banner {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
height: 0;
padding-top: 42%;
width: 100%;
display: block;
position: relative;
z-index: 0;
}
.banner.default {
background-image:url(//heartmanity.com/business/wp-content/themes/customtheme5/img/banner-default.jpg);
}
.vid-fit video {
height: 100%;
width: auto;
}
.vid-wide {
width: 100%;
height: auto;
}
.h-slide {
width: 100%;
height: auto;
position: relative;
}
.h-slide .slide {
padding-top: 50%;
width: 100%;
height: 0;
position: relative;
z-index: 0;
}
.slide::after, .banner::after {
content: " ";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .3);
z-index: -1;
}
.slide .width, .banner .width {
position: absolute;
width: calc(100% - 8em);
max-width: 1100px;
height: 100%;
top: 0;
left: 0;
right: 0;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
main .slide p, main .banner p {
color: #fff;
text-align: center;
font-weight: 700;
font-size: 2.8em;
line-height: 1.15;
text-shadow: 0 1px 6px #454545;
padding-top: 4em;
}
.slide.mod img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
z-index: -1;
top: 0;
left: 0;
} .clearfix {
position: relative;
}
.clearfix::after {
content: " ";
display: block;
position: relative;
clear: both;
}
.break, footer {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
position: relative;
}
.blank {
font-size: 0;
}
.center {
text-align: center;
}
.gray {
background-color: #E7E7E9;
}
main .flush p {
padding: 0;
}
.modal-wrap {
overflow-y:scroll;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: none;
z-index: 99;
padding: 60px;
}
.modal-box {
width: 85%;
max-width: 700px;
margin: auto;
position: relative;
background-color: #fff;
padding: 46px;
}
.modal-close {
position: fixed;
top: 60px;
right: 60px;
z-index: 100;
width: 40px;
height: 40px;
display: block;
cursor: pointer;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.modal-close::before, .modal-close::after {
content: " ";
background-color: #fff;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
transform: rotate(45deg);
}
.modal-close::after {
width: 34px;
height: 5px;
}
.modal-close::before {
width: 5px;
height: 34px;
}
.dark-bg p, .dark-bg h2, .dark-bg {
color: #fff;
}
.bg-img {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.vcent {
display: flex;
align-items: center;
}
.cblock {
max-width: 50%;
width: 100%;
padding-left: 1.6em;
}
.hold-right {
float: right;
}
.img-hold.right {
left: calc(50% + 1.6em);
right: 0;
}
.img-hold {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: calc(50% + 1.6em);
width: auto;
margin: auto;
} .bx-wrapper {
position: relative;
}
.bx-controls-direction {
}
.next-bg, .prev-bg {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.next-bg, .prev-bg {
height: 2.1em;
width: 2.1em;
}
.next-bg {
right: 1.8em;
}
.prev-bg {
left: 1.8em;
}
.bx-prev, .bx-next {
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left:0;
}
.bx-prev::after, .bx-next::after {
content: " ";
width: 58%;
height: 58%;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
border-right: solid 1px #fff;
border-bottom: solid 1px #fff;
}
.bx-prev::after {
left: .9em;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.bx-next::after {
right: .9em;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.bx-prev:hover::after {
-webkit-transform: translateX(-.4em) rotate(135deg);
-moz-transform: translateX(-.4em) rotate(135deg);
-ms-transform: translateX(-.4em) rotate(135deg);
-o-transform: translateX(-.4em) rotate(135deg);
transform: translateX(-.4em) rotate(135deg);
}
.bx-next:hover::after {
right: .9em;
-webkit-transform: translateX(.4em) rotate(-45deg);
-moz-transform: translateX(.4em) rotate(-45deg);
-ms-transform: translateX(.4em) rotate(-45deg);
-o-transform: translateX(.4em) rotate(-45deg);
transform: translateX(.4em) rotate(-45deg);
}
.bx-pager {
text-align: center;
padding: 0 0 1.4em;
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.bx-pager-item a {
display: block;
width: .625rem;
height: .625rem;
text-decoration: none;
font-size: 0;
border: solid 1px #fff;
background: transparent;
margin-right: .5rem;
}
.bx-pager-item a.active {
background-color: #fff;
} .list-bod.loading {
opacity: 0;
}
.list-bod.done {
opacity: 1;
}
.loader {
display: none;
}
.loader.loading {
display: block;
}
.spinner {
width: 40px;
height: 40px;
position: absolute;
left: 66%;
top: 0;
bottom: 0;
margin: auto;
}
.double-bounce1, .double-bounce2 {
width: 100%;
height: 100%;
border-radius: 50%;
background-color: #333;
opacity: 0.6;
position: absolute;
top: 0;
left: 0;
-webkit-animation: sk-bounce 2.0s infinite ease-in-out;
animation: sk-bounce 2.0s infinite ease-in-out;
}
.double-bounce2 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
@-webkit-keyframes sk-bounce {
0%, 100% { -webkit-transform: scale(0.0) }
50% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bounce {
0%, 100% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 50% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
}
} .fly-in {
opacity: 0;
}
.fly-in.from-right {
transform: translateX(100%);
}
.fly-in.from-left {
transform: translateX(-100%);
}
.from-right.in-view {
animation: origin-right 1s linear forwards;
}
.from-left.in-view {
animation: origin-left 1s linear forwards;
}
@keyframes origin-right {
0% {
opacity: 0;
transform: translateX(100%);
}
100% {
transform: translateX(0);
opacity: 1;
}
}
@keyframes origin-left {
0% {
opacity: 0;
transform: translateX(-100%);
}
100% {
transform: translateX(0);
opacity: 1;
}
} .home1 {
position: relative;
z-index: 0;
}
.home1::after {
content: " ";
width: 100%;
height: 17em;
bottom: 0;
left: 0;
right: 0;
position: absolute;
background-color: #E7E7E9;
z-index: -1;
}
.home1 .row {
padding-top: 8.25em;
}
a.tile {
display: block;
background: #fff;
overflow: hidden;
text-decoration: none;
min-height: 25.5em;
}
.tile span {
display: block;
text-align: left;
padding: .66em .3em .2em .55em;
background: #fff;
position: relative;
z-index: 0;
line-height: 1.1;
}
.nav-top a:hover, .tile:hover img, .h-icons a:hover {
-webkit-transform: scale(1.15);
-moz-transform: scale(1.15);
-ms-transform: scale(1.15);
-o-transform: scale(1.15);
transform: scale(1.15);
}
.home2 .width {
padding-bottom: 6.25em;
}
.blog-feed {
}
.blog-feed article {
padding: 1.5em 0;
}
.blog-feed .bod {
padding: 3em 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:end;
-ms-flex-pack:end;
justify-content:flex-end;
}
.blog-feed .img-wrap {
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 50%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.blog-feed .tcard {
width: calc(50% + 4.375em);
color: #fff;
padding: 1.6em;
position: relative;
margin-left: -4.375em;
text-align: center;
margin-top: 3.7em;
}
.blog-feed .img-wrap img {
width: 100%;
max-width: 100% !important;
height: auto;
}
.blog-feed article:nth-child(even) .bod {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.blog-feed article:nth-child(even) .img-wrap {
left: inherit;
right: 0;
}
.blog-feed article:nth-child(even) .tcard {
margin-left: 0;
margin-right: -4.375em;
}
.tcard h2 {
font-size: 2.9em;
line-height: 1.05;
max-width: 6em;
margin: auto;
padding-bottom: .2em;
}
.tcard h2 a, .tcard h2 a:visited {
color: #fff;
text-decoration: none;
}
.tcard h2:hover, .started h2:hover {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.tcard .more, .tcard p {
text-decoration: none;
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
font-size: .9em;
}
main .tcard p:last-of-type {
padding-bottom: 1em;
}
.more:hover {
letter-spacing: 3px;
}
.started {
padding: 4.625em 0 0 0;
}
.started p em {
text-transform: uppercase;
letter-spacing: 2px;
font-weight: 400;
font-style: normal;
display: block;
padding-bottom: 1.4em;
}
.started h2 {
padding-bottom: 0;
}
.bg-img.empty {
padding-top: 25%;
} .basic .width {
padding-bottom: 5.125em;
}
.basic h1 {
padding-bottom: .2em;
}
main .basic p, main .basic li {
font-size: .92em;
line-height: 1.4;
}
.row.pad {
padding: 2.9em 0 0 0;
}
.min-h2 h2 {
font-size: 1em;
text-transform: uppercase;
letter-spacing: 2px;
padding-bottom: .3em;
font-weight: 600;
}
.basic img {
margin-bottom: 1.5em;
}
.basic .btn {
font-size: .92em;
}
.btn.right {
text-align: right;
}
.btn.center {
text-align: center;
}
.basic .btn a {
text-decoration: none;
padding: 1em 1.4em;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
}
.basic .btn.pad {
padding-top: 1.6em;
}
.quotes {
background-color: #E7E7E9;
}
.quotes.stack-h2 h2 {
padding-bottom: 0;
}
.quotes .acc {
margin-top: 2.125em;
}
.quotes .acc.first {
border-right: solid 1px #fff;
padding-left: 3.125em;
padding-right: 2.8em;
}
.quotes .acc.last {
padding-left: 4.5em;
padding-right: 0;
border-left: solid 1px #fff;
left: -1px;
position: relative;
}
.quotes .row {
border-bottom: solid 1px #fff;
padding-bottom: 2em;
padding-top: 2.125em;
margin: 0;
}
.quotes .row:last-of-type {
border-bottom: 0;
}
.row.acc.sing {
padding-left: 3.125em;
}
.acc .quote {
position: relative;
padding-top: 1em;
}
.acc .quote::before, .acc .quote p:last-of-type::after {
content: " ";
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.acc .quote::before {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-quote1.png);
}
.acc .quote p {
font-size: 1.2em;
}
.acc .quote p:last-of-type::after {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-quote2.png);
position: relative;
vertical-align: bottom;
padding-left: .4em;
width: .95em;
height: .95em;
}
.acc .quote::before {
position: absolute;
left: -3.125em;
top: 0;
width: 2.125em;
height: 2.125em;
}
.acc em {
display: block;
position: relative;
font-size: .9em;
padding-top: 1.6em;
}
.acc em::before {
content: "-";
position: relative;
}
.p1-flush p:first-of-type {
padding-bottom: 0;
} .cform {
max-width: 42em;
margin: auto;
padding: 2em 0 3em;
}
main .cform p strong {
font-size: 1.1em;
}
.cform form fieldset, .cform fieldset.form-columns-1 .hs-input {
max-width: none !important;
}
.cform fieldset.form-columns-1 .hs-input {
width: 100% !important;
}
.cform form fieldset {
padding-bottom: 1.4em;
}
main .cform ul {
padding: 0;
}
main .cform ul li {
list-style: none;
}
main .basic .cform li {
line-height: 1;
padding: .4em 0 0 0;
}
.cform .hs-error-msg {
padding-bottom: 0;
font-size: .9em;
color: red;
}
.cform input[type], .cform textarea {
font-size: 1.15em;
}
.cform textarea {
height: 8em;
}
.cform .actions {
padding-top: 1.5em;
text-align: center;
}
.cform .hs_recaptcha {
margin: auto;
max-width: 17.5em;
}
.cform input[type=submit] {
max-width: 15.5em;
}
.cform .submitted-message {
font-weight: bold;
font-size: 1.1em;
text-align: center;
} .blog {
padding-top: 30px;
}
.blog .sidebar {
width: 300px;
padding: 0 0 0 35px;
position: relative;
float: right;
top: 0;
right: 0;
border-left: solid 1px #999;
}
.blog-bod {
width: calc(100% - 299px);
padding: 0 35px 0 0;
border-right: solid 1px #999;
position: relative;
}
main p.date {
font-weight: bold;
line-height: 30px;
padding: 0 100px 10px 0;
}
.share {
position: absolute;
top: 0;
right: 0;
}
.share a {
width: 30px;
height: 30px;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
font-size: 0;
text-decoration: none;
margin-right: 10px;
position: relative;
}
.share a::before {
font-size: 30px;
color: #666;
}
.blog-move {
display: flex;
justify-content: space-between;
}
.blog-move span {
display: block;
}
.blog-move a {
text-decoration: none;
text-transform: uppercase;
}
.blog-move span a {
text-transform: none;
color: #333;
}
.blog-next {
text-align: right;
}
.thumb-hold {
margin-bottom: 40px;
}
.sidebar .teaser {
margin-bottom: 40px;
}
.teaser .thumb-link {
margin-bottom: 25px;
display: block;
}
main .teaser p {
padding-bottom: 0;
}
.sidebar h3 {
font-size: 16px;
padding: 0;
}
.arch .b-content {
padding-left: 300px;
}
.arch .b-content.no-img {
padding-left: 0;
}
.arch .thumb-link {
display: block;
width: 250px;
height: 250px;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
.arch .thumb-link img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.arch article {
min-height: 250px;
padding: 0;
margin: 0 0 60px 0;
}
.arch h1 {
font-size: 30px;
}
main.arch p.date {
line-height: 110%;
padding: 0;
}
.arch .btn {
float: right;
text-transform: capitalize;
}
.wp-caption {
background: #000;
margin: 16px;
border: 1px solid #000;
padding: 8px;
text-align: center;
}
.wp-caption-text {
color: #FFF;
padding: 8px;
font-size: 10px;
line-height: 12px;
text-align: left;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption-dd {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
.gallery img {
padding: 1px;
background: #000;
}
.gallery-caption {
color: #000;
padding-top: 16px;
}
div.hr {
display: block;
border-top:solid 1px #999;
border-bottom:solid 1px #fff;
width: 100%;
margin: 20px auto;
} .logo {
margin: 0;
float: right;
max-width: 100%;
width: 10.625em;
}
.logo img {
height: auto;
width: 100%;
}
header a img {
border:none;
outline:none;
}
header .wrap {
width: 26em;
max-width: 100%;
float: right;
}
.h-rt {
float: right;
width: 70%;
}
header, main, footer {
padding-left: 80px;
}
.h-icons {
width: calc(100% - 11em);
float: left;
text-align: right;
}
.h-icons ul {
padding: 0;
}
.h-icons ul li {
list-style: none;
vertical-align: middle;
}
.h-icons li {
padding: .5em .45em;
line-height: 1;
}
.h-icons a {
display: block;
width: 20px;
height: 20px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
font-size: 0;
text-decoration: none;
}
.h-icons li:first-of-type {
padding-left: 0;
}
.h-icons .icon-fb a {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-fb.png);
}
.h-icons .icon-tw a {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-tw.png);
}
.h-icons .icon-ln a {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-ln.png);
}
.h-icons .icon-yt {
display: none;
}
.h-icons .icon-yt a {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-yt.png);
}
.h-icons .icon-cart {
border-left: solid 1px #fff;
padding: .1em 1.2em;
margin-left: .5em;
display: none;
}
.h-icons .icon-cart a {
background-image: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-cart.png);
width: 32px;
height: 30px;
} .s-bar {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 80px;
height: 100%;
z-index: 10;
color: #fff;
overflow: hidden;
overflow-y: auto;
}
.s-bar::before {
content: " ";
position: absolute;
top: 1.25em;
left: 0;
right: 0;
margin: auto;
width: 3.125em;
height: 3em;
background: url(//heartmanity.com/business/wp-content/themes/customtheme5/img/icon-thumb.png) no-repeat center;
background-size: contain;
}
.nav-top {
position: fixed;
width: 100%;
white-space: nowrap;
top: 6.2em;
left: 1.5em;
text-align: right;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
-webkit-transform-origin: left top;
transform-origin: left top;
-moz-transform:rotate(-90deg) translateX(-100%);
-ms-transform:rotate(-90deg) translateX(-100%);
-o-transform:rotate(-90deg) translateX(-100%);
-webkit-transform:rotate(-90deg) translateX(-100%);
transform:rotate(-90deg) translateX(-100%);
}
.nav-top ul {
margin: 0;
padding: 0;
}
.nav-top ul li {
list-style: none;
}
.nav-top ul, .nav-top li {
position: relative;
}
.nav-top li {
padding: 0 .78em;
}
.nav-top li a {
font-size:.78em;
font-weight: 600;
padding:.25em 0;
display:block;
text-decoration:none;
color: #fff;
position: relative;
}
.nav-top li a::after {
content: " ";
width: 0;
position: absolute;
bottom: 0;
left: 0;
margin: auto;
height: 1px;
background-color: #8BA628;
}
.nav-top li.invis {
position: absolute;
right: -80px;
top: 0;
background: transparent;
width: 48px;
height: 48px;
font-size: 0;
bottom: -6px;
margin: auto;
}
.nav-top li.invis a {
position: absolute;
width: 100%;
height: 100%;
text-decoration: none;
}
.nav-top li.invis a::after {
content: none;
}
.nav-top li a:hover::after, .nav-top li.current_page_item a::after {
width: 100%;
}
.nav-top li:last-of-type {
padding-right: 0;
}
.nav-top li:first-of-type {
padding-left: 0;
}
.nav-top ul li ul {
position: absolute;
top: 54px;
left:calc(50% - 75px);
margin: auto;
padding: 4px 12px;
min-width: 150px;
text-align: left;
z-index: 20;
}
.nav-top ul li ul::after {
z-index: -2;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.7;
}
.nav-top ul ul {
display: none;
}
.nav-top ul ul li {
display: block;
}
.nav-top li:hover > .sub-menu {
display: block;
}
.nav-top .sub-menu li {
padding: 0;
}
.nav-top .sub-menu li a {
font-size: .95rem;
font-weight: normal;
padding: 6px 0;
border-right: 0;
display: block;
color: #fff;
line-height: 1.1;
text-align: center;
}
.nav-top .sub-menu li:last-child a {
border-bottom: 0;
}
.nav-top li:last-child a {
border-right: 0;
} .m-nav {
width: 2.5em;
height: 2.2em;
position:absolute;
display:none;
top:0;
z-index:99;
font-size: 1em;
}
.m-nav a.nav-open, .m-nav a.nav-close {
width:100%;
height:100%;
cursor:pointer;
left: 0;
right: 0;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
z-index: 99;
}
.m-nav a.nav-open {
display: block;
}
.m-nav a.nav-close {
display: none;
}
.m-nav a.nav-open::before, .m-nav a.nav-open::after, .m-nav a.nav-close::before, .m-nav a.nav-close::after {
content: " ";
width: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.m-nav a.nav-open::before {
height: calc(100% - 12px);
border-top: solid 3px #fff;
border-bottom: solid 3px #fff;
}
.m-nav a.nav-open::after {
height: 3px;
background-color: #fff;
}
.m-nav a.nav-close::before, .m-nav a.nav-close::after {
height: 3px;
background: #fff;
}
.m-nav a.nav-close::before {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform:rotate(-45deg);
}
.m-nav a.nav-close::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform:rotate(45deg);
}
.bx-controls-direction .disabled {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
filter: alpha(opacity=70);
opacity: 0.70;
}
#dimmer {
display: none;
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
z-index: 95;
top: 0;
left: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.60;
}
.stop-scroll {
height: 100%;
overflow: hidden;
} .turq-bg, .s-bar, input[type=submit], a.btn-right, form .sub-wrap, .btn a:hover {
background-color: #067681;
}
.green-bg, .tcard, .btn a, input[type=submit]:hover {
background-color: #999932;
}
.mustard, .min-h2 h2 {
color: #A4A552;
}
.turq, h1, h4, .tile span, h2, h2 a, h2 a:visited {
color: #067681;
} .green-font, h1 em, nav a, h4 em, .tile span em, .started p, .foot-main .column strong, .stack-h2 h2 em {
color:#8BA628;
} a, a:hover, a::after, a::before, input[type]:focus, textarea:focus, header, .nav-top, .ajax-loader, .tile img, .tile span, h2, .tcard, input[type=submit]  {
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-ms-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all 0.35s ease;
} .h-icons a {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
-khtml-border-radius: 1px;
}
.btn {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
-khtml-border-radius: 6px;
}
.curve12, a.tile, .bod .img-wrap, .bod .tcard, .basic img, .cform input[type=submit] {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
-khtml-border-radius: 12px;
}
.circle, .bx-pager-item a {
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-khtml-border-radius: 50%;
} form label {
display: block;
line-height: 1;
font-size: 1em;
padding-bottom: .5em;
}
input[type], textarea {
padding:.5em;
border:solid 1px #ddd;
width:100%;
font-size:1em;
font-weight:normal;
color:#454545;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus {
border:solid 1px #999;
}
textarea {
font-family: inherit;
font-size:1rem;
}
input[type=submit] {
border:none;
outline:none;
font-size:1em;
color:#fff;
padding:.5em 1.2em;
cursor:pointer;
text-transform:uppercase;
text-decoration:none;
}
.wpcf7-recaptcha {
transform: scale(.85);
position: relative;
left: -20px;
top: -6px;
}
form .wpcf7-form-control-wrap {
display: block;
padding-bottom: 1.6em;
position: relative;
}
form span.wpcf7-not-valid-tip {
padding: 0;
line-height: 1;
bottom: .6em;
right: 0;
font-size: .75em;
position: absolute;
text-align: right;
color: red;
}
form div.wpcf7-response-output.wpcf7-validation-errors, form div.wpcf7-response-output.wpcf7-spam-blocked {
text-align: center;
position: relative;
border: 0;
margin: 0;
line-height: 1.2;
font-weight: 600;
font-size: .85rem;
color: red;
padding: 1em 0 0 0;
}
form div.wpcf7-response-output.wpcf7-mail-sent-ok {
color: #454545;
}
form .form-end {
}
form .form-end .wpcf7-form-control-wrap, form .form-end p {
padding-bottom: 0;
}
form .form-end .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
text-align: left;
position: relative;
margin-top: -.4em;
bottom: inherit;
right: inherit;
}
form .sub-wrap {
position: relative;
display: block;
z-index: 0;
margin-top: 1em;
}
.sub-wrap input[type=submit] {
background-color: transparent; position: relative;
z-index: 2;
}
div.wpcf7 .ajax-loader {
position: absolute;
left: calc(50% + 2em); margin: auto;
top: 0;
bottom: 0;
margin: auto;
width: 1.2rem;
height: 1.2rem;
background-image: none;
z-index: 1;
visibility: hidden;
opacity: 0;
}
.ajax-loader::after {
content: " ";
display: block;
width: 60%;
height: 60%;
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: auto;
position: absolute;
border-radius: 50%;
border: 3px solid #fff;
border-color: #fff transparent #fff transparent;
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible;
opacity: 1;
}
.ajax-loader.is-active::after {
animation: ring-spin 1s linear infinite;
}
@keyframes ring-spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
form *::-webkit-input-placeholder {
color: #999;
font-weight: 300;
}
form *::-moz-placeholder {
color: #999;
font-weight: 300;
}
form *:-ms-input-placeholder {
color: #999;
font-weight: 300;
}
form *:-moz-placeholder {
color: #999;
font-weight: 300;
} .transparent {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);
opacity: 0.6;
}
.transform {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
.display-inline, .bx-pager-item, .started h2, .basic .btn a, .acc .quote p:last-of-type::after, .acc em::before, .blog .btn.home, .share a, .arch .btn, .h-icons ul li, .nav-top ul li, .wpcf7-recaptcha, div.wpcf7 .ajax-loader {
display: inline-block;
zoom: 1;
*display: inline;
} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}  @media
(-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
}
@media only screen and (max-height: 580px) {
.s-bar::before {
display: none;
}
.nav-top {
top: 1.4em;
}
.nav-top li {
padding: 0 .5em;
}
}
@media only screen and (min-width: 1600px) {
.bg-img.empty {
padding-top: 0;
height: 25em;
}
.h-slide .slide, .banner {
height: 700px;
padding-top: 0;
}
}
@media only screen and (max-width: 1200px) {
main .slide p br, main .banner p br {
display: none;
}
}
@media only screen and (max-width: 1000px) {
header .width {
width: 100%;
}
.prev-bg {
left: .8em;
}
.next-bg {
right: .8em;
}
.slide .width, .banner .width {
width: calc(100% - 7em);
}
.tile span {
font-size: 2.1em;
}
a.tile {
min-height: 21em;
}
main .slide p {
font-size: 2.5em;
}
} @media only screen and (max-width: 900px) { header, main, footer {
padding-left: 0;
}
header {
position: fixed;
z-index: 11;
text-align: center;
margin: auto;
padding: .8em .8em .4em .8em;
background-color: transparent;
}
.shrink header {
background-color: #4D4D4F;
}
.stop-scroll header, .stop-scroll.shrink header, .shrink.stop-scroll header {
background-color: #067681;
}
.shrink header {
padding: .3em;
}
header .width {
width: 100%;
}
header .wrap {
width: inherit;
padding-left: 4em;
}
.h-icons {
text-align: left;
}
.shrink .h-icons, .shrink .m-nav {
margin-top: .7em;
}
.logo {
padding-right: 0;
width: 9em;
}
.shrink .logo {
width: 6.5em;
}
.s-bar::before {
display: none;
}
.s-bar {
width: 100%;
z-index: 12;
top: 106px;
display: none;
height: calc(100% - 106px);
}
.shrink .s-bar {
top: 72px;
}
.nav-top {
-webkit-transform: none;
transform: none;
white-space: normal;
position: relative;
text-align: center;
top: 0;
left: inherit;
padding-top: 1em;
}
.nav-top ul li {
display: block;
}
.nav-top li {
padding: .5em 0;
}
.nav-top li a {
display: block;
font-size: 1.3em;
}
.nav-top li a:hover {
transform: none;
}
.nav-top li a::after {
display: none;
}
a.nav-close {
display:none;
}
.m-nav, a.nav-open {
display:block;
}
.nav-top .menu {
overflow: hidden;
height: 100%;
padding: 0 0 2em 0;
} .column {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
padding-top: 1.6em;
}
.row>.column:first-of-type {
padding-top: 0;
}
.row {
margin-left: 0;
margin-right: 0;
}
.vcent {
display: block;
}
.quotes .acc.first, .quotes .acc.last {
border-right: 0;
border-left: 0;
left: inherit;
padding-right: 0;
padding-left: 3.125em;
}
.quotes .row {
border-bottom: 0;
}
.modal-wrap {
padding: 40px;
}
.modal-box {
max-width: 592px;
width: 100%;
padding: 60px 40px;
}
.modal-close {
right: 16px;
}
.banner, .h-slide .slide {
padding-top: 0;
height: 24em;
}
.bg-img.empty {
height: 17em;
padding-top: 0;
}
.tile-wrap .column {
float: left;
width: 33.33%;
padding: 0 .6em;
}
.home1::after {
height: 15em;
}
.home1 .row.tile-wrap {
margin: 0 -.6em;
padding-top: 5em;
}
.blog-feed .tcard {
margin-top: 0;
}
.foot-main .width > .widget {
width: 33.33%;
}
.foot-main .width > .widget_text {
width: 66.66%;
}
.foot-main .column {
width: 50%;
float: left;
padding: 0 .8em;
}
main .banner p {
font-size: 2.5em;
}
main .slide p {
font-size: 2.2em;
}
.cform .hs-form-field {
padding-bottom: 1.4em;
}
.cform form fieldset {
padding-bottom: 0;
}
main .slide p, main .banner p {
padding-top: 1em;
}
}
@media only screen and (max-width: 760px) {
.tile span {
font-size: 1.7em;
}
a.tile {
min-height: 17em;
}
} @media only screen and (max-width: 600px) {
.h-icons a {
width:30px;
height: 30px;
}
.h-icons li, .h-icons .icon-cart {
padding: .15em 0 0 .65em;
}
.h-icons .icon-cart {
margin-left: 0;
border-left: 0;
}
.h-icons .icon-cart a {
width: 20px;
height: 20px;
}
.home1::after {
height: 66em;
}
.home1 .row.tile-wrap {
margin: 0;
}
.tile-wrap .column {
float: none;
width: 18em;
max-width: 100%;
margin: auto;
padding: 0 0 2em 0;
}
a.tile {
min-height: inherit;
}
.tile span {
font-size: 2.2em;
}
.home2 .width {
padding-top: 0;
}
.blog-feed .bod {
display: block;
padding: 0 0 calc(60% - 2em) 0;
}
.blog-feed .tcard {
width: 100%;
margin-left: 0
}
.blog-feed .img-wrap {
height: 0;
padding-top: 60%;
width: 100%;
top: inherit;
}
.tcard h2 {
font-size: 2.2em;
}
.foot-main .width > .widget, .foot-main .width > .widget_text, .foot-main .column {
width: 100%;
float: none;
padding: 1em 0;
text-align: center;
}
.credits {
padding-top: 1em;
}
h1, h2, h4 {
font-size: 3em;
}
main .banner p {
font-size: 2.1em;
}
main .slide p {
font-size: 1.9em;
}
}
@media only screen and (max-width: 460px) {
.modal-box {
max-width: none;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-khtml-border-radius: 0;
}
.modal-wrap {
padding: 0;
}
.logo {
display: none;
}
.h-icons {
float: right;
width: 100%;
text-align: right;
}
.shrink .h-icons, .shrink .m-nav {
margin-top: 0;
}
.shrink header {
padding: .6em;
}
.shrink .s-bar, .s-bar {
top: 54px;
height: calc(100% - 54px);
}
main .banner p {
font-size: 1.9em;
}
main .slide p {
font-size: 1.6em;
}
}