/*------------------------------------------------------------------
[Stylesheet]
PocketSmith custom
-------------------------------------------------------------------*/


// Prevent iOS Safari flashing on elements that don't need it
#more_info,
.owl-carousel {
  -webkit-tap-highlight-color: transparent;
}

// Prevent text input rounded corners in iOS
input[type=text],
input[type=password],
input[type=email],
input[type=date],
textarea {
  border-radius: 0;
}

.btn,
.btn-large {
  background-color: #39AB3E;
}

.btn:hover,
.btn-large:hover {
  background-color: #6b2c81;
}

.hero_fullscreen.background_solid, .color_bg  {
  background-color: #dbf0fc;
}


a {
  color:#03a9f4
}

.light_purple {
  background-color:#6b2c81;
}

.dark_purple {
  background-color:#6b2c81;
}

.clear {
  clear:both;
}

/* Hero screen main title */
@media (max-width: 767px) {
  .full_width_in_banner {
    width: 100vw;
    margin-left: calc((-100vw + 100%) / 2);
  }
}

#main_content h1 {
  color:#09A6E4;
}

#main_content h6 {
  color:#39AB3E;
  font-size:1.4rem;
  font-weight:100;
}

.hero_fullscreen .logo {
  width:12rem;
  cursor:pointer;
}

.hero_fullscreen .navigation {
  margin:0;
}

.hero_fullscreen .navigation li {
  display:block;
  float:left;
  padding-left:20px;
  padding-top:3px;
}

.hero_fullscreen .navigation a,
.hero_fullscreen .navigation label {
  cursor:pointer;
  color:#37095c;
  text-transform:uppercase;
  font-size:0.8rem;
  font-family:'ProximaNovaSemibold';
}

/* Default banner settings for all other pages */

body:not(#home) #main_content {
  margin-top:0;
}

body:not(#home) .hero_fullscreen h1.slogan {
  font-size:2.4rem;
  font-weight:100;
  font-family:'ProximaNovaRegular';
  margin:0;
  top:5rem;
  letter-spacing:-0.1rem;
  line-height:3.44rem;
  opacity:1;
  position:relative;
  z-index:2;
}

body:not(#home) .hero_fullscreen h6 {
  position:absolute;
  display:none;
}

body:not(#home) .hero_fullscreen .cta_button_area {
  margin:0;
  top:8rem;
}


[data-tooltip] {
  position: relative;
}

[data-tooltip]::before,
[data-tooltip]::after {
  position: absolute;
  display: block;
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s linear .2s;
  z-index: 1000;
  left: 0;
}

[data-tooltip]::before {
  content: attr(data-tooltip);
  bottom: calc(100% + 1rem);
  width: 10rem;
  padding: 1rem;
  background: white;
  border-radius: 3px;
  font-size: .9rem;
  font-family: 'ProximaNovaRegular';
  line-height: 1.2;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  height: auto;
}

[data-tooltip]::after {
  content: '';
  bottom: calc(100% + .5rem + 1px);
  height: 0;
  width: 0;
  left: 50%;
  transform: translateX(-50%);
  border: solid .5rem transparent;
  border-top-color: white;
  border-bottom-width: 0;
}

[data-tooltip]:hover::before,
[data-tooltip]:hover::after {
  opacity: 1;
  visibility: visible;
}

[data-tooltip].tooltip-left::before {
  left: auto;
  right: calc(50% - 1rem);
  transform: none;
}

[data-tooltip].tooltip-left::after {
  left: auto;
  right: calc(50% - .5rem);
  transform: none;
}

[data-tooltip].tooltip-right::before {
  right: auto;
  left: calc(50% - 1rem);
  transform: none;
}

[data-tooltip].tooltip-right::after {
  right: auto;
  left: calc(50% - .5rem);
  transform: none;
}

body:not(#home) .home_mockups {
  height:24.5rem;
  z-index:0;
  margin-top:0;
  }

//body:not(#home) .home_mockups .banner {
//  background-repeat:no-repeat;
//  background-size:40rem auto;
//  width:42rem;
//  height:24rem;
//  margin:0;
//  float:right!important;
//  left:auto!important;
//  right:0;
//  }

body:not(#home) .home_mockups .banner {
  background-repeat:no-repeat;
  background-size:40rem auto;
  width:42rem;
  height:24rem;
  margin:0 auto;
  float:none!important;
  left:0!important;
  right:0;
  }


/* Reviews section */

section#reviews h6, section#reviews p {
  color:#fff;
}

/* Testimonial styles */

.testimonial { padding:80px 0 0 0; position:relative; }
.testimonial img { position:absolute; }
.testimonial img.testimonial_icon { border-radius:50px; width:48px; height:48px;}
.testimonial .text { margin-left:7rem; width:auto; position:relative; }
.testimonial .text p { color:#4b98ae}
.testimonial .text .name { color:#F36; font-family:'ProximaNovaRegular'}
.testimonial .text .quote_icon { position:absolute; left:-25px; top:0px; }


/* Brands */

section#newspapers .row.brands {
  height:8rem;
}

.reviews_logo {
  text-align:center;
  border-radius:6px;
}

.reviews_logo img {
}

.reviews_logo:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.reviews_logo:hover img {

}


/* FAQ */

section#faq .ps-faq-item {
  padding-left:2rem;
  padding-right:2rem;
}

section h5 i.material-icons {
  float:left;
  font-size:1.8rem;
  padding-right:16px;
}

.ps-feature-item ul {
  margin-left:2rem;
}

.ps-feature-item ul li {
  opacity:0.65;
  list-style-type:disc;
  font-size:1.2rem;
}

/* Footer */

#footer.pocketsmith {
  background-color:#431d50;
  color:#fff;
}

#footer.pocketsmith p {
  opacity:1.0;
}

#footer.pocketsmith a {
  color:#efefef;
  font-family:'ProximaNovaLight';
}

#footer.pocketsmith a:hover {
  color:#63c8d9;
}

#footer.pocketsmith .logo {
  width:12rem;
  background:none;
}

#footer.pocketsmith .logo a {
  border:0;
}

#footer.pocketsmith .footer_inner {
  margin:0 auto;
  max-width:940px;
  padding:20px;
}

@media (max-width: 1000px) {
  #footer.pocketsmith .footer_inner {
    margin-left:5rem;
  }
}


#footer.pocketsmith .footer_nav_section {
  display:block;
  float:left;
  margin:20px;
  min-width:140px;
/*  border:1px solid red;*/
  min-height:240px;
}



#footer.pocketsmith .footer_inner li {
  font-size:15px;
}

#footer.pocketsmith .footer_inner li.section {
  font-family:'ProximaNovaSemibold';
}