/****************************************************************************/
/* This is the default custom CSS file that is included in every template.  */
/* It can be edited, but it cannot be renamed or deleted.                   */
/****************************************************************************/


/* BUY NOW BUTTONS */
.buy-button { display:inline-block; }
.buy-button .buy { position:relative; float:left; }
.buy-button .buy .btn { min-width:200px; }
.btn { 
    cursor:pointer; 
    text-decoration:none;
    background: 0 0;
    outline: 0;
    text-align:center;
    background-color:#00A4D7;
    color:white;
    border:2px solid #00A4D7;
    display:block;
}
.buy-button .dropdown {
    display:none; 
    position: absolute;
    top: 42px;
    left: 50%;
    z-index: 2;
    width: 200px;
    margin-left: -100px;
    border: 1px solid #e5e5e5;
    border-width: 1px 1px 0;
    background-color: #fff;
}
@-moz-document url-prefix() {
    .buy-button .dropdown { top:44px; }
}
/* safari only */
@supports (overflow:-webkit-marquee) and (justify-content:inherit) {
    .buy-button .dropdown { top:44px; }
}
.buy-button:hover .dropdown { display:block; }
.list-unstyled { margin:0; padding:0; list-style:none; }
.buy-button .dropdown .item { border:1px solid #e5e5e5; }
.dropdown .item a { display:block; }


/* BUTTON PLACEMENT STYLES */
.vspace-content { margin-top:48px; margin-bottom:48px; }
.space-buttons a { margin:5px 24px; }
@media screen and (min-width:990px) {
    .body-container-wrapper button, .body-container-wrapper .hs-button { min-width:200px; }
}
@media screen and (min-width:769px) {
    .space-button .hs-cta-wrapper { margin-right:24px; }
    .space-button a:not(:first-child):last-child { margin-right:0; }
}
@media screen and (max-width:768px) {
    .vspace-content { margin-top:18px; margin-bottom:18px; }
    /* .body-container-wrapper .hs-button {
        display:inline-block;
        margin:5px auto;
    } */
    /* .space-button a, .space-button .hs-cta-wrapper { margin: 5px auto; } */
}
@media screen and (min-width:651px) {
    .hspace-button-right a, .button-margin-right { margin-right:24px !important; }
    .hspace-buttons a, .hspace-buttons .buy-button { margin:5px 9px; }
    .desktop-pull-right { float:right; }
}
@media screen and (max-width:650px) {
    .mobile-block { display:block !important; }
    .mobile-inline { display:inline-block !important; }
    .vspace-content { margin-top:16px; margin-bottom:16px; }
    .body-container-wrapper button { display:block; min-width:90%; margin:5px auto; }
    .body-container-wrapper .hs-button { min-width:90%; margin:5px auto; }
    .hs-input, .hs-button, button, .buy-now { display:block; font-size:14px; max-width:90%; }
    .max100-form .hs-input:not([type='checkbox']) { margin-right:0 !important; width:100% !important; max-width:100% !important; }
    .max100-form .hs-button { min-width:auto !important; width:auto !important; }
    .hspace-buttons .buy-button { margin:5px auto; display:block; }
    .hspace-buttons a { margin:5px auto; }
    .buy-button .buy .btn { min-width:90%; margin:5px auto; } 
    .buy-button { display:block; width:100%; }
    .buy-button .buy { width:100%; } 
    .hspace-buttons { width:90%; margin:auto !important; }
    .hspace-buttons a, .hspace-buttons .buy-button { display:block; width:100% !important; margin: 5px 0 !important; }
    .hspace-buttons .buy-button + a { display:inline-block; }
}
@media screen and (max-width:480px) {
    .max100-form .hs-button { margin-right:0 !important; width:100% !important; max-width:100% !important; }
}