/*
Theme Name: WPAS Site
Theme URI: http://components.underscores.me/
Author: eMarket Design
Author URI: https://emarketdesign.com
Description: WPAS Site is an optimized theme for wpappstudio.com
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: wpas-site
Tags:

# Normalize
--------------------------------------------------------------*/
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

.textSmall,
small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #aeecf4;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
border-radius: 6px;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html{
    font-size:14px;
    line-height: 1.58;
    letter-spacing: -.003em;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    color: rgba(0,0,0,.7);
    height:100%;
}
html,
body,
button,
input,
select,
textarea {
font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
  clear: both;
}

p {
  margin-bottom: 1.5em;
}

dfn, cite, em, i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code, kbd, tt, var {
  font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  font-size: 15px;
  font-size: 0.9375rem;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark, ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

blockquote, q {
  quotes: "" "";
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
}
div.emdt-container h1.h1,body div.emdt-container h1 {font-size: 2.5rem;}
div.emdt-container h2.h2,body div.emdt-container h2 {font-size: 2rem;}
div.emdt-container h3.h3,body div.emdt-container h3 {font-size: 1.75rem;}
div.emdt-container h4.h4,body div.emdt-container h4 {font-size: 1.5rem;}
div.emdt-container h5.h5,body div.emdt-container h5 {font-size: 1.25rem;}
div.emdt-container h6.h6,body div.emdt-container h6 {font-size: 1rem;}
body div.emdt-container h1,
body div.emdt-container h2,
div.emdt-container h1.h1,
div.emdt-container h2.h2{
font-weight:400;
margin:0.5rem 0 1rem;
}
h3,h4,h5,h6,.h3,.h4,.h5,.h6{
font-weight:300;
margin:0.5rem 0 0.5rem;
}
.jumbotron h1, .jumbotron .h1{font-size: 2.5rem}
.jumbotron h2, .jumbotron .h2{font-size: 1.7rem}
.intro-text,
.jumbotron h3, .jumbotron .h3{font-size: 1.3rem}
.jumbotron p {font-size: 1.1rem}
.jumbotron li {font-size: 1.1rem ;}
li {font-size: 1rem}
ul.dropdown-menu li{font-size:0.9rem}
p {font-size: 1rem}
.main-navigation a {font-size:1rem}
.jumbotron p.lead {font-size: 1.4rem}
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 544px) { 
html, body {font-size: 14px !important;}
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
html, body {font-size: 16px !important;}
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
html, body { font-size: 16px !important;}
} 

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
html, body {font-size: 16px !important;}
}

@media (min-width: 768px) {
  .lead {
    font-size: 1.5rem;
  }
}
.small, small {
    font-size: 80%;
    font-weight: 400;
}
p {
    margin-top: 0;
    margin-bottom: 1rem;
}
.jumbotron.cta-blk,
a {text-shadow:none !important}
/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
  padding: 3px;
}

textarea {
  padding-left: 3px;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1;
  padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
  border-color: #aaa #bbb #bbb;
}

/*--------------------------------------------------------------
# Formattings
--------------------------------------------------------------*/
hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5rem;
}

/*--------------------------------------------------------------
# Lists
--------------------------------------------------------------*/
ul, ol {
  margin: 0 0 1.5rem 3rem;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5rem;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5rem 1.5rem;
}

/*--------------------------------------------------------------
# Tables
--------------------------------------------------------------*/
table {
  margin: 0 0 1.5rem;
  width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.main-navigation {
  clear: both;
  display: block;
  float: left;
  width: 100%;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.main-navigation ul ul {
  background: #fff;
  float: left;
  position: absolute;
  top: 1.5em;
  left: -999em;
  z-index: 99999;
  border: 1px solid #bbb;
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  left: 100%;
}
.main-navigation ul ul a {
  width: 200px;
  padding: 0.75em 1.25em;
  width: 16em;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  float: left;
  position: relative;
}
.main-navigation ul li.menu-item-has-children:after{
content:"\00a0\00a0\00a0";
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iNnB4IiBoZWlnaHQ9IjRweCIgdmlld0JveD0iMCAwIDYgNCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNiA0IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjOTM5NTk2IiBwb2ludHM9IjMsNCAwLDAgNiwwIi8+PC9zdmc+) right no-repeat;
}
        #site-navigation li li {
                -webkit-transition: background-color 0.2s ease-in-out;
                transition: background-color 0.2s ease-in-out;
        margin-left:0;
        }

        .main-navigation li li:hover,
        .main-navigation li li.focus {
                background: #767676;
        }

        .main-navigation li li a {
                -webkit-transition: color 0.3s ease-in-out;
                transition: color 0.3s ease-in-out;
        }

        .main-navigation li li.focus > a,
        .main-navigation li li:focus > a,
        .main-navigation li li:hover > a,
        .main-navigation li li a:hover,
        .main-navigation li li a:focus,
        .main-navigation li li.current_page_item a:hover,
        .main-navigation li li.current-menu-item a:hover,
        .main-navigation li li.current_page_item a:focus,
        .main-navigation li li.current-menu-item a:focus {
                color: #fff;
        }
