/*Off-canvas CSS*/
.offcanvas-menu span.menu-separator.tsm-articles-btn {
    display: none !important;
}
 span.sp-menu-separator img {
    background: #0666eb;
    padding: 10px 20px;
    border-radius: 11px;
}

span.sp-menu-separator {
    position: relative;
    top: -3px;
}
span.image-title {
    display: none;
}
body.ltr .sp-megamenu-parent>li.sp-has-child>span:after {
   display: none; 
}
.cstm-abtn img {
    background: #0666eb;
    padding: 10px 20px;
    border-radius: 11px !important;
    width: 100%;
}
.offcanvas-menu .burger-icon {
      visibility: unset !important;
}
@media (min-width: 992px) and (max-width: 1200px){

.d-lg-inline-block {
    display: none !important;
}
.d-lg-none {
    display: inline-block !important;
}
#sp-header nav.sp-megamenu-wrapper #offcanvas-toggler {
    display: none !important;
}
.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 14px !important;
}
.logo-image-phone {
    height: 46px !important;
}

}
@media (min-width: 992px) and (max-width: 6000px){
 .sp-module-content-top.clearfix {
    display: none !important;
} 
}
@media (min-width: 1200px) and (max-width: 2100px){
  header#sp-header .container {
        max-width: 1275px !important;
  }
  .logo-image {
    height: 50px !important;
  }
  .sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item > a {
    font-size: 15px !important;
  }
}

/*MENU - Smaller Screen*/
@media (min-width: 768px) and (max-width:  992px){
  .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 61%;
}
  a#offcanvas-toggler {
    background: #0bbaec url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
  .burger-icon {
     visibility: hidden;
  }
}
@media (min-width: 560px) and (max-width: 768px){
   .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 51%;
}
 a#offcanvas-toggler {
    background: #0bbaec url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
.burger-icon {
     visibility: hidden;
  }
#sp-header {
    height: 60px;
}
}
@media (min-width: 500px) and (max-width: 559px){
     .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left: 46%;
}
}
@media (min-width: 320px) and (max-width: 559px){

 a#offcanvas-toggler {
    background: #0bbaec url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 41px;
    border-radius: 12px;
    margin-top: 6px;
        margin-left: unset;
  }
.burger-icon {
     visibility: hidden;
  }
#sp-header {
    height: 60px;
}
}
@media (min-width: 320px) and (max-width: 500px){

     .sp-module-content-top.clearfix {
    position: fixed;
    margin-top: 15px;
    z-index: 9999;
    top: -1%;
    left:14%;
}

}

/*Menu Section 2 - SMALL SCREEN ONLY
section#sp-section-2 div#sp-logo {
    
    max-width: 38%;
}

section#sp-section-2 div#sp-cstm-artbtn {
    max-width: 50%;
}

section#sp-section-2 div#sp-menu {
    max-width: 12%;
}

section#sp-section-2 .container-inner .row {
    align-items: center;
}
section#sp-section-2  a#offcanvas-toggler {
    background: #a01394 url("/images/menuoff-toggle.png") no-repeat 50%;
    padding: 20px 43px;
    height: 42px;
    border-radius: 12px;
        margin-left: unset;
}

section#sp-section-2  .burger-icon {
    visibility: hidden;
}
*/
/*
@media (min-width: 320px) and (max-width: 991px){

header#sp-header {
    display: none !important;
}

}
*/

/*EngageBox CSS*/
.eb-container ul li {
    list-style-type: none !important;
    font-size: 23px;
    line-height: 46px;
    font-family: 'DM Sans';

}
.eb-content ul.menu {
    padding: unset;
}
.eb-dialog {
    padding: 70px 30px;
}

/*Article Menu CSS*/

    .cstm-bg {
    background-image: linear-gradient(45deg, #f6f9fd 0%, #e1edff 67%);
    padding: 15px 20px;
    border-radius: 10px;
}

/* BREEZING FORMS ---------------------------<start>*/
.bfQuickMode .bfNextButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: right;
    margin-top: unset !important; 
}
.bfQuickMode legend {
  background: #262330 !important;
	width: 100% !important;
    color: white;
}

.bfQuickMode legend .bfLegend-m {
  padding-left: 20px;
}
.bfQuickMode label {
  color: #000000 !important;
}
.bfQuickMode section.bfElemWrap:hover {
  background: #5a5d5817 !important;
}

.bfQuickMode section.bfElemWrap {
  padding: 10px 0px;
  border-bottom: 1px solid #00000038 !important;
}

.bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelLeft .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelTop .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelRight .bfElementGroupNoWrap input,
.bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroup input,
.bfQuickMode #asi_applicaiton .bfLabelBottom .bfElementGroupNoWrap input {
  display: inline-block;
  width: 16px;
}
.bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="checkbox"],
.bfQuickMode #asi_applicaiton span.bfElementGroupNoWrap input[type="radio"],
.bfQuickMode #asi_applicaiton span.bfElementGroup input[type="checkbox"],
.bfQuickMode #asi_applicaiton span.bfElementGroup input[type="radio"] {
  border: 1px solid #00000080 !important;
}
.uk-radio:checked,
input[type="radio"]:not([class*="uk-"]):checked,
.uk-checkbox:checked,
input[type="checkbox"]:not([class*="uk-"]):checked {
  background-color: #009603 !important;
}
/*Minor Edit by Paul*/
.bfQuickMode .bfLabelLeft .bfElementGroup,
.bfQuickMode .bfLabelRight .bfElementGroup,
.bfQuickMode section.bfLabelLeft .bfElementGroupNoWrap {
  width: auto !important;
  float: left !important;
}
.bfQuickMode label {
  font-weight: bold;
}
form.bfQuickMode {
  padding: 50px !important;
  box-shadow: 0px 0px 16px #b7b7b7 !important;
  width: auto;
}
.uk-input,
.uk-select:not([multiple]):not([size]),
.uneditable-input:not([class*="uk-"]),
input[type="color"]:not([class*="uk-"]),
input[type="date"]:not([class*="uk-"]),
input[type="datetime-local"]:not([class*="uk-"]),
input[type="datetime"]:not([class*="uk-"]),
input[type="email"]:not([class*="uk-"]),
input[type="month"]:not([class*="uk-"]),
input[type="number"]:not([class*="uk-"]),
input[type="password"]:not([class*="uk-"]),
input[type="search"]:not([class*="uk-"]),
input[type="tel"]:not([class*="uk-"]),
input[type="text"]:not([class*="uk-"]),
input[type="time"]:not([class*="uk-"]),
input[type="url"]:not([class*="uk-"]),
input[type="week"]:not([class*="uk-"]),
select:not([class*="uk-"]):not([multiple]):not([size]) {
  border: 1px solid #211e1e73;
}

.bfQuickMode button {
  background: #262330 !important;
  color: #fff !important;
  border: 1px solid transparent !important;
  padding: 5px;
}
.bfQuickMode button:hover {
  background-color: transparent !important;
  color: #262330 !important;
  border-color: #262330 !important;
}
.terms-links {
  color: #262330 !important;
  text-decoration: underline;
}
.terms-links:hover {
  color: #0da504 !important;
  text-decoration: underline;
}

/*----------------------end------------------------*/

/*J2Store CSS*/


.j2store-product-image.col-md-12 img {
    width: 100%;
}

.j2store-mainimage img {
    height: 100% !important;
    width: 100% !important;
}

h2.product-title.col-sm-12 {
    font-size: 22px;
    font-family: 'DM Sans';
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.product-cart-left-block.col-sm-12 .product-price-container .sale-price {
    text-align: center;
    font-family: 'DM Sans';
    font-weight: 800 !important;
}

.product_cart_block {
    text-align: center;
}

/* Donate page */

/*JoomDonation CSS -- START*/
div.jd_display_none_responsive {
    background-color: #0666eb !important;
}
div#stripe-card-form {
    display: none;
}
label#donation_typerecurring-lbl .r_frequency1_radio_btns {
    margin-left: 10px;
    display: inline-block;
}
.jd-message.clearfix {
    font-size: 18px !important;
}
div#tr_card_number {
    margin-bottom: 20px !important;
}
div#tr_exp_date {
    margin-bottom: 20px !important;
}

div#tr_cvv_code {
    margin-bottom: 20px !important;
}
div#tr_card_holder_name {
    margin-bottom: 20px !important;
}
.sp-module.highlight1.bottom-margin.center.smlineheight {
    background: #4393d6 !important;
}

.customhighlight1.bottom-margin.center.smlineheight {
    color: white !important;
}
a.addthis_button_tweet.at300b {
    margin-right: 20px  !important;
}
.switch-amounts.row {
    margin-left: 0px  !important;
}
#donation-form .donationButton {
    text-align: left  !important;
 
}

#donation-form .switch-payment-gateway label:nth-of-type(1) span:before{
    /*content: "Credit/Debit";*/
    margin-right: 5px;
}
#donation-form .switch-payment-gateway label:nth-of-type(1){
    display: inline-flex;
    align-items: center;	
    width: 50%;
    color: #000;
}
.jd_vertical_align_middle strong{
    padding-left: 0px !important;
}
/*new*/
span.input-group-text {
    font-size: 20px;
}
div#donation_type {
    border: unset !important;
    box-shadow: none !important;
}

label#donation_typerecurring-lbl div#r_frequency_group {
    position: absolute;
    top: 0;
    left: 23%;
}
@media (min-width: 985px) and (max-width: 1330px) {
	label#donation_typerecurring-lbl div#r_frequency_group {
		left: 30%;
	}
}
@media (min-width: 547px) and (max-width: 984px) {
	label#donation_typerecurring-lbl div#r_frequency_group {
		position: relative;
		top: unset;
		left: unset;
	}
}
@media (max-width: 546px) {
	label#donation_typerecurring-lbl div#r_frequency_group {
		position: relative;
		top: unset;
		left: unset;
		
	}
	label#donation_typerecurring-lbl {
		margin-left: 0px;
	}
}
/*JoomDonation CSS -- END*/