/**
 * You can place your custom CSS statements here
 * it is better to write everything custom here
 * because this file won't be replaced during upgrade
 * Don't forget to rename this file to "site.css"
 */

@import url('https://fonts.googleapis.com/css2?family=Fjalla+One&display=swap');
@import url('https://fonts.googleapis.com/css?family=Ranga&display=swap');
@import url('https://fonts.googleapis.com/css?family=Shadows+Into+Light&display=swap');
@import url('https://fonts.googleapis.com/css?family=Anton&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Roboto:wght@900&display=swap" rel="stylesheet');

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=League+Gothic&family=Roboto:wght@900&display=swap');

#html3, #html4, .am-form form, .am-form-container .am-form-sidebar-sidebar {
    background-color: white;
}

:root {
  --blue: #0058b7;
  --darkblue: #0e4480;
  --white: #ffffff;
  --red: #A90001;
  --black: #000000;
}

div#row-_submit_-0 .element {
    margin-left: 0%;
}


ul.am-tabs li.active #menu-member,
ul.am-tabs #menu-member:hover {
  background-image: url("../img/dashboard-h.png");
  background-color: var(--darkblue);
}

ul.am-tabs-narrow, ul.am-tabs-narrow ul {
    background: var(--darkblue) !important;
}

button.widget-button {
    background-color: var(--blue);
    font-weight: 700;
    font-size: 20px;
    line-height: 1.3;
}

button.widget-button:hover {
    background-color: black;
}

@media (min-width: 640px) and (max-width: 799px) {
  iframe.video-embed-footer,  iframe.video-embed-sidebar {
    width: 400px !important;
    height: 270px !important;
  }
}

@media (max-width: 639px) {
  iframe.video-embed-footer,  iframe.video-embed-sidebar {
    width: 280px !important;
    height: 158px !important;
  }
}

.am-product-terms {
    color: #009933;
    font-weight: 700;
    font-style: italic;
}

.am-form div.am-row.am-no-label .am-element {
    margin-top: 10px;
}

.am-body .am-body-content-top {
    text-align: -webkit-center !important;
}

.am-body-content-top h1 {
    display: none;
}

.headline-1 {
    font-size: 55px; 
    color: #a10303; 
    font-family: 'League Gothic', sans-serif; 
    font-weight: 900; 
    line-height: 1.1;
    text-shadow: 0px 0px 2px #8e8e8e;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.headline-2 {
    font-size: 30px; 
    color: #000000; 
    font-family: "Ranga"; 
    font-weight: bold; 
    line-height: 1.3;
}

.price {
    font-size: 44px; 
    color: #000000; 
    font-family: 'League Gothic', sans-serif; 
    font-weight: 900; 
    line-height: 1;
    letter-spacing: 1.5px;
    word-wrap: break-word;
}


.headline-3 {
    font-size: 30px; 
    color: #000000; 
    font-family: "Shadows Into Light"; 
    font-weight: bold; 
    line-height: 1.3;
}

@media (max-width: 500px) {
  .headline-1, .am-body-content-top h1 {
    font-size: 32px !important; 
    color: #a10303 !important; 
    font-family: 'League Gothic', sans-serif;
    font-weight: 900; 
    line-height: 1.1;
    text-shadow: 0px 0px 2px #8e8e8e;
    letter-spacing: 1.5px;
    word-wrap: break-word;
  }
  
  .headline-2 {
    font-size: 24px; 
    color: #000000; 
    font-family: "Ranga"; 
    font-weight: bold; 
    line-height: 1.2;
  }
  
  .price {
    font-size: 30px; 
    color: #000000; 
    font-family: 'League Gothic', sans-serif; 
    font-weight: 900; 
    line-height: 1;
    letter-spacing: 1.5px;
    word-wrap: break-word;
}
}

.am-body-content-wrapper.am-main { 
    max-width: 1080px !important; 
}

span {
    line-height: 1.3;
}

img.form-image {
    width: 100% !important;
    height: 100% !important;
}

img.form-image-price {
    width: 360px !important;
    height: 100% !important;
}

img.mobile-responsive {
    width: 360px !important;
    height: 100% !important;
}

img.footer-testimonials {
    width: 640px !important;
    height: 100% !important;
}

