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%; 
} 

.channel .title { 
background: none; 
} 

.home-lnk { 
text-align: right; 
margin-top: 30px; 
font-family: Times New Roman; 
font-style: italic; 
} 

/* 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; 
text-transform: uppercase; 
} 

input[type="submit"] { 
 margin-left: 0 !important;
} 

.buttons { 
text-align: right; 
margin-bottom: 30px; 
} 

.buttons .btns { 
display: inline-block; 
} 

/* FOOTER */ 
footer { 
padding: 30px 0px; 
margin-top: auto; 
} 

footer .row { 
margin: 0px auto; 
} 

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%; 
} 
} 

footer a { 
color: #CCC; 
} 

#wrapper { 
display: flex; 
flex-direction: column; 
min-height: 100vh; 
} 

.layout-canvas-g > .section { 
margin: 0; 
}
}