body{
  font-size:24px;
  font-family: 'TisaSansPro', sans-serif;
  line-height:1.1;
}
body .main 
{
  background-image: none;
  background-color: #575756;
}
#main_nav a{
  font-size:14px;
}
.container-no-conflict{
  width:100% !important;
}

.border-me{
  border:2px solid black;
}
.dark-grey-bg,
.light-grey-bg{
  padding: 25px 0;
}
.dark-grey-bg{
  background-color: #3C3C3B;
}
#free-resources-row-2{
  
}
#fr-create-character,
#fr-start-first-third,
#fr-start-second-third,
#fr-yoga-flex{
  margin-right:23px;
}
#fr-join-rebellion,
#fr-next-steps{
  margin-bottom: 1em;
}
#fr-create-character,
#fr-yoga-flex{
  margin-bottom:1em;
}
.fr-buttons-square{
  font-family: 'KomikaAxisRegular';
  box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.75);
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-align:center;
      -webkit-align-items:center;
          align-items:center;
  -ms-flex-pack:center;
      -webkit-justify-content:center;
          justify-content:center;
  text-align:center;
  line-height:1.2;
}



 
@media screen and (min-width:768px){
  .row-equal-height{
     display: -ms-flexbox;
     display:         flex;
     display: -webkit-flex;
     -ms-flex: 1 1 auto;
         -webkit-flex: 1 1 auto;
             flex: 1 1 auto;
   }
}

/* THIS CSS CONTROLS THE CREATE YOUR CHARACTER CARD */
#fr-create-character{
  background: url('/wp-content/themes/NerdFitness/templates/images/fr-create-character-bg.jpg') center top no-repeat #DABD9C;
  background-size:100% 100%;
  background-size:cover;
  padding:40px;
  color: #3B3B3A;

}
.fr-create-character-text{
  width:60%;
}
.fr-create-character-line-1{
  font-size: 1.58em;
  margin-bottom:10px;
  font-style:italic;
}
.fr-create-character-line-2{
  font-size:2.16em;
  margin-bottom:25px;
  font-weight:700;
}
.fr-create-character-line-2 .fr-red{
  color:#C73737;
  font-weight:300;
}
.fr-create-character-body-text{
  line-height:1.3;
}
#fr-create-character-button-link{
    width: 35%;
    display: inline;
    float: right;
    position: absolute;
    bottom: 15%;
    right: 5%;
}
.fr-create-character-button{
  background-color:#C43737;
  color:white;
  font-size:1.2em;
  padding:20px 0;
}
.fr-create-character-button:hover{
  background-color:#9f2c2c;
}


/* END CREATE YOUR CHARACTER CARD */

/* THIS CSS CONTROLS THE JOIN THE REBELLION CARD */
#fr-join-rebellion{
  background: rgba(46,63,96,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(46,63,96,1)), color-stop(38%, rgba(46,63,96,0.63)), color-stop(88%, rgba(46,63,96,0.15)), color-stop(91%, rgba(46,63,96,0.15)));
  background: linear-gradient(to bottom, rgba(46,63,96,1) 0%, rgba(46,63,96,0.63) 38%, rgba(46,63,96,0.15) 88%, rgba(46,63,96,0.15) 91%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e3f60', endColorstr='#2e3f60', GradientType=0 );
  /* http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28top\%2C\%20rgba\%2846\%2C63\%2C96\%2C1\%29\%200\%25\%2C\%20rgba\%2846\%2C63\%2C96\%2C0\.63\%29\%2038\%25\%2C\%20rgba\%2846\%2C63\%2C96\%2C0\.15\%29\%2088\%25\%2C\%20rgba\%2846\%2C63\%2C96\%2C0\.15\%29\%2091\%25\%29\%3B' */
   display:-ms-flexbox;
      display:-webkit-flex;
      display:flex;
      -ms-flex-direction:column;
          -webkit-flex-direction:column;
              flex-direction:column;
      -ms-flex-pack:center;
          -webkit-justify-content:center;
              justify-content:center;


  background: url('/wp-content/themes/NerdFitness/templates/images/join-forums-bg.jpg') top center no-repeat rgba(46,63,96,1);
  background-size:100% 100%;
  background-size:cover;

  color:white;
  padding:40px;
}
.fr-join-rebellion-text{
  font-size:1.58em;
  margin-left:auto;
  margin-right:auto;
  line-height:1.1;
  text-align:center;
}
.fr-join-rebellion-larger-text{
  font-size:1.8em;
}
#fr-join-rebellion-button-link{
  
}
.fr-join-rebellion-button{
   background-color:#C43737;
   color:white;
   padding:10px;
   font-size:1.2em;
   margin-top:20px;
}
.fr-join-rebellion-button:hover{
  background-color: #9f2c2c;
}



