/*
The following is, mostly, a modified version of
Basscss that is intended to compliment the built-in
styles already in GeneratePress. Any suspected
conflicts have been removed.

One big change is that the media query breakpoints
have been changed to match Unsemantic:
http://unsemantic.com/sass-documentation

@media (max-width: 767px) {.mobile- {}}
@media (min-width: 768px) and (max-width: 1024px) {.tablet- {}}
@media (min-width: 1025px) {.desktop- {}}

The breakpoint class prefixes have also been updated
to match Unsamantic:
.sm- => .mobile-
.md- => .tablet-
.lg- => .desktop-

Unsemantic: http://unsemantic.com/
Basscss: http://basscss.com/
*/

/*! ace.css | https://github.com/basscss/ace | MIT License */

/* Basscss Basic */

svg {
    max-height: 100%;
}

/* Buttons */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.button:visited {
    border: 1px solid transparent; /* so that default buttons are same size as outline buttons */
    cursor: pointer;
}

/* Button Sizes */

.button.button-small {
    padding: .25rem 1rem !important;
}

.button.button-big {
    padding: 1rem 1.75rem !important;
}

.button.button-narrow {
    padding-left: .5rem !important;
    padding-right: .5rem !important;
}

/* Button Outline */

.button.button-outline,
.button.button-outline:visited,
.button.button-outline:hover,
.button.button-outline:active,
.woocommerce .button.button-outline,
.woocommerce .button.button-outline:visited,
.woocommerce .button.button-outline:hover,
.woocommerce .button.button-outline:active {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
}

.button.button-outline-reverse,
.button.button-outline-reverse:visited,
.button.button-outline-reverse:hover,
.button.button-outline-reverse:active,
.woocommerce .button.button-outline-reverse,
.woocommerce .button.button-outline-reverse:visited,
.woocommerce .button.button-outline-reverse:hover,
.woocommerce .button.button-outline-reverse:active {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #ffffff;
    color: #fff;
}

.button.button-outline:disabled,
.button.button-outline.is-disabled,
.woocommerce .button.button-outline:disabled,
.woocommerce .button.button-outline.is-disabled {
    opacity: .5;
}

/* Basscss Media Object */

.media,
.mobile-media,
.tablet-media,
.desktop-media {
    margin-left: -.5rem;
    margin-right: -.5rem;
}

.media {
    display: flex;
}

.media-center {
    align-items: center;
}

.media-bottom {
    align-items: flex-end;
}

.media-img,
.media-body {
    padding-left: .5rem;
    padding-right: .5rem;
}

.media-body {
    flex: 1 1 auto;
}

@media (max-width: 767px) {
    .mobile-media { display: flex }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-media { display: flex }
}

@media (min-width: 1025px) {
    .desktop-media { display: flex }
}

/*! Basscss | http://basscss.com | MIT License */

/* Basscss Typography */

.font-family-inherit { font-family: inherit }
.font-size-inherit { font-size: inherit }
.text-decoration-none { text-decoration: none }

.bold    { font-weight: bold !important }
.regular { font-weight: normal !important }
.italic  { font-style: italic !important }
.caps    { text-transform: uppercase !important; letter-spacing: .2em !important; }

.left-align   { text-align: left !important }
.center       { text-align: center !important }
.right-align  { text-align: right !important }
.justify      { text-align: justify !important }

.nowrap { white-space: nowrap !important }
.break-word { word-wrap: break-word !important }

.line-height-1 { line-height: 1 !important }
.line-height-2 { line-height: 1.125 !important }
.line-height-3 { line-height: 1.25 !important }
.line-height-4 { line-height: 1.5 !important }

.list-style-none { list-style: none !important }
.underline { text-decoration: underline !important }

