/*
File Name: sendgrid.css
Author: Elumalai
Created On: 10-02-2025
*/
/*START  -- Subscribe Page*/

.logged-in .subscribe-menu {
    display: none !important;
}

.subscribers-title {
    margin-bottom: 30px !important;
}

.subscribers-title.td_block_template_18 .td-block-title > span {
    padding: 0;
}
.subscribers-title h2 {
    font-size: 34px;
    /*font-family: Gelasio, Arial, sans-serif !important;*/

    color: #000;
}
.subscribers-title span {
    font-size: 40px;
    font-weight: bold;
    color: #252263;
}
.subscribers-title .count {
    display: inline-block;
    min-width: 130px;
}
.subscribe-content-block {
    margin: 0 auto;
    max-width: 1100px;
}

.subscribe-content-block .unsub-group {
    margin-bottom: 8px;
}

.subscribe-content-block .child-unsub-group {
    min-height: 75px;
    background-color: #f9f9f9;
    border: 0;
    box-shadow: none;
    display: flex;
    padding: 10px 20px;
}

.subscribe-content-block .group-content {
    width: 93%;
}

.subscribe-content-block .custom-control {
    width: 7%;
    text-align: right;
}

.subscribe-content-block .grp-row1 p {
    margin-bottom: 3px;
    font-weight: bold;
}

.subscribe-content-block .grp-row2 p {
    font-size: 13px;
}

.custom-control-input:checked~.custom-control-label::before {
    color: #fff;
    background-color: #252263 !important;
    border-color: #252263 !important;
}

/*.subscribe-content-block  .custom-control .custom-control-label::before {
    right: 0;
    left: auto;
}*/

.subscribe-content-block p {
    margin-bottom: 0;
}

.subscribe-form-block {
    margin-bottom: 30px;
}

#subscription-form .preference-block {
    margin-bottom: 10px;
}

#subscription-form .subscribe-form-block {
    width: 100%;
    margin: 0 auto 20px auto
}

#subscription-form #subscribe-btn, #subscription-form #subscribe-update-btn {
    /*margin-top: 10px;*/
    border: #252263 2px solid !important;;
    color: #FFF;
    font-size: 16px;
    background-color: #252263 !important;
    padding: 4px 9px;
    cursor: pointer;
}

.subscribe-form-block .subscribe-error {
    color: red;
    font-size: 15px;
    text-align: left;
}

.subscribe-btn-div {

    padding: 10px 10px;
    border: 1px solid #ebeeef;
}

.subscribe-btn-div .btn-row {
    display: flex;
}
@media (max-width: 979px) {
    
    #mobile-subscription-form {
        display: block !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 581px)  {
    .subscribe-content-block{
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }
}

@media only screen and (max-width: 580px) and (min-width: 320px)  {
    .subscribe-content-block{
        width:100% !important;
        padding-left:20px !important;
        padding-right:20px !important;
    }
}
@media (max-width: 767px) {

    .subscribe-content-block .subscribe-btn-div .btn-row {
        display: block;
    }
    
    .subscribe-content-block .subscribe-btn-div .btn-row div {
        width: 100% !important;
    }
    
}


/*END  -- Subscribe Page*/