/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/


/*Add your own styles here:*/

/*.event-list h2.woocommerce-loop-product__title{
	font-size: 40px;
}
*/


.card-custom {display: block; margin-left: 20px; margin-right: 10px; }
.card-custom .card-image { display: block; position: relative;}
.card-custom .card-image .stripe-img { position: absolute; left: -20px; top: 25px; z-index: 99; background: url(https://supportedlife.itulstaging.com/wp-content/uploads/2021/11/img-strip.png) no-repeat; width: 262px; height: 71px;}
.card-custom .card-image .stripe-img .stipetext {font-family: 'montserrat', Helvetica, Arial, sans-serif; color: #fff; padding: 15px 25px; text-align: center; display: flex; align-items: center; justify-content: center;}
.card-custom .card-image .stripe-img .stipetext .boldtext {font-size: 32px; font-weight: bold; padding-right: 10px;}
.card-custom .card-image .stripe-img .stipetext .dateblock {display: block;  line-height: normal; }
.card-custom .card-image .stripe-img .stipetext .dateblock .monthblock { font-size: 16px;  text-align: left;}
.card-custom .card-image .stripe-img .stipetext .dateblock .monthblock b{ color: #fff;}
.card-custom .card-image img { display: block;}
.card-custom .card-image .stripe-img .stipetext .dateblock .timeblock { font-size: 11px; text-align: left; }

.card-custom .card-image .imgcaption { position: absolute; bottom: 0px; left: 0px; right:0px; padding: 15px; text-align: center; font-family: 'montserrat', Helvetica, Arial, sans-serif; background: rgba(0,0,0,0.6);}
.card-custom .card-image .imgcaption h3 { color: #fff; text-decoration: underline; padding: 0px; font-size: 12px; font-weight: bold;  margin-top: 0px; margin-bottom: 10px;}
.card-custom .card-image .imgcaption .row-custom-block {  display: -ms-flexbox;
	display: flex;    width: 275px;
    margin: auto;

	-ms-flex-wrap: wrap;
	flex-wrap: wrap;}

	
	.card-custom .card-image .imgcaption .row-custom-block .col-custom6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
	text-align: left;
  }

  .card-custom .card-image .imgcaption .row-custom-block .col-custom6 strong { color: #fff; font-size: 11px; font-weight: bold; line-height: normal;}
  .card-custom .card-image .imgcaption .row-custom-block .col-custom6 p{margin: 0px; color: #fff; font-size: 8px; line-height: normal;}
  .padding-left-20 { padding-left: 20px;}
  .custom-card-body { box-shadow: 0px 1px 4px #b1b1b1; padding: 15px 15px 25px ;  font-family: 'montserrat', Helvetica, Arial, sans-serif; background: #fff;}
  .custom-card-body > h2 {color: #963270 !important; font-size: 18px !important; border-bottom: #963270 solid 2px !important; padding-bottom: 10px !important; padding-top: 0px !important; }
  .custom-card-body .map-icon { padding-right: 10px;}
  .custom-card-body .maptext b{color: #000000; font-size: 13px;}
  .custom-card-body .maptext { width:350px; }
  .custom-card-body .maptext .seemaptext { font-weight: normal; font-size: 11px; color: #963270;}
  .mt-15{ margin-top: 15px;}
  .custom-card-body p{ font-size: 14px; color: #50444A; margin-top: 20px; margin-bottom: 25px; line-height: 19px; }
  .custom-card-body .btnrounded { padding: 5px 20px; background-color: white!important; border-radius: 50px !important; border: #963270 solid 2px !important;
    color: #963270 !important; text-transform: uppercase;}
.line-height-normal p{ line-height: normal; margin-top: 0px;}

.banner-custom{
    background: url(https://supportedlife.itulstaging.com/wp-content/uploads/2021/11/advocacy-img.png) no-repeat; background-size: cover; height: 250px;
}
.headingblock h2 {font-family: 'montserrat', Helvetica, Arial, sans-serif; font-size: 32px; font-weight: bold !important; margin: 0px; text-transform: none !important;}
.hrblock { height: 3px; margin-top: 10px; background:#963270; border: none; width: 150px;}
.advocacy-block p {font-size: 20px; font-family: Arial, Helvetica, sans-serif; color: #50444A;}


.advocacy-block .btn-outline-primary {
  color: #963270;
  border-color: #963270;
  font-family: 'montserrat', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold;
  border-radius: 50px;
  padding: 6px 22px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
}

.advocacy-block .btn-outline-primary:hover {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
}

.advocacy-block .btn-outline-primary:focus,.advocacy-block .btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(175, 51, 175, 0.5);
}

.advocacy-block .btn-outline-primary.disabled, .advocacy-block .btn-outline-primary:disabled {
  color: #963270;
  background-color: transparent;
}

.advocacy-block .btn-outline-primary:not(:disabled):not(.disabled):active,.advocacy-block .btn-outline-primary:not(:disabled):not(.disabled).active,
.show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
}




.advocacy-block .btn-primary {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
  font-family: 'montserrat', Helvetica, Arial, sans-serif; font-size: 20px; font-weight: bold;
  border-radius: 50px;
  padding: 6px 22px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: bold;
}

.advocacy-block .btn-primary:hover {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
}

.advocacy-block .btn-primary:focus,.advocacy-block .btn-primary.focus {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
  box-shadow: 0 0 0 0.2rem rgba(163, 55, 140, 0.5);
}

.advocacy-block .btn-primary.disabled,.advocacy-block .btn-primary:disabled {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
}

.advocacy-block .btn-primary:not(:disabled):not(.disabled):active,.advocacy-block .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #963270;
  border-color: #963270;
}
.graybgsection { background-color: #F0F0F0; padding-top: 50px; padding-bottom: 50px;}
ul.listblockdiv { margin: 0px; padding: 0px;}
ul.listblockdiv li{ margin: 5px 0px; padding: 0px; list-style: none;}
ul.listblockdiv li a {font-family: 'montserrat', Helvetica, Arial, sans-serif; font-size: 18px; color: #963270; font-weight: bold;}
.custom-modal .modal-header { background-color: #963270; border-radius: 0px; padding: 0.6rem 1rem;}
.custom-modal .modal-content { border: none;}
.custom-modal .modal-header .close {margin-right: -65px;

  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-shadow: none;
   opacity: 1;
}
.custom-modal .modal-body h2{font-family: 'montserrat', Helvetica, Arial, sans-serif; text-transform: none !important; font-size: 32px; color: #963270; font-weight: bold;}
.custom-modal .modal-body .linkadd { color: #963270; font-size: 14px; font-weight: 600; font-family: 'montserrat', Helvetica, Arial, sans-serif;}
.custom-modal .modal-body .grayblock {background-color: #f0f0f0; padding: 15px 25px;}
.custom-modal .modal-body .grayblock .addrestext strong { font-weight: bold !important; font-family: 'montserrat', Helvetica, Arial, sans-serif !important; color: #212529;}
.custom-modal .modal-body .grayblock .addrestext {font-weight: 600; color: #2461EA; font-family: 'montserrat', Helvetica, Arial, sans-serif;}
.linktext { font-weight: 600; color: #2461EA;  font-family: 'montserrat', Helvetica, Arial, sans-serif;}
.custom-modal .modal-body { padding: 2rem 4rem !important;}

.purplebg { background-color: #963270; padding-top: 50px; padding-bottom: 50px;}
.purplebg h3 {font-family: 'montserrat', Helvetica, Arial, sans-serif; font-weight: bold; font-size: 40px; color: #fff; margin-bottom: 5px;}
.purplebg h4 {font-family: 'montserrat', Helvetica, Arial, sans-serif; font-weight: 500; font-size: 28px; color: #fff; margin-bottom: 5px;}
.border-radous { border-radius: 50px;}

/*Advocacy Event List CSS*/
.list_events { margin-bottom: 4em; }
.list_events span.date{
    background-color: #963270;
    color: #fff;
    font-size: 12px;
    margin-bottom: 15px;
    padding: 2px 20px;
    display: inline-block;
    font-weight: bold;
    border-radius: 4px;
}
.list_events h2{
    text-transform: capitalize;
    padding-bottom: 0px;
    color: #963270;
    font-size: 32px;
}
.list_events h3.conatct_name{
    padding-bottom: 1px;
    color: #bb2f86;
    font-size: 20px;
}
.list_events p{
    font-size: 20px;
    color: #50444a;
}
.list_events.even{
  background-color:#f0f0f0;
  padding: 50px 70px 50px 70px;
}
.list_events.odd{
  background-color: #fff;
  padding: 50px 70px 50px 70px;
}