/********* Compiled - Do not edit *********/
@font-face {
font-family:"Danzza Regular";
src:url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Regular.woff2), url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Regular.woff);font-weight:;
font-display:swap;
}
@font-face {
font-family:"Danzza Medium";
src:url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Medium.woff2), url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Medium.woff);font-weight:;
font-display:swap;
}
@font-face {
font-family:"Danzza Light";
src:url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Light.woff2), url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Light.woff);font-weight:;
font-display:swap;
}
@font-face {
font-family:"Danzza Bold";
src:url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Bold.woff2), url(//www.optilogic.com/wp-content/uploads/2023/04/Danzza-Bold.woff);font-weight:;
font-display:swap;
}
@font-face {
font-family:"proxima-nova";
src:;font-weight:;
font-display:swap;
}
:root{--color-primary:#f13c46;--color-gradient-start:#f42958;--color-gradient-stop:#e4442a;}.woocommerce ul.products, .woocommerce-page ul.products{margin-left:-15px;margin-right:-15px;}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{padding-left:15px;padding-right:15px;}body{font-family:proxima-nova;font-weight:400;line-height:1.7em;font-size:1em;color:#333333;}body.single-post .blog-single-title{font-family:inherit;}body.single-post .content{font-family:inherit;}.h1,h1{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:52px;color:#333333;}.h2,h2{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:40px;color:#333333;}.h3,h3{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:32px;color:#333333;}.h4,h4{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:25px;color:#333333;}.h5,h5{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:21px;color:#333333;}.h6,h6{font-family:Roboto;font-weight:500;line-height:1.2em;font-size:18px;color:#333333;}.main-header .navbar-brand{max-width:170px !important;}.titlebar-inner h1{font-family:Danzza Bold;font-weight:500;}.titlebar-inner p{}.titlebar-inner{padding-bottom:100px;}.titlebar{background-color:#00302e;}#content{background-color:#fafafa;}@media ( min-width: 1025px ){.main-header .is-stuck{background:rgb(0, 48, 46) !important;}.mainbar-wrap.is-stuck .social-icon:not(.branded):not(.branded-text) a, .mainbar-wrap.is-stuck .header-module .ld-module-trigger, .mainbar-wrap.is-stuck .main-nav > li > a, .mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input, .mainbar-wrap.is-stuck .header-module .lqd-custom-menu > li > a{color:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .mainbar-wrap.is-stuck .header-module .nav-trigger .bar{background-color:rgb(255, 255, 255) !important;}.mainbar-wrap.is-stuck .header-module .ld-module-trigger-icon, .mainbar-wrap.is-stuck .header-module .ld-module-trigger-txt{color:inherit !important;}.mainbar-wrap.is-stuck .ld-module-search-visible-form .ld-search-form input{border-color:rgb(255, 255, 255) !important;}}@media screen and (max-width: 1024px){.main-header .navbar-header{background:#00302e;}.main-header .ld-module-trigger, .main-header .ld-search-form .input-icon{color:rgb(255, 255, 255);}.main-header .nav-trigger .bar{background-color:rgb(255, 255, 255);}body[data-mobile-nav-style=classic] .navbar-collapse, body[data-mobile-nav-style=minimal] .navbar-collapse{background:#00302e;color:rgb(255, 255, 255);}body[data-mobile-nav-style=modern]:before{background:rgb(0, 48, 46);}ul.nav.main-nav > li > a, ul.nav.main-nav > li > a:hover, .main-nav .children > li.active > a, .main-nav .children > li.current-menu-item > a, .main-nav .children > li.current-menu-ancestor > a, .main-nav .children > li:hover > a, .nav-item-children > li.active > a, .nav-item-children > li.current-menu-item > a, .nav-item-children > li.current-menu-ancestor > a, .nav-item-children > li:hover > a{color:inherit !important;}}html {
  scroll-behavior: smooth;
}

