/*
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: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.media-center {
    -webkit-box-align: center;
       -ms-flex-align: center;
   -ms-grid-row-align: center;
          align-items: center;
}

.media-bottom {
    -webkit-box-align: end;
       -ms-flex-align: end;
   -ms-grid-row-align: flex-end;
          align-items: flex-end;
}

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

.media-body {
    -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
                flex: 1 1 auto;
}

@media (max-width: 767px) {
    .mobile-media { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .tablet-media { display: -webkit-box; display: -ms-flexbox; display: flex }
}

@media (min-width: 1025px) {
    .desktop-media { display: -webkit-box; display: -ms-flexbox; 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; 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; 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; 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:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }

@media (max-width: 767px){
    .mobile-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
    .mobile-flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
    .mobile-flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
}

@media (min-width: 768px) and (max-width: 1024px){
    .tablet-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
    .tablet-flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
    .tablet-flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
}

@media (min-width: 1025px){
    .desktop-flex{ display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex }
    .desktop-flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
    .desktop-flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }
}

.flex-column{ -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column }
.flex-wrap{ -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap }

.items-start{ -webkit-box-align:start; -webkit-align-items:flex-start; -ms-flex-align:start; -ms-grid-row-align:flex-start; align-items:flex-start }
.items-end{ -webkit-box-align:end; -webkit-align-items:flex-end; -ms-flex-align:end; -ms-grid-row-align:flex-end; align-items:flex-end }
.items-center{ -webkit-box-align:center; -webkit-align-items:center; -ms-flex-align:center; -ms-grid-row-align:center; align-items:center }
.items-baseline{ -webkit-box-align:baseline; -webkit-align-items:baseline; -ms-flex-align:baseline; -ms-grid-row-align:baseline; align-items:baseline }
.items-stretch{ -webkit-box-align:stretch; -webkit-align-items:stretch; -ms-flex-align:stretch; -ms-grid-row-align:stretch; align-items:stretch }

.self-start{ -webkit-align-self:flex-start; -ms-flex-item-align:start; align-self:flex-start }
.self-end{ -webkit-align-self:flex-end; -ms-flex-item-align:end; align-self:flex-end }
.self-center{ -webkit-align-self:center; -ms-flex-item-align:center; align-self:center }
.self-baseline{ -webkit-align-self:baseline; -ms-flex-item-align:baseline; align-self:baseline }
.self-stretch{ -webkit-align-self:stretch; -ms-flex-item-align:stretch; align-self:stretch }

.justify-start{ -webkit-box-pack:start; -webkit-justify-content:flex-start; -ms-flex-pack:start; justify-content:flex-start }
.justify-end{ -webkit-box-pack:end; -webkit-justify-content:flex-end; -ms-flex-pack:end; justify-content:flex-end }
.justify-center{ -webkit-box-pack:center; -webkit-justify-content:center; -ms-flex-pack:center; justify-content:center }
.justify-between{ -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between }
.justify-around{ -webkit-justify-content:space-around; -ms-flex-pack:distribute; justify-content:space-around }

.content-start{ -webkit-align-content:flex-start; -ms-flex-line-pack:start; align-content:flex-start }
.content-end{ -webkit-align-content:flex-end; -ms-flex-line-pack:end; align-content:flex-end }
.content-center{ -webkit-align-content:center; -ms-flex-line-pack:center; align-content:center }
.content-between{ -webkit-align-content:space-between; -ms-flex-line-pack:justify; align-content:space-between }
.content-around{ -webkit-align-content:space-around; -ms-flex-line-pack:distribute; align-content:space-around }
.content-stretch{ -webkit-align-content:stretch; -ms-flex-line-pack:stretch; align-content:stretch }

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

.order-0{ -webkit-box-ordinal-group:1; -webkit-order:0; -ms-flex-order:0; order:0 }
.order-1{ -webkit-box-ordinal-group:2; -webkit-order:1; -ms-flex-order:1; order:1 }
.order-2{ -webkit-box-ordinal-group:3; -webkit-order:2; -ms-flex-order:2; order:2 }
.order-3{ -webkit-box-ordinal-group:4; -webkit-order:3; -ms-flex-order:3; order:3 }
.order-last{ -webkit-box-ordinal-group:100000; -webkit-order:99999; -ms-flex-order:99999; 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 */

/* 

   VARIABLES

   - Cool
   - Warm
   - Gray Scale

*/

.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;
}