.truncate {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

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

/* Basscss Layout */

.inline       { display: inline !important }
.block        { display: block !important }
.inline-block { display: inline-block !important }
.table        { display: table !important }
.table-cell   { display: table-cell !important }

.overflow-hidden { overflow: hidden !important }
.overflow-scroll { overflow: scroll !important }
.overflow-auto   { overflow: auto !important }

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

.left  { float: left !important }
.right { float: right !important }

.fit { max-width: 100% !important }

.max-width-1 { max-width: 24rem !important }
.max-width-2 { max-width: 32rem !important }
.max-width-3 { max-width: 48rem !important }
.max-width-4 { max-width: 64rem !important }
.border-box { box-sizing: border-box !important }

/* Basscss Align */

.align-baseline { vertical-align: baseline !important }
.align-top      { vertical-align: top !important }
.align-middle   { vertical-align: middle !important }
.align-bottom   { vertical-align: bottom !important }

/* Basscss Margin */

.m0 { margin: 0 !important }
.m1 { margin: .5rem !important }
.m2 { margin: 1rem !important }
.m3 { margin: 2rem !important }
.m4 { margin: 4rem !important }

.mt0 { margin-top: 0 !important }
.mt1 { margin-top: .5rem !important }
.mt2 { margin-top: 1rem !important }
.mt3 { margin-top: 2rem !important }
.mt4 { margin-top: 4rem !important }

.mr0 { margin-right: 0 !important }
.mr1 { margin-right: .5rem !important }
.mr2 { margin-right: 1rem !important }
.mr3 { margin-right: 2rem !important }
.mr4 { margin-right: 4rem !important }

.mb0 { margin-bottom: 0 !important }
.mb1 { margin-bottom: .5rem !important }
.mb2 { margin-bottom: 1rem !important }
.mb3 { margin-bottom: 2rem !important }
.mb4 { margin-bottom: 4rem !important }

.ml0 { margin-left: 0 !important }
.ml1 { margin-left: .5rem !important }
.ml2 { margin-left: 1rem !important }
.ml3 { margin-left: 2rem !important }
.ml4 { margin-left: 4rem !important }

.mx0 { margin-left: 0 !important; margin-right: 0 !important }
.mx1 { margin-left: .5rem !important; margin-right: .5rem !important }
.mx2 { margin-left: 1rem !important; margin-right: 1rem !important }
.mx3 { margin-left: 2rem !important; margin-right: 2rem !important }
.mx4 { margin-left: 4rem !important; margin-right: 4rem !important }

.my0 { margin-top: 0 !important; margin-bottom: 0 !important }
.my1 { margin-top: .5rem !important; margin-bottom: .5rem !important }
.my2 { margin-top: 1rem !important; margin-bottom: 1rem !important }
.my3 { margin-top: 2rem !important; margin-bottom: 2rem !important }
.my4 { margin-top: 4rem !important; margin-bottom: 4rem !important }

.mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
.mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
.mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
.mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; }

.ml-auto { margin-left: auto !important }
.mr-auto { margin-right: auto !important }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }

/* Basscss Padding */

.p0 { padding: 0 !important }
.p1 { padding: .5rem !important }
.p2 { padding: 1rem !important }
.p3 { padding: 2rem !important }
.p4 { padding: 4rem !important }

.pt0 { padding-top: 0 !important }
.pt1 { padding-top: .5rem !important }
.pt2 { padding-top: 1rem !important }
.pt3 { padding-top: 2rem !important }
.pt4 { padding-top: 4rem !important }

.pr0 { padding-right: 0 !important }
.pr1 { padding-right: .5rem !important }
.pr2 { padding-right: 1rem !important }
.pr3 { padding-right: 2rem !important }
.pr4 { padding-right: 4rem !important }

.pb0 { padding-bottom: 0 !important }
.pb1 { padding-bottom: .5rem !important }
.pb2 { padding-bottom: 1rem !important }
.pb3 { padding-bottom: 2rem !important }
.pb4 { padding-bottom: 4rem !important }

.pl0 { padding-left: 0 !important }
.pl1 { padding-left: .5rem !important }
.pl2 { padding-left: 1rem !important }
.pl3 { padding-left: 2rem !important }
.pl4 { padding-left: 4rem !important }

.px0 { padding-left: 0 !important; padding-right: 0 !important }
.px1 { padding-left: .5rem !important; padding-right: .5rem !important }
.px2 { padding-left: 1rem !important; padding-right: 1rem !important }
.px3 { padding-left: 2rem !important; padding-right: 2rem !important }
.px4 { padding-left: 4rem !important; padding-right: 4rem !important }

.py0 { padding-top: 0 !important; padding-bottom: 0 !important }
.py1 { padding-top: .5rem !important; padding-bottom: .5rem !important }
.py2 { padding-top: 1rem !important; padding-bottom: 1rem !important }
.py3 { padding-top: 2rem !important; padding-bottom: 2rem !important }
.py4 { padding-top: 4rem !important; padding-bottom: 4rem !important }

/* Basscss Grid */

.flex { display: flex }

@media (max-width: 767px) {
    .mobile-flex { display: flex }
    .mobile-flex-column { flex-direction: column }
    .mobile-flex-wrap { flex-wrap: wrap }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-flex { display: flex }
    .tablet-flex-column { flex-direction: column }
    .tablet-flex-wrap { flex-wrap: wrap }
}

@media (min-width: 1025px) {
    .desktop-flex { display: flex }
    .desktop-flex-column { flex-direction: column }
    .desktop-flex-wrap { flex-wrap: wrap }
}

.flex-column { flex-direction: column }
.flex-wrap { flex-wrap: wrap }