@media screen and (max-width: 1024px) {
    .mobile-nav-activated body:before {background-image:none!important; background:#00302e!important;}
}

/*.row {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.ld-container {
    padding: 3rem 0 !important;
}*/


.vc_section  {
    padding: 3rem 0 !important;
}

.vc_row {
    padding: 1rem 0 !important;
}

body {
    font-family: "Danzza Regular", sans-serif;
    color: #333;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5;
}

h1 {
    font-family: "Danzza Bold", sans-serif;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.25; 
}

h2 {
    font-family: "Danzza Bold", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.25;
}

h3 {
    font-family: "Danzza Medium", sans-serif;
    font-size: 1.25rem;
    line-height: 1.25;
    margin-top: 0px;
    font-weight: bold;
}

.list__body h3 {
    font-weight: bold;
    font-family:"proxima-nova";
    font-size: 1.5rem;
    margin-bottom: 8px;
}

.h4, h4 {
    font-family: "Danzza Bold", sans-serif;
    font-size: 1.6rem;
    line-height: 1.3;    
}

.h5, h5 {
    font-family:"proxima-nova"; 
    font-weight:600;
    font-size:1.3rem;
}

.h6, h6 {
    font-family:"proxima-nova"; 
}

.btn-txt {font-family: "Danzza Medium", sans-serif;}

p a {
    text-decoration: underline !important;
    color: #42a870 !important;
    cursor: pointer;
}

p a:hover {
    color: #0D0A5A !important;
}

.wpb_text_column ul a {
    text-decoration: underline !important;
    color: #42a870 !important;
    cursor: pointer;
}

.wpb_text_column ul a:hover {
    color: #0D0A5A !important;
}

.liquid-lp-title a:hover {
color:#44bd7e !important;
}

.is-uppercase {
    text-transform: uppercase !important;
}

.has-text-white, .has-text-white h1, .has-text-white h2, .has-text-white h3, .has-text-white h4, .has-text-white h5, .has-text-white h6, .has-text-white p {
    color: #ffffff !important;
}

.has-text-black, .has-text-black h1, .has-text-black h2, .has-text-black h3, .has-text-black h4, .has-text-black h5, .has-text-black h6, .has-text-black p {
    color: #000000 !important;
}

.has-text-grey, .has-text-grey h1, .has-text-grey h2, .has-text-grey h3, .has-text-grey h4, .has-text-grey h5, .has-text-grey h6, .has-text-grey p {
    color: #333333 !important;
}

.has-text-green, .has-text-green h1, .has-text-green h2, .has-text-green h3, .has-text-green h4, .has-text-green h5, .has-text-green h6, .has-text-green p {
    color: #44bd7e !important;
}

.has-text-purple, .has-text-purple h1, .has-text-purple h2, .has-text-purple h3, .has-text-purple h4, .has-text-purple h5, .has-text-purple h6, .has-text-purple p {
    color: #5350c7 !important;
}

.has-text-purple-light .has-text-purple-light h1, .has-text-purple-light h2, .has-text-purple-light h3, .has-text-purple-light h4, .has-text-purple-light h5, .has-text-purple-light h6, .has-text-purple-light p {
    color: #b7bdff !important;
}

blockquote {
    margin: 1.75rem -1.75rem;
    padding: 2rem;
    background-color: rgba(66, 168, 112, 0.15);
    font-style: italic !important;
    border-left: 3px solid #42a870 !important;
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

.testimonial__quote p {min-height:230px}

/* mobile only */
@media screen and (max-width: 800px) {
    .text-sm-center, .text-xs-center {
        text-align: center !important;
    }    
}

.has-grey-blue-background {
    background: #e6eaf0 !important;
}

/* Styles bullets with checkmarks */
.check-bullets {
    list-style: none;
    padding: 0px 0 30px;
}
.check-bullets li {
    padding-left: 3rem;
    padding-top: 0.25rem;
    line-height: 1.15;
    font-size: 16px;
}
.check-bullets li:before {
    margin-left: -3rem;
    margin-right: 0.75rem;
    content: "";
    display: inline-block;
    height: 1.625rem;
    width: 1.625rem;
    background-image: url(/wp-content/uploads/2023/04/checkmark.svg);
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(6px);
}

/* adds space below the element */
.add-space {
    margin-bottom: 1.5rem;
}

/* adds space below the element on mobile only */
@media screen and (max-width: 600px) {
    .add-space-m {
        margin-bottom: 1.5rem;
    }
}

/* Sets things to display in two columns on desktop only */
@media screen and (min-width: 800px) {
    .two-columns {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
}

/* ------------------------- BUTTONS ------------------------- */

.vc_btn3-color-green {
    color: #ffffff;
    background-color: #42a870 !important;
}

.vc_btn3-color-green:hover, .vc_btn3.vc_btn3-color-green:focus {
    color: #ffffff;
    background-color: #3e9f6a !important;
}

.vc_btn3-container a{
    font-family: "Danzza Medium", sans-serif !important;
    font-size: 1rem !important;
}

/* ------------------------- HEADER ------------------------- */

.lqd-main-header-default+.content {
    padding-top: 0px !important;
} 

.lqd-main-header-default {
    padding-bottom: 30px;
    padding-top: 30px;
    background-color: #00302E !important;
    color: #ffffff !important;    
} 

.navbar-brand {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

/* Styles secondary navigation bar at tippity top*/
.secondarybar-wrap p{
    font-family: "Danzza Medium", sans-serif !important;
    font-size: 0.875rem !important;
    color: #ffffff !important;
}
.secondarybar-wrap p a {
    color: #ffffff !important;
    text-decoration: none !important;
}
.secondarybar-wrap p a:hover {
    text-decoration: underline !important;
}

/* Styles nav expansion*/
.nav-item-children {
    border-radius: 0px;
    font-size: 0.875rem !important;
    text-decoration: none !important;
    color: #000000 !important;
    opacity: 1 !important;
    background-color: #ffffff !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    padding: 15px 15px !important;
}
.nav-item-children {
    position: absolute;
    top: 70%;
    left: 0;
}

.nav-item-children li a {
    text-decoration: none !important;
    color: #000000 !important;
}
.nav-item-children li a:hover{
    text-decoration: none !important;
    color: #42a870 !important;
    background-color: #CCE5D7;
    border-radius: 10px;
}

.navigation-button-jm {
    font-family: "Danzza Medium", sans-serif !important;
}

.is-stuck .main-nav > li > a {
    color: rgba(255, 255, 255, 1) !important;
}

.primary-nav {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

/* fixes space on the bottom of the mobile menu */
@media screen and (max-width: 600px) {
    .hide-on-mobile {
        display: none !important;
    }
    .stretch-bkgrd-m {
        background-size: cover !important;
        background-repeat: no-repeat !important;
    }
}

#home-page-hero {
    background-size: contain !important;
    background-repeat: no-repeat !important; 
    background-position: center right !important;
}

#cosmic-frog-hero {
    background-size: contain !important;
    background-repeat: no-repeat !important; 
    background-position: center right !important;
}

/* ------------------------- FOOTER ------------------------- */

/* styles the footer */
.lqd-main-footer-default {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 0px !important;
    background-color: #00302E !important;
    color: #ffffff !important;
}

/* formats quick links and product links to 2 columns on desktop only */
@media screen and (min-width: 800px) {
    #quick-links {
        width: 50%;
        float: left;
    }
    
    #product-links {
        width: 50%;
        float: right;    
        border-right: 2px solid #42a870;
    }

}

/* styles h2 in the footer */
#main-optilogic-footer h2 {
    font-family: 'proxima-nova';
    font-size: 1rem;
    font-weight: 700 !important;
    letter-spacing: 2px;
    text-transform: uppercase !important;
    padding-bottom: 2rem;
}

