body {

@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "Times New Roman";
  
}

/* HEADER */
body {
 font-family: 'Times New Roman';
}
header, footer {

 padding: 5px 0px;
 text-align: center;
 background: #B61d22;
 margin-left: 8vw;
 margin-right: 8vw;
    
}
/* BODY CONTENT */
.brand-logo {
 padding-top: 70px;
 text-align: center;
}
.brand-logo img {
 max-width: 40vw;
 height: 4vw!important;
}
.body-unsubscribe .heading h1 {
 font-size: 32px;
 text-align: center;
 padding-top: 60px;
 font-family:lato !important;
 font-weight:300 !important
}
.body-unsubscribe .cancel-link {
 font-size: 18px;
 padding-top: 30px;
}
.cancel-link a {
 color: #000;
 text-decoration: underline;
}
.form-header {
 padding: 30px 0px;
}
.form-header .title {
 font-size: 18px;
 text-transform: uppercase;
}
.channels {
 font-size: 17px;
}
.channel .title {
 font-size: 18px;
 color:gray;
}
.channel .desc {
 font-size: 13px;
 padding: 5px 0px 0px 0px;
}
.check-boxes, .channels {
 text-align: center;
}
.unsubscribe-form {
 padding-top:30px;
}
.channel {
 margin-bottom: 30px;
 display: flex;
}
div.everything {
 border-bottom: none;
}
.channel .check-boxes, .channel .desc-holder {
 flex:1;
}
.channel .check-boxes .col-sm-3 {
 height:100%;
}
/*div.everything .title{
 padding-top: 30px;
    padding-bottom: 0px;
}*/
.channel .title {
 background: none;
}
.home-lnk {
 text-align: right;
 margin-top: 30px;
 font-family: times new roman;
 font-style: italic;
}
.home-lnk a {
}
/* STYLEING FORM ELEMENTS FOR DESKTOP */
input[type="checkbox"],input[type="radio"] {
 display: none;
}
input[type="checkbox"] + label,input[type="radio"] + label {
    position: absolute;
    left: 50%;
    margin-left: -12px;
}
input[type="checkbox"] + label div,input[type="radio"] + label div{
 display: none;
}
input[type="checkbox"]:checked + label span,input[type="radio"]:checked + label span {
    border: none;
    color: #fff;
    font-size: 15px;
    background: url("https://image.s51.sfmc-content.com/lib/fe31117373640479711676/m/1/0f067810-ad35-44d8-b91a-0b1b554dd62f.png?b=1704544920000") #fff 4px 5px no-repeat;
    background-size: 100%;
}
input[type="checkbox"] + label span,input[type="radio"] + label span {
 display: inline-block;
 width: 27px;
 height: 27px;
 margin: -1px 4px 0 0;
 vertical-align: middle;
 background: #d8d8d8 left top no-repeat;
 border: solid 1px #ccc;
 cursor: pointer;
 border-radius: 17px
}
.cancel-btn:hover {
    color: #fff;
    text-decoration: none;
}
input[type="reset"], input[type="submit"],.cancel-btn {
 border: none;
 font-size: 15px;
 color: #fff;
 background: #000;
 padding: 10px 30px;f
 text-transform: uppercase;
}
input[type="submit"] {
 margin-left: 30px;
}
.col-sm-6.col-xs-12.check-boxes .col-xs-3 {
    height: 26px;
    top: 50%;
    margin-top: -10px;
}
.buttons {
 text-align: right;
 margin-bottom: 30px;
}
.buttons .btns {
 display: inline-block;
}
/* FOOTER */
footer {
 padding: 30px 0px;
 margin-top: auto;
}
footer .row {
 /*width: 1170px;*/
 margin: 0px auto;
}
/*footer .links {
 padding-top: 15px;
}*/
footer .links {
 font-size: 14px;
 color: #cccccc;
 text-align: left;
 display: inline-block;
}
footer .logo {
 text-align: right;
}
/* CONFIRMATION MODAL BOX */
#confirmation div {
 text-align: center;
}
#confirmation .modal-body div {
 padding: 10px 0px;
}
#confirmation .modal-body {
 padding: 0px 40px 70px 40px;
}
#confirmation .title {
 font-size: 39px;
}
.modal-content {
 box-shadow: none;
 border: none;
 border-radius: 0px;
}
.modal-header {
 border-bottom: none;
 padding: 0px;
 min-height: 70px;
}
.close:hover, .close:focus, .close {
 opacity: 1;
}
.modal-header .close {
 margin-top: 25px;
}
.modal-header button {
 width: 25px;
 height: 25px;
 margin-top: 30px;
 margin-right: 30px;
 background: url("https://image.s51.sfmc-content.com/lib/fe31117373640479711676/m/1/0f067810-ad35-44d8-b91a-0b1b554dd62f.png?b=1704544920000") #fff center no-repeat;
 background-size: 100px;
}
#confirmation a {
 font-size: 18px;
 color: #000;
 text-decoration: underline;
 font-style: italic;
 font-family: Times New Roman;
}
#confirmation .cancel a {
 color: #cc6600;
}
.channel:nth-child(even) {
 background: #f6f6f6;
 padding:10px 0px 5px 0px;
}
@media (max-width:1170px) {
footer .row {
 width: 100%;
}
}

