/*
Theme Name: The Speaker Lab
Theme URI: http://underscores.me/
Author: Rightly Designed
Author URI: http://rightlydesigned.com
Description: The official theme of The Speaker Lab.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: speaker-lab
Tags:
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
The Speaker Lab is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; }
body {
margin: 0; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block; }
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline; }
audio:not([controls]) {
display: none;
height: 0; }
[hidden],
template {
display: none; }
a {
background-color: transparent; }
a:active,
a:hover {
outline: 0; }
abbr[title] {
border-bottom: 1px dotted; }
b,
strong {
font-weight: bold; }
dfn {
font-style: italic; }
h1 {
font-size: 2em;
margin: 0.67em 0; }
mark {
background: #ff0;
color: #000; }
small {
font-size: 80%; }
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
img {
border: 0; }
svg:not(:root) {
overflow: hidden; }
figure {
margin: 1em 40px; }
hr {
box-sizing: content-box;
height: 0; }
pre {
overflow: auto; }
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em; }
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0; }
button {
overflow: visible; }
button,
select {
text-transform: none; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; }
button[disabled],
html input[disabled] {
cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
input {
line-height: normal; }
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0; }
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
legend {
border: 0;
padding: 0; }
textarea {
overflow: auto; }
optgroup {
font-weight: bold; }
table {
border-collapse: collapse;
border-spacing: 0; }
td,
th {
padding: 0; }
/*--------------------------------------------------------------
# Variables
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Mixins
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Grid
--------------------------------------------------------------*/
/* ================================================================== */
/* This file has a mobile-to-tablet, and tablet-to-desktop breakpoint */
/* ================================================================== */
@media (max-width: 400px) {
@-ms-viewport {
width: 320px; } }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.grid-container:before, .post-list:before,
.featured-post-list:before, .posts-navigation:before, .single article .entry-content:before, #comments:before,
#disqus_thread:before, .page article .entry-content:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .mobile-grid-33:before, .mobile-grid-66:before, .tablet-grid-5:before, .tablet-grid-10:before, .tablet-grid-15:before, .tablet-grid-20:before, .tablet-grid-25:before, .entry-bio .entry-bio-thumbnail:before, .tablet-grid-30:before, .tablet-grid-35:before, .tablet-grid-40:before, .tablet-grid-45:before, .tablet-grid-50:before, .posts-navigation .nav-previous:before,
.posts-navigation .nav-next:before, .tablet-grid-55:before, .tablet-grid-60:before, .tablet-grid-65:before, .tablet-grid-70:before, .entry-bio .entry-bio-content:before, .tablet-grid-75:before, .tablet-grid-80:before, .tablet-grid-85:before, .tablet-grid-90:before, .tablet-grid-95:before, .tablet-grid-100:before, .tablet-grid-33:before, .post-list .post:before,
.featured-post-list .post:before, .tablet-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, #masthead .site-branding:before, .entry-bio .entry-bio-thumbnail:before, .grid-30:before, .grid-35:before, .grid-40:before, .grid-45:before, #comments form .comment-form-author:before,
#disqus_thread form .comment-form-author:before, .grid-50:before, .posts-navigation .nav-previous:before,
.posts-navigation .nav-next:before, #comments form .comment-form-email:before,
#disqus_thread form .comment-form-email:before, .grid-55:before, .grid-60:before, .grid-65:before, .grid-70:before, .entry-bio .entry-bio-content:before, .grid-75:before, #masthead #site-navigation:before, .grid-80:before, .grid-85:before, .grid-90:before, .grid-95:before, .grid-100:before, .page-template-page-front #masthead #site-navigation:before, #comments form .comment-form-url:before,
#comments form .comment-form-comment:before,
#disqus_thread form .comment-form-url:before,
#disqus_thread form .comment-form-comment:before, .grid-33:before, .post-list .post:before,
.featured-post-list .post:before, .grid-66:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
.post-list:after,
.featured-post-list:after,
.posts-navigation:after,
.single article .entry-content:after,
#comments:after,
#disqus_thread:after,
.page article .entry-content:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.tablet-grid-5:after,
.tablet-grid-10:after,
.tablet-grid-15:after,
.tablet-grid-20:after,
.tablet-grid-25:after,
.entry-bio .entry-bio-thumbnail:after,
.tablet-grid-30:after,
.tablet-grid-35:after,
.tablet-grid-40:after,
.tablet-grid-45:after,
.tablet-grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
.tablet-grid-55:after,
.tablet-grid-60:after,
.tablet-grid-65:after,
.tablet-grid-70:after,
.entry-bio .entry-bio-content:after,
.tablet-grid-75:after,
.tablet-grid-80:after,
.tablet-grid-85:after,
.tablet-grid-90:after,
.tablet-grid-95:after,
.tablet-grid-100:after,
.tablet-grid-33:after,
.post-list .post:after,
.featured-post-list .post:after,
.tablet-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
#masthead .site-branding:after,
.entry-bio .entry-bio-thumbnail:after,
.grid-30:after,
.grid-35:after,
.grid-40:after,
.grid-45:after,
#comments form .comment-form-author:after,
#disqus_thread form .comment-form-author:after,
.grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
#comments form .comment-form-email:after,
#disqus_thread form .comment-form-email:after,
.grid-55:after,
.grid-60:after,
.grid-65:after,
.grid-70:after,
.entry-bio .entry-bio-content:after,
.grid-75:after,
#masthead #site-navigation:after,
.grid-80:after,
.grid-85:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.page-template-page-front #masthead #site-navigation:after,
#comments form .comment-form-url:after,
#comments form .comment-form-comment:after,
#disqus_thread form .comment-form-url:after,
#disqus_thread form .comment-form-comment:after,
.grid-33:after,
.post-list .post:after,
.featured-post-list .post:after,
.grid-66:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.grid-container:after,
.post-list:after,
.featured-post-list:after,
.posts-navigation:after,
.single article .entry-content:after,
#comments:after,
#disqus_thread:after,
.page article .entry-content:after, .mobile-grid-5:after, .mobile-grid-10:after, .mobile-grid-15:after, .mobile-grid-20:after, .mobile-grid-25:after, .mobile-grid-30:after, .mobile-grid-35:after, .mobile-grid-40:after, .mobile-grid-45:after, .mobile-grid-50:after, .mobile-grid-55:after, .mobile-grid-60:after, .mobile-grid-65:after, .mobile-grid-70:after, .mobile-grid-75:after, .mobile-grid-80:after, .mobile-grid-85:after, .mobile-grid-90:after, .mobile-grid-95:after, .mobile-grid-100:after, .mobile-grid-33:after, .mobile-grid-66:after, .tablet-grid-5:after, .tablet-grid-10:after, .tablet-grid-15:after, .tablet-grid-20:after,
.tablet-grid-25:after,
.entry-bio .entry-bio-thumbnail:after, .tablet-grid-30:after, .tablet-grid-35:after, .tablet-grid-40:after, .tablet-grid-45:after,
.tablet-grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after, .tablet-grid-55:after, .tablet-grid-60:after, .tablet-grid-65:after,
.tablet-grid-70:after,
.entry-bio .entry-bio-content:after, .tablet-grid-75:after, .tablet-grid-80:after, .tablet-grid-85:after, .tablet-grid-90:after, .tablet-grid-95:after, .tablet-grid-100:after,
.tablet-grid-33:after,
.post-list .post:after,
.featured-post-list .post:after, .tablet-grid-66:after, .grid-5:after, .grid-10:after, .grid-15:after, .grid-20:after,
.grid-25:after,
#masthead .site-branding:after,
.entry-bio .entry-bio-thumbnail:after, .grid-30:after, .grid-35:after, .grid-40:after,
.grid-45:after,
#comments form .comment-form-author:after,
#disqus_thread form .comment-form-author:after,
.grid-50:after,
.posts-navigation .nav-previous:after,
.posts-navigation .nav-next:after,
#comments form .comment-form-email:after,
#disqus_thread form .comment-form-email:after, .grid-55:after, .grid-60:after, .grid-65:after,
.grid-70:after,
.entry-bio .entry-bio-content:after,
.grid-75:after,
#masthead #site-navigation:after, .grid-80:after, .grid-85:after, .grid-90:after, .grid-95:after,
.grid-100:after,
.page-template-page-front #masthead #site-navigation:after,
#comments form .comment-form-url:after,
#comments form .comment-form-comment:after,
#disqus_thread form .comment-form-url:after,
#disqus_thread form .comment-form-comment:after,
.grid-33:after,
.post-list .post:after,
.featured-post-list .post:after, .grid-66:after, .grid-offset:after, .clearfix:after {
clear: both; }
.grid-container, .post-list,
.featured-post-list, .posts-navigation, .single article .entry-content, #comments,
#disqus_thread, .page article .entry-content, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .entry-bio .entry-bio-thumbnail, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .entry-bio .entry-bio-content, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .post-list .post,
.featured-post-list .post, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, #masthead .site-branding, .entry-bio .entry-bio-thumbnail, .grid-30, .grid-35, .grid-40, .grid-45, #comments form .comment-form-author,
#disqus_thread form .comment-form-author, .grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, #comments form .comment-form-email,
#disqus_thread form .comment-form-email, .grid-55, .grid-60, .grid-65, .grid-70, .entry-bio .entry-bio-content, .grid-75, #masthead #site-navigation, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .page-template-page-front #masthead #site-navigation, #comments form .comment-form-url,
#comments form .comment-form-comment,
#disqus_thread form .comment-form-url,
#disqus_thread form .comment-form-comment, .grid-33, .post-list .post,
.featured-post-list .post, .grid-66, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */ }
.grid-container, .post-list,
.featured-post-list, .posts-navigation, .single article .entry-content, #comments,
#disqus_thread, .page article .entry-content {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-left: 10px;
padding-right: 10px; }
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .mobile-grid-33, .mobile-grid-66, .tablet-grid-5, .tablet-grid-10, .tablet-grid-15, .tablet-grid-20, .tablet-grid-25, .entry-bio .entry-bio-thumbnail, .tablet-grid-30, .tablet-grid-35, .tablet-grid-40, .tablet-grid-45, .tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, .tablet-grid-55, .tablet-grid-60, .tablet-grid-65, .tablet-grid-70, .entry-bio .entry-bio-content, .tablet-grid-75, .tablet-grid-80, .tablet-grid-85, .tablet-grid-90, .tablet-grid-95, .tablet-grid-100, .tablet-grid-33, .post-list .post,
.featured-post-list .post, .tablet-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, #masthead .site-branding, .entry-bio .entry-bio-thumbnail, .grid-30, .grid-35, .grid-40, .grid-45, #comments form .comment-form-author,
#disqus_thread form .comment-form-author, .grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next, #comments form .comment-form-email,
#disqus_thread form .comment-form-email, .grid-55, .grid-60, .grid-65, .grid-70, .entry-bio .entry-bio-content, .grid-75, #masthead #site-navigation, .grid-80, .grid-85, .grid-90, .grid-95, .grid-100, .page-template-page-front #masthead #site-navigation, #comments form .comment-form-url,
#comments form .comment-form-comment,
#disqus_thread form .comment-form-url,
#disqus_thread form .comment-form-comment, .grid-33, .post-list .post,
.featured-post-list .post, .grid-66 {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */ }
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .tablet-grid-5 > *, .tablet-grid-10 > *, .tablet-grid-15 > *, .tablet-grid-20 > *, .tablet-grid-25 > *, .entry-bio .entry-bio-thumbnail > *, .tablet-grid-30 > *, .tablet-grid-35 > *, .tablet-grid-40 > *, .tablet-grid-45 > *, .tablet-grid-50 > *, .posts-navigation .nav-previous > *,
.posts-navigation .nav-next > *, .tablet-grid-55 > *, .tablet-grid-60 > *, .tablet-grid-65 > *, .tablet-grid-70 > *, .entry-bio .entry-bio-content > *, .tablet-grid-75 > *, .tablet-grid-80 > *, .tablet-grid-85 > *, .tablet-grid-90 > *, .tablet-grid-95 > *, .tablet-grid-100 > *, .tablet-grid-33 > *, .post-list .post > *,
.featured-post-list .post > *, .tablet-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, #masthead .site-branding > *, .entry-bio .entry-bio-thumbnail > *, .grid-30 > *, .grid-35 > *, .grid-40 > *, .grid-45 > *, #comments form .comment-form-author > *,
#disqus_thread form .comment-form-author > *, .grid-50 > *, .posts-navigation .nav-previous > *,
.posts-navigation .nav-next > *, #comments form .comment-form-email > *,
#disqus_thread form .comment-form-email > *, .grid-55 > *, .grid-60 > *, .grid-65 > *, .grid-70 > *, .entry-bio .entry-bio-content > *, .grid-75 > *, #masthead #site-navigation > *, .grid-80 > *, .grid-85 > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .page-template-page-front #masthead #site-navigation > *, #comments form .comment-form-url > *,
#comments form .comment-form-comment > *,
#disqus_thread form .comment-form-url > *,
#disqus_thread form .comment-form-comment > *, .grid-33 > *, .post-list .post > *,
.featured-post-list .post > *, .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, #comments form .comment-form-author,
#disqus_thread form .comment-form-author, #comments form .comment-form-email,
#disqus_thread form .comment-form-email, #comments form .comment-form-url,
#comments form .comment-form-comment,
#disqus_thread form .comment-form-url,
#disqus_thread form .comment-form-comment {
padding-left: 0;
padding-right: 0; }
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.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 (min-width: 768px) and (max-width: 1024px) {
.tablet-push-5, .tablet-pull-5, .tablet-push-10, .tablet-pull-10, .tablet-push-15, .tablet-pull-15, .tablet-push-20, .tablet-pull-20, .tablet-push-25, .tablet-pull-25, .tablet-push-30, .tablet-pull-30, .tablet-push-35, .tablet-pull-35, .tablet-push-40, .tablet-pull-40, .tablet-push-45, .tablet-pull-45, .tablet-push-50, .tablet-pull-50, .tablet-push-55, .tablet-pull-55, .tablet-push-60, .tablet-pull-60, .tablet-push-65, .tablet-pull-65, .tablet-push-70, .tablet-pull-70, .tablet-push-75, .tablet-pull-75, .tablet-push-80, .tablet-pull-80, .tablet-push-85, .tablet-pull-85, .tablet-push-90, .tablet-pull-90, .tablet-push-95, .tablet-pull-95, .tablet-push-33, .tablet-pull-33, .tablet-push-66, .tablet-pull-66 {
position: relative; }
.hide-on-tablet {
display: none !important; }
.tablet-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');
/* */ }
.tablet-prefix-5, .entry-bio .entry-bio-content {
margin-left: 5%; }
.tablet-suffix-5 {
margin-right: 5%; }
.tablet-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-10 {
margin-left: 10%; }
.tablet-suffix-10 {
margin-right: 10%; }
.tablet-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-15 {
margin-left: 15%; }
.tablet-suffix-15 {
margin-right: 15%; }
.tablet-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-20 {
margin-left: 20%; }
.tablet-suffix-20 {
margin-right: 20%; }
.tablet-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-25, .entry-bio .entry-bio-thumbnail {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-25 {
margin-left: 25%; }
.tablet-suffix-25 {
margin-right: 25%; }
.tablet-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-30 {
margin-left: 30%; }
.tablet-suffix-30 {
margin-right: 30%; }
.tablet-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-35 {
margin-left: 35%; }
.tablet-suffix-35 {
margin-right: 35%; }
.tablet-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-40 {
margin-left: 40%; }
.tablet-suffix-40 {
margin-right: 40%; }
.tablet-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-45 {
margin-left: 45%; }
.tablet-suffix-45 {
margin-right: 45%; }
.tablet-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-50, .posts-navigation .nav-previous,
.posts-navigation .nav-next {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-50 {
margin-left: 50%; }
.tablet-suffix-50 {
margin-right: 50%; }
.tablet-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-55 {
margin-left: 55%; }
.tablet-suffix-55 {
margin-right: 55%; }
.tablet-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-60 {
margin-left: 60%; }
.tablet-suffix-60 {
margin-right: 60%; }
.tablet-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-65 {
margin-left: 65%; }
.tablet-suffix-65 {
margin-right: 65%; }
.tablet-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-70, .entry-bio .entry-bio-content {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-prefix-70 {
margin-left: 70%; }
.tablet-suffix-70 {
margin-right: 70%; }
.tablet-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-75 {
margin-left: 75%; }
.tablet-suffix-75 {
margin-right: 75%; }
.tablet-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-80 {
margin-left: 80%; }
.tablet-suffix-80 {
margin-right: 80%; }
.tablet-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-85 {
margin-left: 85%; }
.tablet-suffix-85 {
margin-right: 85%; }
.tablet-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-90 {
margin-left: 90%; }
.tablet-suffix-90 {
margin-right: 90%; }
.tablet-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-95 {
margin-left: 95%; }
.tablet-suffix-95 {
margin-right: 95%; }
.tablet-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.tablet-grid-33, .post-list .post,
.featured-post-list .post {
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');
/* */ }
.tablet-prefix-33 {
margin-left: 33.33333%; }
.tablet-suffix-33 {
margin-right: 33.33333%; }
.tablet-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');
/* */ }
.tablet-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');
/* */ }
.tablet-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');
/* */ }
.tablet-prefix-66 {
margin-left: 66.66667%; }
.tablet-suffix-66 {
margin-right: 66.66667%; }
.tablet-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');
/* */ }
.tablet-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');
/* */ }
.tablet-grid-100 {
clear: both;
width: 100%; } }
@media (min-width: 1025px) {
.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, .entry-bio .entry-bio-content {
margin-left: 5%; }
.suffix-5, #comments form .comment-form-author,
#disqus_thread form .comment-form-author {
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, #masthead .site-branding, .entry-bio .entry-bio-thumbnail {
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, #comments form .comment-form-author,
#disqus_thread form .comment-form-author {
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, .posts-navigation .nav-previous,
.posts-navigation .nav-next, #comments form .comment-form-email,
#disqus_thread form .comment-form-email {
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, .entry-bio .entry-bio-content {
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, #masthead #site-navigation {
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, .post-list .post,
.featured-post-list .post {
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, .page-template-page-front #masthead #site-navigation, #comments form .comment-form-url,
#comments form .comment-form-comment,
#disqus_thread form .comment-form-url,
#disqus_thread form .comment-form-comment {
clear: both;
width: 100%; } }
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
body {
font-family: 'Roboto', sans-serif;
font-size: 18px;
line-height: 28px;
color: #4f4e4e;
background-color: #ebe9e7; }
body a,
body a:link,
body a:visited {
color: #ee320c;
text-decoration: none; }
body a:hover,
body a:link:hover,
body a:visited:hover {
color: #1f9882; }
body .button,
body a.button,
body input[type="submit"] {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #1f9882;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none; }
body .button:hover, body .button:active,
body a.button:hover,
body a.button:active,
body input[type="submit"]:hover,
body input[type="submit"]:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #1f9882; }
body .button.button-primary,
body a.button.button-primary,
body input[type="submit"].button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
body .button.button-primary:hover,
body a.button.button-primary:hover,
body input[type="submit"].button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
body .button,
body a.button,
body input[type="submit"] {
width: 100%;
margin-bottom: 0.8rem; } }
body .button .fa,
body a.button .fa,
body input[type="submit"] .fa {
margin-right: 12px; }
body .button.featured-button,
body a.button.featured-button,
body input[type="submit"].featured-button {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #ebe9e7;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
background-color: #ee320c;
border-color: #ee320c; }
body .button.featured-button:hover, body .button.featured-button:active,
body a.button.featured-button:hover,
body a.button.featured-button:active,
body input[type="submit"].featured-button:hover,
body input[type="submit"].featured-button:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #bd280a; }
body .button.featured-button.button-primary,
body a.button.featured-button.button-primary,
body input[type="submit"].featured-button.button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
body .button.featured-button.button-primary:hover,
body a.button.featured-button.button-primary:hover,
body input[type="submit"].featured-button.button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
body .button.featured-button,
body a.button.featured-button,
body input[type="submit"].featured-button {
width: 100%;
margin-bottom: 0.8rem; } }
body .button.featured-button .fa,
body a.button.featured-button .fa,
body input[type="submit"].featured-button .fa {
margin-right: 12px; }
body .button.featured-button:hover,
body a.button.featured-button:hover,
body input[type="submit"].featured-button:hover {
border-color: #bd280a; }
body p {
margin: 0 0 1.3rem 0; }
body img {
max-width: 100%;
height: auto; }
body .alignleft {
max-width: 60%;
float: left;
margin-right: 1rem;
margin-bottom: 0.7rem; }
@media (max-width: 728px) {
body .alignleft {
max-width: 100%;
float: none;
margin: 0; } }
body .alignright {
max-width: 60%;
float: right;
margin-left: 1rem;
margin-bottom: 0.7rem; }
@media (max-width: 728px) {
body .alignright {
max-width: 100%;
float: none;
margin: 0; } }
body .aligncenter {
margin: 0 auto;
display: block; }
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
font-size: 2rem;
line-height: 2.5rem;
margin: 1.5rem 0; }
body h1 {
font-size: 4rem;
line-height: 4.3rem;
margin-bottom: 2rem;
color: #c2c2c2; }
body h2 {
font-size: 2.6rem;
line-height: 3rem;
margin-bottom: 2rem;
color: #1f9882; }
body h3 {
font-size: 2rem;
line-height: 2.4rem;
margin-top: 2rem;
margin-bottom: 2.2rem;
color: #353535; }
body .subtitle {
font-size: 1.1rem;
line-height: 1.8rem;
text-transform: uppercase;
color: #c2c2c2;
letter-spacing: 5px;
margin-bottom: 1.7rem; }
body input[type="text"],
body input[type="search"],
body input[type="tel"],
body input[type="url"],
body input[type="email"],
body input[type="password"],
body select,
body textarea {
background-color: white;
font-size: 1.2rem;
line-height: 1.5rem;
padding: 20px;
border: 2px solid #c2c2c2;
border-radius: 0;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none; }
body input[type="text"]:focus,
body input[type="search"]:focus,
body input[type="tel"]:focus,
body input[type="url"]:focus,
body input[type="email"]:focus,
body input[type="password"]:focus,
body select:focus,
body textarea:focus {
outline: none;
border-color: #ee320c; }
body select {
cursor: pointer; }
body .select-wrap {
position: relative;
display: block; }
body .select-wrap:after {
content: '\f078';
font-family: 'fontAwesome';
font-size: 1.2rem;
position: absolute;
color: #c2c2c2;
top: 30%;
right: 25px; }
body .select-wrap select {
padding-right: 35px; }
body .search-wrap {
position: relative;
display: block; }
body .search-wrap:after {
content: '\f002';
font-family: 'fontAwesome';
font-size: 1.5rem;
position: absolute;
color: #c2c2c2;
top: 28%;
left: 20px; }
body .search-wrap input[type="search"] {
padding-left: 56px; }
body p.spacer {
margin: 0;
height: 1rem; }
body p.mega-spacer {
padding-bottom: 10%; }
/*--------------------------------------------------------------
# WordPress
--------------------------------------------------------------*/
#masthead {
padding: 0.5rem 0;
background-color: white; }
#masthead .site-branding .site-title {
font-size: 1rem;
line-height: 1rem;
margin: 0;
padding: 0; }
#masthead .site-branding .site-title a {
display: inline-block;
height: 100px;
width: 100%;
text-indent: -9999em;
background-image: url("img/logo.svg");
background-size: contain;
background-repeat: no-repeat;
background-position: left center; }
@media (max-width: 1028px) {
#masthead .site-branding .site-title a {
background-position: center center;
margin-bottom: 3rem; } }
#masthead #site-navigation {
text-align: right; }
@media (max-width: 1028px) {
#masthead #site-navigation {
text-align: center; } }
#masthead #site-navigation ul {
margin: 0;
padding: 0;
list-style: none; }
#masthead #site-navigation ul li {
margin: 0;
padding: 30px 20px;
display: inline-block; }
@media (max-width: 1028px) {
#masthead #site-navigation ul li {
padding: 0 20px; } }
#masthead #site-navigation ul li a {
display: inline-block;
padding: 10px 0px;
color: #353535;
font-weight: bold;
text-transform: uppercase;
border-bottom: 7px solid transparent; }
#masthead #site-navigation ul li a:hover {
color: #353535;
border-color: #ee320c; }
.page-template-page-front #masthead {
position: relative;
height: 150px; }
.page-template-page-front #masthead:before {
content: ' ';
display: block;
width: 135px;
height: 135px;
background-image: url(img/tsl-logomark.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 80%;
background-color: white;
border-radius: 50%;
position: absolute;
left: 0;
right: 0;
margin-top: 4.5rem;
margin-left: auto;
margin-right: auto;
z-index: 0; }
@media (max-width: 728px) {
.page-template-page-front #masthead:before {
display: none; } }
@media (max-width: 728px) {
.page-template-page-front #masthead {
height: auto; } }
.page-template-page-front #masthead .site-title {
display: none; }
.page-template-page-front #masthead #site-navigation {
text-align: center; }
.page-template-page-front #masthead #site-navigation ul li {
padding: 15px 20px; }
.post-list .loading-posts,
.featured-post-list .loading-posts {
text-align: center;
padding: 1rem 0 4rem 0;
color: #c2c2c2; }
.post-list .post,
.featured-post-list .post {
padding: 0 20px;
display: inline-block;
vertical-align: top;
margin-left: -4px;
margin-bottom: 2rem;
float: none; }
.post-list .post.stories,
.featured-post-list .post.stories {
text-align: center;
margin-bottom: 3.5rem; }
.post-list .post.stories .entry-container,
.featured-post-list .post.stories .entry-container {
position: relative; }
.post-list .post.stories .entry-container .entry-bubbles,
.featured-post-list .post.stories .entry-container .entry-bubbles {
display: none; }
.post-list .post.stories .entry-container .entry-thumbnail,
.featured-post-list .post.stories .entry-container .entry-thumbnail {
position: absolute;
top: -25px;
left: 0px;
width: 100%;
z-index: 50; }
.post-list .post.stories .entry-container .entry-thumbnail img,
.featured-post-list .post.stories .entry-container .entry-thumbnail img {
margin: 0 auto;
width: 128px;
border: 3px solid white;
border-radius: 50%; }
.post-list .post.stories .entry-container .entry-header,
.featured-post-list .post.stories .entry-container .entry-header {
padding: 100px 0 0 0; }
.post-list .post.stories .entry-container .entry-header h2,
.featured-post-list .post.stories .entry-container .entry-header h2 {
margin-top: 0; }
.post-list .post.stories .entry-excerpt,
.featured-post-list .post.stories .entry-excerpt {
text-align: left;
font-size: 1rem;
font-style: italic;
line-height: 1.5rem;
padding: 0 20px 20px 20px; }
.post-list .post.stories .entry-excerpt .location,
.featured-post-list .post.stories .entry-excerpt .location {
display: block;
text-align: center;
font-size: 0.9rem;
font-style: normal;
color: #a9a8a8;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 1rem; }
.post-list .post.stories .entry-excerpt .location:empty,
.featured-post-list .post.stories .entry-excerpt .location:empty {
display: none; }
.post-list .post.stories .entry-excerpt p,
.featured-post-list .post.stories .entry-excerpt p {
position: relative;
margin-bottom: 0; }
.post-list .post.stories .entry-excerpt p:before, .post-list .post.stories .entry-excerpt p:after,
.featured-post-list .post.stories .entry-excerpt p:before,
.featured-post-list .post.stories .entry-excerpt p:after {
content: '\f10d';
font-family: 'FontAwesome';
color: rgba(53, 53, 53, 0.075);
font-size: 2.5rem;
position: absolute;
margin-top: -12px;
margin-left: -12px; }
.post-list .post.stories .entry-excerpt p:after,
.featured-post-list .post.stories .entry-excerpt p:after {
content: '\f10e';
margin: 0;
right: -5px;
bottom: -5px; }
.post-list .post .entry-container,
.featured-post-list .post .entry-container {
background-color: white;
position: relative;
box-shadow: 7px 7px 0px rgba(194, 194, 194, 0.35); }
.post-list .post .entry-container .entry-bubbles,
.featured-post-list .post .entry-container .entry-bubbles {
position: absolute;
margin: 0 0 0 -25px;
padding: 15px 0 0 0;
list-style: none;
text-align: center; }
.post-list .post .entry-container .entry-bubbles li,
.featured-post-list .post .entry-container .entry-bubbles li {
margin: 0 auto 0.85rem auto;
padding: 0;
display: block;
background-color: white;
width: 48px;
height: 48px;
text-align: center;
border-radius: 50%;
box-shadow: 4px 4px 0px rgba(194, 194, 194, 0.35); }
.post-list .post .entry-container .entry-bubbles li a,
.featured-post-list .post .entry-container .entry-bubbles li a {
display: inline-block;
width: 100%;
text-align: center;
padding: 10px 6px;
color: #686868; }
.post-list .post .entry-container .entry-bubbles li a:hover,
.featured-post-list .post .entry-container .entry-bubbles li a:hover {
color: #ee320c; }
.post-list .post .entry-container .entry-bubbles li.shares,
.featured-post-list .post .entry-container .entry-bubbles li.shares {
width: 72px;
height: 72px; }
.post-list .post .entry-container .entry-bubbles li.shares a,
.featured-post-list .post .entry-container .entry-bubbles li.shares a {
font-weight: bold;
line-height: 1rem;
padding: 20px 0; }
.post-list .post .entry-container .entry-bubbles li.shares a:after,
.featured-post-list .post .entry-container .entry-bubbles li.shares a:after {
content: 'Shares';
text-transform: uppercase;
display: block;
text-align: center;
font-size: 0.75rem;
font-weight: normal;
margin: 0;
padding: 0; }
.post-list .post .entry-container img,
.featured-post-list .post .entry-container img {
width: 100%;
display: block; }
.post-list .post .entry-container .entry-header,
.featured-post-list .post .entry-container .entry-header {
padding: 25px 25px 15px 25px; }
.post-list .post .entry-container .entry-header h2,
.featured-post-list .post .entry-container .entry-header h2 {
font-size: 1.8rem;
line-height: 2.2rem;
background-color: white;
position: relative;
margin-top: -50px;
margin-bottom: 0;
padding: 15px 20px; }
.post-list .post .entry-container .entry-header h2 a,
.featured-post-list .post .entry-container .entry-header h2 a {
color: #353535; }
.post-list .post .entry-container .entry-header h2 a:hover,
.featured-post-list .post .entry-container .entry-header h2 a:hover {
color: #ee320c; }
.featured-posts {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.featured-posts .featured-posts-container {
text-align: center;
margin-bottom: 3.5rem;
padding: 3.5rem 0;
color: #c2c2c2;
background-color: rgba(53, 53, 53, 0.75); }
.featured-posts .featured-posts-container .subtitle {
margin-bottom: 3rem; }
.dynamic-search {
margin-bottom: 3rem; }
.dynamic-search input[type="submit"] {
width: 100%; }
.load-more.button {
width: 100%;
margin-bottom: 4rem; }
.posts-navigation {
margin-bottom: 5rem; }
.posts-navigation h2 {
display: none; }
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #1f9882;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
width: 100%;
margin-bottom: 1rem; }
.posts-navigation .nav-previous a:hover, .posts-navigation .nav-previous a:active,
.posts-navigation .nav-next a:hover,
.posts-navigation .nav-next a:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #1f9882; }
.posts-navigation .nav-previous a.button-primary,
.posts-navigation .nav-next a.button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
.posts-navigation .nav-previous a.button-primary:hover,
.posts-navigation .nav-next a.button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a {
width: 100%;
margin-bottom: 0.8rem; } }
.posts-navigation .nav-previous a .fa,
.posts-navigation .nav-next a .fa {
margin-right: 12px; }
.full-width {
padding: 5rem 0; }
.full-width.front-hero {
background-image: url(img/hero-front.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
text-align: center;
color: white;
padding-bottom: 0; }
.full-width.front-hero h1 {
display: block;
width: 960px;
height: 0px;
max-width: 90%;
margin: 2.5rem auto 1.5rem auto;
padding-bottom: 28%;
background-image: url(img/hero-front-heading.png);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
text-indent: -9999em; }
.full-width.front-hero .button {
font-size: 1.4rem;
padding: 25px 90px;
color: white;
background-color: #ee320c;
border: 0;
position: relative;
bottom: -45px; }
.full-width.front-hero .button:hover {
background-color: #bd280a; }
.full-width.featured-logos {
background-color: #353535;
padding-bottom: 3rem; }
.full-width.featured-logos .logos {
background-image: url(img/logos.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
max-width: 960px;
padding-bottom: 6%;
display: block;
margin: 0 auto; }
.full-width.grant-welcome {
background-color: white; }
.full-width .front-main-navigation {
text-align: center; }
.full-width .front-main-navigation ul {
list-style: none;
margin: 0;
padding: 0; }
.full-width .front-main-navigation ul li {
margin: 0;
padding: 0;
display: inline; }
.full-width .front-main-navigation ul li a {
display: inline-block;
font-size: 1.5rem;
line-height: 2rem;
font-weight: bold;
color: #9c9c9c;
padding: 20px;
text-transform: uppercase; }
.full-width .front-main-navigation ul li a:hover {
color: #ee320c; }
.page-heading {
text-align: center;
margin-bottom: 4rem;
position: relative;
overflow: hidden; }
.page-heading .blurred-image {
filter: blur(20px);
position: absolute;
background-color: pink;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
text-align: center;
background-position: center center;
background-size: cover;
z-index: -1; }
.page-heading h1 {
color: white;
margin: 0; }
.page .page-heading h1 {
margin-bottom: 0; }
.page-heading .page-heading-content {
background-color: rgba(53, 53, 53, 0.75);
padding: 4rem 2rem;
/* a {
color: $canvas-color;
} */ }
.page-heading .page-heading-content .subtitle {
margin-top: 1.5rem;
margin-bottom: 0; }
.page-heading .page-heading-content .subtitle:empty {
display: none; }
.single article .entry-content {
max-width: 800px;
font-size: 1.3rem;
line-height: 2rem;
margin-bottom: 3rem; }
.single article .entry-content > p:first-child {
font-size: 2.4rem;
line-height: 2.9rem;
margin-bottom: 2rem;
color: #a9a8a8; }
#comments,
#disqus_thread {
max-width: 800px;
display: block;
margin: auto;
margin-bottom: 3.5rem; }
#comments h3,
#disqus_thread h3 {
margin-bottom: 3rem; }
#comments ol.comment-list,
#disqus_thread ol.comment-list {
list-style: none;
margin: 0 0 35px 0;
padding: 0; }
#comments li.comment,
#disqus_thread li.comment {
margin: 0 0 3rem 0;
list-style: none; }
#comments li.comment p,
#disqus_thread li.comment p {
padding: 0; }
#comments .children,
#disqus_thread .children {
margin-top: 1rem;
margin-bottom: 0;
padding-left: 5%; }
#comments .children li.comment,
#disqus_thread .children li.comment {
padding-top: 25px;
padding-bottom: 25px; }
#comments li.comment article.comment-body,
#disqus_thread li.comment article.comment-body {
padding-left: 100px !important;
padding-bottom: 1rem;
border-bottom: 1px solid #dcdbdb; }
@media (max-width: 500px) {
#comments li.comment article.comment-body,
#disqus_thread li.comment article.comment-body {
padding-left: 0 !important; } }
#comments li.comment:last-child,
#disqus_thread li.comment:last-child {
margin-bottom: 0; }
#comments ul.children li,
#disqus_thread ul.children li {
margin-bottom: 0px;
padding-bottom: 0px; }
#comments li.comment .avatar,
#disqus_thread li.comment .avatar {
position: absolute;
margin-top: 0;
margin-left: -100px;
max-width: 72px;
border-radius: 50%; }
@media (max-width: 500px) {
#comments li.comment .avatar,
#disqus_thread li.comment .avatar {
display: none; } }
#comments .fn,
#disqus_thread .fn {
font-size: 1.4em;
margin-bottom: 0.25em;
display: block; }
#comments li.comment .comment-metadata,
#disqus_thread li.comment .comment-metadata {
font-size: 0.85em;
margin-bottom: 0.9em;
display: block; }
#comments li.comment .comment-metadata a,
#disqus_thread li.comment .comment-metadata a {
color: #c2c2c2;
font-style: italic; }
#comments .comment-content,
#disqus_thread .comment-content {
font-size: 1.1rem;
line-height: 1.7rem; }
#comments li.comment .reply,
#disqus_thread li.comment .reply {
text-align: right; }
#comments li.comment .reply a,
#disqus_thread li.comment .reply a {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #1f9882;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
font-size: 1rem;
padding: 5px 24px; }
#comments li.comment .reply a:hover, #comments li.comment .reply a:active,
#disqus_thread li.comment .reply a:hover,
#disqus_thread li.comment .reply a:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #1f9882; }
#comments li.comment .reply a.button-primary,
#disqus_thread li.comment .reply a.button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
#comments li.comment .reply a.button-primary:hover,
#disqus_thread li.comment .reply a.button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
#comments li.comment .reply a,
#disqus_thread li.comment .reply a {
width: 100%;
margin-bottom: 0.8rem; } }
#comments li.comment .reply a .fa,
#disqus_thread li.comment .reply a .fa {
margin-right: 12px; }
#comments li.comment .says,
#disqus_thread li.comment .says {
display: none; }
#comments .comment-awaiting-moderation,
#disqus_thread .comment-awaiting-moderation {
font-size: 1em;
line-height: 1em;
margin-bottom: 1em;
display: block;
font-weight: bold;
color: #ee320c; }
#comments .no-comments,
#disqus_thread .no-comments {
text-align: center; }
.page article {
margin-bottom: 5rem; }
.page article .entry-content {
max-width: 800px;
font-size: 1.3rem;
line-height: 2rem; }
.page-template-page-front .page-heading,
.page-template-page-module .page-heading {
margin-bottom: 0; }
.page-template-page-front article,
.page-template-page-module article {
margin: 0; }
.page-template-page-front article .entry-content,
.page-template-page-module article .entry-content {
width: 100%;
max-width: 100%;
margin: 0;
padding: 0; }
.single-stories .page-heading img {
display: block;
margin: 0 auto 1.5rem auto;
border-radius: 50%;
border: 3px solid white;
width: 256px;
height: auto; }
.entry-bio {
margin: 4rem 0 0 0;
padding: 4rem 0 5rem 0;
background-color: white; }
.entry-bio .entry-bio-thumbnail img {
border-radius: 50%; }
.entry-bio .entry-bio-content h3 {
margin-top: 0; }
.entry-bio .entry-bio-content .button {
margin-top: 2rem; }
#colophon {
color: #5b5b5b;
text-align: center;
background-color: #353535;
padding: 7rem 0 4rem 0; }
#colophon:before {
content: ' ';
display: block;
margin: -140px auto 3rem auto;
width: 128px;
height: 128px;
background-image: url(img/tsl-logomark.svg);
background-repeat: no-repeat;
background-position: center center;
background-size: 85%;
background-color: #353535;
border-radius: 50%;
z-index: 500;
position: absolute;
left: 0;
right: 0; }
#colophon a {
color: #c2c2c2; }
#colophon a:hover {
color: #ee320c; }
#colophon .footer-nav {
margin-bottom: 4rem; }
#colophon .footer-nav ul {
margin: 0;
padding: 0;
list-style: none; }
#colophon .footer-nav ul li {
margin: 0;
padding: 0;
display: inline; }
#colophon .footer-nav ul li a {
display: inline-block;
padding: 5px 15px;
font-size: 1.2rem;
font-weight: bold;
line-height: 1.6rem;
text-transform: uppercase; }
#colophon .social-nav {
margin-bottom: 4rem; }
#colophon .social-nav ul {
margin: 0;
padding: 0;
list-style: none; }
#colophon .social-nav ul li {
margin: 0;
padding: 0;
display: inline; }
#colophon .social-nav ul li a {
color: #5b5b5b;
font-size: 2.5rem;
line-height: 2.5rem;
display: inline-block;
margin: 0 20px; }
#colophon .social-nav ul li a:hover {
color: #c2c2c2; }
#colophon .logos {
background-image: url(img/logos.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
max-width: 960px;
padding-bottom: 6%;
display: block;
margin: 0 auto 4rem auto; }
#colophon .site-info {
font-size: 0.85rem;
line-height: 1rem; }
#colophon .site-info #colophon-menu,
#colophon .site-info .menu,
#colophon .site-info .menu-colophon-container {
display: inline; }
#colophon .site-info #colophon-menu ul,
#colophon .site-info .menu ul,
#colophon .site-info .menu-colophon-container ul {
margin: 0;
padding: 0;
list-style: none;
display: inline; }
#colophon .site-info #colophon-menu ul li,
#colophon .site-info .menu ul li,
#colophon .site-info .menu-colophon-container ul li {
margin: 0 0 0 10px;
padding: 0;
display: inline-block; }
#colophon .site-info #colophon-menu ul li a,
#colophon .site-info .menu ul li a,
#colophon .site-info .menu-colophon-container ul li a {
display: inline-block; }
.wd-module {
padding: 3rem 0;
position: relative;
background-position: center center;
background-repeat: no-repeat;
background-size: cover; }
.wd-module[style*="http"] {
color: #ebe9e7; }
.wd-module[style*="http"] h2, .wd-module[style*="http"] h3, .wd-module[style*="http"] h4 {
color: #ebe9e7; }
.wd-module[style*="http"] a {
color: #ebe9e7;
border-bottom: 1px dotted #ebe9e7; }
.wd-module[style*="http"] .button,
.wd-module[style*="http"] a.button {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #ebe9e7;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
border-color: #ebe9e7; }
.wd-module[style*="http"] .button:hover, .wd-module[style*="http"] .button:active,
.wd-module[style*="http"] a.button:hover,
.wd-module[style*="http"] a.button:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #ebe9e7; }
.wd-module[style*="http"] .button.button-primary,
.wd-module[style*="http"] a.button.button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
.wd-module[style*="http"] .button.button-primary:hover,
.wd-module[style*="http"] a.button.button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
.wd-module[style*="http"] .button,
.wd-module[style*="http"] a.button {
width: 100%;
margin-bottom: 0.8rem; } }
.wd-module[style*="http"] .button .fa,
.wd-module[style*="http"] a.button .fa {
margin-right: 12px; }
.wd-module[style*="http"] .button:hover,
.wd-module[style*="http"] a.button:hover {
color: #1f9882;
border-color: #ebe9e7; }
.wd-module:hover .edit-module {
opacity: 1; }
.wd-module.light-module {
background-color: white; }
.wd-module.readability-module .entry-content {
max-width: 800px;
display: block;
margin: 0 auto; }
.wd-module.wd-module-comments {
background-color: white; }
.wd-module#wd-module-5460 img {
box-shadow: 0px 2px 25px rgba(0, 0, 0, 0.25); }
.wd-module .edit-module {
display: inline-block;
font-size: 1.2rem;
font-weight: bold;
padding: 20px 40px;
text-align: center;
text-transform: uppercase;
color: #1f9882;
border: 3px solid #1f9882;
background-color: transparent;
cursor: pointer;
border-radius: 0;
-webkit-appearance: none;
background-color: #c2c2c2;
color: #ebe9e7;
border: 0;
padding: 7px 15px;
font-size: 0.9rem;
position: absolute;
left: 0px;
bottom: 0px;
opacity: 0; }
.wd-module .edit-module:hover, .wd-module .edit-module:active {
text-decoration: none !important;
outline: none;
color: #ebe9e7;
background-color: #1f9882; }
.wd-module .edit-module.button-primary {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
.wd-module .edit-module.button-primary:hover {
background-color: #bd280a;
border-color: #bd280a; }
@media (max-width: 500px) {
.wd-module .edit-module {
width: 100%;
margin-bottom: 0.8rem; } }
.wd-module .edit-module .fa {
margin-right: 12px; }
.post-type-archive-stories .page-heading .subtitle {
text-transform: none;
letter-spacing: 0;
border: 1px solid rgba(235, 233, 231, 0.5);
margin-left: auto;
margin-right: auto;
padding: 15px;
max-width: 960px; }
.post-type-archive-stories .page-heading h2 {
color: #c2c2c2; }
.post-type-archive-stories .page-heading .button {
color: white;
border-color: #ee320c;
background-color: #ee320c; }
.post-type-archive-stories .page-heading .button:hover {
background-color: #bd280a;
border-color: #bd280a; }
.post-type-archive-stories .post-list {
margin-bottom: 3rem; }