/* 

  Studio 3 Base CSS file - Extends Foundation Functions 
  Version: 0.1.1
  Updated: 5/16/14
  Description: Updated with the minified version of Foundation v5.2.2,
*/

/*
@import 'icons.css';*/

@import 'foundation.min.css';


.container {
  width: 100%;
}

.container > .row { padding-top: 40px; padding-bottom: 40px; }

header .container > .row, footer .container > .row { padding: 0; }

.header-logo h1 { padding: 0; margin: 0; font-size: 10px; }

.orbit-bullets li {
  cursor: pointer;
}

.btn {
  display: inline-block;
}

.btn.alt {
  background: #eee;
  color: #3791bd;
}

span.block { display: block; }

.columns .columns {
  /*margin-bottom: 0px;*/
}

.cent {
  text-align: center;
}

.row .columns .medium-6:last-child, .row .columns .large-6:last-child, .row .column .medium-6:last-child, .row .column .large-6:last-child {
  padding-right: 0.9375rem;
}

blockquote {
  border: none !important;
  padding: 0;
  margin: 0;
}

.row .columns .medium-6:last-child, .row .columns .large-6:last-child, .row .column .medium-6:last-child, .row .column .large-6:last-child, .row .columns .medium-5:last-child {
  padding-right: 0.9375rem;
}

a {
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

a img {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

a img:hover {
  opacity: 0.6;
}

img { transform: translateZ(0px); }

/*
nav.tab-bar {
  top: 102px;
}
body > div > div > section.main-section {
  position: relative;
  top: 102px;
}*/

.mobile-logo {
  
  background: url('img/mobile-logo.png') no-repeat;
  margin: auto;
  margin-bottom: 0.9375rem;
  margin-top: 0.9375rem;
} 

.mobile-logo a{
  width: 100%;
  height: 100%;
  display: block;
}


.scroll-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9;
}

.socials ul li a {
  font-size: 2.2rem;
}

.footer {
  padding-top: 0.9375rem;
}

.footer iframe {
  width: 100%;
  height: auto;
}

.intro p {
  font-size: 1rem;
}

.columns, .column {
  /*margin-bottom: 0.9375rem;*/
}

.radius {
  border-radius: 5px;
}

/*Add top: -negative if there is a fixed header*/
.anchor {
  display: block;
  position: relative;
  top: 0px;
  visibility: hidden;
}

.touch .orbit-bullets {
display: inline-block !important;
}


/*********************/
/******* FORMS *******/

.spacheck {
  display: none;
}

/***** ADD TO CORE ****/
  .cent.nosmall {
    text-align: left;
  }




/* Small screens */
@media only screen { 
  
  img.noscale {
  display: block;
  margin: auto;
  }
  
} /* Define mobile styles */

@media only screen and (max-width: 40em) {

  .cent.nosmall {
    text-align: inherit;
  }



  .columns, .column {
    margin-bottom: 0.9375rem;
  }

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {

/*
  .cent.nomediumup {
    text-align: inherit;
  }
*/
/*Creates two equal columns of content, magazine/print style*/
.colcount2 {
  -webkit-column-count:2; /* Chrome, Safari, Opera */
  -moz-column-count:2; /* Firefox */
  column-count:2;
  -webkit-column-gap:30px; /* Chrome, Safari, Opera */
  -moz-column-gap:30px; /* Firefox */
  column-gap:30px;
}


/*Creates three equal columns of content, magazine/print style*/
.colcount3 {
  -webkit-column-count:3; /* Chrome, Safari, Opera */
  -moz-column-count:3; /* Firefox */
  column-count:3;
  -webkit-column-gap:30px; /* Chrome, Safari, Opera */
  -moz-column-gap:30px; /* Firefox */
  column-gap:30px;
}

/*Creates four equal columns of content, magazine/print style*/
.colcount4 {
  -webkit-column-count:4; /* Chrome, Safari, Opera */
  -moz-column-count:4; /* Firefox */
  column-count:4;
  -webkit-column-gap:30px; /* Chrome, Safari, Opera */
  -moz-column-gap:30px; /* Firefox */
  column-gap:30px;
}

/* Force breaks paragraphs so they dont split betwene columns */
.colcount2 p,
.colcount3 p,
.colcount4 p {
  column-break-inside: avoid;
  display: inline-block;
}




} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {


  
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (max-width: 64.063em) {

  .main .main  {
    padding-left: 10px;
    padding-right: 20px;
  }
  
  .container > .row {
    padding-left: 30px;
    padding-right: 30px;
  }

}

/* Large screens */
@media only screen and (min-width: 64.063em) {

  img.noscale {
    max-width: inherit;
    display: inherit;
    margin: inherit;
  }

  .cent.nomediumup {
    text-align: inherit;
  }

  .cent.nolarge {
    text-align: inherit;
  }



} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {

} /* min-width 1024px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xlarge screens */