@media (max-width: 500px) {
   img.form-image, img.form-image-price {
        width: 360px !important;
        height: 100% !important;
        margin-left: -20px;
        margin-right: -20px;
    }
    
    img.footer-testimonials {
        width: 320px !important;
        height: 100% !important;
    }
    
    img.mobile-responsive {
        width: 250px !important;
        height: 100% !important;
    }
}
 
.am-thanks-status-success {
    padding-bottom: 1em;
    color: green;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
}

td.am-receipt-terms.am-receipt-terms-one-time i {
    color: green;
    font-size: 18px;
}
 
.am-receipt td {
    font-weight: 700;
}
 
td.am-receipt-total strong {
    color: white;
}

.am-receipt td.am-receipt-total {
    background-color: #0158b7;
}

.am-aff-banner-preview {
    word-wrap: break-word;
}

.am-body-content input[type="submit"] {
    width: 100% !important;
    /*margin-left: 15px;*/
}

/* Next Button On Checkout Form */
 .am-cta-signup#_qf_page-0_next-0 {
        /*margin-left: -85px !important;*/
        width: 100% !important;
    }
    
@media (max-width: 500px) {
    .am-form div.element input[type=submit] {
        width: 100% !important;
        text-align: center;
    }
    /* Next Button On Checkout Form */
    .am-cta-signup#_qf_page-0_next-0 {
        margin-left: 0px !important;
        width: 100% !important;
    }
    
    
}

.am-credits {
  display: none !important;
}

/**** login page ***/
am-page-login .am-body .am-body-content-wrapper {
    border-radius: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    background: #222222;
}

.am-fb-login-button {
    line-height: 25px;
    color: white;
}

.am-auth-form {
    margin-top: -70px !important;
}

.am-popup .am-popup-header, .am-popup-header {
   background: #f7f7f7 !important;
}

.am-popup.am-common {
    background: #f7f7f7 !important;
}

.am-popup-title {
  margin-top: 0px;
  margin-bottom: 15px;
  text-align: center
}

.am-popup .am-form.am-auth-form div.am-element {
    text-align: center;
}

/****** checkout forms *********/s
.am-invoice-summary-item-title {
    color: black;
    font-weight: 700;
    font-size: 17px;
}

.am-form form {
    background-color: white;
}

.am-invoice-summary {
    color: #666;
    border: 3px dashed #444;
    background-color: #ffffb0;
}

.am-invoice-summary-row-total {
    color: black;
}

.am-invoice-summary .am-invoice-summary-item-num {
    color: #080808;
    font-size: 18px;
    font-weight: 700;
}

.am-invoice-summary .am-invoice-summary-item {
    color: black;
    font-size: 18px;
}

.am-invoice-summary .am-invoice-summary-delimeter hr {
    background: #a7a7a7;
    margin-top: 15px;
}

.am-form .row {
    border-bottom: 2px dashed #9c9c9c;
    margin: 0;
}

.am-body .am-body-content-top {
    overflow: hidden;
    text-align: center;
}

.am-page-login .am-auth-form legend {
    font-size: 20px !important;
    font-weight: 700;
    margin-bottom: -26px;
}

.am-signup-link {
    display: none;
}

a.local-link.am-form-login-switch {
    text-decoration: none;
}

a.local-link.am-form-login-switch:hover {
    color: #002a78;
    text-decoration: underline;
}

.am-footer a {
    text-decoration: none;
}

.am-footer a:hover {
    text-decoration: underline;
}

.am-footer {
    padding-top: 30px;
    padding-bottom: 40px;
}

    

.am-page-login .am-body .am-body-content-wrapper {
    border: none;
    box-shadow: none;
    padding-bottom: 60px;
}

.am-body .am-body-content-wrapper {
    border: 2px solid #e1e8f0;
    box-shadow: 0px 0px 15px #00000022;
    border-radius: 0px;
    padding-top: 30px;
    padding-bottom: 0px;
    border-top: 6px solid var(--blue);
    border-bottom: 6px solid var(--blue);
}


.am-auth-form div.row a.button, input[type=button], input[type=submit] {
   /* display: block;*/
    background: #0079d1 !important;
    border: 1px solid #ccc;
    padding: 0.5em 1.2em;
    border-radius: 3px;
    color: var(--white);
    width: 100% !important;
    margin-bottom: 10px !important;
}

