@charset "UTF-8";
@media screen and (max-width: 400px) {
@-ms-viewport {
width: 320px;
}
}
@media screen {
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.grid-container:before, .clearfix:before,
.grid-container:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-container:after, .clearfix:after {
clear: both;
}
.grid-container, .clearfix { *zoom: 1; }
.grid-container {
margin-left: auto;
margin-right: auto;
max-width: 1140px;
padding-left: 10px;
padding-right: 10px;
}
.grid-5, .mobile-grid-5, .grid-10, .mobile-grid-10, .grid-15, .mobile-grid-15, .grid-20, .mobile-grid-20, .grid-25, .mobile-grid-25, .grid-30, .mobile-grid-30, .grid-35, .mobile-grid-35, .grid-40, .mobile-grid-40, .grid-45, .mobile-grid-45, .grid-50, .mobile-grid-50, .grid-55, .mobile-grid-55, .grid-60, .mobile-grid-60, .grid-65, .mobile-grid-65, .grid-70, .mobile-grid-70, .grid-75, .mobile-grid-75, .grid-80, .mobile-grid-80, .grid-85, .mobile-grid-85, .grid-90, .mobile-grid-90, .grid-95, .mobile-grid-95, .grid-100, .mobile-grid-100, .grid-33, .mobile-grid-33, .grid-66, .mobile-grid-66 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px; *padding-left: 0;
*padding-right: 0; }
.grid-5 > *, .mobile-grid-5 > *, .grid-10 > *, .mobile-grid-10 > *, .grid-15 > *, .mobile-grid-15 > *, .grid-20 > *, .mobile-grid-20 > *, .grid-25 > *, .mobile-grid-25 > *, .grid-30 > *, .mobile-grid-30 > *, .grid-35 > *, .mobile-grid-35 > *, .grid-40 > *, .mobile-grid-40 > *, .grid-45 > *, .mobile-grid-45 > *, .grid-50 > *, .mobile-grid-50 > *, .grid-55 > *, .mobile-grid-55 > *, .grid-60 > *, .mobile-grid-60 > *, .grid-65 > *, .mobile-grid-65 > *, .grid-70 > *, .mobile-grid-70 > *, .grid-75 > *, .mobile-grid-75 > *, .grid-80 > *, .mobile-grid-80 > *, .grid-85 > *, .mobile-grid-85 > *, .grid-90 > *, .mobile-grid-90 > *, .grid-95 > *, .mobile-grid-95 > *, .grid-100 > *, .mobile-grid-100 > *, .grid-33 > *, .mobile-grid-33 > *, .grid-66 > *, .mobile-grid-66 > * { *margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px");
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === "block" && this.currentStyle.width === "auto") && "10px"); }
.grid-parent {
padding-left: 0;
padding-right: 0;
}
body {
min-width: 320px;
}
}
@media screen and (max-width: 767px) {
.mobile-grid-100:before,
.mobile-grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.mobile-grid-100:after {
clear: both;
}
.mobile-grid-100 { *zoom: 1; }
.mobile-push-5,
.mobile-pull-5, .mobile-push-10,
.mobile-pull-10, .mobile-push-15,
.mobile-pull-15, .mobile-push-20,
.mobile-pull-20, .mobile-push-25,
.mobile-pull-25, .mobile-push-30,
.mobile-pull-30, .mobile-push-35,
.mobile-pull-35, .mobile-push-40,
.mobile-pull-40, .mobile-push-45,
.mobile-pull-45, .mobile-push-50,
.mobile-pull-50, .mobile-push-55,
.mobile-pull-55, .mobile-push-60,
.mobile-pull-60, .mobile-push-65,
.mobile-pull-65, .mobile-push-70,
.mobile-pull-70, .mobile-push-75,
.mobile-pull-75, .mobile-push-80,
.mobile-pull-80, .mobile-push-85,
.mobile-pull-85, .mobile-push-90,
.mobile-pull-90, .mobile-push-95,
.mobile-pull-95, .mobile-push-33,
.mobile-pull-33, .mobile-push-66,
.mobile-pull-66 {
position: relative;
}
.hide-on-mobile {
display: none !important;
}
.mobile-grid-5 {
float: left;
width: 5%; *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-5 {
margin-left: 5%;
}
.mobile-suffix-5 {
margin-right: 5%;
}
.mobile-push-5 {
left: 5%; *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-5 {
left: -5%; *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-10 {
float: left;
width: 10%; *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-10 {
margin-left: 10%;
}
.mobile-suffix-10 {
margin-right: 10%;
}
.mobile-push-10 {
left: 10%; *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-10 {
left: -10%; *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-15 {
float: left;
width: 15%; *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-15 {
margin-left: 15%;
}
.mobile-suffix-15 {
margin-right: 15%;
}
.mobile-push-15 {
left: 15%; *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-15 {
left: -15%; *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-20 {
float: left;
width: 20%; *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-20 {
margin-left: 20%;
}
.mobile-suffix-20 {
margin-right: 20%;
}
.mobile-push-20 {
left: 20%; *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-20 {
left: -20%; *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-25 {
float: left;
width: 25%; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-25 {
margin-left: 25%;
}
.mobile-suffix-25 {
margin-right: 25%;
}
.mobile-push-25 {
left: 25%; *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-25 {
left: -25%; *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-30 {
float: left;
width: 30%; *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-30 {
margin-left: 30%;
}
.mobile-suffix-30 {
margin-right: 30%;
}
.mobile-push-30 {
left: 30%; *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-30 {
left: -30%; *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-35 {
float: left;
width: 35%; *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-35 {
margin-left: 35%;
}
.mobile-suffix-35 {
margin-right: 35%;
}
.mobile-push-35 {
left: 35%; *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-35 {
left: -35%; *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-40 {
float: left;
width: 40%; *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-40 {
margin-left: 40%;
}
.mobile-suffix-40 {
margin-right: 40%;
}
.mobile-push-40 {
left: 40%; *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-40 {
left: -40%; *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-45 {
float: left;
width: 45%; *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-45 {
margin-left: 45%;
}
.mobile-suffix-45 {
margin-right: 45%;
}
.mobile-push-45 {
left: 45%; *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-45 {
left: -45%; *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-50 {
float: left;
width: 50%; *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-50 {
margin-left: 50%;
}
.mobile-suffix-50 {
margin-right: 50%;
}
.mobile-push-50 {
left: 50%; *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-50 {
left: -50%; *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-55 {
float: left;
width: 55%; *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-55 {
margin-left: 55%;
}
.mobile-suffix-55 {
margin-right: 55%;
}
.mobile-push-55 {
left: 55%; *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-55 {
left: -55%; *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-60 {
float: left;
width: 60%; *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-60 {
margin-left: 60%;
}
.mobile-suffix-60 {
margin-right: 60%;
}
.mobile-push-60 {
left: 60%; *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-60 {
left: -60%; *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-65 {
float: left;
width: 65%; *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-65 {
margin-left: 65%;
}
.mobile-suffix-65 {
margin-right: 65%;
}
.mobile-push-65 {
left: 65%; *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-65 {
left: -65%; *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-70 {
float: left;
width: 70%; *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-70 {
margin-left: 70%;
}
.mobile-suffix-70 {
margin-right: 70%;
}
.mobile-push-70 {
left: 70%; *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-70 {
left: -70%; *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-75 {
float: left;
width: 75%; *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-75 {
margin-left: 75%;
}
.mobile-suffix-75 {
margin-right: 75%;
}
.mobile-push-75 {
left: 75%; *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-75 {
left: -75%; *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-80 {
float: left;
width: 80%; *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-80 {
margin-left: 80%;
}
.mobile-suffix-80 {
margin-right: 80%;
}
.mobile-push-80 {
left: 80%; *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-80 {
left: -80%; *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-85 {
float: left;
width: 85%; *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-85 {
margin-left: 85%;
}
.mobile-suffix-85 {
margin-right: 85%;
}
.mobile-push-85 {
left: 85%; *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-85 {
left: -85%; *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-90 {
float: left;
width: 90%; *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-90 {
margin-left: 90%;
}
.mobile-suffix-90 {
margin-right: 90%;
}
.mobile-push-90 {
left: 90%; *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-90 {
left: -90%; *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-95 {
float: left;
width: 95%; *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-95 {
margin-left: 95%;
}
.mobile-suffix-95 {
margin-right: 95%;
}
.mobile-push-95 {
left: 95%; *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-95 {
left: -95%; *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-33 {
float: left;
width: 33.33333%; *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-33 {
margin-left: 33.33333%;
}
.mobile-suffix-33 {
margin-right: 33.33333%;
}
.mobile-push-33 {
left: 33.33333%; *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-33 {
left: -33.33333%; *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-66 {
float: left;
width: 66.66667%; *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-prefix-66 {
margin-left: 66.66667%;
}
.mobile-suffix-66 {
margin-right: 66.66667%;
}
.mobile-push-66 {
left: 66.66667%; *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-pull-66 {
left: -66.66667%; *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.mobile-grid-100 {
clear: both;
width: 100%;
}
}
@media screen and (min-width: 768px) {
.grid-100:before,
.grid-100:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0;
}
.grid-100:after {
clear: both;
}
.grid-100 { *zoom: 1; }
.push-5,
.pull-5, .push-10,
.pull-10, .push-15,
.pull-15, .push-20,
.pull-20, .push-25,
.pull-25, .push-30,
.pull-30, .push-35,
.pull-35, .push-40,
.pull-40, .push-45,
.pull-45, .push-50,
.pull-50, .push-55,
.pull-55, .push-60,
.pull-60, .push-65,
.pull-65, .push-70,
.pull-70, .push-75,
.pull-75, .push-80,
.pull-80, .push-85,
.pull-85, .push-90,
.pull-90, .push-95,
.pull-95, .push-33,
.pull-33, .push-66,
.pull-66 {
position: relative;
}
.hide-on-desktop {
display: none !important;
}
.grid-5 {
float: left;
width: 5%; *width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-5 {
margin-left: 5%;
}
.suffix-5 {
margin-right: 5%;
}
.push-5 {
left: 5%; *left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-5 {
left: -5%; *left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-10 {
float: left;
width: 10%; *width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-10 {
margin-left: 10%;
}
.suffix-10 {
margin-right: 10%;
}
.push-10 {
left: 10%; *left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-10 {
left: -10%; *left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-15 {
float: left;
width: 15%; *width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-15 {
margin-left: 15%;
}
.suffix-15 {
margin-right: 15%;
}
.push-15 {
left: 15%; *left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-15 {
left: -15%; *left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-20 {
float: left;
width: 20%; *width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-20 {
margin-left: 20%;
}
.suffix-20 {
margin-right: 20%;
}
.push-20 {
left: 20%; *left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-20 {
left: -20%; *left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-25 {
float: left;
width: 25%; *width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-25 {
margin-left: 25%;
}
.suffix-25 {
margin-right: 25%;
}
.push-25 {
left: 25%; *left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-25 {
left: -25%; *left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-30 {
float: left;
width: 30%; *width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-30 {
margin-left: 30%;
}
.suffix-30 {
margin-right: 30%;
}
.push-30 {
left: 30%; *left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-30 {
left: -30%; *left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-35 {
float: left;
width: 35%; *width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-35 {
margin-left: 35%;
}
.suffix-35 {
margin-right: 35%;
}
.push-35 {
left: 35%; *left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-35 {
left: -35%; *left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-40 {
float: left;
width: 40%; *width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-40 {
margin-left: 40%;
}
.suffix-40 {
margin-right: 40%;
}
.push-40 {
left: 40%; *left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-40 {
left: -40%; *left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-45 {
float: left;
width: 45%; *width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-45 {
margin-left: 45%;
}
.suffix-45 {
margin-right: 45%;
}
.push-45 {
left: 45%; *left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-45 {
left: -45%; *left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-50 {
float: left;
width: 50%; *width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-50 {
margin-left: 50%;
}
.suffix-50 {
margin-right: 50%;
}
.push-50 {
left: 50%; *left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-50 {
left: -50%; *left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-55 {
float: left;
width: 55%; *width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-55 {
margin-left: 55%;
}
.suffix-55 {
margin-right: 55%;
}
.push-55 {
left: 55%; *left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-55 {
left: -55%; *left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-60 {
float: left;
width: 60%; *width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-60 {
margin-left: 60%;
}
.suffix-60 {
margin-right: 60%;
}
.push-60 {
left: 60%; *left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-60 {
left: -60%; *left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-65 {
float: left;
width: 65%; *width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-65 {
margin-left: 65%;
}
.suffix-65 {
margin-right: 65%;
}
.push-65 {
left: 65%; *left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-65 {
left: -65%; *left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-70 {
float: left;
width: 70%; *width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-70 {
margin-left: 70%;
}
.suffix-70 {
margin-right: 70%;
}
.push-70 {
left: 70%; *left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-70 {
left: -70%; *left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-75 {
float: left;
width: 75%; *width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-75 {
margin-left: 75%;
}
.suffix-75 {
margin-right: 75%;
}
.push-75 {
left: 75%; *left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-75 {
left: -75%; *left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-80 {
float: left;
width: 80%; *width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-80 {
margin-left: 80%;
}
.suffix-80 {
margin-right: 80%;
}
.push-80 {
left: 80%; *left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-80 {
left: -80%; *left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-85 {
float: left;
width: 85%; *width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-85 {
margin-left: 85%;
}
.suffix-85 {
margin-right: 85%;
}
.push-85 {
left: 85%; *left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-85 {
left: -85%; *left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-90 {
float: left;
width: 90%; *width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-90 {
margin-left: 90%;
}
.suffix-90 {
margin-right: 90%;
}
.push-90 {
left: 90%; *left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-90 {
left: -90%; *left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-95 {
float: left;
width: 95%; *width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-95 {
margin-left: 95%;
}
.suffix-95 {
margin-right: 95%;
}
.push-95 {
left: 95%; *left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-95 {
left: -95%; *left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-33 {
float: left;
width: 33.33333%; *width: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-33 {
margin-left: 33.33333%;
}
.suffix-33 {
margin-right: 33.33333%;
}
.push-33 {
left: 33.33333%; *left: expression(Math.floor(0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-33 {
left: -33.33333%; *left: expression(Math.floor(-0.33333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-66 {
float: left;
width: 66.66667%; *width: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.prefix-66 {
margin-left: 66.66667%;
}
.suffix-66 {
margin-right: 66.66667%;
}
.push-66 {
left: 66.66667%; *left: expression(Math.floor(0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.pull-66 {
left: -66.66667%; *left: expression(Math.floor(-0.66667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + "px"); }
.grid-100 {
clear: both;
width: 100%;
}
}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,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; }
del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }
@font-face {
font-family: 'authorcats';
src: url(//hopskipjump.com.au/wp-content/themes/authorcats/fonts/authorcats.woff2?1203633) format('woff2'),
url(//hopskipjump.com.au/wp-content/themes/authorcats/fonts/authorcats.woff?1203633) format('woff');
font-weight: normal;
font-style: normal;
}   [class^="icon-"]:before, [class*=" icon-"]:before {
font-family: "authorcats";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.icon-rightarrow:before { content: '\e816'; } .icon-leftarrow:before { content: '\e817'; } .icon-simpledown:before { content: '\e818'; } .icon-leftquote:before { content: '\e81f'; } .icon-rightquote:before { content: '\e820'; } .icon-plus:before { content: '\e822'; } .icon-menu:before { content: '\e823'; } .icon-search:before { content: '\e824'; } .icon-close:before { content: '\e826'; } .icon-bookmark:before { content: '\e82a'; } .icon-download:before { content: '\e83d'; } .icon-twitter:before { content: '\f099'; } .icon-facebook-1:before { content: '\f09a'; } .icon-linkedin:before { content: '\f0e1'; } .icon-instagram:before { content: '\f16d'; } .icon-pinterest:before { content: '\f231'; }.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: rgba(255,255,255,.9);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; }
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; }
}
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }

.slide-up-fade-in {
animation: slide-up-fade-in ease 1s;
animation-iteration-count: 1;
transform-origin: 50% 50%;
animation-fill-mode: forwards; -webkit-animation: slide-up-fade-in ease 1s;
-webkit-animation-iteration-count: 1;
-webkit-transform-origin: 50% 50%;
-webkit-animation-fill-mode: forwards; -moz-animation: slide-up-fade-in ease 1s;
-moz-animation-iteration-count: 1;
-moz-transform-origin: 50% 50%;
-moz-animation-fill-mode: forwards; -o-animation: slide-up-fade-in ease 1s;
-o-animation-iteration-count: 1;
-o-transform-origin: 50% 50%;
-o-animation-fill-mode: forwards; -ms-animation: slide-up-fade-in ease 1s;
-ms-animation-iteration-count: 1;
-ms-transform-origin: 50% 50%;
-ms-animation-fill-mode: forwards; opacity: 0;
opacity: 1\9; }
@keyframes slide-up-fade-in {
0% {
opacity: 0;
transform: translate(0px, 40px); }
30% {
transform: translate(0px, 0px); }
100% {
opacity: 1; } }
@-moz-keyframes slide-up-fade-in {
0% {
opacity: 0;
-moz-transform: translate(0px, 40px); }
100% {
opacity: 1;
-moz-transform: translate(0px, 0px); } }
@-webkit-keyframes slide-up-fade-in {
0% {
opacity: 0;
-webkit-transform: translate(0px, 40px); }
30% {
-webkit-transform: translate(0px, 0px); }
100% {
opacity: 1; } }
@-o-keyframes slide-up-fade-in {
0% {
opacity: 0;
-o-transform: translate(0px, 40px); }
100% {
opacity: 1;
-o-transform: translate(0px, 0px); } }
@-ms-keyframes slide-up-fade-in {
0% {
opacity: 0;
-ms-transform: translate(0px, 60px); }
100% {
opacity: 1;
-ms-transform: translate(0px, 0px); } } * {
margin: 0; }
html {
-webkit-text-size-adjust: none; }
html, body {
height: 100%; }
body {
display: flex;
flex-direction: column;
background: #f8f8f8;
text-align: center;
font-size: 16px;
font-family: "Arial", sans-serif;
color: #232323;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
h1, h2, h3, h4, h5, h6 {
padding-bottom: 40px; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
display: inline-block;
color: #232323;
border-bottom: none;
background: none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
color: #444444; }
h1, h2, h3 {
line-height: 1.4; }
h4, h5, h6 {
line-height: 1.8; }
h1 {
font-size: 40px;
font-family: "Arial", sans-serif; }
h2 {
font-size: 36px;
font-family: "Arial", sans-serif; }
h3 {
font-size: 32px;
font-family: "Arial", sans-serif; }
h4 {
font-size: 26px;
font-family: "Arial", sans-serif; }
h5 {
font-size: 22px;
font-family: "Arial", sans-serif; }
h6 {
font-size: 13px;
font-family: "Arial", sans-serif;
padding-bottom: 20px;
letter-spacing: 2px;
opacity: .8;
text-transform: uppercase; }
.little-big-title, #comments-container h3 {
font-size: 20px;
padding-bottom: 60px; }
.bigger-text, .background-image-hero-content-block p, p.sub-title, .page-title-wrap p, .hero-center p.sub-title {
font-size: 18px;
line-height: 1.6; }
.small {
font-size: 15px; }
.hide {
display: none; }
p {
padding-bottom: 40px;
line-height: 2; }
p:empty {
display: none; }
ul, ol {
margin-left: 20px;
margin-bottom: 45px; }
ul ul, ul ol, ol ul, ol ol {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px; }
ul li {
list-style: disc outside none;
line-height: 2;
margin-bottom: 20px; }
ol li {
list-style: decimal outside none;
line-height: 2;
margin-bottom: 20px; }
.defaultlinkstyle, .caps-link {
color: #232323;
-webkit-box-shadow: inset 0 -10px 0 #f1f1f1;
box-shadow: inset 0 -10px 0 #f1f1f1;
transition: all 250ms; }
.defaultlinkstyle:hover, .caps-link:hover {
color: #232323;
background-color: #f1f1f1; }
.container {
flex: 1 0 auto; }
.container ol {
margin-left: 0; }
.container ol li {
list-style: none;
counter-increment: step-counter; }
.container ol li::before {
content: counter(step-counter);
display: inline-block;
vertical-align: top;
margin: 0 12px 0 -34px;
font-size: 13px;
color: rgba(35, 35, 35, 0.5); }
.container ul {
margin-left: 0; }
.container ul li {
list-style: none; }
.container ul li:before {
content: '';
display: inline-block;
vertical-align: top;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
background-color: rgba(35, 35, 35, 0.2);
margin: 10px 16px 0 -24px;
color: rgba(35, 35, 35, 0.2); }
.container ol.comment-list li::before {
display: none; }
hr, .hr {
display: block;
margin: 30px auto 40px;
border-top: 2px solid rgba(35, 35, 35, 0.1);
border-bottom: none;
border-right: none;
border-left: none; }
.clear {
clear: both; }
img.alignleft {
float: left;
margin: 0 40px 40px 0; }
img.alignright {
float: right;
margin: 0 0 40px 40px; }
img.aligncenter {
display: block;
margin: 0 auto 40px; }
.center {
text-align: center; }
img {
max-width: 100%;
height: auto; }
blockquote {
float: right;
margin: 10px -20% 40px 90px;
width: 40%;
padding: 20px 0 0px 40px;
border-left: 2px solid rgba(35, 35, 35, 0.1);
position: relative;
opacity: .8; }
blockquote p {
font-size: 24px;
line-height: 1.6;
padding-bottom: 20px; }
a {
color: #00BFB2;
transition: all 250ms;
text-decoration: none; }
a:hover {
color: #00E0C9; }
form label {
width: 100%;
margin-bottom: 10px;
display: block;
font-size: 15px;
font-family: "Arial", sans-serif; }
input, textarea {
border: none;
background: #f3f3f3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
color: #232323;
padding: 14px 20px;
width: 200px;
font-size: 15px;
font-family: "Arial", sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transition: all 250ms; }
input[type="radio"] {
width: auto;
height: auto;
line-height: normal;
-webkit-appearance: radio;
-moz-appearance: radio;
appearance: radio; }
input[type="checkbox"] {
width: auto;
height: auto;
line-height: normal;
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox; }
select {
border: none;
background: url(//hopskipjump.com.au/wp-content/themes/authorcats/stylesheets/css/images/down-arrow.png) no-repeat right 16px center #f3f3f3;
background-size: 16px;
padding: 14px 40px 14px 20px;
color: #232323;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
margin-bottom: 10px;
width: 100%;
text-align: center;
font-size: 15px;
font-family: "Arial", sans-serif;
line-height: 1;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
text-overflow: '';
word-wrap: break-word; white-space: -moz-pre-wrap; white-space: pre-wrap;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } @media screen and (-webkit-min-device-pixel-ratio: 0) {
select {
padding-right: 40px; } }
textarea {
resize: none;
width: 100%;
height: 180px;
padding-top: 14px;
padding-bottom: 14px;
line-height: 2; }
.invalid input:required:invalid {
background: #f87171;
border-color: #f87171; }
.boxshadow, .button, .blog-post-thumb {
box-shadow: 0px 9px 35px 0px rgba(35, 35, 35, 0.2);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: 0.3s;
transition: 0.3s; }
.boxshadow:hover, .button:hover, .blog-post-thumb:hover {
box-shadow: 0px 4px 25px 0px rgba(35, 35, 35, 0.2);
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.cardshadow, .card-container-inside {
box-shadow: 0px 40px 45px -30px rgba(35, 35, 35, 0.2);
transform: translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
-webkit-transition: 0.3s;
transition: 0.3s; }
.cardshadow:hover, .card-container-inside:hover {
box-shadow: 0px 35px 45px -30px rgba(35, 35, 35, 0.2);
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.button {
background: #EE545C;
color: #ffffff;
letter-spacing: 2px;
outline: none;
border: none;
display: inline-block;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-ms-border-radius: 10px;
border-radius: 10px;
font-size: 16px;
line-height: 1;
text-transform: uppercase;
max-width: 360px;
width: auto;
vertical-align: middle;
padding: 15px 28px;
text-align: center;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: 0.2s;
transition: 0.2s; }
.button:hover {
color: #ffffff;
background: #F7565E;
cursor: pointer; }
.shortcode-button {
margin-bottom: 40px; }
.ghostbutton {
border: 2px solid rgba(255, 255, 255, 0.07);
color: rgba(255, 255, 255, 0.7);
outline: none;
background: none;
display: inline-block;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
font-size: 13px;
line-height: 1;
max-width: 360px;
width: auto;
letter-spacing: 1px;
vertical-align: middle;
padding: 10px 14px 11px;
margin: 0 4px;
text-align: center;
-webkit-box-shadow: none;
box-shadow: none;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-webkit-transition: 0.2s;
transition: 0.2s; }
.ghostbutton:hover {
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
::-webkit-input-placeholder {
color: rgba(35, 35, 35, 0.3);
font-size: 15px;
font-family: "Arial", sans-serif;
text-align: center; }
::-moz-placeholder {
color: rgba(35, 35, 35, 0.3);
font-size: 15px;
font-family: "Arial", sans-serif;
text-align: center; }
:-ms-input-placeholder {
color: rgba(35, 35, 35, 0.3);
font-size: 15px;
font-family: "Arial", sans-serif;
text-align: center; }
input:-moz-placeholder {
color: rgba(35, 35, 35, 0.3);
font-size: 15px;
font-family: "Arial", sans-serif;
text-align: center; }
[placeholder]:focus::-webkit-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0; }
[placeholder]:focus::-moz-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0; }
[placeholder]:focus::-ms-input-placeholder {
transition: opacity 0.5s 0.5s ease;
opacity: 0; }
.nopadding {
padding: 0; }
.grid-container {
word-wrap: break-word; }
header {
position: fixed;
z-index: 999;
width: 100%;
padding: 0;
text-align: center;
background: #ffffff;
font-size: 13px;
box-shadow: 0 0 1px rgba(35, 35, 35, 0.2);
transition: transform 200ms linear;
-webkit-backface-visibility: hidden; }
header a {
line-height: 70px;
color: rgba(35, 35, 35, 0.7); }
header a:hover {
color: #232323; }
header .social-links {
margin: 0; }
.header-grid-container {
position: relative;
height: 70px;
max-width: 1400px; }
.header-inside-grid-wrap {
padding: 0 40px; }
.header-menu-wrap {
padding: 0; }
.header-menu-wrap-no-social-icons {
text-align: right; }
.header-menu-wrap-left {
text-align: left; }
.header-menu-wrap-left ul.menu li:first-child a {
padding-left: 0; }
.header-menu-wrap-left ul.menu ul.sub-menu li:first-child a {
padding-left: 15px; }
a.logo {
border-bottom: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 170px; }
a.logo img {
display: inline-block;
vertical-align: middle;
max-height: 62px; }
a.logo:hover {
background-color: transparent; }
.header-menu {
display: inline-block; }
ul.menu {
margin: 0;
padding: 0; }
ul.menu li {
list-style: none;
display: inline-block;
vertical-align: middle;
margin: 0;
line-height: 1;
position: relative; }
ul.menu li a {
border-bottom: none;
padding: 0 26px;
display: inline-block;
text-transform: uppercase;
letter-spacing: 1px; }
ul.menu li.menu-item-has-children > a:after {
position: absolute;
right: 20px;
top: -10px;
border-radius: 0px;
display: inline-block;
content: "•";
font-size: 18px;
color: rgba(35, 35, 35, 0.2);
-webkit-transition: transform 0.2s;
transition: transform 0.2s; }
ul.menu ul.sub-menu {
visibility: hidden;
opacity: 0;
width: 160px;
position: absolute;
left: 50%;
margin: 0 0 0 -80px;
z-index: 999;
text-align: center;
padding: 0;
border: none;
box-shadow: 0px 35px 55px -30px rgba(35, 35, 35, 0.3);
transform: translate3d(0, -10px, 0);
-webkit-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
-ms-transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s;
transition: all 0.2s cubic-bezier(0.7, 0, 0.175, 1) 0s; }
ul.menu ul.sub-menu li {
background: rgba(35, 35, 35, 0.9);
margin: 0 auto;
width: 100%; }
ul.menu ul.sub-menu li a {
text-transform: none;
letter-spacing: normal;
padding: 8px 15px;
line-height: 18px;
color: rgba(255, 255, 255, 0.8);
height: auto;
width: 100%;
display: block;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box; }
ul.menu ul.sub-menu li a:hover {
color: #ffffff; }
ul.menu ul.sub-menu li:first-child {
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
-ms-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0;
padding-top: 20px; }
ul.menu ul.sub-menu li:last-child {
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-ms-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
padding-bottom: 20px; }
ul.menu ul.sub-menu li:only-child {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px; }
ul.menu ul.sub-menu li:hover {
background: rgba(35, 35, 35, 0.9); }
ul.menu li:hover ul.sub-menu {
visibility: visible;
opacity: 1;
transition-delay: 0s;
transform: translate3d(0, 0, 0); }
ul.menu li:hover a:after {
-webkit-transform: translateY(2px);
transform: translateY(2px); }
ul.sub-menu:before {
content: '';
display: inline-block;
padding: 18px 0 0;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid rgba(35, 35, 35, 0.9);
font-size: 0;
line-height: 0;
vertical-align: bottom; }
.social-links, .share-it {
display: inline-block;
vertical-align: middle; }
.social-links a, .share-it a {
display: inline-block;
padding: 0;
margin: 0 3px;
vertical-align: middle;
border: none;
font-size: 14px;
-webkit-transition: 0.3s;
transition: 0.3s; }
.social-links a span, .share-it a span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
display: inline-block;
background: rgba(35, 35, 35, 0.07); }
.social-links a:hover, .share-it a:hover {
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.desktop-cta-message {
display: inline-block;
height: 40px;
line-height: 40px; }
.mobile-cta-message {
display: none; }
.ctabar {
height: 40px;
background: #F7E0C3;
color: #232323;
width: 100%;
display: inline-block;
line-height: 40px;
vertical-align: middle;
font-size: 15px; }
.ctabar .icon {
color: rgba(35, 35, 35, 0.6);
vertical-align: middle;
font-size: 14px;
transition: transform 0.2s;
display: inline-block; }
.ctabar .icon:before {
margin: 0; }
.ctabar span.ctatext {
text-transform: uppercase;
letter-spacing: 3px;
font-size: 11px;
margin-left: 12px;
color: rgba(35, 35, 35, 0.6);
-webkit-transition: color 0.2s linear 0s;
-moz-transition: color 0.2s linear 0s;
-ms-transition: color 0.2s linear 0s;
-o-transition: color 0.2s linear 0s;
transition: color 0.2s linear 0s; }
.ctabar:hover {
color: #232323; }
.ctabar:hover span.ctatext, .ctabar:hover .icon {
color: rgba(35, 35, 35, 0.7); }
.ctabar:hover .icon {
transform: translate3d(6px, 0, 0); }
.cta-style-dark {
color: #ffffff; }
.cta-style-dark span.ctatext, .cta-style-dark .icon {
color: rgba(255, 255, 255, 0.6); }
.cta-style-dark:hover {
color: #ffffff; }
.cta-style-dark:hover span.ctatext, .cta-style-dark:hover .icon {
color: rgba(255, 255, 255, 0.7); }
.header-cta-active .hidecta {
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px); }
.logo-wrap, .social-icons-wrap, .header-center {
padding: 0; }
.logo-wrap {
text-align: left; }
.logo-wrap .logo {
vertical-align: top; }
.logo-wrap-center {
text-align: center; }
.social-icons-wrap {
text-align: right; }
.hidecta a {
line-height: 54px; }
.hidecta .header-grid-container {
height: 54px; }
button.burger-button {
display: none;
width: 24px;
border: 0;
background: none;
cursor: pointer;
position: absolute;
height: 30px;
padding: 0;
z-index: 1;
top: 20px;
left: 40px; }
button.burger-button:hover {
color: #444444;
cursor: pointer;
background: none; }
.burger, .burger:before, .burger:after {
left: 0;
border-radius: 4px;
background: #232323;
width: 100%;
height: 2px;
position: absolute;
margin-top: -1px;
transition: background 300ms 0s ease, transform 300ms 0s ease, top 300ms 0.2s ease, bottom 300ms 0.2s ease; }
.burger:before, .burger:after {
content: ''; }
.burger:before {
top: -7px; }
.burger::after {
bottom: -8px; }
.burger-clicked .burger {
background: transparent !important; }
.burger-clicked .burger:before {
top: 0;
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.burger-clicked .burger:after {
bottom: 0;
-ms-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.burger-clicked .burger, .burger-clicked .burger:before, .burger-clicked .burger:after {
transition: background 300ms 0s ease, transform 300ms 0.2s ease, top 300ms 0s ease, bottom 300ms 0s ease; }
footer {
background: #232323;
color: #ffffff;
font-size: 12px; }
footer .copyright {
opacity: .5;
line-height: 30px; }
footer a {
color: rgba(255, 255, 255, 0.5);
font-size: 12px; }
footer a:hover {
color: #ffffff; }
footer .social-links a span {
background: rgba(255, 255, 255, 0.07); }
footer.footer-is-light {
color: #232323; }
footer.footer-is-light a {
color: rgba(35, 35, 35, 0.5); }
footer.footer-is-light a:hover {
color: #232323; }
footer.footer-is-light .button, footer.footer-is-light .button:hover {
color: #ffffff; }
.footer-top {
padding: 180px 0 160px; }
.footer-top h1, .footer-top h2, .footer-top h3, .footer-top h4, .footer-top h5, .footer-top h6 {
padding-bottom: 15px; }
.footer-top .shortcode-button {
margin-bottom: 0; }
.footer-top .hero-right {
padding: 0 20px 0 80px;
text-align: center; }
.footer-bottom {
padding: 20px 0;
font-size: 12px; }
.footer-left {
float: left; }
.footer-right {
float: right; }
p.copyright {
padding-bottom: 0; }
.copyright, .cats-love, .footer-menu, .social-links {
display: inline-block;
vertical-align: middle; }
.footer-menu ul.menu li {
margin-left: 40px;
vertical-align: top; }
.footer-menu ul.menu li a {
text-transform: none;
letter-spacing: normal;
padding: 0; }
.cats-love, .social-links {
margin-left: 40px; }
.bg {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.hero {
background: #444;
color: #ffffff;
position: relative;
z-index: 1;
width: 100%; }
.hero h1 {
padding-bottom: 20px; }
.hero a {
color: #ffffff; }
.hero a:hover {
color: #ffffff; }
.hero .button, .hero .button:hover {
color: #ffffff; }
.hero .ghostbutton {
color: rgba(255, 255, 255, 0.7); }
.hero .ghostbutton:hover {
border-color: rgba(255, 255, 255, 0.2);
color: #ffffff; }
.hero-is-light {
color: #232323; }
.hero-is-light a {
color: #232323; }
.hero-is-light a:hover {
color: #444444; }
.hero-is-light .ghostbutton {
border-color: rgba(35, 35, 35, 0.07);
color: rgba(35, 35, 35, 0.7); }
.hero-is-light .ghostbutton:hover {
border-color: rgba(35, 35, 35, 0.02);
color: #232323; }
.hero-is-light .review:before, .hero-is-light .review:after {
color: rgba(35, 35, 35, 0.15); }
.hero-container {
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover; }
.hero-container .grid-container {
z-index: 9;
position: relative; }
.hero-container-overlay {
background-color: rgba(35, 35, 35, 0.5);
width: 100%; }
.hero-container-background_color .hero-container-overlay {
background-color: transparent; }
.hero-wrap {
padding: 160px 0 80px;
min-height: 820px;
display: flex;
align-items: center;
justify-content: center; }
.no-hero {
padding: 180px 0 160px; }
body.post-type-archive-books .no-hero, body.page-template-default .no-hero, body.error404 .no-hero, body.page-template-page-promos .no-hero, body.single-events .no-hero, body.category .no-hero, body.blog .no-hero, body.search .no-hero, body.author .no-hero, body.tax-genre .no-hero, body.tax-series .no-hero {
padding-bottom: 100px; }
.header-cta-active .hero-wrap {
padding-top: 180px; }
.header-cta-active .no-hero {
padding-top: 220px; }
.box-shadow {
box-shadow: 0px 15px 35px -10px rgba(35, 35, 35, 0.6); }
img.book-cover {
margin: 0 auto;
display: inline-block;
max-height: 660px;
width: auto;
box-shadow: 0px 30px 45px -20px rgba(35, 35, 35, 0.3); }
.hero-left, .hero-right {
display: inline-block;
vertical-align: middle;
float: none; }
.hero-left {
padding: 0; }
.hero-left img.book-cover {
box-shadow: 0px 40px 60px -15px rgba(35, 35, 35, 0.8); }
.hero-is-light .hero-left img.book-cover {
box-shadow: 0px 40px 60px -15px rgba(35, 35, 35, 0.2); }
.hero-right {
text-align: center;
padding: 0 80px; }
.hero-right .shortcode-button {
margin-bottom: 0; }
.hero-right.grid-60 {
width: 59%; }
.hero-right.grid-70 {
width: 69%; }
.hero-right p {
font-size: 18px; }
#hero-wrap-layout-contentonly {
height: 800px;
display: table;
padding: 100px 0 0; }
#hero-wrap-layout-contentonly .hero-left {
display: none; }
#hero-wrap-layout-contentonly .hero-right {
padding: 0; }
.content-container {
text-align: left; }
.content-layout-block {
padding: 140px 0 100px;
clear: both; }
.content-layout-block + .content-layout-block {
padding-top: 0; }
.normal-content-layout-block h1, .normal-content-layout-block h2, .normal-content-layout-block h3, .normal-content-layout-block h4, .normal-content-layout-block h5, .normal-content-layout-block h6 {
padding-bottom: 20px; }
.normal-content-layout-block + .three-boxes-content-block {
margin-top: -60px; }
.three-boxes-content-block {
padding-bottom: 80px; }
.recent-books-content-block + .events-content-block {
padding-top: 140px;
border-top: 1px solid rgba(35, 35, 35, 0.1); }
.breadcrumb {
font-size: 13px;
text-align: left;
margin-bottom: 40px;
padding: 0 20px; }
.breadcrumb a {
margin: 0 20px 0 0;
display: inline-block;
color: rgba(35, 35, 35, 0.5); }
.breadcrumb a:hover {
color: #232323; }
.breadcrumb a.active {
color: #232323; }
.sort-link {
line-height: 44px; }
.breadcrumb-wrap {
background: #ffffff;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
padding: 8px 8px 8px 26px; }
.breadcrumb-wrap select {
margin-bottom: 0; }
.filter-dropdown-wrap {
float: right; }
select.tax-filter {
width: auto;
max-width: 440px;
min-width: 220px;
font-size: 13px;
line-height: 44px;
padding-top: 0;
padding-bottom: 0; }
.three-cards-container {
display: flex;
flex-flow: row wrap; }
.card-container {
padding: 0 20px 60px;
display: flex; }
.card-container.grid-25 .book-details-wrap {
padding: 0; }
.card-container.grid-25 .bottom-card {
padding-left: 10px;
padding-right: 10px; }
.card-link {
display: inline-block;
text-align: left;
padding: 0; }
.free-tag {
position: absolute;
top: 28px;
right: 28px;
background: #EE545C;
color: #ffffff;
padding: 10px 14px;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 3px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px; }
.book-details-wrap {
padding: 0 20px; }
.bottom-card {
display: none;
background: rgba(35, 35, 35, 0.05);
position: absolute;
left: 0;
width: 100%;
font-size: 12px;
padding: 12px 30px;
box-sizing: border-box;
line-height: 1.8;
bottom: 0;
text-align: center; }
.bottom-card .icon {
vertical-align: middle;
font-size: 14px; }
.bottom-card a {
color: rgba(35, 35, 35, 0.4); }
.bottom-card a:hover {
color: #232323; }
.series-wrap {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
margin: 0 auto 8px;
opacity: .4;
text-align: center; }
.series-name {
line-height: 1.6; }
.genre-wrap {
color: rgba(35, 35, 35, 0.4);
text-transform: uppercase;
letter-spacing: 2px;
font-size: 10px; }
.genre-wrap a {
padding: 0 10px;
border-right: 2px solid rgba(35, 35, 35, 0.1); }
.genre-wrap a:last-child {
border: none; }
.card-container-inside {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
padding: 0;
text-align: center;
color: #232323;
display: inline-block;
background-color: #ffffff;
flex-wrap: wrap; }
.card-container-inside .card-link {
padding: 90px 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 100%;
text-align: center; }
.card-container-inside:hover {
color: #232323;
background-color: #ffffff; }
.card-container-inside h3 {
padding-bottom: 30px; }
h4.card-title {
font-size: 16px;
line-height: 1.5;
padding: 0 0 10px;
text-align: center; }
p.card-desc {
padding-bottom: 35px;
line-height: 1.8; }
.caps-link {
letter-spacing: 2px;
font-size: 14px;
text-transform: uppercase; }
.background-image-hero-content-block .hero-wrap {
padding: 0; }
.background-image-hero-content-block .hero-wrap .hero-inside {
padding-top: 40px; }
.background-image-hero-content-block h1, .background-image-hero-content-block h2, .background-image-hero-content-block h3, .background-image-hero-content-block h4, .background-image-hero-content-block h5, .background-image-hero-content-block h6 {
padding-bottom: 15px; }
.background-image-hero-content-block p {
padding-bottom: 30px; }
.book-card-container-inside {
padding: 0; }
.book-card-container-inside .card-link {
padding: 20px 20px 60px; }
.book-card-container-inside img.book-cover {
display: block;
margin: 0 auto 40px; }
.book-card-container-inside p.excerpt {
padding-bottom: 0;
font-size: 14px;
line-height: 1.7; }
.book-card-container-inside.has-genre .card-link {
padding-bottom: 90px; }
.book-card-container-inside.has-genre .bottom-card {
display: block; }
.additional-content-recent-books p {
font-size: 18px;
padding-bottom: 30px; }
.review-content-block {
padding: 160px 0 170px;
clear: both;
text-align: center; }
.review-content-block .review {
padding: 0; }
.review-content-block .review p {
width: 78%;
display: inline-block; }
.review-content-block .review:before {
display: inline-block;
position: relative;
width: 10%;
vertical-align: top; }
.review-content-block .review:after {
display: inline-block;
position: relative;
width: 10%;
vertical-align: bottom; }
.review-background-tone-is-dark {
color: #ffffff; }
.review-background-tone-is-light .review:before, .review-background-tone-is-light .review:after {
color: rgba(35, 35, 35, 0.15); }
.review {
position: relative;
padding: 30px 0 0;
box-sizing: border-box;
width: 100%; }
.review:before {
content: '\e81f';
font-family: 'authorcats';
font-size: 34px;
color: rgba(255, 255, 255, 0.15);
position: absolute;
left: -50px;
top: 0; }
.review:after {
content: '\e820';
font-family: 'authorcats';
font-size: 34px;
color: rgba(255, 255, 255, 0.15);
position: absolute;
right: -50px;
bottom: 10px; }
.review p {
font-size: 30px;
line-height: 1.6;
padding-bottom: 15px; }
.who-said-it-wrap {
display: inline-block;
vertical-align: middle; }
.circle-bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: center;
background-color: #232323;
display: inline-block;
vertical-align: middle;
width: 34px;
height: 34px;
margin: 0 10px 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.who {
display: inline-block;
vertical-align: middle;
font-size: 14px;
opacity: .7; }
p.who-said-it-inline {
display: inline-block;
vertical-align: middle;
font-size: 14px;
margin-top: -20px; }
p.who-said-it-inline img {
display: inline-block;
vertical-align: middle;
width: 40px;
height: 40px;
margin: 0 10px 0 0;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
p.sub-title {
padding-bottom: 30px; }
.event-table {
margin-bottom: 40px; }
.event-row {
padding: 30px;
line-height: 2; }
.event-row a {
color: #232323; }
.event-row a:hover {
color: #444444; }
.event-row p {
padding-bottom: 0; }
.event-row:nth-child(odd) {
background: #f9f9f9; }
p.event-time {
opacity: .5;
padding: 0;
font-size: 15px; }
.day {
font-size: 15px;
display: block; }
.event-location a, .event-link a {
-webkit-box-shadow: none;
box-shadow: none; }
.event-location a:hover, .event-link a:hover {
background: none; }
.event-date, .event-time, .event-location {
text-align: left; }
.event-link {
text-align: right; }
.event-link a {
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px; }
.event-col .social-links {
text-align: right; }
.arrowlink .text, .arrowlink .icon {
display: inline-block;
vertical-align: middle; }
.arrowlink .icon {
position: relative;
transition: .2s; }
.arrowlink:hover .icon {
transform: translate3d(4px, 0, 0); }
.event-meta {
margin-bottom: 60px; }
.event-meta h2.event-date {
padding-bottom: 5px; }
.event-meta p.sub-title {
text-align: center;
padding-bottom: 20px; }
.event-meta .event-location {
text-align: center; }
p.event-excerpt {
padding-bottom: 0;
font-size: 15px;
text-align: left; }
.page-title-wrap {
text-align: center;
padding-bottom: 90px; }
.page-title-wrap h1 {
padding-bottom: 0;
display: inline-block; }
.page-title-wrap p {
padding-bottom: 20px; }
.tax-desc-wrap {
margin-bottom: 40px; }
.basic-content-wrap {
text-align: left; }
.basic-content-wrap .review:before, .basic-content-wrap .review:after {
color: rgba(35, 35, 35, 0.1); }
.basic-content-wrap .review-shortcode {
margin-bottom: 60px;
margin-top: 20px; }
.basic-content-wrap .review-shortcode .review {
position: relative;
width: 100%; }
.basic-content-wrap .review-shortcode .review p {
font-size: 18px;
line-height: 2; }
.basic-content-wrap .purchase-options-wrap {
margin-bottom: 40px; }
.basic-content-wrap .ghostbutton {
border-color: rgba(35, 35, 35, 0.07);
color: rgba(35, 35, 35, 0.7); }
.basic-content-wrap .ghostbutton:hover {
border-color: rgba(35, 35, 35, 0.2);
color: #232323; }
.purchase-options-wrap {
padding: 10px 0 0;
text-align: center;
display: block; }
.purchase-options-wrap h6 {
display: block;
margin: 0 auto;
padding: 0 0 15px; }
.purchase-options-wrap .ghostbutton {
margin-top: 8px; }
.purchase-option-link {
display: inline-block;
vertical-align: middle;
margin: 5px 14px;
line-height: 2; }
.popup-modal {
position: relative;
background: #ffffff;
padding: 80px 60px 60px;
width: auto;
max-width: 820px;
margin: 60px auto;
text-align: center;
border: none;
box-sizing: border-box;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px;
box-shadow: 0px 10px 45px 0px rgba(35, 35, 35, 0.1); }
button.mfp-close {
-webkit-transition: all .3s;
-moz-transition: all .3s;
transition: all .3s; }
.popup-wrap {
display: table;
border-spacing: 25px 0;
padding: 0; }
.popup-wrap p.sub-title {
font-size: 16px; }
.popup-content-wrap {
display: table-row; }
.book-cover-wrap {
padding: 0 0 40px; }
.cta-content-col {
display: table-cell;
float: none;
width: 65%;
vertical-align: middle;
padding: 0 0 0 30px; }
.cta-content-col h3 {
padding-bottom: 10px; }
.gdpr-checkbox-wrap {
margin-top: 30px;
display: flex;
justify-content: center;
text-align: left; }
.gdpr-checkbox-wrap input {
margin-top: 3px; }
.gdpr-checkbox-wrap label {
font-size: 12px;
line-height: 1.5;
width: auto;
display: inline-block;
margin-left: 7px; }
.popup-form-wrap {
padding: 0; }
.free-download-content-col {
text-align: left; }
.normal-inputs {
margin-bottom: 8px;
padding: 0; }
.normal-inputs .input-wrap {
padding: 0 2px; }
.normal-inputs input {
width: 100%; }
.button-input {
padding: 0 2px; }
.button-input input.button {
width: 100%;
max-width: none;
font-size: 18px; }
p.additional-copy {
padding-top: 20px;
padding-bottom: 0;
opacity: .7;
font-size: 14px; }
.button-wrap {
text-align: center; }
.button-wrap.left {
text-align: left; }
.button-wrap.right {
text-align: right; }
.free-download-content-col {
vertical-align: top; }
body.single-post {
background: #ffffff; }
body.single-books .hero-right {
text-align: left; }
body.single-books .hero-right h1 {
font-size: 30px; }
body.single-books .footer-top .hero-right {
text-align: center; }
.hero-right .review-block {
margin: 0 10% 40px 0;
width: 90%; }
#other-books-content-block {
border-top: 1px solid rgba(35, 35, 35, 0.1);
padding-top: 140px; }
.landing-page-logo {
max-width: 190px;
margin: 0 auto 20px;
text-align: center;
display: block;
opacity: .7; }
body.page-template-page-landing header, body.page-template-page-landing footer {
display: none; }
body.page-template-page-landing .hero-right {
text-align: left; }
body.page-template-page-landing .header-cta-active .hero-wrap, body.page-template-page-landing .hero-wrap {
padding-top: 80px; }
body.page-template-page-landing .top-hero .hero-container, body.page-template-page-landing .top-hero .hero-container-overlay {
min-height: 100vh; }
body.page-template-page-landing .background-image-hero-content-block .hero-wrap {
padding-top: 0; }
.landing-page-bottom-cta {
padding: 100px 0 60px; }
.wp-caption, .custom-image-wrap {
clear: both;
max-width: 140%;
margin-left: -20%;
width: 140%;
margin-bottom: 60px;
position: relative;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
.wp-caption img, .custom-image-wrap img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px;
display: block;
margin-bottom: 20px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; }
p.wp-caption-text {
padding: 0;
font-size: 14px;
line-height: 1.8;
opacity: .6;
width: 60%;
margin: 20px auto 0;
text-align: center; }
.index-content-wrap {
display: flex;
flex-flow: row wrap; }
h1.index-page-title {
padding-bottom: 30px; }
h1.index-page-title:after {
display: none; }
article.article-container {
padding: 0 20px 60px;
display: flex; }
.article-wrap {
flex-wrap: wrap;
width: 100%; }
h2.post-title {
font-size: 18px;
padding-bottom: 10px;
text-align: left; }
p.small-article-sub-title {
opacity: .7;
font-size: 14px;
padding-bottom: 0;
text-align: left; }
.blog-post-thumb {
display: inline-block;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 160px;
margin-bottom: 30px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
-ms-border-radius: 2px;
border-radius: 2px; }
.no-post-thumb {
background-size: 80%;
background-color: #444444; }
.blog-snippet {
padding: 0 10px 0 0; }
.blog-meta {
text-align: right; }
.comment-counter {
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
vertical-align: middle;
display: inline-block;
background: rgba(35, 35, 35, 0.07);
font-size: 12px;
color: rgba(35, 35, 35, 0.7);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.3s;
transition: 0.3s; }
.comment-counter:hover {
color: #232323;
-webkit-transform: translateY(-2px);
transform: translateY(-2px); }
.paging-buttons {
padding: 0 20px; }
.pagination {
padding: 0 0 60px; }
.pagination a {
font-size: 14px;
color: #232323; }
.pagination a:hover {
color: #444444; }
.prev-link {
text-align: left;
float: left; }
.prev-link.arrowlink:hover .icon {
transform: translate3d(-4px, 0, 0); }
.next-link {
text-align: right;
float: right; }
.hero-center {
display: table-cell;
vertical-align: middle;
float: none;
padding-top: 40px; }
.hero-center h1 {
padding: 80px 0 0; }
.hero-center p.sub-title {
padding: 15px 0 0; }
.single-content-wrap {
padding: 0 60px;
text-align: left; }
.searchform {
border: none;
background: #f5f5f5;
color: #232323;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
-ms-border-radius: 30px;
border-radius: 30px;
line-height: 44px;
height: 46px;
max-width: 340px;
margin: 0 auto;
text-align: left;
vertical-align: middle;
position: relative; }
.searchform ::-webkit-input-placeholder {
font-size: 16px;
text-align: left; }
.searchform ::-moz-placeholder {
font-size: 16px;
text-align: left; }
.searchform :-ms-input-placeholder {
font-size: 16px;
text-align: left; }
.searchform input:-moz-placeholder {
font-size: 16px;
text-align: left; }
input#searchbar {
background: none;
width: 80%;
font-size: 16px;
padding: 0 20px;
vertical-align: middle;
display: inline-block;
border: none;
color: #232323; }
button#searchbutton {
font-family: "authorcats";
width: 66px;
height: 44px;
line-height: 44px;
font-size: 16px;
position: absolute;
right: 0;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
color: rgba(52, 54, 53, 0.5);
background: none;
-webkit-transition: all 0.2s linear 0s;
-moz-transition: all 0.2s linear 0s;
-ms-transition: all 0.2s linear 0s;
-o-transition: all 0.2s linear 0s;
transition: all 0.2s linear 0s; }
button#searchbutton:hover {
color: #343635;
cursor: pointer; }
.cat-title {
text-transform: lowercase; }
.cats {
padding: 0;
margin-bottom: 40px; }
.cats a {
color: rgba(35, 35, 35, 0.7);
font-size: 13px;
text-transform: uppercase;
letter-spacing: 2px;
display: inline-block;
margin: 0 20px 10px 0; }
.cats a:hover {
color: #232323; }
.share-it-links.social-links {
margin: 0; }
.share-it-links.social-links span.title {
margin-right: 20px; }
.share-it-links.social-links a {
color: rgba(35, 35, 35, 0.7); }
.share-it-links.social-links a:hover {
color: #232323; }
#comments-container h3 {
padding-bottom: 40px; }
#comments {
padding-top: 120px; }
#cancel-comment-reply-link {
font-size: 15px;
display: block;
margin: 10px auto 0; }
.logged-in-as {
display: none; }
.single-comments-wrap {
background: #ffffff; }
.single-comments-wrap input[type="text"], .single-comments-wrap textarea {
background: #f6f6f6;
border: none;
font-size: 15px; }
p.comment-notes, p.logged-in-as {
display: none; }
#commentform {
padding: 0;
display: inline-block;
width: 100%; }
#commentform p {
width: 100%;
float: left;
clear: both; }
#commentform label {
display: block;
margin-bottom: 6px; }
#commentform input {
width: 100%;
font-size: 15px; }
#commentform input.ghostbutton {
float: right;
width: auto;
clear: both;
font-size: 14px; }
#commentform input.ghostbutton:hover {
cursor: pointer; }
#commentform p.comment-form-cookies-consent {
clear: both; }
#commentform p.comment-form-cookies-consent input {
display: inline-block;
width: auto;
vertical-align: top;
margin-top: 8px; }
#commentform p.comment-form-cookies-consent label {
margin: 0 0 0 10px;
max-width: 90%;
display: inline-block;
vertical-align: top; }
p.comment-form-comment {
padding-bottom: 10px; }
p.comment-notes {
font-size: 14px;
text-align: center; }
p.no-comments {
font-size: 14px;
text-align: center;
padding-top: 20px; }
.comments-intro-text-wrap {
margin-bottom: 0;
padding: 0 60px; }
p#reply-title {
padding-bottom: 10px;
text-transform: lowercase;
text-align: center; }
p.comment-form-author, p.comment-form-email, p.comment-form-url {
float: left;
width: 100%;
clear: both; }
#respond {
padding-top: 30px; }
ol.comment-list {
margin: 0 0 50px;
padding: 0; }
ol.comment-list li {
list-style: none; }
ol.comment-list li.comment, ol.comment-list li.pingback {
list-style: none;
word-wrap: break-word;
padding: 0; }
ol.comment-list li.comment .comment-respond, ol.comment-list li.pingback .comment-respond {
margin-top: 45px; }
.comment-body {
border: none;
background: #f6f6f6;
padding: 45px 45px 35px;
width: 100%;
clear: both;
margin-bottom: 20px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
font-size: 15px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
border-radius: 6px; }
.comment-body p {
padding-bottom: 20px; }
a.comment-reply-link {
font-size: 14px; }
.bypostauthor > .comment-body {
border-top: none;
border-bottom: none;
border-left-width: 4px;
border-left-style: solid;
-webkit-border-radius: 0 6px 6px 0;
-moz-border-radius: 0 6px 6px 0;
-ms-border-radius: 0 6px 6px 0;
border-radius: 0 6px 6px 0;
border-left-color: rgba(35, 35, 35, 0.2); }
.says, .commentmetadata {
display: none; }
.comment-author {
display: block;
margin: 0 0 20px; }
.comment-author img {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
border-radius: 50%; }
.comment-author img, .comment-author .fn {
display: inline-block;
margin-right: 5px;
vertical-align: middle; }
p.comment-form-url {
display: none; }
.single-pagination {
padding: 60px 0 30px; }
.single-pagination a {
color: rgba(35, 35, 35, 0.7);
float: left;
width: 100%;
box-sizing: border-box;
line-height: 2;
margin-bottom: 20px; }
.single-pagination a:hover {
color: #232323; }
span.small-title {
display: inline-block;
padding: 0 30px 0 0;
text-align: right;
opacity: .5;
transition: color .3s;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 14px;
line-height: 1;
margin-top: 7px; }
span.article-title {
border-left: 2px solid rgba(35, 35, 35, 0.1);
padding: 0 0 0 30px; }
.single-pag-item {
padding: 0 0 30px; }
.download-options {
padding: 10px 0 0; }
.download-options .cta-content-col {
width: 80%;
vertical-align: top;
text-align: left;
padding: 0 0 0 40px; }
.options {
display: none; }
#optionselector {
margin-bottom: 40px; }
.option-content {
padding: 0; }
.option-content h3 {
padding-bottom: 15px;
font-size: 20px; }
.option-content h5 {
font-size: 20px; }
.option-content .hr {
margin: 40px auto 20px; }
a.book-download-icon {
padding: 4px 0;
margin-left: 5px;
width: 34px;
vertical-align: middle; }
.all-books-link-wrap {
padding: 20px 0 60px; } @-moz-document url-prefix() {
html, body {
margin: 0; } } @media screen and (max-width: 1280px) {
.grid-container {
padding: 0 40px; }
.header-inside-grid-wrap {
padding: 0; } }
@media screen and (max-width: 1120px) {
h1 {
font-size: 36px; }
h2 {
font-size: 32px; }
h3 {
font-size: 28px; }
h4 {
font-size: 24px; }
h5 {
font-size: 20px; }
.content-layout-block {
padding: 100px 0 60px; }
.review-content-block {
padding: 140px 0 150px; }
.recent-books-content-block + .events-content-block, #other-books-content-block {
padding-top: 120px; }
#comments {
padding-top: 60px; }
.no-hero {
padding: 140px 0 120px; }
.header-cta-active .no-hero {
padding-top: 180px; }
body.post-type-archive-books .no-hero, body.page-template-default .no-hero, body.error404 .no-hero, body.page-template-page-promos .no-hero, body.single-events .no-hero, body.category .no-hero, body.blog .no-hero, body.search .no-hero, body.author .no-hero, body.tax-genre .no-hero, body.tax-series .no-hero {
padding-bottom: 60px; }
.page-title-wrap {
padding-bottom: 40px; }
.card-container-inside .card-link {
padding: 60px 40px; }
.book-card-container-inside {
padding: 0; }
.book-card-container-inside .card-link {
padding: 20px 20px 40px; }
.bottom-card {
position: relative;
bottom: auto; }
.book-card-container-inside.has-genre .card-link {
padding-bottom: 40px; }
.hero-wrap {
min-height: 660px; }
.review p {
font-size: 24px; }
.blog-post-thumb {
height: 140px; }
blockquote p {
font-size: 20px; }
ul.menu li a {
padding: 0 24px; } }
@media screen and (max-width: 1020px) {
.wp-caption, .custom-image-wrap {
width: 100%;
max-width: 100%;
margin-left: 0; }
blockquote {
margin-right: 0; }
header .social-links, .header-menu-wrap {
display: none; }
.burger-is-clicked {
overflow: hidden; }
.burger-is-clicked header {
height: 100%;
overflow-y: auto; }
button.burger-button {
display: block; }
.logo-wrap {
width: 100%;
text-align: center;
position: absolute;
left: 0;
top: 0; }
a.logo {
max-width: 140px; }
a.logo img {
max-height: 52px; }
.header-menu-wrap {
text-align: left;
padding: 0 0 60px;
margin-top: 60px; }
ul#menu-header-menu {
padding: 0 0 20px;
text-align: left; }
ul#menu-header-menu li {
line-height: normal;
padding: 0;
margin: 0;
display: block; }
ul#menu-header-menu li a {
line-height: normal;
margin: 16px 0;
padding: 0; }
ul#menu-header-menu li.menu-item-has-children > a {
margin-bottom: 5px; }
ul#menu-header-menu ul.sub-menu {
text-align: left;
position: relative;
visibility: visible;
opacity: 1;
margin: 0 0 20px;
padding: 0;
left: inherit;
background: none;
box-shadow: none;
transform: translate3d(0, 0, 0); }
ul#menu-header-menu ul.sub-menu li {
background: none; }
ul#menu-header-menu ul.sub-menu li a {
color: rgba(35, 35, 35, 0.7); }
ul#menu-header-menu ul.sub-menu li a:hover {
color: #232323; }
ul#menu-header-menu ul.sub-menu li:first-child, ul#menu-header-menu ul.sub-menu li:last-child {
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
border-radius: 0;
padding: 0; }
ul#menu-header-menu ul.sub-menu:before {
display: none; }
ul#menu-header-menu li.menu-item-has-children > a:after {
display: none; }
.hidecta .logo-wrap a.logo, .hidecta .mobile-button-wrap {
line-height: 54px; }
.hidecta button.burger-button {
top: 12px; }
.hero-right {
padding: 0 30px 0 60px; }
.footer-top .hero-right {
padding: 0 0 0 60px; }
.card-container {
padding-left: 10px;
padding-right: 10px; }
.event-table {
padding: 0 10px; }
.event-row {
width: 100%;
margin: 0 auto; }
.grid-60.prefix-20.suffix-20 {
width: 70%;
margin-left: 15%;
margin-right: 15%;
padding-left: 0;
padding-right: 0; }
article.article-container {
width: 50%; }
.blog-post-thumb {
height: 260px; }
.single-pagination {
width: 100%;
margin: 0 auto;
padding: 40px 0 20px; }
.footer-top {
padding: 160px 0 140px; }
.hero-wrap {
flex-flow: column; } }
@media screen and (max-width: 980px) {
.grid-60.prefix-20.suffix-20 {
width: 80%;
margin-left: 10%;
margin-right: 10%; } }
@media screen and (max-width: 767px) {
p {
line-height: 1.8; }
.grid-container {
padding: 0 50px; }
#wpadminbar {
position: fixed; }
h1 {
font-size: 30px; }
h2 {
font-size: 28px; }
h3 {
font-size: 26px; }
hr, .hr {
margin: 10px auto 40px; }
.popup-modal {
padding: 40px 30px;
max-width: 80%; }
.popup-wrap {
display: inline-block;
border-spacing: 0;
width: 100%; }
.popup-wrap .button-input input.button {
padding-left: 0;
padding-right: 0;
font-size: 16px; }
.popup-content-wrap {
display: inline-block;
width: 100%;
box-sizing: border-box; }
.cta-content-col {
display: block;
width: 100%;
padding: 0; }
.desktop-cta-message {
display: none; }
.mobile-cta-message {
display: inline-block; }
.grid-60.prefix-20.suffix-20 {
width: 100%;
margin-left: auto;
margin-right: auto; }
p.wp-caption-text {
width: 90%; }
.container ol, .container ul {
margin-left: 30px; }
.container ol li::before {
margin-left: -20px; }
.container ol.comment-list {
margin-left: 0; }
blockquote {
margin-left: 0;
width: 100%;
border: none; }
.hero-right.grid-60, .hero-right.grid-70 {
width: 100%; }
.hero-left {
margin-bottom: 60px; }
.hero-right, .footer-top .hero-right {
padding: 0; }
#hero-wrap-layout-contentonly {
padding: 180px 0 80px;
height: auto; }
.content-layout-block {
padding: 80px 0 40px; }
.review-content-block {
padding: 120px 0; }
.recent-books-content-block + .events-content-block, #other-books-content-block {
padding-top: 80px; }
.normal-content-layout-block + .three-boxes-content-block {
margin-top: -30px; }
#comments {
padding-top: 40px; }
body.post-type-archive-books .no-hero, body.page-template-default .no-hero, body.error404 .no-hero, body.page-template-page-promos .no-hero, body.single-events .no-hero, body.category .no-hero, body.blog .no-hero, body.search .no-hero, body.author .no-hero, body.tax-genre .no-hero, body.tax-series .no-hero {
padding-bottom: 40px; }
.hero-wrap {
min-height: 540px; }
.footer-top {
padding: 100px 0 60px; }
.footer-left, .footer-right {
float: none;
width: 100%;
display: block;
margin: 10px auto; }
.footer-menu, .cats-love {
display: none; }
.footer-right .social-links {
margin: 5px auto 20px; }
.card-container, article.article-container {
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 320px;
margin: 0 auto;
display: block; }
.index-content-wrap, .three-cards-container {
flex-flow: column wrap; }
.blog-post-thumb {
height: 180px; }
.searchform-wrap {
width: 220px;
margin: 0 auto; }
span.small-title {
border: none;
padding-right: 10px; }
span.article-title {
padding-left: 10px; }
.event-row {
padding: 0 0 40px;
margin-bottom: 40px;
border-bottom: 1px solid rgba(35, 35, 35, 0.1);
background: none; }
.event-row .event-col {
padding: 10px 0; }
.event-row:nth-child(odd) {
background: none; }
.event-row:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border: none; }
.event-link {
text-align: left; }
.button {
letter-spacing: 1px; }
.review:before, .review:after {
font-size: 24px; }
.review:before {
left: 0; }
.review:after {
right: 0; }
.circle-bg-image {
margin-bottom: 20px; }
.who {
font-size: 13px;
display: block;
margin: 0; }
.button {
font-size: 15px; }
.breadcrumb {
padding: 0; }
.breadcrumb a.sort-link {
display: none; }
.breadcrumb-wrap {
padding: 8px; }
.filter-dropdown-wrap {
float: none; }
select.tax-filter {
max-width: 100%;
width: 100%; }
.book-card-container-inside img.book-cover {
max-height: none; }
.card-container.grid-25 .book-details-wrap {
padding: 0 20px; } } body.body-font-opensans {
font-family: "Open Sans", sans-serif;
font-weight: 400; }
body.body-font-opensans input,
body.body-font-opensans textarea,
body.body-font-opensans select,
body.body-font-opensans .card-link,
body.body-font-opensans span.small-title,
body.body-font-opensans p.excerpt,
body.body-font-opensans p.card-desc,
body.body-font-opensans .mfp-close {
font-family: "Open Sans", sans-serif;
font-weight: 400; }
body.body-font-opensans ::-webkit-input-placeholder {
font-family: "Open Sans", sans-serif; }
body.body-font-opensans ::-moz-placeholder {
font-family: "Open Sans", sans-serif; }
body.body-font-opensans :-ms-input-placeholder {
font-family: "Open Sans", sans-serif; }
body.body-font-opensans input:-moz-placeholder {
font-family: "Open Sans", sans-serif; }
body.body-font-opensans em, body.body-font-opensans i, body.body-font-opensans del {
font-style: oblique; }
body.body-font-opensans em strong, body.body-font-opensans em b, body.body-font-opensans i strong, body.body-font-opensans i b, body.body-font-opensans del strong, body.body-font-opensans del b {
font-family: "Open Sans", sans-serif;
font-weight: 800; }
body.body-font-opensans strong, body.body-font-opensans b,
body.body-font-opensans span.ctatext {
font-family: "Open Sans", sans-serif;
font-weight: 800; }
body.body-font-opensans strong em, body.body-font-opensans strong i, body.body-font-opensans b em, body.body-font-opensans b i,
body.body-font-opensans span.ctatext em,
body.body-font-opensans span.ctatext i {
font-style: oblique; }
body.body-font-opensans a,
body.body-font-opensans form label,
body.body-font-opensans .button,
body.body-font-opensans input.button,
body.body-font-opensans button,
body.body-font-opensans .caps-link,
body.body-font-opensans span.title,
body.body-font-opensans .number,
body.body-font-opensans .order-title,
body.body-font-opensans #commentform input.submit,
body.body-font-opensans .footer-bottom a,
body.body-font-opensans a#cancel-comment-reply-link,
body.body-font-opensans .container li::before,
body.body-font-opensans #commentform input.ghostbutton,
body.body-font-opensans .who,
body.body-font-opensans .comment-author .fn,
body.body-font-opensans .series-name,
body.body-font-opensans .genre-name,
body.body-font-opensans .free-tag,
body.body-font-opensans .breadcrumb a,
body.body-font-opensans select.tax-filter {
font-family: "Open Sans", sans-serif;
font-weight: 600; }
body.body-font-lora {
font-family: "Lora", serif;
font-weight: 400; }
body.body-font-lora input,
body.body-font-lora textarea,
body.body-font-lora select,
body.body-font-lora .card-link,
body.body-font-lora span.small-title,
body.body-font-lora p.excerpt,
body.body-font-lora p.card-desc,
body.body-font-lora .mfp-close {
font-family: "Lora", serif;
font-weight: 400; }
body.body-font-lora ::-webkit-input-placeholder {
font-family: "Lora", serif; }
body.body-font-lora ::-moz-placeholder {
font-family: "Lora", serif; }
body.body-font-lora :-ms-input-placeholder {
font-family: "Lora", serif; }
body.body-font-lora input:-moz-placeholder {
font-family: "Lora", serif; }
body.body-font-lora em, body.body-font-lora i, body.body-font-lora del {
font-style: oblique; }
body.body-font-lora em strong, body.body-font-lora em b, body.body-font-lora i strong, body.body-font-lora i b, body.body-font-lora del strong, body.body-font-lora del b {
font-family: "Lora", serif;
font-weight: 700; }
body.body-font-lora strong, body.body-font-lora b,
body.body-font-lora span.ctatext {
font-family: "Lora", serif;
font-weight: 700; }
body.body-font-lora strong em, body.body-font-lora strong i, body.body-font-lora b em, body.body-font-lora b i,
body.body-font-lora span.ctatext em,
body.body-font-lora span.ctatext i {
font-style: oblique; }
body.body-font-lora a,
body.body-font-lora form label,
body.body-font-lora .button,
body.body-font-lora input.button,
body.body-font-lora button,
body.body-font-lora .caps-link,
body.body-font-lora span.title,
body.body-font-lora .number,
body.body-font-lora .order-title,
body.body-font-lora #commentform input.submit,
body.body-font-lora .footer-bottom a,
body.body-font-lora a#cancel-comment-reply-link,
body.body-font-lora .container li::before,
body.body-font-lora #commentform input.ghostbutton,
body.body-font-lora .who,
body.body-font-lora .comment-author .fn,
body.body-font-lora .series-name,
body.body-font-lora .genre-name,
body.body-font-lora .free-tag,
body.body-font-lora .breadcrumb a,
body.body-font-lora select.tax-filter {
font-family: "Lora", serif;
font-weight: 700; }
body.body-font-montserrat {
font-family: "Montserrat", sans-serif;
font-weight: 300; }
body.body-font-montserrat input,
body.body-font-montserrat textarea,
body.body-font-montserrat select,
body.body-font-montserrat .card-link,
body.body-font-montserrat span.small-title,
body.body-font-montserrat p.excerpt,
body.body-font-montserrat p.card-desc,
body.body-font-montserrat .mfp-close {
font-family: "Montserrat", sans-serif;
font-weight: 300; }
body.body-font-montserrat ::-webkit-input-placeholder {
font-family: "Montserrat", sans-serif; }
body.body-font-montserrat ::-moz-placeholder {
font-family: "Montserrat", sans-serif; }
body.body-font-montserrat :-ms-input-placeholder {
font-family: "Montserrat", sans-serif; }
body.body-font-montserrat input:-moz-placeholder {
font-family: "Montserrat", sans-serif; }
body.body-font-montserrat em, body.body-font-montserrat i, body.body-font-montserrat del {
font-style: oblique; }
body.body-font-montserrat em strong, body.body-font-montserrat em b, body.body-font-montserrat i strong, body.body-font-montserrat i b, body.body-font-montserrat del strong, body.body-font-montserrat del b {
font-family: "Montserrat", sans-serif;
font-weight: 700; }
body.body-font-montserrat strong, body.body-font-montserrat b,
body.body-font-montserrat span.ctatext {
font-family: "Montserrat", sans-serif;
font-weight: 700; }
body.body-font-montserrat strong em, body.body-font-montserrat strong i, body.body-font-montserrat b em, body.body-font-montserrat b i,
body.body-font-montserrat span.ctatext em,
body.body-font-montserrat span.ctatext i {
font-style: oblique; }
body.body-font-montserrat a,
body.body-font-montserrat form label,
body.body-font-montserrat .button,
body.body-font-montserrat input.button,
body.body-font-montserrat button,
body.body-font-montserrat .caps-link,
body.body-font-montserrat span.title,
body.body-font-montserrat .number,
body.body-font-montserrat .order-title,
body.body-font-montserrat #commentform input.submit,
body.body-font-montserrat .footer-bottom a,
body.body-font-montserrat a#cancel-comment-reply-link,
body.body-font-montserrat .container li::before,
body.body-font-montserrat #commentform input.ghostbutton,
body.body-font-montserrat .who,
body.body-font-montserrat .comment-author .fn,
body.body-font-montserrat .series-name,
body.body-font-montserrat .genre-name,
body.body-font-montserrat .free-tag,
body.body-font-montserrat .breadcrumb a,
body.body-font-montserrat select.tax-filter {
font-family: "Montserrat", sans-serif;
font-weight: 500; }
body.body-font-raleway {
font-family: "Raleway", sans-serif;
font-weight: 400; }
body.body-font-raleway input,
body.body-font-raleway textarea,
body.body-font-raleway select,
body.body-font-raleway .card-link,
body.body-font-raleway span.small-title,
body.body-font-raleway p.excerpt,
body.body-font-raleway p.card-desc,
body.body-font-raleway .mfp-close {
font-family: "Raleway", sans-serif;
font-weight: 400; }
body.body-font-raleway ::-webkit-input-placeholder {
font-family: "Raleway", sans-serif; }
body.body-font-raleway ::-moz-placeholder {
font-family: "Raleway", sans-serif; }
body.body-font-raleway :-ms-input-placeholder {
font-family: "Raleway", sans-serif; }
body.body-font-raleway input:-moz-placeholder {
font-family: "Raleway", sans-serif; }
body.body-font-raleway em, body.body-font-raleway i, body.body-font-raleway del {
font-style: oblique; }
body.body-font-raleway em strong, body.body-font-raleway em b, body.body-font-raleway i strong, body.body-font-raleway i b, body.body-font-raleway del strong, body.body-font-raleway del b {
font-family: "Raleway", sans-serif;
font-weight: 700; }
body.body-font-raleway strong, body.body-font-raleway b,
body.body-font-raleway span.ctatext {
font-family: "Raleway", sans-serif;
font-weight: 700; }
body.body-font-raleway strong em, body.body-font-raleway strong i, body.body-font-raleway b em, body.body-font-raleway b i,
body.body-font-raleway span.ctatext em,
body.body-font-raleway span.ctatext i {
font-style: oblique; }
body.body-font-raleway a,
body.body-font-raleway form label,
body.body-font-raleway .button,
body.body-font-raleway input.button,
body.body-font-raleway button,
body.body-font-raleway .caps-link,
body.body-font-raleway span.title,
body.body-font-raleway .number,
body.body-font-raleway .order-title,
body.body-font-raleway #commentform input.submit,
body.body-font-raleway .footer-bottom a,
body.body-font-raleway a#cancel-comment-reply-link,
body.body-font-raleway .container li::before,
body.body-font-raleway #commentform input.ghostbutton,
body.body-font-raleway .who,
body.body-font-raleway .comment-author .fn,
body.body-font-raleway .series-name,
body.body-font-raleway .genre-name,
body.body-font-raleway .free-tag,
body.body-font-raleway .breadcrumb a,
body.body-font-raleway select.tax-filter {
font-family: "Raleway", sans-serif;
font-weight: 600; }
body.body-font-merriweather {
font-family: "Merriweather", serif;
font-weight: 400; }
body.body-font-merriweather input,
body.body-font-merriweather textarea,
body.body-font-merriweather select,
body.body-font-merriweather .card-link,
body.body-font-merriweather span.small-title,
body.body-font-merriweather p.excerpt,
body.body-font-merriweather p.card-desc,
body.body-font-merriweather .mfp-close {
font-family: "Merriweather", serif;
font-weight: 400; }
body.body-font-merriweather ::-webkit-input-placeholder {
font-family: "Merriweather", serif; }
body.body-font-merriweather ::-moz-placeholder {
font-family: "Merriweather", serif; }
body.body-font-merriweather :-ms-input-placeholder {
font-family: "Merriweather", serif; }
body.body-font-merriweather input:-moz-placeholder {
font-family: "Merriweather", serif; }
body.body-font-merriweather em, body.body-font-merriweather i, body.body-font-merriweather del {
font-style: oblique; }
body.body-font-merriweather em strong, body.body-font-merriweather em b, body.body-font-merriweather i strong, body.body-font-merriweather i b, body.body-font-merriweather del strong, body.body-font-merriweather del b {
font-family: "Merriweather", serif;
font-weight: 900; }
body.body-font-merriweather strong, body.body-font-merriweather b,
body.body-font-merriweather span.ctatext {
font-family: "Merriweather", serif;
font-weight: 900; }
body.body-font-merriweather strong em, body.body-font-merriweather strong i, body.body-font-merriweather b em, body.body-font-merriweather b i,
body.body-font-merriweather span.ctatext em,
body.body-font-merriweather span.ctatext i {
font-style: oblique; }
body.body-font-merriweather a,
body.body-font-merriweather form label,
body.body-font-merriweather .button,
body.body-font-merriweather input.button,
body.body-font-merriweather button,
body.body-font-merriweather .caps-link,
body.body-font-merriweather span.title,
body.body-font-merriweather .number,
body.body-font-merriweather .order-title,
body.body-font-merriweather #commentform input.submit,
body.body-font-merriweather .footer-bottom a,
body.body-font-merriweather a#cancel-comment-reply-link,
body.body-font-merriweather .container li::before,
body.body-font-merriweather #commentform input.ghostbutton,
body.body-font-merriweather .who,
body.body-font-merriweather .comment-author .fn,
body.body-font-merriweather .series-name,
body.body-font-merriweather .genre-name,
body.body-font-merriweather .free-tag,
body.body-font-merriweather .breadcrumb a,
body.body-font-merriweather select.tax-filter {
font-family: "Merriweather", serif;
font-weight: 700; }
body.body-font-nunito {
font-family: "Nunito", sans-serif;
font-weight: 400; }
body.body-font-nunito input,
body.body-font-nunito textarea,
body.body-font-nunito select,
body.body-font-nunito .card-link,
body.body-font-nunito span.small-title,
body.body-font-nunito p.excerpt,
body.body-font-nunito p.card-desc,
body.body-font-nunito .mfp-close {
font-family: "Nunito", sans-serif;
font-weight: 400; }
body.body-font-nunito ::-webkit-input-placeholder {
font-family: "Nunito", sans-serif; }
body.body-font-nunito ::-moz-placeholder {
font-family: "Nunito", sans-serif; }
body.body-font-nunito :-ms-input-placeholder {
font-family: "Nunito", sans-serif; }
body.body-font-nunito input:-moz-placeholder {
font-family: "Nunito", sans-serif; }
body.body-font-nunito em, body.body-font-nunito i, body.body-font-nunito del {
font-style: oblique; }
body.body-font-nunito em strong, body.body-font-nunito em b, body.body-font-nunito i strong, body.body-font-nunito i b, body.body-font-nunito del strong, body.body-font-nunito del b {
font-family: "Nunito", sans-serif;
font-weight: 800; }
body.body-font-nunito strong, body.body-font-nunito b,
body.body-font-nunito span.ctatext {
font-family: "Nunito", sans-serif;
font-weight: 800; }
body.body-font-nunito strong em, body.body-font-nunito strong i, body.body-font-nunito b em, body.body-font-nunito b i,
body.body-font-nunito span.ctatext em,
body.body-font-nunito span.ctatext i {
font-style: oblique; }
body.body-font-nunito a,
body.body-font-nunito form label,
body.body-font-nunito .button,
body.body-font-nunito input.button,
body.body-font-nunito button,
body.body-font-nunito .caps-link,
body.body-font-nunito span.title,
body.body-font-nunito .number,
body.body-font-nunito .order-title,
body.body-font-nunito #commentform input.submit,
body.body-font-nunito .footer-bottom a,
body.body-font-nunito a#cancel-comment-reply-link,
body.body-font-nunito .container li::before,
body.body-font-nunito #commentform input.ghostbutton,
body.body-font-nunito .who,
body.body-font-nunito .comment-author .fn,
body.body-font-nunito .series-name,
body.body-font-nunito .genre-name,
body.body-font-nunito .free-tag,
body.body-font-nunito .breadcrumb a,
body.body-font-nunito select.tax-filter {
font-family: "Nunito", sans-serif;
font-weight: 700; }
body.body-font-opensans .hero-right p,
body.body-font-opensans .button-input input.button,
body.body-font-montserrat .hero-right p,
body.body-font-montserrat .button-input input.button,
body.body-font-merriweather .hero-right p,
body.body-font-merriweather .button-input input.button {
font-size: 16px; }
body.body-font-opensans .hero-right .review p,
body.body-font-montserrat .hero-right .review p,
body.body-font-merriweather .hero-right .review p {
font-size: 24px; }
body.body-font-opensans .ghostbutton,
body.body-font-montserrat .ghostbutton,
body.body-font-merriweather .ghostbutton {
font-size: 12px;
letter-spacing: .5px; }
body.body-font-opensans .footer-bottom,
body.body-font-montserrat .footer-bottom,
body.body-font-merriweather .footer-bottom {
font-size: 12px; }
body.body-font-opensans #commentform input.ghostbutton,
body.body-font-montserrat #commentform input.ghostbutton,
body.body-font-merriweather #commentform input.ghostbutton {
font-size: 13px;
letter-spacing: normal; }
body.body-font-opensans header.theheader,
body.body-font-opensans .who,
body.body-font-opensans .caps-link,
body.body-font-montserrat header.theheader,
body.body-font-montserrat .who,
body.body-font-montserrat .caps-link,
body.body-font-merriweather header.theheader,
body.body-font-merriweather .who,
body.body-font-merriweather .caps-link {
font-size: 13px; }
body.body-font-opensans .popup-wrap p.sub-title,
body.body-font-montserrat .popup-wrap p.sub-title,
body.body-font-merriweather .popup-wrap p.sub-title {
font-size: 15px;
line-height: 1.8; }
body.body-font-opensans .header-cta-message,
body.body-font-montserrat .header-cta-message,
body.body-font-merriweather .header-cta-message {
vertical-align: top;
margin-top: -1px; }  body.headings-font-opensans h1, body.headings-font-opensans h2, body.headings-font-opensans h3, body.headings-font-opensans h4, body.headings-font-opensans h5, body.headings-font-opensans h6 {
font-family: "Open Sans", sans-serif;
font-weight: 800; }
body.headings-font-opensans h1 a, body.headings-font-opensans h2 a, body.headings-font-opensans h3 a, body.headings-font-opensans h4 a, body.headings-font-opensans h5 a, body.headings-font-opensans h6 a {
font-family: "Open Sans", sans-serif;
font-weight: 800; }
body.headings-font-opensans h1 em, body.headings-font-opensans h1 i, body.headings-font-opensans h1 del, body.headings-font-opensans h2 em, body.headings-font-opensans h2 i, body.headings-font-opensans h2 del, body.headings-font-opensans h3 em, body.headings-font-opensans h3 i, body.headings-font-opensans h3 del, body.headings-font-opensans h4 em, body.headings-font-opensans h4 i, body.headings-font-opensans h4 del, body.headings-font-opensans h5 em, body.headings-font-opensans h5 i, body.headings-font-opensans h5 del, body.headings-font-opensans h6 em, body.headings-font-opensans h6 i, body.headings-font-opensans h6 del {
font-family: "Open Sans", sans-serif;
font-style: oblique; }
body.headings-font-opensans h5, body.headings-font-opensans h6 {
font-weight: 600; }
body.headings-font-lora h1, body.headings-font-lora h2, body.headings-font-lora h3, body.headings-font-lora h4, body.headings-font-lora h5, body.headings-font-lora h6 {
font-family: "Lora", serif;
font-weight: 700; }
body.headings-font-lora h1 a, body.headings-font-lora h2 a, body.headings-font-lora h3 a, body.headings-font-lora h4 a, body.headings-font-lora h5 a, body.headings-font-lora h6 a {
font-family: "Lora", serif;
font-weight: 700; }
body.headings-font-lora h1 em, body.headings-font-lora h1 i, body.headings-font-lora h1 del, body.headings-font-lora h2 em, body.headings-font-lora h2 i, body.headings-font-lora h2 del, body.headings-font-lora h3 em, body.headings-font-lora h3 i, body.headings-font-lora h3 del, body.headings-font-lora h4 em, body.headings-font-lora h4 i, body.headings-font-lora h4 del, body.headings-font-lora h5 em, body.headings-font-lora h5 i, body.headings-font-lora h5 del, body.headings-font-lora h6 em, body.headings-font-lora h6 i, body.headings-font-lora h6 del {
font-family: "Lora", serif;
font-style: oblique; }
body.headings-font-montserrat h1, body.headings-font-montserrat h2, body.headings-font-montserrat h3, body.headings-font-montserrat h4, body.headings-font-montserrat h5, body.headings-font-montserrat h6 {
font-family: "Montserrat", sans-serif;
font-weight: 800; }
body.headings-font-montserrat h1 a, body.headings-font-montserrat h2 a, body.headings-font-montserrat h3 a, body.headings-font-montserrat h4 a, body.headings-font-montserrat h5 a, body.headings-font-montserrat h6 a {
font-family: "Montserrat", sans-serif;
font-weight: 800; }
body.headings-font-montserrat h1 em, body.headings-font-montserrat h1 i, body.headings-font-montserrat h1 del, body.headings-font-montserrat h2 em, body.headings-font-montserrat h2 i, body.headings-font-montserrat h2 del, body.headings-font-montserrat h3 em, body.headings-font-montserrat h3 i, body.headings-font-montserrat h3 del, body.headings-font-montserrat h4 em, body.headings-font-montserrat h4 i, body.headings-font-montserrat h4 del, body.headings-font-montserrat h5 em, body.headings-font-montserrat h5 i, body.headings-font-montserrat h5 del, body.headings-font-montserrat h6 em, body.headings-font-montserrat h6 i, body.headings-font-montserrat h6 del {
font-family: "Montserrat", sans-serif;
font-style: oblique; }
body.headings-font-montserrat h5, body.headings-font-montserrat h6 {
font-weight: 700; }
body.headings-font-raleway h1, body.headings-font-raleway h2, body.headings-font-raleway h3, body.headings-font-raleway h4, body.headings-font-raleway h5, body.headings-font-raleway h6 {
font-family: "Raleway", sans-serif;
font-weight: 800; }
body.headings-font-raleway h1 a, body.headings-font-raleway h2 a, body.headings-font-raleway h3 a, body.headings-font-raleway h4 a, body.headings-font-raleway h5 a, body.headings-font-raleway h6 a {
font-family: "Raleway", sans-serif;
font-weight: 800; }
body.headings-font-raleway h1 em, body.headings-font-raleway h1 i, body.headings-font-raleway h1 del, body.headings-font-raleway h2 em, body.headings-font-raleway h2 i, body.headings-font-raleway h2 del, body.headings-font-raleway h3 em, body.headings-font-raleway h3 i, body.headings-font-raleway h3 del, body.headings-font-raleway h4 em, body.headings-font-raleway h4 i, body.headings-font-raleway h4 del, body.headings-font-raleway h5 em, body.headings-font-raleway h5 i, body.headings-font-raleway h5 del, body.headings-font-raleway h6 em, body.headings-font-raleway h6 i, body.headings-font-raleway h6 del {
font-family: "Raleway", sans-serif;
font-style: oblique; }
body.headings-font-raleway h5, body.headings-font-raleway h6 {
font-weight: 700; }
body.headings-font-merriweather h1, body.headings-font-merriweather h2, body.headings-font-merriweather h3, body.headings-font-merriweather h4, body.headings-font-merriweather h5, body.headings-font-merriweather h6 {
font-family: "Merriweather", serif;
font-weight: 900; }
body.headings-font-merriweather h1 a, body.headings-font-merriweather h2 a, body.headings-font-merriweather h3 a, body.headings-font-merriweather h4 a, body.headings-font-merriweather h5 a, body.headings-font-merriweather h6 a {
font-family: "Merriweather", serif;
font-weight: 900; }
body.headings-font-merriweather h1 em, body.headings-font-merriweather h1 i, body.headings-font-merriweather h1 del, body.headings-font-merriweather h2 em, body.headings-font-merriweather h2 i, body.headings-font-merriweather h2 del, body.headings-font-merriweather h3 em, body.headings-font-merriweather h3 i, body.headings-font-merriweather h3 del, body.headings-font-merriweather h4 em, body.headings-font-merriweather h4 i, body.headings-font-merriweather h4 del, body.headings-font-merriweather h5 em, body.headings-font-merriweather h5 i, body.headings-font-merriweather h5 del, body.headings-font-merriweather h6 em, body.headings-font-merriweather h6 i, body.headings-font-merriweather h6 del {
font-family: "Merriweather", serif;
font-style: oblique; }
body.headings-font-merriweather h5, body.headings-font-merriweather h6 {
font-weight: 700; }
body.headings-font-merriweather h4.card-title, body.headings-font-merriweather h2.post-title {
font-size: 16px; }
body.headings-font-nunito h1, body.headings-font-nunito h2, body.headings-font-nunito h3, body.headings-font-nunito h4, body.headings-font-nunito h5, body.headings-font-nunito h6 {
font-family: "Nunito", sans-serif;
font-weight: 900; }
body.headings-font-nunito h1 a, body.headings-font-nunito h2 a, body.headings-font-nunito h3 a, body.headings-font-nunito h4 a, body.headings-font-nunito h5 a, body.headings-font-nunito h6 a {
font-family: "Nunito", sans-serif;
font-weight: 900; }
body.headings-font-nunito h1 em, body.headings-font-nunito h1 i, body.headings-font-nunito h1 del, body.headings-font-nunito h2 em, body.headings-font-nunito h2 i, body.headings-font-nunito h2 del, body.headings-font-nunito h3 em, body.headings-font-nunito h3 i, body.headings-font-nunito h3 del, body.headings-font-nunito h4 em, body.headings-font-nunito h4 i, body.headings-font-nunito h4 del, body.headings-font-nunito h5 em, body.headings-font-nunito h5 i, body.headings-font-nunito h5 del, body.headings-font-nunito h6 em, body.headings-font-nunito h6 i, body.headings-font-nunito h6 del {
font-family: "Nunito", sans-serif;
font-style: oblique; }
body.headings-font-nunito h5, body.headings-font-nunito h6 {
font-weight: 800; }a 
{
color: #444444;
}
a:hover 
{
color: #d9d7d7;
}
.button,
.free-tag 
{
background: #ff9933;
}
.button:hover
{
background: #d9d7d7;
}