.alignleft {
    float: left;
    padding: 0 0.5rem 0.5rem 0
}
.alignright {
    float: right;
    padding: 0 0 0.5rem 0.5rem
}
.align-right {
    text-align: right
}
.breadcrumbs {
    background: url(_/inc/images/logo-kokopelli-small.png) no-repeat 0 70%;
    border: none;
    padding: 1.3rem 0 1rem 2rem
}
.breadcrumbs>* {
    color: #fff
}
.mobileHome {
    background: url(_/inc/images/logo-kokopelli-small.png) no-repeat 0 0;
    float: left;
    height: 2.2rem;
    margin-top: 0.5rem;
    width: 1.75rem;
    display: none
}
@media screen only and (max-width: 40em) {
    .mobileHome {
        display: block;
        float: left
    }
}
.navWrap {
    background: url("_/inc/images/bg-nav.png") no-repeat center top;
    height: 70px;
    width: 100%
}
.navWrap a {
    color: #fff
}
.mobileNav {
    float: right;
    font-size: 0.85rem;
    text-transform: uppercase;
    padding-top: 0.35rem
}
.mobileNav i {
    font-size: 2rem;
    vertical-align: middle
}
.left-off-canvas-menu {
    background: #333
}
#sideNav {
    padding: 2rem 2rem 0
}
#sideNav h4 {
    color: #fff
}
#sideNav ul {
    list-style: none;
    margin: 2rem 0 0
}
#sideNav a {
    color: #fff;
    display: block;
    font-size: 0.9rem;
    padding: 0.35rem 1rem
}
#sidebar {
    padding-top: 2rem
}
@media screen and (max-width: 40rem) {
    #sidebar {
        padding-bottom: 2rem
    }
}
#sidebar ul {
    list-style: none;
    margin: 0
}
.socialIcons {
    float: right
}
.socialIcons li {
    float: left
}
.socialIcons i {
    font-size: 2rem;
    padding-left: 0.75rem
}
.socialIcons .fi-social-facebook {
    color: #173270
}
.socialIcons .fi-social-twitter {
    color: #3498db
}
.socialIcons .fi-social-instagram {
    color: #80643c
}
.socialIcons .fi-social-youtube {
    color: #9b3f27
}
.partnerBlock {
    background: #d7d7d7;
    border-bottom: 3px solid #d7d7d7;
    border-radius: 0 0 5px 5px;
    clear: both;
    float: left;
    margin-bottom: 2rem;
    width: 100%
}
.partnerRotation {
    clear: both;
    float: left;
    padding: 2rem 2.5rem;
    width: 100%
}
#sidebar .slick-dots {
    margin-top: 1rem
}
.slick-dots button {
    background: #ececec;
    border-radius: 4px;
    color: #333;
    float: left;
    font-size: 0.85rem;
    height: 3rem;
    padding: 0;
    margin-right: 0.3rem;
    width: 3rem
}
.dealsBlock {
    background: #ebebeb;
    color: #444;
    clear: both;
    float: left;
    text-align: center;
    font-weight: 300;
    padding: 1rem 0;
    width: 100%
}
.dealsBlock a {
    color: #667361
}
.dealsBlock p {
    margin: 0
}
.latestPodcasts {
    clear: both;
    float: left;
    padding: 0 2.5rem;
    width: 100%
}
.latestPodcasts h5 {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1rem;
    padding-bottom: 1rem
}
.latestPodcasts a {
    color: #444;
    display: block;
    font-size: 0.9rem;
    line-height: 1.3;
    margin-bottom: 0.5rem;
    padding-left: 1rem;
    position: relative
}
.latestPodcasts a i {
    color: #eb685a;
    left: 0;
    font-size: 0.8rem;
    padding-right: 0.5rem;
    position: absolute;
    top: 2px
}
#searchform {
    clear: both;
    float: left;
    border: 1px solid #e1e1e1;
    margin-bottom: 1rem;
    padding: 0.45rem 0.75rem;
    width: 100%
}
#searchform label {
    display: visuallyhidden
}
#searchform input {
    float: left
}
#searchform input[type="search"] {
    width: 85%;
    border: none;
    box-shadow: none;
    margin: 0;
    padding: 0
}
#searchform input[type="search"]:focus {
    background: transparent
}
#searchform input[type="submit"] {
    background: url(_/inc/images/icon-search.png) no-repeat 50% 50%;
    border: none;
    border-left: 1px solid #ccc;
    cursor: pointer;
    height: 2rem;
    margin: 0;
    padding: 0 0 0 2%;
    text-indent: -999em;
    width: 15%
}
.bg-home {
    width: 100%;
    background: url("_/inc/images/bg-home.jpg") no-repeat center top;
    background-size: cover;
    min-height: 40.625rem;
    position: relative;
    text-align: center
}
@media screen and (max-width: 40rem) {
    .bg-home {
        min-height: 24rem
    }
}
.bg-home img {
    padding-top: 6.25rem
}
@media screen and (max-width: 40rem) {
    .bg-home img {
        padding-top: 1rem;
        max-width: 65%
    }
}
.bg-home h1 {
    bottom: 5%;
    color: #fff;
    font-size: 1.5rem;
    position: absolute;
    width: 100%
}
@media screen and (min-width: 46em) {
    .bg-home h1 span {
        display: block
    }
}
@media screen and (max-width: 40rem) {
    .bg-home h1 {
        font-size: 1rem;
        font-weight: 700;
        margin: 1rem auto 0;
        position: relative;
        width: 80%
    }
}
#homeNav {
    background: url("_/inc/images/bg-nav.png") no-repeat center top;
    height: 70px;
    width: 100%
}
#homeNav ul {
    margin: 0
}
#homeNav li {
    list-style: none;
    display: inline-block;
    padding: 0.9rem
}
@media screen and (max-width: 40rem) {
    #homeNav li {
        padding: 0.9rem 0.3rem
    }
}
#homeNav li a {
    color: #fff
}
@media screen and (max-width: 40em) {
    #homeNav li a {
        font-size: 0.75rem
    }
}
[class*="box-"] {
    border-top: 3px solid #74b34e;
    padding: 2rem 1rem;
    text-align: center;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
    width: 100%
}
[class*="box-"] h2 {
    color: #fff;
    font-size: 2.25rem;
    padding-bottom: 1rem
}
[class*="box-"] p {
    color: #fff;
    margin: 0
}
[class*="box-"]:hover {
    background-image: none
}
.box-podcast {
    background: #74b34e url("_/inc/images/bg-homebox1.png") no-repeat 50% 50%;
    background-size: cover
}
.box-join {
    background: #74b34e url("_/inc/images/bg-homebox2.png") no-repeat 50% 50%;
    background-size: cover
}
.box-join ul {
    list-style: none;
    margin: 0;
    text-align: center
}
.box-join li {
    background-image: url("_/inc/images/icon-homesocial.png");
    display: inline-block;
    text-indent: -9999em;
    margin-right: 1rem
}
.box-join li a {
    height: 36px;
    width: 36px;
    display: block
}
.box-join li:last-child {
    margin: 0
}
.box-join li.fb {
    background-position: 0 0
}
.box-join li.tw {
    background-position: -58px 0
}
.box-join li.ig {
    background-position: 36px 0
}
.box-reviews {
    background: #74b34e url("_/inc/images/bg-homebox3.png") no-repeat 50% 50%;
    background-size: cover
}
.box-partners {
    background: #74b34e url("_/inc/images/bg-homebox4.png") no-repeat 50% 50%;
    background-size: cover
}
.homeSep {
    margin-top: 2.2rem
}
.archive .large-8 h1 {
    padding: 1rem 0 0 1rem;
    margin-bottom: 4.5rem
}
.archive article {
    margin-bottom: 7rem
}
.archive article .container {
    border: 1px solid #ececec;
    border-radius: 4px;
    box-shadow: 0 4px #ccc;
    padding: 5rem 2rem 1.25rem;
    position: relative
}
.archive article .container .date {
    display: block
}
.archive article .container img {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    height: 8rem;
    left: 50%;
    margin-left: -4rem;
    width: 8rem;
    padding: 0.25rem;
    position: absolute;
    top: -4rem
}
.archive article .container p {
    margin: 0 0 1rem;
    font-size: 0.9rem
}
.archive article .container .date {
    font-size: 0.825rem;
    margin: 0.5rem 0
}
.archive [class*="column"]+[class*="column"]:last-child {
    float: left
}
.wp-pagenavi {
    clear: both;
    float: left;
    padding: 0 0 2rem 1rem;
    width: 100%
}
.wp-pagenavi span,
.wp-pagenavi a {
    float: left;
    margin-right: 0.8rem
}
.single h1 {
    margin-top: 3rem
}
@media only screen and (max-width: 40rem) {
    .single h1 {
        font-size: 1.5rem;
        line-height: 1;
        padding: 0 2rem
    }
}
.single .container {
    position: relative
}
.single .container .attachment-post-thumbnail,
.single .container .featuredImage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0
}
@media only screen and (max-width: 40rem) {
    .single .container .attachment-post-thumbnail,
    .single .container .featuredImage {
        position: relative
    }
}
.single .container .dateBox {
    background-color: rgba(0, 0, 0, 0.9);
    color: #fff;
    font-size: 0.85rem;
    font-weight: 300;
    padding: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10
}
.single .container .copyContainer {
    float: right;
    margin-top: 16rem;
    position: relative;
    width: 85%;
    z-index: 999
}
@media only screen and (max-width: 40rem) {
    .single .container .copyContainer {
        float: none;
        margin: 0;
        width: 100%
    }
}
.single .container .copyContainer .copy {
    background: #fff;
    clear: both;
    float: left;
    padding: 2rem;
    width: 100%
}
.listen {
    background: url(_/inc/images/bg-listen.jpg) no-repeat;
    background-size: cover;
    padding: 1.25rem 1.5rem 1rem 2rem
}
@media only screen and (max-width: 40rem) {
    .listen {
        padding: 0.85rem 1rem
    }
}
.listen .split.button {
    padding: 0;
    margin: 0;
    background: 0 none;
    border: none;
    float: left;
    text-align: left;
    width: 100%
}
.listen a {
    color: #fff;
    font-size: 1.625rem
}
@media only screen and (max-width: 40rem) {
    .listen a {
        font-size: 1.25rem
    }
}
.listen a i {
    font-size: 2.8rem;
    padding-right: 0.5rem;
    vertical-align: middle
}
@media only screen and (max-width: 40rem) {
    .listen a i {
        font-size: 2rem
    }
}
.listen .f-dropdown li a {
    font-size: 1rem
}
.archiveLink {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}
.archiveLink a {
    color: #fff;
    display: block;
    font-size: 0.875rem;
    line-height: 1.85;
    padding: 1.25rem
}
.productSite {
    background: url(_/inc/images/bg-listen.jpg) no-repeat;
    background-size: cover;
    padding: 1.25rem 1.5rem 1rem 2rem
}
.productSite a {
    color: #fff;
    font-size: 1.625rem
}
.productSite a i {
    font-size: 2.8rem;
    padding-right: 0.5rem;
    vertical-align: middle
}
.postnav {
    clear: both;
    float: left;
    padding: 3rem 0;
    width: 100%
}
@media only screen and (max-width: 40rem) {
    .postnav {
        padding: 0 2rem
    }
}
.postnav a {
    width: 50%
}
.postnav i {
    color: #2ba6cb;
    font-size: 2rem;
    vertical-align: middle
}
#respond {
    clear: both;
    float: left;
    padding: 1rem 0;
    width: 100%
}
#disqus_thread {
    clear: both;
    float: left;
    padding-bottom: 2rem;
    width: 100%
}
@media only screen and (max-width: 40rem) {
    #disqus_thread {
        padding: 0 2rem
    }
}
.partner-page h1 {
    margin-bottom: 0
}
.partner-page p {
    margin-bottom: 3rem
}
#searchResults {
    list-style: none
}
footer {
    background: url(_/inc/images/bg-footer.jpg) no-repeat center top;
    color: #fff;
    min-height: 7.625rem;
    padding: 1.5rem 0 0;
    text-align: center
}
footer p {
    font-size: 0.875rem;
    font-weight: 300;
    margin: 0
}
footer a {
    color: #fff;
    font-size: 1rem;
    font-weight: 500
}
footer a:last-child {
    font-weight: 300
}
.home footer {
    background: none;
    color: #444;
    min-height: 0;
    padding-bottom: 2rem
}
.home footer .columns:first-child {
    text-align: left
}
@media screen and (max-width: 40em) {
    .home footer .columns:first-child {
        text-align: center
    }
}
.home footer .columns:last-child {
    text-align: right
}
@media screen and (max-width: 40em) {
    .home footer .columns:last-child {
        text-align: center
    }
}
.home footer a {
    color: #2ba6cb
}
@media screen and (max-width: 40em) {
    .home footer {
        padding-top: 0
    }
}
.credit {
    font-size: 0.85rem
}
/* WOO COMMERCE OVERRIDES */
#content {width:70%; margin:auto}
.label {
    background-color: #2ba6cb;
    color: #ffffff;
    font-family: "proxima-nova",Helvetica,Arial,sans-serif;
    font-size: 0.688rem;
    margin-bottom: auto;
    margin-top: 10px;
    padding: 7px 25px !important;
border-radius:3px;
}

.woocommerce div.product .woocommerce-tabs .panel  {
    display: none!important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    display: none;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    font-size: 100%;
    margin: 0;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 3px;
    left: auto;
    color: #FFFFFF !important;
    background-color: #2ba6cb !important;
    border: 0;
    white-space: nowrap;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    text-shadow: none;
}

a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #666 !important;

}

 .price {color: #02a64b !important;}