body {font-family:'Roboto',arial,sans-serif;}
.bg-dark {background-color: #000000!important;}
.navbar-brand img {max-height:62px;}

/* Navs */
.dropdown, .dropleft, .dropright, .dropup {position: relative;}
    .dropdown-menu {min-width:14rem;border-radius:0;}
        .dropdown-menu li {}
        .dropdown-menu li a {color:#000;padding:.25rem 1rem;display:block;}
            .dropdown-menu li a:hover {background-color:#efefef;color:#e83035;}

/* Fonts */
.h1, h1 {font-size:3.5rem;}
.h2, h2 {font-size:2.5rem;}
.h3, h3 {font-size:rem;}
.mono, .mono p {font-family:"courier new", monospace;}
.text-size-md {font-size:.85rem;line-height:normal;font-weight:normal;}

/* Lists */
.list {margin:0;}
    .list li {margin-bottom:.75rem;color:#222;font-weight:300;}
        .list li strong {font-weight:500;}
    .list li:last-child {margin-bottom:0;}
.list-check {}
    .list-check li {position:relative;margin-left: 1.75rem;}
    .list-check li .fas {position:absolute;left: -2rem;top: .125rem;font-size: 1.25rem;}
.list-x {}
    .list-x li {position:relative;margin-left: 1.75rem;}
    .list-x li .fas {position:absolute;left: -2rem;top: .125rem;font-size: 1.25rem;}
.list-tight li {margin-bottom:0;}
.list-sm {font-size:.85rem;}
.list.font-weight-normal li {font-weight:normal;} 
    
/* Colors */
.green {/*color:#0ebf76;*/color:#00ad65;}
.red {color:#e83035;}
    .bred {color:#ff4762;}
.gray {color:#6d6d6d;}
.yellow {color:#ffe000;}

/* Backgrounds */
.green-bg {background-color:#0ebf76;}
.red-bg {background-color:#dc3545;}
.lgreen-bg {background-color:#f1fff9;}
.grad-red {background: rgb(255,244,244);
background: -moz-linear-gradient(0deg, rgba(255,244,244,1) 22%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(255,244,244,1) 22%, rgba(255,255,255,1) 100%);
background: linear-gradient(0deg, rgba(255,244,244,1) 22%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff4f4",endColorstr="#ffffff",GradientType=1);}


/* Shadows */
.shadow-red {box-shadow: 0 0 7px #ffd0d4;}

/* Buttons */
.btn {border-radius:0;padding: 1rem 2rem;font-weight:400;}
.btn-success {background-color:#0ebf76;border-color:#0ebf76;}
.btn-success:hover {background-color: #21886b;border-color: #21886b;}
.btn-sep {margin: 0 .5rem;opacity: .333;}
    .btn .btn-sep {border-left: 1px solid #fff;}
    .btn-outline-primary .btn-sep {border-left: 1px solid #007bff;}
    .btn-outline-danger .btn-sep {border-left: 1px solid #dc3545;}

/* Cards */
.card {border-radius:0;}
.fa-size-lg {font-size:2.5rem;}
.green-bg h3, .red-bg h3, .green-bg .fas, .red-bg .fas {color:#fff;} 
.green-bg .badge, .green-bg .fas.fa-bolt {color:#8dffd0;}
.red-bg .badge, .red-bg .fas.fa-bolt {color:#ffcbd0;}
.green-bg .badge-pill {color:#666;font-weight: 400 !important}
.green-bg p.border-top {border-color:#44eca7 !important;}
.badge-success {background-color:#0ebf76;}
.card.on {border-color: #0ebf76;background-color: #d4ffed;}
    .card, .card-header, .card-header h5 {transition:ease-in-out, all .3s; }
    .card.on .card-header {background-color:#99f7d0;}
        .card.on .card-header h5 {font-weight:bold !important;}
    .card.on .card-body {}
        .card.on .card-body p {color:#000;}
    .card .yellow, .card .yellow .fas {color:#ffe000;}
    
button i.fa.fa-plus, button i.fa.fa-minus {margin-right:.5rem !important;}    

/* Sprites */
.boeason, .jayabraham, .jjvirgin, .lifebook, .peterdiamandis, .richardrossi { max-width: 100%; background-size: 100%; background-image: url('/wp-content/themes/wpbs/bs4/img/tech-guys-client-logos-v4.png'); }
.boeason { background-position: 0 0%; background-size: 100%; }
.jayabraham { background-position: 0 20%; background-size: 100%; }
.jjvirgin { background-position: 0 40%; background-size: 100%; }
.lifebook { background-position: 0 60%; background-size: 100%; }
.peterdiamandis { background-position: 0 80%; background-size: 100%; }
.richardrossi { background-position: 0 100%; background-size: 100%; }
.ico-crm, .ico-ads, .ico-app, .ico-avatar, .ico-backend, .ico-copywriting, .ico-design, .ico-ecomm, .ico-front-end, .ico-funnel, .ico-immersion, .ico-journey, .ico-map, .ico-marketing, .ico-optimization, .ico-sales, .ico-seo, .ico-tech { max-width:80px; background-size: 100%; background-image: url('/wp-content/themes/wpbs/bs4/img/icons.png');}
.ico-crm { background-position: 0 0%; background-size: 100%; }
.ico-ads { background-position: 0 5.882353%; background-size: 100%; }
.ico-app { background-position: 0 11.764706%; background-size: 100%; }
.ico-avatar { background-position: 0 17.647059%; background-size: 100%; }
.ico-backend { background-position: 0 23.529412%; background-size: 100%; }
.ico-copywriting { background-position: 0 29.411765%; background-size: 100%; }
.ico-design { background-position: 0 35.294118%; background-size: 100%; }
.ico-ecomm { background-position: 0 41.176471%; background-size: 100%; }
.ico-front-end { background-position: 0 47.058824%; background-size: 100%; }
.ico-funnel { background-position: 0 52.941176%; background-size: 100%; }
.ico-immersion { background-position: 0 58.823529%; background-size: 100%; }
.ico-journey { background-position: 0 64.705882%; background-size: 100%; }
.ico-map { background-position: 0 70.588235%; background-size: 100%; }
.ico-marketing { background-position: 0 76.470588%; background-size: 100%; }
.ico-optimization { background-position: 0 82.352941%; background-size: 100%; }
.ico-sales { background-position: 0 88.235294%; background-size: 100%; }
.ico-seo { background-position: 0 94.117647%; background-size: 100%; }
.ico-tech { background-position: 0 100%; background-size: 100%; }

/* Custom */
.modal-backdrop.show {opacity:.9;}
.modal-backdrop {background-color:#fff;}
.modal-content {border-radius:0;border: 3px solid rgb(255, 255, 255);box-shadow: 0 0 0 4px rgba(14, 191, 118, 0.52);}
.power-ups .card-header h4 {}
.expertise p {margin:0;font-size:.85rem;color:#666;}
.expertise .h5, .expertise h5 {font-size:1rem;font-weight:normal !important;}
.expertise .card-header {background-color:#fbfbfb;}
.br-0, .form-control {border-radius:0;}
.form-control {height: calc(2em + 1rem + 2px);color: #037cf3;font-weight: 500;}
.form-control:focus {color: #037cf3;}
.progress {height:1.25rem;font-weight:bold;}

/* Border Arrow */
.green-border-arrow-left {border-left: 3px solid #0ebf76;}
    .green-border-arrow-left::after {content:" ";height:16px;width:16px;display:block;background-color:#0ebf76;position: absolute;bottom: 0;left: -9px;border-radius: 100rem;}


/* Media Queries */
@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .nav-link {padding-right: .5rem;padding-left: .5rem;}
}
@media (max-width: 991px) {
    .h1, h1 {font-size:2.5rem;}
    .h2, h2 {font-size:1.5rem;}
    .h3, h3 {font-size:1.25rem;}
    .h4, h4, .h5, h5 {font-size:1rem;}
}