#site-navigation a {
  display: block;
  text-decoration: none;
  font-weight:500;
}
#site-navigation {
  position: relative;
}
.main-navigation a:link, .main-navigation a:visited{
display:inline-block !important;
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
  margin: 0 0 1.5em;
  overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  float: left;
  width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  float: right;
  text-align: right;
  width: 50%;
}
#site-navigation li{
margin-left:1em;
}
#site-navigation .sub-menu{
background:#fff;
text-decoration:none;
padding-left:0;
}
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
  color: royalblue;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

/*--------------------------------------------------------------
# Layout
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

body {
  background: #fff;
      color: rgba(0, 0, 0, 0.7);
  /* Fallback for when there is no custom background color defined. */
}
/*--------------------------------------------------------------
## Single Column / No Active Sidebar
--------------------------------------------------------------*/
.no-sidebar .site-main {
  margin: 0;
}

.no-sidebar .content-area {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
## Posts
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5rem;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}
.entry-content{
padding: 2em 0;
}

/*--------------------------------------------------------------
## Pages
--------------------------------------------------------------*/
.page-links {
  clear: both;
  margin: 0 0 1.5rem;
}

/*--------------------------------------------------------------
# Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0 0 1.5em;
  /* Make sure select elements fit in widgets. */
}
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

.wp-caption {
  margin: 1rem 0 1.5rem;
  max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075rem 0;
}

/* Ensure center-aligned captions center-align properly. */
.wp-caption.aligncenter {
  margin-left: auto;
  margin-right: auto;
}

/* Give some padding to floated elements, to prevent them butting up against text. */
.wp-caption.alignleft {
  margin-right: 20px;
}
.wp-caption.alignright {
  margin-left: 20px;
}
.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}
.gallery-columns-2 .gallery-item {
  max-width: 50%;
}
.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
  max-width: 25%;
}
.gallery-columns-5 .gallery-item {
  max-width: 20%;
}
.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}
/*--------------------------------------------------------------
### CUSTOM CSS
--------------------------------------------------------------*/
#content div.emdt-container {
    font-size: 1rem;
}
aside ul.list-group{margin:0}
#sidr-main > .sidr-inner{padding:0;}
#sidr-id-sidr-close span:before{
content: "\f00d";
font-size: 2em;
color:red;
display: inline-block;
    font-family:FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
