/*
Theme Name:         FoundationPress
Theme URI:          http://foundationpress.olefredrik.com
Github Theme URI:   https://github.com/olefredrik/FoundationPress
Description:        FoundationPress is a WordPress starter theme based on Foundation 5 by Zurb
Version:            5.5.2
Author:             Ole Fredrik Lie
Author URI:         http://olefredrik.com/

License:            MIT License
License URI:        http://www.opensource.org/licenses/mit-license.php
*/

/* ---------------------------------------------------------------------------- 
  
  Unfortunately WordPress will require a style.css file
  located in the theme's root folder for stuff to work.

  However, we will not be using vanilla CSS. We're using Sass.

  Sass is a superset of CSS that adds in amazing features
  such as variables, nested selectors and loops. It's also
  the easiest way to customize Foundation.

  All Sass files are located in the /scss folder.

  Please read the README.md file before getting started. More info on how
  to use Sass with Foundation can be found here:
  http://foundation.zurb.com/docs/sass.html

  If you for some reason would like to write plain css instead of using Sass,
  you could just enqueue this file (style.css) to the header and add your styles in this file

---------------------------------------------------------------------------- */


header#homepage-header {
    background-image: url('/wp-content/uploads/2015/05/home-header-bg.jpg') !important;
}

span.error-no-sub {
    max-width: 90%;
    margin: 3rem auto !important;
    display: block;
    text-align: center;
    color: #fff;
    padding: 1rem 2rem;
    font-size: 25px;
    background: #02b4cf;
}
span.error-no-sub a {
    background: #fff !important;
    color: #02b4cf !important;
    display: inline-block;
    margin: 1rem 0px;
    padding: 5px 2rem;
    border-radius: 3px;
    box-shadow: 0px 2px 0px 0px #0f8192;
}
style.title {
    display: block;
    font-weight: 700;
    font-size: 17px; }

.top-bar-section .divider, .top-bar-section [role="separator"] {
  border-top: solid 0px #1a1a1a !important;
}

.post-25 .woocommerce .woocommerce-error {
    display: none;
}

#home-membership ul.tabs,
.page-id-507 ul.tabs{
  text-align: center;
}

#home-membership .tabs .tab-title.active a,
.page-id-507 .tabs .tab-title.active a {
  background-color: #02B4CF;
  color: #FFFFFF;
  font-weight: 600;
  border-radius: 3px;
}

#home-membership .tabs .tab-title > a,
.page-id-507 .tabs .tab-title > a {
  background-color: #EAEAEA;
  border-radius: 3px;
}

li.accordion-navigation p {
    padding-right: 2em;
}

#gform_wrapper_1 {
    padding-top: 1em;
}

#gform_wrapper_1 label {
    display: none;
}

#gform_wrapper_1 .validation_error {
    font-size: 15px!important;
    color: #424D55!important;
    border: 1px solid #fff!important;
    border-radius: 3px;
    padding: 1em!important;
    box-sizing: border-box;
}

#gform_wrapper_1 li.gfield.gfield_error {
    background-color: #02b4cf !important;
    margin-bottom: 0em !important;
    padding: 0;
    border-top: 0px !important;
    border-bottom: 0px !important;
    top: 28px;
    position: relative;
}

#home-resources .small-12.large-4.columns.home-features:last-child {
    float: left;
}

#home-membership > .row:first-child {
    max-width: 800px;
    text-align: center;
    padding-top: 4em;
}

#home-testimonials h2 {
    padding-bottom: 1em;
    text-align: center;
}

#home-testimonials .row {
    padding-bottom: 4em;
}

.page-id-38 .small-12.large-3.columns:last-child {
    float: left;
}

.members-overview-description p {
    color: #464C4E;
}

.woocommerce .woocommerce-message {
    border-top-color: #B5DA29 !important;
}

.woocommerce a.button.alt,
input#place_order {
  background-color: #68C30E !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 2em;
  border-radius: 0px;
}

input#place_order {
  width: 100%;
}

#header-title {
    margin-top: -3em !important;
    color: #000 !important;
    border-bottom: 1px solid #E0E0E0 !important;
    margin-bottom: 4em !important;
    background: #fff !important;
}

#header-title .row {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
}

#header-title h1 {
    margin-bottom: 0rem !important;
    margin-top: 0rem !important;
    font-weight: 400 !important;
}



.row.accordion-tab-buttons {
    padding-top: 0em !important;
    padding-bottom: 0em !important;
}

#home-membership > .row:first-child {
    padding-bottom: 1em !important;
}

.page-id-507 .inner-wrap {
    background: #f8f9fb;
}

.page-id-507 ul.tabs {
    padding-bottom: 2em;
}

li.accordion-navigation:nth-child(even) {
    background-color: #f8f9fb !important;
}