.items-start { align-items: flex-start }
.items-end { align-items: flex-end }
.items-center { align-items: center }
.items-baseline { align-items: baseline }
.items-stretch { align-items: stretch }

.self-start { align-self: flex-start }
.self-end { align-self: flex-end }
.self-center { align-self: center }
.self-baseline { align-self: baseline }
.self-stretch { align-self: stretch }

.justify-start { justify-content: flex-start }
.justify-end { justify-content: flex-end }
.justify-center { justify-content: center }
.justify-between { justify-content: space-between }
.justify-around { justify-content: space-around }

.content-start { align-content: flex-start }
.content-end { align-content: flex-end }
.content-center { align-content: center }
.content-between { align-content: space-between }
.content-around { align-content: space-around }
.content-stretch { align-content: stretch }

.flex-auto {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 0;
}
.flex-none { flex: none }

.order-0 { order: 0 }
.order-1 { order: 1 }
.order-2 { order: 2 }
.order-3 { order: 3 }
.order-last { order: 99999 }

/* Basscss Position */

.relative { position: relative !important }
.absolute { position: absolute !important }
.fixed { position: fixed !important }

.top-0 { top: 0 !important }
.right-0 { right: 0 !important }
.bottom-0 { bottom: 0 !important }
.left-0 { left: 0 !important }

.z1 { z-index: 1 !important }
.z2 { z-index: 2 !important }
.z3 { z-index: 3 !important }
.z4 { z-index: 4 !important }

/* Basscss Border */

.border {
    border-style: solid;
    border-width: 1px;
}

.border-top {
    border-top-style: solid;
    border-top-width: 1px;
}

.border-right {
    border-right-style: solid;
    border-right-width: 1px;
}