width: 1.28571429em;
    text-align: center;
}
#masthead{
padding: 0.75rem 0;
padding:12px 0;
position:fixed;
width:100%;
left:0;
top:0;
z-index:5;
height: 60px;
background:white;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}
div.emdt-container div.modal-header{background-color:rgba(255, 152, 0, 0.7);white-space: normal;}
div.emdt-container div.modal-header h4{font-size:1.2rem}
div.emdt-container div.modal-body{font-size:1rem;white-space: normal;}
#masthead .plugin-logo{
max-height:30px;
vertical-align:middle;
}
#masthead-sticky-wrapper{
z-index:999;
height: 100% !important;
}
.page-id-2973 #wpas_pricing th,
.page-id-2973 #wpas_pricing-sticky-header-sticky-header-container th{width:200px !important}
#masthead-sticky-wrapper.is-sticky #responsive-menu-button i.fa-bars,
#masthead-sticky-wrapper.is-sticky #masthead a{
color:inherit; 
}
#btn-block{
margin-top:48px;
}
body.page-template-post-archive .site-content,
body.archive .site-content,
body.single .site-content,
body.emd_ticket-template-default .site-content,
body.page-template-default .site-content,
body.page-template-no-sidebar .site-content,
body.archive .site-content > section:first-of-type,
#secblocks > section:first-of-type,
.page-template-full-width div.emdt-container .jumbotron,
body[class *="emd_group"] div.emdt-container > section:first-of-type,
body[class *="emd_plugin"] div.emdt-container > section:first-of-type {
    padding-top:5rem;
}
#primary .jumbotron{
border-radius:0;
}
#top-menu2 .plugin-link a,
#top-menu1 .plugin-link a{color:#428bca;}
/* MEDIA */
@media (min-width: 62em){
div.emdt-container .tab-pane .segment-block .row > .col-sm-6 {
    width: 25%;
}
div.emdt-container .tab-pane .segment-block .row > .col-sm-6 + .col-sm-6{
    width: 75%;
}
}
/* sm-up */
@media (min-width: 34em){
  .site-info .social-links{
    text-align:right !important;
  }
 .site-info .copyright{
   text-align:left !important;
 }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
#prod-intro{padding-top:8rem !important;height:100% !important;}
}
/* md-up */
@media (min-width: 48em){}
/* lg-up */
@media (min-width: 62em){
body.archive .site-content,
body.emd_ticket-template-default .site-content,
body.page-template-default .site-content,
body.page-template-no-sidebar .site-content,
body.archive .site-content > section:first-of-type,
#secblocks > section:first-of-type,
.page-template-full-width div.emdt-container .jumbotron,
body[class *="emd_group"] div.emdt-container > section:first-of-type,
body[class *="emd_plugin"] div.emdt-container > section:first-of-type {
    padding-top:8rem;
}
#feature-sum-header .container{padding:0 10em}
#feature-summary .container,
section.feature-sum-body div.container{padding:0 6em}
#feature-intro .feature-excerpt{padding-right:10rem}
}
/* xl-up */
@media (min-width: 75em){
}
/* xs-down */
@media (max-width: 33.9em){
  .site-info .social-links{
    margin-bottom: 1em;
  }
#prod-intro{height:100% !important;}
#site-navigation li{
margin-left:1em;
}
 .site-info .copyright{
   line-height:25px !important;
 }
#btn-block{
margin-top:15px;
}
.cta-links{text-align:left;}
.sidr-class-cta-button{font-size:1rem}
#masthead-sticky-wrapper.is-sticky #masthead img{
max-width:200px;
}
}

/* SITE */
#masthead{
padding: 0.75rem 0;
}
div.emdt-container .cta-button a {
    font-size: 12px;
    line-height: 1.5;
}
.sidr-class-cta-button{
background-color:#ec971f
}
#sidr-id-top-menu1{
margin:0;
}
div.sidr-class-cta-button a{
color:#fff !important;
}
#top-menu > li {
    margin-left: 25px;
}
.col.grid_12_of_12{padding:0}
#responsive-menu-button i.fa-times{
color:#f00;
position: fixed;
z-index: 9999999999999;
left: 23%;
top: 0px;
}
#responsive-menu-button i.fa-bars{color:#444}
#page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
/* FOOTER */
footer {
  margin-top: auto;
}
ul.social-media-icons li a{
background-repeat: no-repeat !important;
background-position:left center !important;
padding: 5px;
color:#555;
font-size:1.3rem;
}
/* UTILITY */
.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-muted{color:#777}.text-primary{color:#337ab7}a.text-primary:focus,a.text-primary:hover{color:#286090}.text-success{color:#3c763d}a.text-success:focus,a.text-success:hover{color:#2b542c}.text-info{color:#31708f}a.text-info:focus,a.text-info:hover{color:#245269}.text-warning{color:#8a6d3b}a.text-warning:focus,a.text-warning:hover{color:#66512c}.text-danger{color:#a94442}a.text-danger:focus,a.text-danger:hover{color:#843534}.bg-primary{color:#fff;background-color:#337ab7}a.bg-primary:focus,a.bg-primary:hover{background-color:#286090}.bg-success{background-color:#dff0d8}a.bg-success:focus,a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:focus,a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:focus,a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:focus,a.bg-danger:hover{background-color:#e4b9b9}.lead{margin-bottom:20px;font-size:16px;font-weight:300;line-height:1.4}@media (min-width:768px){.lead{font-size:21px}.mark,mark{background-color:#fcf8e3;padding:.2em}.text-white{color:#fff}.text-bold{font-weight:700}}
.text-white{color:#fff; !important}
#page .front-cta-btn#join-cta:hover,
#page .front-cta-btn:hover {
    color: #fff;
    background: #56c96e;
    transition: all .15s ease-in-out;
    text-decoration: none;
}
#page .front-cta-btn#join-cta{
background:0 0;
color: #26292c;
box-shadow: inset 0 0 0 3px #26292c;
}
#page a.front-cta-btn{
    color: #fff;
    background: #2cbf55;
    font-size: 1.2rem;
    padding: 9px 24px;
    max-width: 100%;
    line-height: 1.5em;
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    outline: 0;
    transition: all .25s ease-in-out;
    border: 0;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
}
#testimonials{margin-bottom:0}
/* JUMBOTRON */
/*.jumbotron h1{
text-shadow: -5px 5px 5px rgba(0,0,0, 0.3);
} */
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
}
.jumbotron .container {
  max-width: 100%;
}
/* Responsive Text Align */
@media (min-width: 34em){.text-center-sm-up{text-align:center}.text-right-sm-up{text-align:right}.text-left-sm-up{text-align:left}}@media (min-width: 48em){.text-center-md-up{text-align:center}.text-right-md-up{text-align:right}.text-left-md-up{text-align:left}}@media (min-width: 62em){.text-center-lg-up{text-align:center}.text-right-lg-up{text-align:right}.text-left-lg-up{text-align:left}}@media (min-width: 75em){.text-center-xl-up{text-align:center}.text-right-xl-up{text-align:right}.text-left-xl-up{text-align:left}}@media (max-width: 33.9em){.text-center-xs-down{text-align:center}.text-right-xs-down{text-align:right}.text-left-xs-down{text-align:left}}@media (max-width: 37.9em){.text-center-sm-down{text-align:center}.text-right-sm-down{text-align:right}.text-left-sm-down{text-align:left}}@media (max-width: 41.9em){.text-center-md-down{text-align:center}.text-right-md-down{text-align:right}.text-left-md-down{text-align:left}}@media (max-width: 74.9em){.text-center-lg-down{text-align:center}.text-right-lg-down{text-align:right}.text-left-lg-down{text-align:left}}