/* END JOIN THE REBELLION CARD */

/* THIS CSS CONTROLS THE FREE STARTER KIT CARD */
#fr-starter-kit{
  background: url('/wp-content/themes/NerdFitness/templates/images/starter-kit-bg.jpg') left top no-repeat #C43737;
  background-size:100% 100%;
  background-size:cover;
  min-height:321px;
  height:auto;
  display:-ms-flexbox;
  display:flex;
  display: -webkit-flex;
  -ms-flex-align: center;
      -webkit-align-items: center;
          align-items: center;
  -ms-flex-pack: justify;
      -webkit-justify-content: space-between;
          justify-content: space-between;
  padding:40px;
  color:white;
  line-height:1.3;
}
.fr-starter-text{
  z-index:30;
}
.fr-starter-text-join{
  font-size:1.7em;
}
.fr-starter-text-get{
  font-size:1.8em;
  width:65%;
  display:inline-block;
}

#fr-starter-kit-text-spacer{
  margin-left:10px;
  font-style:italic;
}
.fr-starter-kit-card-images{
  position:absolute;
  right:32%;
  max-width:280px;
  top:7%;
  z-index:10;
  -ms-flex-negative:0;
          -webkit-flex-shrink:0;
          flex-shrink:0;
}
.fr-starter-kit-card-images img{
  max-height:205px;
}
#fr-paleo-diet{
    position: relative;
    bottom: 127px;
    right: -140px;
}
#fr-starter-signup{
  -ms-flex-preferred-size:25%;
          -webkit-flex-basis:25%;
          flex-basis:25%;
  z-index:20;
  -ms-flex-negative:0;
          -webkit-flex-shrink:0;
          flex-shrink:0;
}
#fr-starter-signup input.infusion-field-input-container{
  height:35px;
  text-align:center;
  font-size:18px;
  box-shadow: inset 0px 0px 9px 0px rgba(0,0,0,0.75);
  border-radius:0;
  width: 95%;
}
#fr-starter-kit .buttonContainer input{
  background:none;
  background-color:#EEA235 !important;
  font-size:1.25em;
  max-height:60px;
  font-family: 'KomikaAxisRegular';
  color:white;
  border:0;
  max-width:100%;
  width:100%;
  padding:10px 0;
  border-radius:0;
  font-style:normal;
}
#fr-starter-kit .buttonContainer input:hover{
  background-color: #f7931e !important;
}


/* END FREE STARTER KIT CARD */

/* THIS CSS CONTROLS THE THREE GETTING STARTED CARDS */
.getting-started-column{
  background-color: #E5E5E5;
  padding:46px;
}
#get-started-header-text{
  text-align:center;
  color:white;
  margin-top: -16px;
}
.fr-get-started-third-title{
  font-size:1.7em;
  color: #575756;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
}
.fr-get-started-third-subtitle{
  font-size:1.2em;
  font-style:italic;
  font-weight:700;
  color:#575756;
  text-align:center;
  text-decoration:underline;
  margin:10px;
}
ul.fr-get-started-third-list{
  margin: .5em;
}
ul.fr-get-started-third-list li{
  list-style: disc;
  font-weight:700;
}
#fr-next-steps #red-line{
    position: absolute;
    top: 0;
    left: 0;
    height: 141px;
    width: 100%;
}