.border-bottom {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

.border-left {
    border-left-style: solid;
    border-left-width: 1px;
}

.border-none { border: 0 !important }

.rounded { border-radius: 3px !important }
.circle { border-radius: 50% }

.rounded-top { border-radius: 3px 3px 0 0 }
.rounded-right { border-radius: 0 3px 3px 0 }
.rounded-bottom { border-radius: 0 0 3px 3px }
.rounded-left { border-radius: 3px 0 0 3px }

.not-rounded { border-radius: 0 }

/* Basscss Hide */

.hide {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
}

@media (max-width: 767px) {
    .mobile-hide { display: none !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-hide { display: none !important }
}

@media (min-width: 1025px) {
    .desktop-hide { display: none !important }
}

.display-none { display: none !important }

/* Basscss Responsive Margin */

@media (max-width: 767px) {
    .mobile-m0  { margin: 0 !important }
    .mobile-m1  { margin: .5rem !important }
    .mobile-m2  { margin: 1rem !important }
    .mobile-m3  { margin: 2rem !important }
    .mobile-m4  { margin: 4rem !important }

    .mobile-mt0 { margin-top: 0 !important }
    .mobile-mt1 { margin-top: .5rem !important }
    .mobile-mt2 { margin-top: 1rem !important }
    .mobile-mt3 { margin-top: 2rem !important }
    .mobile-mt4 { margin-top: 4rem !important }
    
    .mobile-mr0 { margin-right: 0 !important }
    .mobile-mr1 { margin-right: .5rem !important }
    .mobile-mr2 { margin-right: 1rem !important }
    .mobile-mr3 { margin-right: 2rem !important }
    .mobile-mr4 { margin-right: 4rem !important }
    
    .mobile-mb0 { margin-bottom: 0 !important }
    .mobile-mb1 { margin-bottom: .5rem !important }
    .mobile-mb2 { margin-bottom: 1rem !important }
    .mobile-mb3 { margin-bottom: 2rem !important }
    .mobile-mb4 { margin-bottom: 4rem !important }
    
    .mobile-ml0 { margin-left: 0 !important }
    .mobile-ml1 { margin-left: .5rem !important }
    .mobile-ml2 { margin-left: 1rem !important }
    .mobile-ml3 { margin-left: 2rem !important }
    .mobile-ml4 { margin-left: 4rem !important }
    
    .mobile-mx0 { margin-left: 0 !important; margin-right: 0 !important }
    .mobile-mx1 { margin-left: .5rem !important; margin-right: .5rem !important }
    .mobile-mx2 { margin-left: 1rem !important; margin-right: 1rem !important }
    .mobile-mx3 { margin-left: 2rem !important; margin-right: 2rem !important }
    .mobile-mx4 { margin-left: 4rem !important; margin-right: 4rem !important }
    
    .mobile-my0 { margin-top: 0 !important; margin-bottom: 0 !important }
    .mobile-my1 { margin-top: .5rem !important; margin-bottom: .5rem !important }
    .mobile-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important }
    .mobile-my3 { margin-top: 2rem !important; margin-bottom: 2rem !important }
    .mobile-my4 { margin-top: 4rem !important; margin-bottom: 4rem !important }

    .mobile-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important }
    .mobile-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important }
    .mobile-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important }
    .mobile-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important }

    .mobile-ml-auto { margin-left: auto !important }
    .mobile-mr-auto { margin-right: auto !important }
    .mobile-mx-auto { margin-left: auto !important; margin-right: auto !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-m0  { margin: 0 !important }
    .tablet-m1  { margin: .5rem !important }
    .tablet-m2  { margin: 1rem !important }
    .tablet-m3  { margin: 2rem !important }
    .tablet-m4  { margin: 4rem !important }

    .tablet-mt0 { margin-top: 0 !important }
    .tablet-mt1 { margin-top: .5rem !important }
    .tablet-mt2 { margin-top: 1rem !important }
    .tablet-mt3 { margin-top: 2rem !important }
    .tablet-mt4 { margin-top: 4rem !important }
    
    .tablet-mr0 { margin-right: 0 !important }
    .tablet-mr1 { margin-right: .5rem !important }
    .tablet-mr2 { margin-right: 1rem !important }
    .tablet-mr3 { margin-right: 2rem !important }
    .tablet-mr4 { margin-right: 4rem !important }
    
    .tablet-mb0 { margin-bottom: 0 !important }
    .tablet-mb1 { margin-bottom: .5rem !important }
    .tablet-mb2 { margin-bottom: 1rem !important }
    .tablet-mb3 { margin-bottom: 2rem !important }
    .tablet-mb4 { margin-bottom: 4rem !important }
    
    .tablet-ml0 { margin-left: 0 !important }
    .tablet-ml1 { margin-left: .5rem !important }
    .tablet-ml2 { margin-left: 1rem !important }
    .tablet-ml3 { margin-left: 2rem !important }
    .tablet-ml4 { margin-left: 4rem !important }
    
    .tablet-mx0 { margin-left: 0 !important; margin-right: 0 !important }
    .tablet-mx1 { margin-left: .5rem !important; margin-right: .5rem !important }
    .tablet-mx2 { margin-left: 1rem !important; margin-right: 1rem !important }
    .tablet-mx3 { margin-left: 2rem !important; margin-right: 2rem !important }
    .tablet-mx4 { margin-left: 4rem !important; margin-right: 4rem !important }
    
    .tablet-my0 { margin-top: 0 !important; margin-bottom: 0 !important }
    .tablet-my1 { margin-top: .5rem !important; margin-bottom: .5rem !important }
    .tablet-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important }
    .tablet-my3 { margin-top: 2rem !important; margin-bottom: 2rem !important }
    .tablet-my4 { margin-top: 4rem !important; margin-bottom: 4rem !important }

    .tablet-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
    .tablet-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
    .tablet-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
    .tablet-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; }

    .tablet-ml-auto { margin-left: auto !important }
    .tablet-mr-auto { margin-right: auto !important }
    .tablet-mx-auto { margin-left: auto !important; margin-right: auto !important; }
}

@media (min-width: 1025px) {
    .desktop-m0  { margin: 0 !important }
    .desktop-m1  { margin: .5rem !important }
    .desktop-m2  { margin: 1rem !important }
    .desktop-m3  { margin: 2rem !important }
    .desktop-m4  { margin: 4rem !important }

    .desktop-mt0 { margin-top: 0 !important }
    .desktop-mt1 { margin-top: .5rem !important }
    .desktop-mt2 { margin-top: 1rem !important }
    .desktop-mt3 { margin-top: 2rem !important }
    .desktop-mt4 { margin-top: 4rem !important }
    
    .desktop-mr0 { margin-right: 0 !important }
    .desktop-mr1 { margin-right: .5rem !important }
    .desktop-mr2 { margin-right: 1rem !important }
    .desktop-mr3 { margin-right: 2rem !important }
    .desktop-mr4 { margin-right: 4rem !important }
    
    .desktop-mb0 { margin-bottom: 0 !important }
    .desktop-mb1 { margin-bottom: .5rem !important }
    .desktop-mb2 { margin-bottom: 1rem !important }
    .desktop-mb3 { margin-bottom: 2rem !important }
    .desktop-mb4 { margin-bottom: 4rem !important }
    
    .desktop-ml0 { margin-left: 0 !important }
    .desktop-ml1 { margin-left: .5rem !important }
    .desktop-ml2 { margin-left: 1rem !important }
    .desktop-ml3 { margin-left: 2rem !important }
    .desktop-ml4 { margin-left: 4rem !important }
    
    .desktop-mx0 { margin-left: 0 !important; margin-right: 0 !important }
    .desktop-mx1 { margin-left: .5rem !important; margin-right: .5rem !important }
    .desktop-mx2 { margin-left: 1rem !important; margin-right: 1rem !important }
    .desktop-mx3 { margin-left: 2rem !important; margin-right: 2rem !important }
    .desktop-mx4 { margin-left: 4rem !important; margin-right: 4rem !important }
    
    .desktop-my0 { margin-top: 0 !important; margin-bottom: 0 !important }
    .desktop-my1 { margin-top: .5rem !important; margin-bottom: .5rem !important }
    .desktop-my2 { margin-top: 1rem !important; margin-bottom: 1rem !important }
    .desktop-my3 { margin-top: 2rem !important; margin-bottom: 2rem !important }
    .desktop-my4 { margin-top: 4rem !important; margin-bottom: 4rem !important }

    .desktop-mxn1 { margin-left: -.5rem !important; margin-right: -.5rem !important; }
    .desktop-mxn2 { margin-left: -1rem !important; margin-right: -1rem !important; }
    .desktop-mxn3 { margin-left: -2rem !important; margin-right: -2rem !important; }
    .desktop-mxn4 { margin-left: -4rem !important; margin-right: -4rem !important; }

    .desktop-ml-auto { margin-left: auto !important }
    .desktop-mr-auto { margin-right: auto !important }
    .desktop-mx-auto { margin-left: auto !important; margin-right: auto !important; }
}