@media (max-width:50%) {
 input[type="checkbox"] + label, input[type="radio"] + label {
 margin-top: 15px;
    top: 50%;
    position: static;
    left: 50%;
    margin-left: 0px;
    width: 100%;
}
.channel:nth-child(even) {
 padding:15px 0px;
}
.channel {
 margin-bottom: 0px;
 display: block;
}
.channel .title {
 padding-bottom: 0px;
 background: #fff right center no-repeat;
 background-size: 100px;
 cursor: pointer;
font-size: 16px;
 padding-left:0px;
}
input[type="checkbox"] + label span ,input[type="radio"] + label span {
    position: absolute;
    left: 50%;
    margin-left: -13px;
}
.form-header .title {
 padding-left: 20px;
}
.channel .title.down {
 background: #fff right center no-repeat;
 background-size: 22px; 
}
.desc.channel1, .check-boxes.channel1 {
 display: block;
}
.body-unsubscribe .heading h1 {
 font-size: 29px;
}
.channel .desc {
 font-size: 13px;
 padding-top: 10px;
 padding-left: 0px; 
}
.form-header .title {
 font-size: 16px;
 padding-left: 16px;
}
.body-unsubscribe .cancel-link {
 padding-top: 15px;
 text-align: center;
}
.form-header {
 padding: 30px 0px 20px 0px;
}
.form-header .title {
 text-transform: uppercase;
}

/*div.everything .title {
 padding-top: 0px;
}*/

.channel {
 border-bottom: none;
 padding: 15px 0px;
}
.channel .desc {
    font-size: 13px;
    padding: 5px 0px 0px 0px;
}
.home-lnk {
 text-align: center;
 color: #fff;
 padding: 20px;
 background: #666666;
 margin-top: 40px;
 text-transform: uppercase;
 font-family: lato;
 font-size: 22px;
 font-style: normal;
}
.home-lnk span {
 display: none;
}
.home-lnk a {
 color: #fff;
 display: block;
 text-decoration: none;
}
/* STYLEING FORM ELEMENTS FOR MOBILE */
 
input[type="checkbox"] + label div,input[type="radio"] + label div {
display: block;
    margin-left: 0px;
    font-size: 16px;
    width: 50%;
    text-align: center;
    padding-bottom: 9px;
}
input[type="reset"] {
 display: none;
}
.buttons {
 margin-bottom: 2px;
}

.check-boxes {
  text-align: left;
}
 .btns-container {
  text-align: center;
 }
 .btns {padding: 30px 0px;}
 .col-sm-6.col-xs-12.check-boxes .col-xs-3 {
    height: auto;
    top: 50%;
    margin-top: 0px;
 margin-bottom: 20px;
 padding: 0px 10px;
}
.desc, .check-boxes {
 display: none;
} 
/* FOOTER */
footer {
 /*margin-top: 0px;*/
}
footer .links, footer .logo {
 text-align: center;
}
}

@media (max-width:500px) {
.modal-dialog {
 width: 300px;
 margin: 80px auto;
}
/* STYLEING FORM ELEMENTS FOR X-SMALL DEVICE */

}

footer a {
    color: #CCC;
}

#wrapper {
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}
.layout-canvas-g > .section {
 margin: 0;
}
}