/* END CREATE THREE GETTING STARTED CARDS */

/* THIS CSS CONTROLS THE YOGA TOUCH YOUR TOES CARD */
#fr-yoga-flex{
  background: url('/wp-content/themes/NerdFitness/templates/images/yoga-card-bg.jpg') top center no-repeat #DCD7C9;
  background-size: 100% 100%;
  background-size: cover;
  padding:46px;
  min-height:400px;
  font-family: "nueva-std-condensed", serif;
  font-style: italic;
  font-weight: 700;
}
.fr-yoga-content{
  max-width:70%;
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-direction:column;
      -webkit-flex-direction:column;
          flex-direction:column;
  -ms-flex-pack:center;
      -webkit-justify-content:center;
          justify-content:center;
  height:100%;
}
.fr-yoga-flex-header{
  font-size:1.8em;
  color:#2048AA;
  line-height:1;
}
.fr-yoga-flex-text{
  margin-top:.8em;
  font-size:36px;
  color: #3B3B3A;
  max-width:80%;
}
.fr-yoga-flex-button{
  border-radius:5px;
  padding-top:5px;
  border:2px solid #2048AA;
  background: rgba(53,163,218,1);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(53,163,218,1)), color-stop(100%, rgba(32,71,170,1)));
  background: linear-gradient(to bottom, rgba(53,163,218,1) 0%, rgba(32,71,170,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35a3da', endColorstr='#2047aa', GradientType=0 );

  display:-ms-flexbox;

  display:-webkit-flex;

  display:flex;
  -ms-flex-align:center;
      -webkit-align-items:center;
          align-items:center;
  -ms-flex-pack:center;
      -webkit-justify-content:center;
          justify-content:center;

  height:65px;
  color:white;
  text-align:center;
  font-family: 'TisaSansPro', sans-serif;
  font-size:1.16em;
  text-transform: uppercase;
  margin-top:15px;
  padding: 10px 5px 5px 5px;
}
.fr-yoga-flex-button:hover{
    background: #4973b2;
    background: linear-gradient(to bottom,#4973b2 0%,#3164b5 100%);
}


/* END YOGA TOUCH YOUR TOES CARD */

/* THIS CSS CONTROLS THE READY TO TAKE THE NEXT STEP CARD */
#fr-next-steps{
  background: url('/wp-content/themes/NerdFitness/templates/images/academy-swords.png') right bottom no-repeat,
              url('/wp-content/themes/NerdFitness/templates/images/next-steps-bg.jpg') top center no-repeat
               #E4C168;
  background-size: 100% 100%;
  background-size: contain, cover;
  padding:46px;
  min-height:400px;
}
.fr-next-step-header{
  color: #BF3737;
  font-size:1.5em;
  font-style:italic;
}
.fr-next-step-header-xl{
  text-transform:uppercase;
  font-size:1.5em;
  white-space:nowrap;
  font-weight:700;
  font-style:normal;
}
#fr-next-steps p{
  color: #3B3B3A;
  font-size:.8em;
  font-weight:700;
  font-style:italic;
  margin-bottom:.5em;
}
.fr-next-step-left-text{
 
}
ul.fr-next-step-left-text li {
    list-style: disc;
    font-weight: 700;
    margin-top: 10px;
    line-height:1.4;
}
.fr-next-step-right-column{
  display:-ms-flexbox;
  display:-webkit-flex;
  display:flex;
  -ms-flex-direction:column;
      -webkit-flex-direction:column;
          flex-direction:column;
  -ms-flex-pack:center;
      -webkit-justify-content:center;
          justify-content:center;
  height:100%;
}
.fr-next-steps-button{
  margin-top:44px;
  padding:20px;
  background-color: #EB6400;
  color:white;
}
.fr-next-steps-button:hover{
  background: rgba(247,147,30,1);
}
.desktop-hide{
  display:none;
}