.mast-gradient {
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj48c3RvcCBzdG9wLWNvbG9yPSIjYmNiY2JjIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMCIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%,color-stop(0, rgb(188, 188, 188)),color-stop(1, rgba(0, 0, 0, 0)));
    /* Android 2.3 */
    background-image: -webkit-repeating-linear-gradient(top,rgb(188, 188, 188) 0%,rgba(0, 0, 0, 0) 100%);
    /* IE10+ */
    background-image: repeating-linear-gradient(to bottom,rgb(188, 188, 188) 0%,rgba(0, 0, 0, 0) 100%);
    background-image: -ms-repeating-linear-gradient(top,rgb(188, 188, 188) 0%,rgba(0, 0, 0, 0) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
.mast-gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffbcbcbc",endColorstr="#00000000",GradientType=0);
    }
}

.img-box{
    position: relative;
    background: rgba(0, 0, 0, 0);
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: rgba(0,0,0, .8);
    text-shadow: 0 1px 0 #fff;
    line-height: 1.5;
margin: 0 0 20px;
}
.img-box:before, 
.img-box:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 15px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width: 300px;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 0 15px 10px rgba(0,0,0, 0.7);
    -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}
.img-box:after{
	  -webkit-transform: rotate(3deg);
	  -moz-transform: rotate(3deg);
	  -o-transform: rotate(3deg);
	  -ms-transform: rotate(3deg);
	  transform: rotate(3deg);
	  right: 10px;
	  left: auto;
}
a.custom-logo-link img.custom-logo{max-width:140px}
.jumbotron .button {
  margin: 0 auto;
  font-size: 1.1em;
  padding: 1.25em 2.5em;
  display: block;
  background-color: #FF5722;
  border: 1px solid transparent;
  color: #ffffff;
  font-weight: 500;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration:none;
  text-align:center;
  max-width:20em;
}

.jumbotron .button:hover {
  background-color: #ffffff;
  color: #FF5722;
  border-color: #FF5722;
  text-decoration:none;
}
#sk-holder #sk-container #sk-conversation .sk-logo{display:none}
div.emdt-container h3#reply-title{font-size:1.3rem}
#respond .comment-form p.form-submit{margin-top:10px;margin-bottom: 40px;}
div.emdt-container div.modal-body ul{list-style:none}
#pricing-faq h3{color:#607d8b;}