.am-auth-form div.row a.button, input[type=button], input[type=submit]:hover {
    background: #0762a5 !important;
}

.am-signup-link a {
    color: #0079d1 !important;
}

.am-auth-form {
    margin-top: -40px !important;
}

.ajax-link:after, .local-link:after, .local:after {
    border-bottom: none;
}

@media only screen and (max-width: 500px) {
    .am-form div.element-title {
      background-color: #f7f7f7 !important;
    }
    
    a.button, input[type=button], input[type=submit] {
        display: block;
        width: 100% !important;
        margin: auto !important;
    }
    
    .am-auth-form input[type=submit] {
        margin-left: 0px !important;
    }

}

/****** end of checkout forms *********/


/****** offline payments **************/
.img-offline-payments {
        max-width: 768px !important;   
    }
    
/* tablet and mobile */
@media only screen and (max-width: 768px) {
    .img-offline-payments {
        max-width: 740px !important;   
    }

}

@media all and (min-device-width: 361px) and (max-device-width: 450px)  {
.am-body .am-body-content-wrapper {
    padding: 0px;
}
.img-offline-payments {
        max-width: 360px !important;   
    }
}

/* For Really Small Devices */
@media (max-width: 360px) {
.img-offline-payments {
        max-width: 300px !important;   
    }
}

.notifyjs-default-base {
    background: #122e56 !important;
    border: 1px solid #bbcddb !important;
    box-shadow: 0 0 10px #bbcddb;
    border-radius: 7px !important;
	  color: white !important;
}

.am-auth-form div.row a.button, input[type=button], input[type=submit] { 
    color: white !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
 }

/*.am-common strong { 
    font-weight: bold; 
    color: black;
}*/

ul.am-widget-list li { 
    list-style-type: none; 
    margin-bottom: .4em; 
    color: black; 
}

.am-block { 
    color: #000; 
}

.am-common h3 {
    line-height: 1.3em;
}

ul.am-tabs > li {
    color: black;
}

.am-tabs-narrow.am-tabs-narrow-stuff a {
    color: white; /* change menu links color to white when on mobile mode */
}

.am-common a {
    color: var(--blue);
    font-weight: 600;
    text-decoration: none;
}

.am-common a:hover {
    text-decoration-line: underline;
    font-weight: 900;
}

ul.am-tabs li.active > a {
    border-color: var(--darkblue);
    background-color: var(--darkblue);
}

ul.am-tabs li.active > a:hover {
    border-color: var(--blue);
    background-color: var(--blue);
}

ul.am-tabs li.normal > a:hover {
    border-color: var(--blue);
    background-color: var(--blue);
}

ul.am-tabs a {
    color: black;
    text-decoration: none;
}

ul.am-tabs a:hover {
    color: white !important;
    text-decoration: none;
}

.am-common h2 {
    font-size: 1.3rem;
    line-height: 1em;
    height: auto;
    margin: 0 0 0.6em;
    font-weight: 700;
    color: black;
}


#member-main-links-head {
	display: none;
}

#member-main-links {
    display: none;
}

ul.am-tabs li.active > a {
    border-color: var(--darkblue);
    background-color: var(--darkblue);
}

ul.am-tabs li.active > a:hover {
    border-color: var(--blue);
    background-color: var(--blue);
}

ul.am-tabs li.normal > a:hover {
    border-color: var(--blue);
    background-color: var(--blue);
}

ul.am-tabs #menu-member {
    background-color: var(--darkblue);
    background-image: none;
    color: white !important;
}

ul.am-tabs #menu-member:hover {
    border-color: var(--blue);
    background-color: var(--blue);
    color: white !important;
}

ul.am-tabs li.normal:hover {
    background: #415468;
    color: white !important;
}

.am-common h1 {
    font-size: 1.5rem;
    font-weight: 700;
    color: #333;
    line-height: 1em;
    height: auto;
    margin: 0 0 0.6em;
}

.button {
  background-color: #00942a;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}

.am-header .am-header-content .am-header-content-logo {
    float: none;
    margin-top: 30px;
}


@media (max-width: 500px) {
   /* .am-auth-form input[type=submit] {
    width: 100% !important;
    }*/
}



/****** offline payments **************/

/*
.am-footer .am-footer-content a {
  display: none !important;
}
*/