/* styles the page links in the footer */
.footer ul {
    font-family: 'proxima-nova';
    list-style-type: none;
    padding-inline-start: 0px !important;
    text-transform: none !important;
    padding-bottom: 1rem;
}

/* styles h6 in the footer */
.footer h6 {
    font-family: 'proxima-nova';
    font-size: 1rem;
    font-weight: 700 !important;
    letter-spacing: 2px;
    text-transform: uppercase !important;
}

/* styles fonts in the footer */
.footer p {
    font-size: .875rem;
}

/* styles links in the footer */
#quick-links a, #product-links a{
    font-size: .875rem;
    color: #fff !important;
    text-decoration: none !important;
}

/* styles rollovers in the footer */
#quick-links a:hover, #product-links a:hover{
    color: #42a870 !important;
    text-decoration: none !important;
}

/* styles the legal footer */
#legal-footer {
    border-top: 2px solid #42a870;
    font-size: 1.125rem;
    font-weight: 400 !important;
}

/* styles links in the legal footer */
#legal-footer a {
    margin-right: 3rem;
    color: #fff !important;
    text-decoration: none !important;
}

/* styles rollovers the legal footer */
#legal-footer a:hover {
    color: #42a870 !important;
    text-decoration: none !important;
}


/* ------------------------- HEROES ------------------------- */

@media screen and (min-width: 800px) {
    .hero-with-image {
        padding-top: 300px !important;
        margin-top: -150px !important;
    }
}

/* styles eyebrow in heroes */
.eyebrow {
    margin-bottom: 1.5rem;
    font-family: "Danzza Bold", sans-serif;
    font-size: 1.125rem;
    line-height: 1.2;
    font-weight: 400;
}