/* Basscss Responsive Padding */

@media (max-width: 767px) {
    .mobile-p0  { padding: 0 !important }
    .mobile-p1  { padding: .5rem !important }
    .mobile-p2  { padding: 1rem !important }
    .mobile-p3  { padding: 2rem !important }
    .mobile-p4  { padding: 4rem !important }

    .mobile-pt0 { padding-top: 0 !important }
    .mobile-pt1 { padding-top: .5rem !important }
    .mobile-pt2 { padding-top: 1rem !important }
    .mobile-pt3 { padding-top: 2rem !important }
    .mobile-pt4 { padding-top: 4rem !important }
    
    .mobile-pr0 { padding-right: 0 !important }
    .mobile-pr1 { padding-right: .5rem !important }
    .mobile-pr2 { padding-right: 1rem !important }
    .mobile-pr3 { padding-right: 2rem !important }
    .mobile-pr4 { padding-right: 4rem !important }
    
    .mobile-pb0 { padding-bottom: 0 !important }
    .mobile-pb1 { padding-bottom: .5rem !important }
    .mobile-pb2 { padding-bottom: 1rem !important }
    .mobile-pb3 { padding-bottom: 2rem !important }
    .mobile-pb4 { padding-bottom: 4rem !important }
    
    .mobile-pl0 { padding-left: 0 !important }
    .mobile-pl1 { padding-left: .5rem !important }
    .mobile-pl2 { padding-left: 1rem !important }
    .mobile-pl3 { padding-left: 2rem !important }
    .mobile-pl4 { padding-left: 4rem !important }
    
    .mobile-px0 { padding-left: 0 !important; padding-right: 0 !important }
    .mobile-px1 { padding-left: .5rem !important; padding-right: .5rem !important }
    .mobile-px2 { padding-left: 1rem !important; padding-right: 1rem !important }
    .mobile-px3 { padding-left: 2rem !important; padding-right: 2rem !important }
    .mobile-px4 { padding-left: 4rem !important; padding-right: 4rem !important }
    
    .mobile-py0 { padding-top: 0 !important; padding-bottom: 0 !important }
    .mobile-py1 { padding-top: .5rem !important; padding-bottom: .5rem !important }
    .mobile-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important }
    .mobile-py3 { padding-top: 2rem !important; padding-bottom: 2rem !important }
    .mobile-py4 { padding-top: 4rem !important; padding-bottom: 4rem !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-p0  { padding: 0 !important }
    .tablet-p1  { padding: .5rem !important }
    .tablet-p2  { padding: 1rem !important }
    .tablet-p3  { padding: 2rem !important }
    .tablet-p4  { padding: 4rem !important }

    .tablet-pt0 { padding-top: 0 !important }
    .tablet-pt1 { padding-top: .5rem !important }
    .tablet-pt2 { padding-top: 1rem !important }
    .tablet-pt3 { padding-top: 2rem !important }
    .tablet-pt4 { padding-top: 4rem !important }
    
    .tablet-pr0 { padding-right: 0 !important }
    .tablet-pr1 { padding-right: .5rem !important }
    .tablet-pr2 { padding-right: 1rem !important }
    .tablet-pr3 { padding-right: 2rem !important }
    .tablet-pr4 { padding-right: 4rem !important }

    .tablet-pb0 { padding-bottom: 0 !important }
    .tablet-pb1 { padding-bottom: .5rem !important }
    .tablet-pb2 { padding-bottom: 1rem !important }
    .tablet-pb3 { padding-bottom: 2rem !important }
    .tablet-pb4 { padding-bottom: 4rem !important }
    
    .tablet-pl0 { padding-left: 0 !important }
    .tablet-pl1 { padding-left: .5rem !important }
    .tablet-pl2 { padding-left: 1rem !important }
    .tablet-pl3 { padding-left: 2rem !important }
    .tablet-pl4 { padding-left: 4rem !important }
    
    .tablet-px0 { padding-left: 0 !important; padding-right: 0 !important }
    .tablet-px1 { padding-left: .5rem !important; padding-right: .5rem !important }
    .tablet-px2 { padding-left: 1rem !important; padding-right: 1rem !important }
    .tablet-px3 { padding-left: 2rem !important; padding-right: 2rem !important }
    .tablet-px4 { padding-left: 4rem !important; padding-right: 4rem !important }
    
    .tablet-py0 { padding-top: 0 !important; padding-bottom: 0 !important }
    .tablet-py1 { padding-top: .5rem !important; padding-bottom: .5rem !important }
    .tablet-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important }
    .tablet-py3 { padding-top: 2rem !important; padding-bottom: 2rem !important }
    .tablet-py4 { padding-top: 4rem !important; padding-bottom: 4rem !important }
}