/* # WPAS #### */
/* CDN BACKGROUNDS */
#features-intro{
background:url("https://wpappstudio.s3.amazonaws.com/features-intro_bg.jpg") no-repeat center center fixed;
background-size:cover;
}
#selldev-signup{
background:url("https://ds096ncqj3b9u.cloudfront.net/selldev_bg.jpg") no-repeat center center fixed;
background-size:cover;
}
#components-intro{
background:#f4f4f4 url("https://wpappstudio.s3.amazonaws.com/components-intro_bg.jpg") no-repeat center center fixed;
background-size:cover;
}
#basics{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/basics.png") no-repeat center left / 80px 80px ;
}
#workshops{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/workshops.png") no-repeat center left/ 80px 80px ;
}
#case-studies{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/cases.png") no-repeat center left / 80px 80px ;
}
#intermediate{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/intermediate.png") no-repeat center left / 80px 80px ;
}
#advanced{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/extra.png") no-repeat center left / 80px 80px ;
}
#snippets{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/snippets.png") no-repeat center left / 80px 80px ;
}
#trello{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/trello.png") no-repeat center left / 80px 80px ;
}
#release-notes{
    background: rgba(0, 0, 0, 0) url("https://wpappstudio.s3.amazonaws.com/release-notes.png") no-repeat center left / 80px 80px ;
}
.article-groups .list-group-content{
margin-left:110px;
}
div.emdt-container .article-groups .list-group-item{
border:none medium;
margin-bottom:30px;
}
div.emdt-container .btn-warning {
    color: #fff !important;
    background-color: #f0ad4e;
    border-color: #eea236;
}
div.emdt-container .btn-warning a {color:inherit !important;}
div.emdt-container .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
 div.emdt-container #pricing-tables .list-group a.list-group-item:hover::after{content:'';padding:0}
/* EDD */
#edd_checkout_form_wrap .edd-description {
    display: block;
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
#edd_checkout_form_wrap label {
    color: #607D8B;
    font-weight: 500;
  margin-right: 10px;
font-size: 1.1rem;
}
#edd_purchase_form legend {
    font-size: 1.2rem;
    font-weight: 500;
}
#edd_purchase_form a {
    color: #428BCA;
    text-decoration: none;
}
#edd_checkout_cart {
    width: 100%;
}
#edd_checkout_cart .edd_cart_header_row th {
    border-bottom: 2px solid #ddd;
    vertical-align: bottom;
    color: #333;
    line-height: 1.42857;
    padding: 8px;
    text-align:left;
}
#edd_checkout_cart .edd_cart_total {
    text-align: right;
}
#edd_checkout_cart td {
    border-top: 1px solid #ddd;
    line-height: 1.42857;
    padding: 8px;
    vertical-align: top;
}
#edd_purchase_form fieldset fieldset {
    margin-bottom: 2rem;
}
#edd_purchase_form select,
#edd_purchase_form input[type="tel"],
#edd_purchase_form input[type="email"],
#edd_purchase_form input[type="text"]{
    border-radius: 6px;
    font-size: 0.9rem;
    height: 46px;
    line-height: 1.33;
    padding: 10px 16px;
}
#edd_purchase_form input[type="tel"],
#edd_purchase_form input[type="email"],
#edd_purchase_form input[type="text"]{
width:350px;
}
#edd_purchase_submit{
border:medium none;
}
div.emdt-container #card_zip,
div.emdt-container #card_cvc,
div.emdt-container #card_number{
width:150px;
}
#edd_sl_renewal_form{
margin:10px 0;
}
#edd_checkout_form_wrap fieldset #edd_agree_to_terms {
    float: left;
    height: 20px;
    margin-right: 5px;
    width: 20px;
}
div.emdt-container #edd_checkout_wrap .edd-input.edd-item-quantity{
    border-radius: 6px;
        width: 50px;
}
section#download-form #edd_checkout_wrap{
    margin: 0 auto;
    max-width: 585px;
}
fieldset#edd_terms_agreement p{
font-size:1rem;
}
fieldset#edd_terms_agreement{
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;
    min-height: 20px;
    padding: 19px;
}
div.emdt-container #edd_checkout_wrap .edd_errors p{
font-size:1rem;
color:red;
}
#edd_checkout_form_wrap input[type="checkbox"],
#edd_checkout_form_wrap input[type="radio"]{
width:20px;
height:20px;
margin-bottom:5px !important;
 margin-right: 2px;
}
#edd_discount_code p{
padding:20px;
}
.emdt-container #edd-license-key-container-wrap .button,
.emdt-container #edd-discount-code-wrap .button{
    border-radius: 6px;
    font-size: 16px;
    line-height: 1.33;
    padding: 10px 16px;
    -moz-user-select: none;
    background-image: none;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    background-color: #428bca;
    border-color: #357ebd;
    color: #fff;
}
.modal-body .edd_single_mode.edd_single_mode ul,
.modal-body .edd_price_options.edd_multi_mode ul{
padding:10px;
list-style:none;
}
.edd-input.edd-item-quantity{
width:55px;
}
div.emdt-container a.edd-add-to-cart.button.white.edd-submit.edd-has-js:after{
content: "\f18e";
font-family: FontAwesome;
display: inline-block;
   padding: 0 3px;
   vertical-align: middle;
}
.edd_price_options.edd_multi_mode input[type='checkbox']{
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
    margin-bottom: 7px;
    margin-right: 8px;
}
.edd-add-to-cart-label,
#edd-purchase-button{
font-size: 1.3rem;
    line-height: 1.5;
    background: #FF9800;
    color: #fff;