/* styles headline in heroes */
.hero-headline {
    font-family: "Danzza Bold", sans-serif !important;
    font-size: 3.25rem !important;
    margin-bottom: 1.875rem !important;
}

/* styles subhead */
.hero-subhead {
    font-family:  proxima-nova, sans-serif!important;
    font-size: 1.3rem;
    line-height: 1.2;
    margin-top: 2rem;
}

/* styles subhead */
.hero-subhead-medium {
    font-family: "Danzza Medium", sans-serif!important;
    font-size: 1.3rem;
    line-height: 1.2;
    margin-top: 2rem;
}

/* ------------------------- FORMS ------------------------- */

/* styles the label for the email input field */
.hs_email label {
    display: none;
}

/* styles the input fields */
.wpb_raw_code:not(.embedded-hubspot-code) .hs_email input {
    background-color: #ffffff !important;
    border: solid 1px #000 !important;    
    margin-top: 1rem;
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 14px;
    line-height: 14px;
    padding: 10px !important;
    color: #000000 !important;
}

/* styles the submit button */
.wpb_raw_code:not(.embedded-hubspot-code) .hs_submit .hs-button {
    background-color: #ffcd5f !important;
    border: solid 1px #ffcd5f !important;
    margin-top: 1rem !important;
    font-family: "Danzza Medium", sans-serif!important;
    font-size: 14px!important;
    line-height: 14px!important;
    color: #000 !important;
    border-radius:4px;
    text-transform:capitalize!important;
}

footer .wpb_raw_code:not(.embedded-hubspot-code)  .hs_submit .hs-button {
    text-transform:capitalize!important;
    padding: 10px 20px!important;
    
}

/* styles the error message */
footer .wpb_raw_code:not(.embedded-hubspot-code) .hs-error-msgs {
    color: red;
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 14px;
    line-height: 14px;}

/* styles the submit button in the footer */
.wpb_raw_code:not(.embedded-hubspot-code) .hs_submit input {
    background-color: #5350c7 !important;
    border: solid 1px #5350c7 !important;
    margin-top: 1rem;
}

/* styles the error message in the footer */
footer .wpb_raw_code:not(.embedded-hubspot-code) .hs-error-msgs {
    color: #FFCD5F;
}

.resource-button {
    font-size: 1rem;
    background-color: #42a870;
    border-color: transparent;
    color: #fff;
    height: 3.125rem;
    border-radius: 0.25rem;
    border: none;
    font-family: "Danzza Medium", sans-serif;
    font-weight: 400;
    padding-bottom: calc(1.25em - 1px);
    padding-left: 1em;
    padding-right: 1em;
    padding-top: calc(1.25em - 1px);
}




/* ------------------------- PAGES ------------------------- */


/* ------------------------- 	.create-account-form-home page ------------------------- */

/* adds a drop shadow to the group of logos  */
.logo__group {
    padding: 0 2rem;
    background: #fafafa;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

/* sets logos to grayscale */
.logo__image {
    filter: grayscale(100%);
    margin-bottom: 0px;
}

/* adds a drop shadow to the card */
.card {
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
}

/* adds a drop shadow to the card */
.card-even {
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
    height: 100%;
}

/* adds a drop shadow to the card's column */
.card2 .wpb_wrapper-inner{
    background-color: #fff;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
    margin-bottom: 0px;
    height: 100%;
}

/* styles the text in "ready to hop" cta */
.cta__primary p {
    font-size: 1.5rem;
    font-family: "Danzza Medium", sans-serif;
    line-height: 1.2;
}

/* styles the testimonials */
.testimonial {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content: center;
    padding: 3rem;
}

/* adds a green background to the featured testimonial */
.featured-testimonial {
    background: #00302e !important;
}

.testimonial .testimonial-quote {
    margin-bottom: 1rem !important;
}

.testimonial-details h5 {
    font-size: 18px;
    color: #737373 !important;
}

.featured-testimonial .testimonial-details h5 {
    font-size: 18px;
    color: #0CA750 !important;
}

.iconbox h3 {
    display: inline !important;
}

.iconbox h3 {font-size:22px!important; line-height:1.15!important; font-family:"Danzza Medium"!important; font-weight:normal!important;}

.iconbox.text-left {
    align-items: center!important;
}
.iconbox p, .iconbox .list__body {font-size:18px!important; line-height:1.5!important;}

.iconbox {margin-bottom:1rem;}


.testimonial-quote blockquote {
    background: none !important;
    margin: none;
    padding: none;
    font-style: normal !important;
    border: none !important;
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 1.2rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    text-align: left !important;
}

/* ------------------------- cosmic frog page ------------------------- */


/* adds a green gradient bar to left side */
.card--gradient .wpb_wrapper-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0.5rem;
    height: 100%;
    background-image: linear-gradient(to bottom, #42A870, rgba(12, 167, 80, 0)) !important;    
}

/* adds a green gradient bar to left side */
.card--gradient .wpb_wrapper-inner{
    position: relative;
    padding: 2rem 2rem 2rem 3rem !important;
}

/* adjusts the padding for mobile */
@media screen and (max-width: 800px) {
    .card--gradient .wpb_wrapper-inner{
        padding: 2rem !important;
    }  
}

/* styles the overlap for green gradient cards and images on desktop only*/
@media screen and (min-width: 1024px) {
    .left-overlap {
        margin-right: -100px; 
        margin-left: 100px;
    }
    .right-overlap {
        margin-right: 100px; 
        margin-left: -100px;
    }
    
    .overlap {
        z-index: 9 !important;
    }
}
/* desktop only */
@media screen and (min-width: 800px) {

}

/* mobile only */
@media screen and (max-width: 800px) {
    
}

.mainbar .vc_col-sm-8 {
    margin: 0 !important;
    padding: 0 !important;
}

.float-left {
    float: left !important;
}

.float-left h3 {
    font-family: "Danzza Medium", sans-serif;
    font-size: 1.125rem !important;
    color: #42a870;
}

.float-left h3 a:hover {
    color: #0D0A5A !important;
}

/* ------------------------- about page ------------------------- */

/* styles the events cards*/
#events .fancy-box-contents {
    padding: 1rem 3rem 2rem 3rem;
}