@media (min-width: 1025px) {
    .desktop-p0  { padding: 0 !important }
    .desktop-p1  { padding: .5rem !important }
    .desktop-p2  { padding: 1rem !important }
    .desktop-p3  { padding: 2rem !important }
    .desktop-p4  { padding: 4rem !important }

    .desktop-pt0 { padding-top: 0 !important }
    .desktop-pt1 { padding-top: .5rem !important }
    .desktop-pt2 { padding-top: 1rem !important }
    .desktop-pt3 { padding-top: 2rem !important }
    .desktop-pt4 { padding-top: 4rem !important }
    
    .desktop-pr0 { padding-right: 0 !important }
    .desktop-pr1 { padding-right: .5rem !important }
    .desktop-pr2 { padding-right: 1rem !important }
    .desktop-pr3 { padding-right: 2rem !important }
    .desktop-pr4 { padding-right: 4rem !important }
    
    .desktop-pb0 { padding-bottom: 0 !important }
    .desktop-pb1 { padding-bottom: .5rem !important }
    .desktop-pb2 { padding-bottom: 1rem !important }
    .desktop-pb3 { padding-bottom: 2rem !important }
    .desktop-pb4 { padding-bottom: 4rem !important }
    
    .desktop-pl0 { padding-left: 0 !important }
    .desktop-pl1 { padding-left: .5rem !important }
    .desktop-pl2 { padding-left: 1rem !important }
    .desktop-pl3 { padding-left: 2rem !important }
    .desktop-pl4 { padding-left: 4rem !important }
    
    .desktop-px0 { padding-left: 0 !important; padding-right: 0 !important }
    .desktop-px1 { padding-left: .5rem !important; padding-right: .5rem !important }
    .desktop-px2 { padding-left: 1rem !important; padding-right: 1rem !important }
    .desktop-px3 { padding-left: 2rem !important; padding-right: 2rem !important }
    .desktop-px4 { padding-left: 4rem !important; padding-right: 4rem !important }
    
    .desktop-py0 { padding-top: 0 !important; padding-bottom: 0 !important }
    .desktop-py1 { padding-top: .5rem !important; padding-bottom: .5rem !important }
    .desktop-py2 { padding-top: 1rem !important; padding-bottom: 1rem !important }
    .desktop-py3 { padding-top: 2rem !important; padding-bottom: 2rem !important }
    .desktop-py4 { padding-top: 4rem !important; padding-bottom: 4rem !important }
}

/* Basscss Responsive Layout */