/* END READY TO TAKE THE NEXT STEP CARD */

@media screen and (max-width:1199px){

  /* Media queries for general modifiction */


  /* Media queries for Free character card */
   

  /* Media queries for Join forums card */


  /* Media queeries for Starter Kit card */
  #fr-starter-signup{
    -ms-flex-preferred-size:30%;
            -webkit-flex-basis:30%;
            flex-basis:30%;
        margin-bottom:1em;
  }
  .fr-starter-kit-card-image{
    max-width:220px;
    top:22%;
  }

  /* Media queries for thirds */
  .getting-started-column{
    padding:46px;
  }
  .getting-started-column:nth-child(3){
    margin-bottom:0;
  }

  /* Media queries for touch your toes */
  #fr-yoga-flex{
    background-position:80%;
  }

  /* Media queries for next steps */
  #fr-next-steps{
    background-position:77%;
  }
  .fr-next-step-header-xl{
    font-size:1.4em;
    
  }
  .fr-next-step-left-text{
    
  }

}
@media screen and (max-width:991px){

  /* Media queries for general modifiction */


  /* Media queries for Free character card */
  .fr-create-character-button{
    font-size: 1em;
  }
  #fr-create-character-button-link{
    width:35%;
  }
  .fr-red{
    font-size:19vw;
  }

  /* Media queries for Join forums card */

    .fr-join-rebellion-text{
      font-size:1.18em;
      line-height:1.5;
    }
    .fr-join-rebellion-larger-text{
      font-size:1.4em;
    }



  /* Media queeries for Starter Kit card */
   .fr-starter-text{
    -ms-flex-preferred-size:65%;
            -webkit-flex-basis:65%;
            flex-basis:65%;
   }
    #fr-starter-kit-text-spacer{
      margin-left:10px;
    }
    #fr-starter-signup{
      -ms-flex-preferred-size:33%;
              -webkit-flex-basis:33%;
              flex-basis:33%;
    }
    .fr-starter-text-join{
      font-size:1.5em;
    }
    .fr-starter-text-get{
      font-size:1.6em;
      width:100%;
    }
    .fr-starter-kit-card-images{
      display:none;
    }


  /* Media queries for thirds */
  .fr-get-started-third-title{
    font-size:1.3em;
  }

  .getting-started-column{
    padding:23px;
  }

  /* Media queries for touch your toes */
  #fr-yoga-flex{
    background-position:60%;
  }
  .fr-yoga-content{
    max-width:87%;

  }
  .fr-yoga-flex-button{
    margin-top:50px;
  }

  /* Media queries for next steps */
  #fr-next-steps{
    background-position: center bottom, top center;
  }
  .fr-next-step-right-column{
    margin-top:15%;
  }
  .fr-next-steps-button{
    min-width:90px;
  }
  #fr-starter-signup input.infusion-field-input-container{
    font-size:14px;
  }




}
@media screen and (max-width:767px){

/* Media queries for general modifiction */


  /* Media queries for Free character card */
   #fr-create-character{
      margin-bottom:1em;
    }
 
  #fr-create-character{
    text-align:center;
  }
  .fr-create-character-text{
    width:100%;
  }
  .fr-red{
    display:block;
    font-size:25vw;
    font-weight:300;
    line-height:.8;
  }
  #fr-create-character-button-link{
    display:block;
    position:relative;
    float:none;
    margin-left:auto;
    margin-right:auto;
    margin-top:1em;
    width:50%;
    right:0;
    bottom:0;
  }

  /* Media queries for Join forums card */
  #fr-join-rebellion{
    text-align: center;
    padding:23px;
     margin-bottom:1em;
  }
  .fr-join-rebellion-text{
    line-height:1.1;
  }
  .fr-join-rebellion-button{
    margin-left:auto;
    margin-right:auto;
    max-width:300px;
  }
   

  /* Media queeries for Starter Kit card */

  #fr-starter-kit{
      -ms-flex-direction:column;
          -webkit-flex-direction:column;
              flex-direction:column;
      height:auto;
      text-align:center;

  }
  .fr-starter-text{
    
  }
  #fr-starter-signup{
    margin-top:200px;
    -ms-flex-preferred-size:75%;
        -webkit-flex-basis:75%;
            flex-basis:75%;
    width:91%;
  }
  .fr-starter-kit-card-images{
    display:block;
    top:34%;
    right:40%;
  }
  #fr-next-steps p{
    font-size:20px;
  }


  /* Media queries for thirds */
  #fr-start-first-third,
  #fr-start-second-third{
    margin-bottom:25px;
  }
    ul.fr-get-started-third-list{
      margin-left:1.5em;
      margin-right:1.5em;
    }
    .getting-started-column{
      padding:46px;
    }

  /* Media queries for touch your toes */
  .fr-yoga-content{
    max-width:44%;
  }

  /* Media queries for next steps */
  .mobile-hide{
    display:none;
  }
  .desktop-hide{
    display:block;
  }
  .fr-next-step-header-xl{
   white-space:normal;
  }
  #fr-next-steps{
    
  }
  .fr-next-step-left-text{
    
  }
  .fr-next-step-right-column{
    margin-top:0;
  }
  .fr-next-steps-button{
    margin-top:20px;
  }

}
@media screen and (max-width:550px){

  /* Media queries for general modifiction */


  /* Media queries for Free character card */
    #fr-create-character-button-link{
      width:100%;
    }
    .fr-mobile-small{
      font-size:34px;
    }

  /* Media queries for Join forums card */
  .fr-join-rebellion-text{
    line-height:1.3;
    font-size:1.6em;
  }

  /* Media queeries for Starter Kit card */
  #fr-starter-kit{
    padding:23px;
  }
  #fr-starter-kit-text-spacer{

  }
    #fr-starter-signup{
    margin-top:45%;
  }
  .fr-starter-kit-card-images{
    right:35%;
    top:47%;
  }
  .fr-starter-kit-card-images img{
    max-height:180px;
  }
  .fr-starter-text-join{
    font-size:1.7em;
  }
  .fr-starter-text-get{
    font-size:1.6em;
  }
  #fr-starter-signup input.infusion-field-input-container {
    font-size:14px;
  }


  /* Media queries for thirds */


  /* Media queries for touch your toes */
   #fr-yoga-flex{
    text-align:center;
  }
  .fr-yoga-content{
    max-width:70%;
  }

  /* Media queries for next steps */
  #fr-next-steps{
    background: url('/wp-content/themes/NerdFitness/templates/images/next-steps-mobile-bg.jpg') top center no-repeat #E4C168;
    background-size: 100% 100%;
    background-size: cover;
    background-position:0% 35%;
    text-align:center;
    padding:23px;
  }
  .fr-next-step-header-xl{
    font-size:1.1em;
  }
  #fr-next-steps{
    background-position:0% 50%;
  }
}

@media screen and (max-width:360px){

  /* Media queries for general modifiction */


  /* Media queries for Free character card */
  

  /* Media queries for Join forums card */


  /* Media queeries for Starter Kit card */
     .fr-starter-kit-card-images{
        top:60%;
      }
      #fr-starter-kit-text-spacer{
        display:block;
        margin-bottom:-20px; /*Dont know why this is needed */
      }
      .fr-starter-kit-card-images img{
        max-height:124px;
      }
      #fr-paleo-diet{
        bottom:100px;
        right:-79px;
      }

  /* Media queries for thirds */
    .getting-started-column{
      padding:23px;
    }


  /* Media queries for touch your toes */


  /* Media queries for next steps */

}
@media screen and (max-width:320px){
  .fr-yoga-content{
    max-width:85%;
  }
}