#events .vc_column-inner {
    padding-left: 0px;
    padding-right: 0px;
}

/* mobile only */
@media screen and (max-width: 800px) {
    #events .fancy-box-contents {
        padding: 1rem 2rem;
    }    
}


/* ------------------------- pricing page ------------------------- */

.pricing-card .wpb_wrapper-inner {
    background-color: #ffffff !important;
    border-radius: 10px;
    padding: 1rem 3rem !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.pricing__title {
    margin-bottom: 0.5rem;
    font-family: "Danzza Medium", sans-serif;
    font-size: 2rem;
    color: #0D0A5A;
}

.pricing__rate {
    font-family: proxima-nova, sans-serif;
    font-weight: 600;
    color: #0D0A5A;
    font-size: 1rem;
    margin-bottom: .75rem;
}

.vc_tta-tabs-container {
    text-align: center !important;
    border: none !important;
}

.vc_tta-panels-container {
    border: none !important;
    background: none !important;
}

.vc_tta-panels {
    border: none !important;
    background: none !important;
}

.vc_tta-tabs-container .vc_tta-tab a {
    border-radius: 30px !important;
    background-color: #00302e !important;
    color: #ffffff !important;
    border: none !important;
}

.vc_tta-tabs-container .vc_active a {
    background-color: #FFCD5F !important;
    color: #333333 !important;
    text-decoration: none !important;
}

/* removes panel heading on mobile */
@media screen and (max-width: 800px) {
    .vc_tta-panel-heading {
        display: none;
    } 
}


/* displays tabs on mobile */
@media screen and (max-width: 800px) {
    .vc_tta.vc_tta-tabs .vc_tta-tabs-container {
        display: inline !important;
    }
    .vc_tta-panels-container {
        border: none !important;
    }
    .vc_tta-panel-body {
        background-color: #00302e !important;
    }
}

#pricing-tabs {
    z-index: 10 !important;
}

/* Feature Comparison */

/* removes padding from table and sizes fonts */
#compare-features .ld-container {
    padding: 0rem !important;
    font-size: 1rem !important;
}

/* sizes fonts in the table on mobile only */
@media screen and (max-width: 600px) {
    #compare-features .ld-container {
        font-size: .875rem !important;
    }
    
    .pricing__title {
        font-size: 1.5rem;
    }
}

/* appropriately spaces rows */
#compare-features .ld-container .vc_column-inner {
    padding: 1rem !important;
}

/* removes space in the table */
#compare-features .vc_row {
    padding: 0 0 !important;
}

/* adds line between rows on desktop only*/
@media screen and (min-width: 600px) {
    #compare-features .features-row {
        border-bottom: 1px solid #ccc;
    }
}

/* adds lines in table on mobile only */
@media screen and (max-width: 600px) {
    #compare-features .vc_column-inner {
        border: solid #ccc;
        border-width: 0 1px 1px 1px;
    }
    #compare-features #table-header .vc_column-inner {
        border-width: 0 0 1px 0 !important;
    }
}