@media (max-width: 767px) {
    .mobile-inline       { display: inline !important }
    .mobile-block        { display: block !important }
    .mobile-inline-block { display: inline-block !important }
    .mobile-table        { display: table !important }
    .mobile-table-cell   { display: table-cell !important }

    .mobile-overflow-hidden { overflow: hidden !important }
    .mobile-overflow-scroll { overflow: scroll !important }
    .mobile-overflow-auto   { overflow: auto !important }

    .mobile-left  { float: left !important }
    .mobile-right { float: right !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-inline       { display: inline !important }
    .tablet-block        { display: block !important }
    .tablet-inline-block { display: inline-block !important }
    .tablet-table        { display: table !important }
    .tablet-table-cell   { display: table-cell !important }

    .tablet-overflow-hidden { overflow: hidden !important }
    .tablet-overflow-scroll { overflow: scroll !important }
    .tablet-overflow-auto   { overflow: auto !important }

    .tablet-left  { float: left !important }
    .tablet-right { float: right !important }
}

@media (min-width: 1025px) {
    .desktop-inline       { display: inline !important }
    .desktop-block        { display: block !important }
    .desktop-inline-block { display: inline-block !important }
    .desktop-table        { display: table !important }
    .desktop-table-cell   { display: table-cell !important }

    .desktop-overflow-hidden { overflow: hidden !important }
    .desktop-overflow-scroll { overflow: scroll !important }
    .desktop-overflow-auto   { overflow: auto !important }

    .desktop-left  { float: left !important }
    .desktop-right { float: right !important }
}

/* Basscss Responsive Position */

@media (max-width: 767px) {
    .mobile-relative { position: relative !important }
    .mobile-absolute { position: absolute !important }
    .mobile-fixed    { position: fixed !important }

    .mobile-top-0    { top: 0 !important }
    .mobile-right-0  { right: 0 !important }
    .mobile-bottom-0 { bottom: 0 !important }
    .mobile-left-0   { left: 0 !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-relative { position: relative !important }
    .tablet-absolute { position: absolute !important }
    .tablet-fixed    { position: fixed !important }

    .tablet-top-0    { top: 0 !important }
    .tablet-right-0  { right: 0 !important }
    .tablet-bottom-0 { bottom: 0 !important }
    .tablet-left-0   { left: 0 !important }
}

@media (min-width: 1025px) {
    .desktop-relative { position: relative !important }
    .desktop-absolute { position: absolute !important }
    .desktop-fixed    { position: fixed !important }

    .desktop-top-0    { top: 0 !important }
    .desktop-right-0  { right: 0 !important }
    .desktop-bottom-0 { bottom: 0 !important }
    .desktop-left-0   { left: 0 !important }
}

/* Basscss Responsive Typography */

@media (max-width: 767px) {
    .mobile-left-align   { text-align: left !important }
    .mobile-center       { text-align: center !important }
    .mobile-right-align  { text-align: right !important }
    .mobile-justify      { text-align: justify !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-left-align   { text-align: left !important }
    .tablet-center       { text-align: center !important }
    .tablet-right-align  { text-align: right !important }
    .tablet-justify      { text-align: justify !important }
}

@media (min-width: 1025px) {
    .desktop-left-align   { text-align: left !important }
    .desktop-center       { text-align: center !important }
    .desktop-right-align  { text-align: right !important }
    .desktop-justify      { text-align: justify !important }
}

/* Basscss Responsive Type Scale */

.h00 { font-size: 4rem !important }
.h0 { font-size: 3rem !important }
.h1 { font-size: 2rem !important }
.h2 { font-size: 1.5rem !important }
.h3 { font-size: 1.25rem !important }
.h4 { font-size: 1rem !important }
.h5 { font-size: .875rem !important }
.h6 { font-size: .75rem !important }

@media (max-width: 767px) {
    .mobile-h00 { font-size: 4rem !important }
    .mobile-h0 { font-size: 3rem !important }
    .mobile-h1 { font-size: 2rem !important }
    .mobile-h2 { font-size: 1.5rem !important }
    .mobile-h3 { font-size: 1.25rem !important }
    .mobile-h4 { font-size: 1rem !important }
    .mobile-h5 { font-size: .875rem !important }
    .mobile-h6 { font-size: .75rem !important }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-h00 { font-size: 4rem !important }
    .tablet-h0 { font-size: 3rem !important }
    .tablet-h1 { font-size: 2rem !important }
    .tablet-h2 { font-size: 1.5rem !important }
    .tablet-h3 { font-size: 1.25rem !important }
    .tablet-h4 { font-size: 1rem !important }
    .tablet-h5 { font-size: .875rem !important }
    .tablet-h6 { font-size: .75rem !important }
}

@media (min-width: 1025px) {
    .desktop-h00 { font-size: 4rem !important }
    .desktop-h0 { font-size: 3rem !important }
    .desktop-h1 { font-size: 2rem !important }
    .desktop-h2 { font-size: 1.5rem !important }
    .desktop-h3 { font-size: 1.25rem !important }
    .desktop-h4 { font-size: 1rem !important }
    .desktop-h5 { font-size: .875rem !important }
    .desktop-h6 { font-size: .75rem !important }
}

/* Basscss Colors */

.black  { color: #111111 !important }
.gray   { color: #AAAAAA !important }
.silver { color: #DDDDDD !important }
.white  { color: #FFFFFF !important }
.aqua  { color: #7FDBFF !important }
.blue  { color: #0074D9 !important }
.navy  { color: #001F3F !important }
.teal  { color: #39CCCC !important }
.green { color: #2ECC40 !important }
.olive { color: #3D9970 !important }
.lime  { color: #01FF70 !important }
.yellow  { color: #FFDC00 !important }
.orange  { color: #FF851B !important }
.red     { color: #FF4136 !important }
.fuchsia { color: #F012BE !important }
.purple  { color: #B10DC9 !important }
.maroon  { color: #85144B !important }
.color-inherit { color: inherit !important }
.muted { opacity: .5 !important }

/* Basscss Background Colors */

.bg-black  { background-color: #111111 !important }
.bg-gray   { background-color: #AAAAAA !important }
.bg-silver { background-color: #DDDDDD !important }
.bg-white  { background-color: #FFFFFF !important }
.bg-aqua  { background-color: #7FDBFF !important }
.bg-blue  { background-color: #0074D9 !important }
.bg-navy  { background-color: #001F3F !important }
.bg-teal  { background-color: #39CCCC !important }
.bg-green { background-color: #2ECC40 !important }
.bg-olive { background-color: #3D9970 !important }
.bg-lime  { background-color: #01FF70 !important }
.bg-yellow  { background-color: #FFDC00 !important }
.bg-orange  { background-color: #FF851B !important }
.bg-red     { background-color: #FF4136 !important }
.bg-fuchsia { background-color: #F012BE !important }
.bg-purple  { background-color: #B10DC9 !important }
.bg-maroon  { background-color: #85144B !important }

/* Basscss Border Colors */

.border-black  { border-color: #111111 !important }
.border-gray   { border-color: #AAAAAA !important }
.border-silver { border-color: #DDDDDD !important }
.border-white  { border-color: #FFFFFF !important }
.border-aqua  { border-color: #7FDBFF !important }
.border-blue  { border-color: #0074D9 !important }
.border-navy  { border-color: #001F3F !important }
.border-teal  { border-color: #39CCCC !important }
.border-green { border-color: #2ECC40 !important }
.border-olive { border-color: #3D9970 !important }
.border-lime  { border-color: #01FF70 !important }
.border-yellow  { border-color: #FFDC00 !important }
.border-orange  { border-color: #FF851B !important }
.border-red     { border-color: #FF4136 !important }
.border-fuchsia { border-color: #F012BE !important }
.border-purple  { border-color: #B10DC9 !important }
.border-maroon  { border-color: #85144B !important }

/* Basscss Darken */

.bg-darken-1 { background-color: rgba(0, 0, 0, .0625) !important }
.bg-darken-2 { background-color: rgba(0, 0, 0, .125) !important }
.bg-darken-3 { background-color: rgba(0, 0, 0, .25) !important }
.bg-darken-4 { background-color: rgba(0, 0, 0, .5) !important }

/* Basscss Lighten */

.bg-lighten-1 { background-color: rgba(255, 255, 255, .0625) !important }
.bg-lighten-2 { background-color: rgba(255, 255, 255, .125) !important }
.bg-lighten-3 { background-color: rgba(255, 255, 255, .25) !important }
.bg-lighten-4 { background-color: rgba(255, 255, 255, .5) !important }

/* Basscss Background Images */

.bg-cover   { background-size: cover !important }
.bg-contain { background-size: contain !important }
.bg-center  { background-position: center !important }
.bg-top     { background-position: top !important }
.bg-right   { background-position: right !important }
.bg-bottom  { background-position: bottom !important }
.bg-left    { background-position: left !important }
.bg-no-repeat { background-repeat: no-repeat !important }
.bg-repeat-x { background-repeat: repeat-x !important }
.bg-repeat-y { background-repeat: repeat-y !important }

/* Opacity */

.opacity-0 { opacity: 0; }
.opacity-10 { opacity: 0.1; }
.opacity-20 { opacity: 0.2; }
.opacity-30 { opacity: 0.3; }
.opacity-40 { opacity: 0.4; }
.opacity-50 { opacity: 0.5; }
.opacity-60 { opacity: 0.6; }
.opacity-70 { opacity: 0.7; }
.opacity-80 { opacity: 0.8; }
.opacity-90 { opacity: 0.9; }
.opacity-100 { opacity: 1; }

/* Basscss All */

.all-initial { all: initial !important }
.all-unset { all: unset !important }
.all-inherit { all: inherit !important }
.all-revert { all: revert !important }

/* Grid parent fix for entry content */

.entry-content > .grid-parent {
    margin-left: -10px;
    margin-right: -10px;
}