padding: 10px 16px;
}
.edd-add-to-cart.button{
text-decoration:none;
}
.edd-payment-icons .payment-icon{
max-width:50px;
}
/* Account Login */
#edd_login_submit{
    color: #fff;
    background: #2cbf55;
    font-size: 1.2rem;
    padding: 9px 24px;
    max-width: 100%;
    line-height: 1.5em;
    display: inline-block;
    padding: 8px 20px;
    text-align: center;
    outline: 0;
    transition: all .25s ease-in-out;
    border: 0;
    cursor: pointer;
    margin: 0;
    text-decoration: none;
    width: 11rem;
}
#edd_login_submit:hover {
    color: #fff;
    background: #56c96e;
    transition: all .15s ease-in-out;
    text-decoration: none;
}
#edd_login_form legend{
    font-weight: 400;
    font-size: 1.7rem;
    color: #5f9ea0;
}
#edd_login_form p{
    padding: 0 3rem;
}
#edd_login_form .edd-lost-password a{
color: #5f9ea0;
text-decoration:none;
}
#edd_login_form .edd-login-password label,
#edd_login_form .edd-login-username label{
display:block;
color:#8a8a8a;
}
.edd_download_quantity_wrapper,
.edd_purchase_submit_wrapper{
margin: 10px;
    text-align: right;
}
body div.emdt-container .edd-csau-products h2,
body div.emdt-container .edd-csau-products a{
font-size:1.4rem;
}
/* COMMENTS */
.comment-list article{
    margin-bottom: 1rem;
    padding: 1rem;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #fff;
}
#comments .comment-list{margin: 0;list-style-type: none;}
.comment-author.vcard,.comment-metadata{display:inline-block;padding:0.5rem}
.comment-author.vcard span{display:none}
.comment-content{padding:10px}
.page-template-checkout .edd-csau-products.col-3 .edd_download{width:100%}

.emdt-btn,.emdt-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}
.emdt-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)}
.emdt-btn,.emdt-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.emdt-disabled,.emdt-btn:disabled,.emdt-button:disabled{cursor:not-allowed;opacity:0.3}.emdt-disabled *,:disabled *{pointer-events:none}
.emdt-dropdown-hover:hover > .emdt-button:first-child,.emdt-dropdown-click:hover > .emdt-button:first-child{background-color:#ccc;color:#000}
.emdt-bar-block .emdt-dropdown-hover .emdt-button,.emdt-bar-block .emdt-dropdown-click .emdt-button{width:100%;text-align:left;padding:8px 16px}
.emdt-bar .emdt-button{white-space:normal}
.emdt-dropdown-hover.emdt-mobile,.emdt-dropdown-hover.emdt-mobile .emdt-btn,.emdt-dropdown-hover.emdt-mobile .emdt-button,.emdt-dropdown-click.emdt-mobile,.emdt-dropdown-click.emdt-mobile .emdt-btn,.emdt-dropdown-click.emdt-mobile .emdt-button{width:100%}}
.emdt-button:hover{color:#000!important;background-color:#ccc!important}
.emdt-blue-grey,.emdt-hover-blue-grey:hover,.emdt-blue-gray,.emdt-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important}
.emdt-green,.emdt-hover-green:hover{color:#fff!important;background-color:#4CAF50!important}
.emdt-orange,.emdt-hover-orange:hover{color:#000!important;background-color:#ff9800!important}
.emdt-red,.emdt-hover-red:hover{color:#fff!important;background-color:#f44336!important}
.emdt-sand,.emdt-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important}
.emdt-white,.emdt-hover-white:hover{color:#000!important;background-color:#fff!important}
.textxxMedium{font-size:150%;}