/* adds green background on starter features on desktop only */
@media screen and (min-width: 600px) {
    .starter-features {
        background-color: rgba(66, 168, 112, 0.0705882353);
    }
}

/* adds green background on core features on mobile only */
@media screen and (max-width: 600px) {
    .core-feature  {
        background-color: rgba(66, 168, 112, 0.0705882353);
        font-family: "Danzza Medium", sans-serif !important;
        text-align: center !important;
    }
}

/* styles the icons in the features table */
#compare-features .vc_icon_element.vc_icon_element-outer .vc_icon_element-inner {
    text-align: center;
    display: inline-block;
    border: 2px solid transparent;
    width: 20px !important;
    height: 20px !important;
    box-sizing: content-box;
    position: relative;
}

    
/* FAQ */

.accordion-item {
    margin-bottom: 1rem;
    padding: 1.5rem 3.75rem;
    background: #fff;
    border: 1px solid #e6eaf0;
}

.accordion-title {
    position: relative;
    margin: 0;
    font-family: "Danzza Medium", sans-serif;
    font-size: 1.375rem;
    font-weight: 400;
    cursor: pointer;
}

.accordion-title a {
    display: block;
    width: 100%;
    padding: 0 1rem !important;
    color: inherit;
}

.accordion-collapse {
    font-family: "Danzza Medium", sans-serif;
    font-size: 1.125rem;
    color: #6e6e6e;
}

/* Styles for Resources Posts*/

.resource-card .wpb_raw_code {
    margin: 2rem;
}

.thankyou .h1 {
    font-family: "Danzza Medium", sans-serif;
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.2;
}

/* STYLES FOR RESOURCES LIBRARY PAGE*/

/* Makes blog posts have shadows */

.optilogic-post-grid .vc_grid-item-mini {
    background-color: white !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1) !important;
    height: 100%;
}

.optilogic-post-grid .vc_gitem-zone-c .vc_gitem-zone-mini {
    padding: 1rem 2rem;
}

/* STYLES FOR SINGLE BLOG POSTS*/

.blog-single-cover-bordered .blog-single-content {
    background: #fafafa !important;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
}

.blog-single-title {
    font-size: 3rem !important;
    font-family: "Danzza Medium", sans-serif !important;
    line-height: 1.2 !important;
}

.blog-single-content .blog-single-details-extra {
    display: none !important;
}


.category-eyebrow {
        text-transform: uppercase !important;
    color: #44bd7e !important;
    font-size: 1.125rem;
    font-family: "Danzza Bold", sans-serif;
    line-height: 1.2;
}

/* BIO PAGES */

.entry__back-link a:hover {
    text-decoration: underline;
    margin: 0 0 2rem 0;
}

/* mobile only */
@media screen and (max-width: 800px) {
  
}

/* adds space and vertical divider on desktop only */
@media screen and (min-width: 800px) {
    .bio-sidebar {
        padding-right: 5rem;
    }
    
    .bio-info {
        padding-left: 5rem;
        border: solid 1px #ccc;
        border-width: 0 0 0 1px;
        margin-bottom: 5rem;
    } 
}

/* ON DEMAND SERVICES */


/* adds a purple gradient bar to left side */
.purple--card--gradient .wpb_wrapper-inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0.5rem;
    background-image: linear-gradient(to right, #657FFA, rgba(12, 167, 80, 0)) !important;    
}

/* adds a purple gradient bar to left side */
.purple--card--gradient .wpb_wrapper-inner{
    position: relative;
    padding: 3rem !important;
}

/* adds a purple gradient bar to left side */
.purple--card--gradient .title {
    font-family: "Danzza Bold", sans-serif;
    font-size: 1.6rem;
    line-height: 1.1;
    font-weight: normal;
    color: #575b61;
    margin-bottom: 1.5rem;
}

.vc_btn3-color-purple {
    color: #5350c7 !important;
    border: 1px solid #5350c7 !important;
    background-color: #ffffff !important;
}

.vc_btn3-color-purple:hover, .vc_btn3-color-purple:focus {
    color: #ffffff !important;
    border: 1px solid #5350c7 !important;
    background-color: #5350c7 !important;
}

.resource-template-default .vc_section[data-vc-full-width].vc_hidden {opacity:1!important;}

body.resource-template-default .sidebar-container {
    display: none;
}