li.accordion-navigation:nth-child(odd) {
    background-color: #ffffff !important;
}

.page-template-page-members #header-title {
    display: none !important;
}

input#input_1_3,
input#input_1_1 {
    border-radius: 4px;
    line-height: 3em;
    height: 3em;
}

.gform_wrapper .top_label li.gfield.gf_left_half {
    width: 39% !important;
}

input#gform_submit_button_1 {
  margin-top: -73px !important;
}

li#field_1_1 {
    width: 34% !important;
}

input#input_1_1 {
    width: 98.5% !important;
}

.blog .small-12.large-8.columns article {
    box-sizing: border-box;
    padding: 2em;
    background: #f8f9fb;
    margin-bottom: 3em;
    border-radius: 4px;
}

a.members-dashboard-link {
  margin: 3em auto;
}

.page-id-12 .entry-content .wp-video {
    margin: 0 auto;
}
.page-id-12 .entry-content {
    max-width: 900px;
    margin: 0 auto;
}

#header-title {
  margin-bottom: 3em !important;
}

.page-id-518 #header-title {
  margin-bottom: -1em !important;
}

article.type-post hr {
    display: none;
}

.page-id-16 #display-post-content.row,
.page-id-18 #display-post-content.row {
    display: none !important;
}

table.shop_table.shop_table_responsive.my_account_orders {
    width: 100%;
    max-width: 100%;
}

ul.woocommerce-thankyou-order-details.order_details {
    background: #F5F5F5;
    padding: 10px;
    border-radius: 3px;
}

mark {
    background: #D4F9FF;
    padding: 0px 3px;
    color: #000;
}

.woocommerce.woocommerce-page {
    padding-left: 0rem;
    padding-right: 0rem;
}

.single-post h1.entry-title {
    display: none;
}

#members-free-resources {
    padding-left: 2em;
    padding-right: 2em;
    margin-bottom: 2em;
}

#members-free-resources #home-subscribe .row {
    padding: 1em !important;
}

#members-free-resources ul li:before {
    display: none !important;
}

#members-free-resources ul li {
  padding-bottom: 0px !important;
}

#members-free-resources input#input_1_1 {
    width: 93.5% !important;
}

#members-free-resources #home-subscribe {
    background: #fff !important;
    border: 1px solid #EDEEEF !important;
}

#members-free-resources input#gform_submit_button_1 {
    background-color: #02B4CF !important;
    font-weight: 600 !important;
}

#members-free-resources p {
  color: #5D5D5D !important;
}

#members-free-resources h2 {
  color: #02b4cf !important;
}

#global-footer i.fa {
    padding-right: 20px;
    color: #02B4CF;
    font-size: 23px;
    padding-top: 7px;
}

a#simple-menu {
    background: #FDA71A;
    color: #fff !important;
    padding: 7px 9px !important;
    font-weight: 600;
    border-radius: 3px;
    top: 10px !important;
    left: 9px !important;
}

a.members-dashboard-link {
    display: block;
    margin: 1em auto;
    text-align: center;
    border: 2px solid;
    border-radius: 100px;
    padding: 15px 6px !important;
    width: 318px !important;
    background: #FDA71A !important;
    color: #fff;
    font-weight: 600;
}

@media only screen and (min-width: 768px) {
  .woocommerce table.shop_table th {
      padding: 16px 12px;
      width: 11%;
  }
}

#header-title {
  padding-left: 2em;
  padding-right: 2em;
}

#display-post-content {
    padding-left: 1em;
    padding-right: 1em;
}

#faq-accordion p {
    padding-top: 10px;
}

#members-modules .woocommerce h2 {
    display: block;
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
}

.woocommerce h2 {
    float: none !important;
    display: block !important;
    clear: both !important;
    text-align: center !important;
}

@media only screen and (max-width: 1025px) {
  #feedback-block .small-12.large-8.columns {
    border-right: 0px solid #E4E4E4 !important;
  }
  #feedback-block {
    padding: .5em 1.5em !important;
  }
  #feedback-block .modalbutton {
    margin-top: 0em; 
    margin-left: 0em; 
  }
  .reveal-modal {
    min-height: 730px;
  }
}

@media only screen and (max-width: 820px) {
  .page-template-page-members .tab-bar {
      background-color: #3A3A3A !important;
  }
  .page-template-page-members #homepage-header .top-bar-container {
    background: #fff !important;
    height: 57px !important;
  }
  /*.accordion .accordion-navigation > a, .accordion dd > a, li.sidr-menu-sibling {
    font-size: 16px !important;
  }*/
/*  .sidr {
    width: 21em !important;
  }*/
}

form#searchform > .row {
    padding-bottom: 0em!important;
    padding-top: 4em;
}
form#searchform {
    max-width: 1140px;
    margin: 0 auto;
}

