/*----additional self defined css for call to actions btn ---*/

.cta-btn {
    color: #ff0004; font-size: 1.2em; text-align: center; margin-top: 10px;
    transition: ease-out .3s;
	display:inline-flex;
}

.cta-btn a {
    height: 2.375rem;
    line-height: 2.375rem;
    border: 2px solid #ed1b2e;
    border-radius: 4px;
    background: #ed1b2e;
    color: #fff;
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: normal;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 5px;
    padding-right: 30px!important;
    padding-left: 20px;
    -webkit-transition: ease-out .3s;
    -o-transition: ease-out .3s;
    transition: ease-out .3s;
}

.cta-btn img {
    -webkit-transition: ease-out .3s;
    -o-transition: ease-out .3s;
    transition: ease-out .3s;
    padding-left: 8px!important;
}

@media only screen and (min-width: 768px) {
    .cta-btn a:hover {
        padding-right: 20px!important;
		border: 2px solid #b41725;
        background: #b41725;
        -webkit-transition: ease-out .3s;
        -o-transition: ease-out .3s;
        transition: ease-out .3s;
    }
    
    .cta-btn a:hover img {
        padding-left: 18px!important;
        -webkit-transition: ease-out .3s;
        -o-transition: ease-out .3s;
        transition: ease-out .3s;
    }
}

/*--for collapse expand---*/

label[for=element-toggle],[for=element-toggle-2],[for=notes-toggle],[for=notes-toggle-2],[for=notes-toggle-3],[for=notes-toggle-4],[for=notes-toggle-5],[for=notes-toggle-6],[for=notes-toggle-7],[for=notes-toggle-8],[for=notes-toggle-9] {
  cursor: pointer;
}
#element-toggle, #element-toggle-2, #notes-toggle, #notes-toggle-2, #notes-toggle-3, #notes-toggle-4, #notes-toggle-5, #notes-toggle-6, #notes-toggle-7, #notes-toggle-8, #notes-toggle-9 {
  display: none;
}
#element-toggle:not(:checked) ~ #toggled-element, 
#element-toggle-2:not(:checked) ~ #toggled-element-2, 
#notes-toggle:not(:checked) ~ #toggled-notes, 
#notes-toggle-2:not(:checked) ~ #toggled-notes-2, 
#notes-toggle-3:not(:checked) ~ #toggled-notes-3,
#notes-toggle-4:not(:checked) ~ #toggled-notes-4,
#notes-toggle-5:not(:checked) ~ #toggled-notes-5, 
#notes-toggle-6:not(:checked) ~ #toggled-notes-6, 
#notes-toggle-7:not(:checked) ~ #toggled-notes-7, 
#notes-toggle-8:not(:checked) ~ #toggled-notes-8,
#notes-toggle-9:not(:checked) ~ #toggled-notes-9 
{
  display: none;
}


.lbl-toggle::after {
  content: "\f054";
  	font-size:0.9rem;
    font-family: 'font awesome 5 free';
    font-weight: 900;
    margin-left: 10px!important;
    display: inline-block;
    -webkit-transition: -webkit-transform .2s;
    transition: -webkit-transform .2s;
    -o-transition: -o-transform .2s;
    transition: transform .2s;
    transition: transform .2s,-webkit-transform .2s,-o-transform .2s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
	vertical-align:top;
    transform: rotate(0deg);
}

.toggle:checked + .lbl-toggle::after {
  transform: rotate(90deg) translateX(-3px);
}

/*--end of collapse expand---*/

/*----end of additional self defined css for call to actions btn ---*/