body.resource-template-default .contents-container {width:100%; margin:0; float:none;}
body.resource-template-default #content > .container {width:100%;}
body.resource-template-default .contents-container .ld-container {width:1400px;}

.liquid-blog-grid.row hr, .liquid-lp-date.size-sm {display:none;}
.liquid-blog-grid.row article {background-color:#fff;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        padding:20px;
}

html p, html body {
font-family:"proxima-nova";
}

.resource-cards p {
	font-size:16px; 
	line-height:1.3em;
}

.resource-cards .vc_custom_1682434751430 .vc_gitem-zone-mini {min-height:420px;}
.blog-single-cover .contents-container {float:none;}
.blog-single-cover .main-sidebar {display:none;}
.blog-single-cover {max-height:30rem;}
#subscribe-for-updates .cta__heading {
	font-family:"Danzza Bold", sans-serif; margin-bottom:1rem;
}
#subscribe-for-updates {
    max-width: 62.5rem;
    margin: 0 auto 0rem;
    padding-left: 6.25rem!important;
    padding-right: 6.25rem!important;
	padding-bottom:0!important;;
	box-shadow:none; background-color:transparent;
}

#subscribe-for-updates .container {max-width:100%;}

footer {background:#fafafa;}

@media screen and (min-width: 1200px) {
.blog-single-cover.spaced {
    margin-left: 0;
    margin-right: 0;
}}




/* Hubspot Get Started Forms */
.create-account-form h2 {color:#fff;}
.create-account-form {
    background:#fff;  padding:2rem;  
}
.progress-bar {margin-bottom:2rem;}
.button.is-medium {font-size:1rem;}
.landing__form {margin-top:-2rem;}
.landing__form .title, .landing__form form > *:not(:last-child) {
    margin-bottom: .75rem;
    position:relative;
}

.hero--home .hero__description h2 {
    font-size: 1.3rem;
    margin-top: 2rem;
}

@media screen and (max-width:768px) { 
    .landing__form {padding-top:3rem!important;}
    .create-account-form-home .hs-button.primary.large {float:none; margin-left:0; width:100%;}
    .create-account-form .hs-button.primary.large {float:none; margin-left:0; width:100%;}
    .page-landing .list__item {display:block;}
    .page-landing .list__icon {margin-bottom:.5rem} 

    .create-account-form-home .input {float: none;
    max-width: 100%!important;}
        
    }

.card .title, .title {
    font-weight:normal;
}
.card .title {
    font-family: "Danzza Bold", sans-serif; line-height:1.1;
}


label.hs-error-msg {text-transform:inherit;}
.create-account-form .hs-error-msgs {
    max-height: inherit;
    line-height: 1;
}

@media screen and (max-width:768px) {  
    ul.no-list.hs-error-msgs.inputs-list {
    font-size: 14px;
    line-height: 14px;
    left: 0;
    padding: 0;
    margin-top: 10px;        
    }
    } 

@media screen and (min-width:769px) {  
.hs_email.hs-email.hs-fieldtype-text.field.hs-form-field {position:relative}
    .landing__form ul.no-list.hs-error-msgs.inputs-list {    
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    right:5px;    
    padding: 0;
    margin-top: 10px;
    top: 75px;
}
.page-home ul.no-list.hs-error-msgs.inputs-list {    
    position: absolute;
    font-size: 12px;
    line-height: 14px;
    left:0px;    
    padding: 0;
    margin-top: 10px;
    top: 38px;
       }
}

.hero-headline {line-height:1}


.blog-single-footer.entry-footer {display:none;}


.main-nav .children>li>a, .nav-item-children>li>a {
    padding:0.7em 1.5em;
}
.menu-item.inset>a {
    padding: 0.7em 1.5em .7em 2.5rem!important;
}
.iconbox-icon-container i {
  clip-path: inset(.5px);
}

.vc_gitem-zone-a .vc_gitem-row-position-bottom, .vc_gitem-zone-b .vc_gitem-row-position-bottom, .vc_gitem-zone-a .vc_gitem-row-position-top, .vc_gitem-zone-b .vc_gitem-row-position-top {position:relative;}
.vc_gitem-zone-a .vc_gitem-row-position-top {padding-top:0!important}
.blog-single-content.expanded {padding-bottom:6rem;}
.header-module~.header-module {margin-left:14px;}
.vc_custom_heading.vc_gitem-post-data.vc_gitem-post-data-source-post_excerpt * {text-align:left;}
.redactor-component table, .redactor-component table tr, .redactor-component table tbody th, .redactor-component table tbody td, .redactor-component table thead th{border:0px;}


.blog-single-template {background:#00302E; color:#ffffff;}
.blog-single-template h1 {color:#ffffff;}

#content .lwptoc_i {
    border-top:1px dotted rgba(0, 48, 46, .5);
    border-bottom:1px dotted rgba(0, 48, 46, .5);
    padding-top:2rem; 
    padding-bottom:2rem;
}
#content .lwptoc_i a {
color:#0CA750;
}
.sticky-sidebar-containing-row {display:flex;}
.sticky-sidebar {position:sticky; top:100px;}

.sticky-sidebar .box-shadow {box-shadow:0 10px 10px rgba(0,0,0,.1)!important}
.sticky-sidebar h4 {text-align:center; line-height:1.15; margin:0;}
.sticky-sidebar input.hs-button.primary.large {
    padding: 10px 20px;
    width: 100%;
}

.sticky-sidebar .input {
    margin-bottom:10px;
}

.sticky-sidebar .lwptoc_item {line-height:1.3; margin-bottom:5px; margin-top:10px;}

.card-inner .wpb_wrapper-inner {background:white; padding-bottom:20px;}
.card-inner .wpb_wrapper-inner .wpb_text_column.wpb_content_element,
.card-inner .wpb_wrapper-inner .iconbox {
    padding-left:30px; padding-right:30px;
}

.fas.fa-arrow-alt-circle-right {transform:translateY(1px);}

.left-overlap h2, .right-overlap h2 {max-width:560px;}

/*  Pop Up Form */
div#popmake-3787 {
    background-image: url('//www.optilogic.com/wp-content/uploads/2024/03/popup2.webp');
    background-size:cover;
    background-position:center;
}

div#popmake-3787 .popmake-close {background:transparent; color:
rgba(250, 199, 86, 1); font-size:20px;}