form#searchform input#searchsubmit {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 1px;
}

a#simple-menu {
    position: relative !important;
    border-radius: 100px !important;
    padding: 15px!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
    padding-left: 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d3d3d3;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    list-style-type: none;
    margin-left: 0px;
}

li.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--downloads {
    display: none;
}
.right-small {
    height: auto !important;
    position: relative !important;
    width: auto !important;
    border-right: none !important;
}
a.members-dashboard-link {
    margin: 1em auto 0px important;
}
.right-off-canvas-menu {
    width: auto !important;
}
.move-left > .inner-wrap {
    -webkit-transform: translate3d(-24.8rem, 0, 0) !important;
    -moz-transform: translate3d(-24.8rem, 0, 0) !important;
    -ms-transform: translate(-24.8rem, 0) !important;
    -ms-transform: translate3d(-24.8rem, 0, 0) !important;
    -o-transform: translate3d(-24.8rem, 0, 0) !important;
    transform: translate3d(-24.8rem, 0, 0) !important; 
} 
.off-canvas-wrap.move-left .right-off-canvas-menu {
    box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.13);
    background: #fff !important;
}
.move-left .exit-off-canvas {
  box-shadow: none !important;
}
.right-off-canvas-menu i.fa {
    color: #fff;
    font-size: 16px;
    background: #39df68;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 8px 0px;
    margin-right: 15px;
    margin-left: 2rem;
}
ul.off-canvas-list li a{
  border-bottom:0px !important;
}
.right-off-canvas-menu ul {
    list-style: none !important;
}
.right-off-canvas-menu ul.accordion li ul a {
  padding:0px !important;
}
.right-off-canvas-menu ul.off-canvas-list li a:hover {
  background:none !important;
}
a.members-dashboard-link {
    display: block;
    margin: 1em auto;
    text-align: center;
    border: 2px solid;
    border-radius: 100px;
    padding: 10px;
    width: 100% !important;
    max-width: 318px;
    box-sizing: border-box;
    background: #02B4CF;
    color: #fff;
    font-weight: 600;
}
.right-off-canvas-menu i.fa {
    color: #fff;
    font-size: 16px;
    background: #39df68;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 18px;
    vertical-align: middle;
    padding: 8px 0px;
    float: right;
    margin-right: 30px;
    margin-left: 3rem;
}

/*@media screen and (max-width:767px) {
.move-left > .inner-wrap {
    -webkit-transform: translate3d(-16rem, 0, 0) !important;
    -moz-transform: translate3d(-16rem, 0, 0) !important;
    -ms-transform: translate(-16rem, 0) !important;
    -ms-transform: translate3d(-16rem, 0, 0) !important;
    -o-transform: translate3d(-16rem, 0, 0) !important;
    transform: translate3d(-16rem, 0, 0) !important;
} 
.accordion .accordion-navigation > a, .accordion dd > a {
    padding: 1rem !important ;
    line-height: 35px !important;
}
li.sidr-menu-sub-title.accordion-navigation {

    background-position-x: 92% !important;
}
.right-off-canvas-menu li.sidr-menu-sibling {
    padding-left: 27px;
    padding-right: 0em;
    padding-top: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid #E8E8E8;
    font: 400 18px 'Source Sans Pro';
    color: #444244;
    width: 17rem !important;
}
}*/

.right-off-canvas-menu i.fa {
    float: left !important;
    margin-left: .5rem !important;
    margin-right: 15px;
    top: -3px;
}

.off-canvas-wrap.move-left .right-off-canvas-menu {
    width: 400px !important;
}

.right-off-canvas-menu ul {
    margin-left: 0em;
}

li.sidr-menu-sibling {
    padding-left: 79px !important; }

.system-bar img {
    max-width: 75%;
    padding: 8px 0px;
}
.system-bar .row {
    padding: 1.15rem 0px !important;
}
.system-bar.fullWidth {
    background: #26bed5;
}
.system-bar h4 {
    color: #fff;
    text-align: center;
    font-size: 35px;
    padding: 10px 0px;
}
.system-bar a {
    color: #26bed5;
    background: #ffffff;
    padding: .75rem 2rem;
    border-radius: 6px;
    text-transform: uppercase;
    font-weight: bold;
    width: 157px;
    position: relative;
    text-align: right;
    top: 21px;
}
.system-bar .large-3.small-12.columns {
    text-align: right;
}
@media screen and (max-width:1023px) {
    .system-bar.fullWidth {
        text-align: center;
    }
    .system-bar img {
        max-width: 330px;
        width: 100%;
    }
    .system-bar a {
        top: 0px !important;
        text-align: center;
    }
    .system-bar .large-3.small-12.columns {
        text-align: center;
    }
    .system-bar .row {
        padding: 2rem 1rem 3.5rem !important;
    }
}