div#popmake-3787 {padding:40px;}

/* ------------------------- FORMS ------------------------- */
/* styles the label for the email input field */
div#popmake-3787 .hs_email label {
    display: block;
}

/* styles the input fields */
div#popmake-3787 input {
    background-color: #ffffff !important;
    border: solid 1px #000 !important;    
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 14px;
    line-height: 14px;
    padding: 10px !important;
    color: #000000 !important;
}

div#popmake-3787 .hs_email, div#popmake-3787 .hs_phone {margin-top:1em;}
/* styles the submit button */
div#popmake-3787 .hs_submit .hs-button {
    background-color: #ffcd5f !important;
    border: solid 1px #ffcd5f !important;
    margin-top: 2rem !important;
    font-family: "Danzza Medium", sans-serif!important;
    font-size: 14px!important;
    line-height: 14px!important;
    color: #000 !important;
    border-radius:4px;
    text-transform:capitalize!important;
}

div#popmake-3787  .hs_submit .hs-button {
    text-transform:capitalize!important;
    padding: 10px 20px!important;
    
}

div#popmake-3787 .hs-form-field label {color:#fff;}

div#popmake-3787 .cofeedback span {
    position: absolute;
    right: 0;
    bottom: -25px;
    font-size: 15px;
    font-weight: 800;
    color: #fff;
}

div#popmake-3787 .hs-error-msgs {
    color: red;
    font-family: "Danzza Regular", sans-serif !important;
    font-size: 14px;
    line-height: 14px;
    list-style: none;
    padding-left: 0;
}

div#popmake-3787 label.hs-error-msg {display:none;}

div#popmake-3787 p {margin-bottom:0;}

.optilogic-post-grid figure img {    height: 230px;
    object-fit: cover;}
    
    
    
/* CTA Hubspot */
.hs-web-interactive-inline .btn {
    background: #42a870;
    border: 1px solid #42a870;
    font-size: 16px;
    border-radius:4px;
    line-height:24px;
}

.hs-web-interactive-inline .btn:hover {
    background: #3a9563;
    border-color: #3a9563;
}

.hs-web-interactive-inline-container {    display: inline-block;
    margin-bottom: 10px;}
    
.card-inner .hs-web-interactive-inline-container {
    margin-left: 30px; margin-bottom:0;
}
    
/* Author Box */
.author-info {display:flex; align-items:center;  margin-top:40px; font-size:16px; line-height:22px;}
.author-info img {width:75px; border-radius:100px;} 
.author-info p {margin-bottom:0; margin-left:20px; }
.author-info .author-title {}
.author-info .author-name {font-weight:bold;}

.indented .txt {margin-left:15px;}