.mcpup-env-theme{
background-color:rgba(0,0,0,0.8);
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
line-height:1 !important;
display:table;
z-index:9999999999999;
}
body.logged-in .mcpup-env-theme{
z-index:99998;
top:32px;
}
body .mcpup-env-theme *:before,
body .mcpup-env-theme *:after,
.mcpup-env-theme *:before,
.mcpup-env-theme *:after{
display: none !important;
}
.mcpup-wrap{
position:relative;
display:table-cell;
vertical-align:middle;
width:100%;
line-height:1 !important;
}
.mcpup-close{
position:absolute;
top:-1px;
right:-25px;
width:16px;
height:16px;
background:url(//www.csvr.org.za/wp-content/plugins/mcpopup-popup-form-for-mailchimp/form/images/close.png) no-repeat;
background-size:16px 16px;
-o-background-size:16px 16px;
-moz-background-size:16px 16px;
-webkit-background-size:16px 16px;
cursor:pointer;
}
body.rtl .mcpup-close{
right:auto;
left:-25px;
}
.mcpup-close:hover{
opacity:0.6;
}
.mcpup-content{
background:#ce1c00;
background-size:50px 50px;
-o-background-size:50px 50px;
-moz-background-size:50px 50px;
-webkit-background-size:50px 50px;
max-width:480px;
display:block;
margin:0 auto;
padding:5px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
line-height:1 !important;
position: relative;
font-family: 'Hind', sans-serif !important;
}
.mcpup-form{
display:block !important;
margin:0 !important;
background-color:#fff !important;
padding:10px !important;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
border-radius:4px !important;
-webkit-border-radius:4px !important;
-moz-border-radius:4px !important;
}
.mcpup-form input,
.mcpup-form input:focus,
.mcpup-form input:active,
.mcpup-form input:hover{
display:block;
outline:none !important;
background-color:#fff !important;
border:1px solid #ce1c00  !important;
opacity:1 !important;
width:100% !important;
box-sizing:border-box !important;
-moz-box-sizing:border-box !important;
-webkit-box-sizing:border-box !important;
margin:0 0 10px 0 !important;
font-size:14px !important;
color:#7093a0 !important;
line-height:normal !important;
border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
font-family: 'Hind', sans-serif !important;
text-transform:none !important;
text-shadow: none !important;
text-align: left !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
.mcpup-form input:last-child{
margin:0 !important;
}
.mcpup-form input,
.mcpup-content .mcpup-form input,
input.mcpup-input{
padding:10px;
font-family: 'Hind', sans-serif !important;
}
input.mcpup-input::-webkit-input-placeholder{
color:#999 !important;
opacity:1 !important;
}
input.mcpup-input:-moz-placeholder{
color:#999 !important;
opacity:1 !important;
}
input.mcpup-input::-moz-placeholder{
color:#999 !important;
opacity:1 !important;
}
input.mcpup-input:-ms-input-placeholder{
color:#999 !important;
opacity:1 !important;
}
.mcpup-form input[type="submit"],
.mcpup-form input[type="submit"]:focus,
.mcpup-form input[type="submit"]:active,
.mcpup-form input[type="submit"]:hover{
background-color:#ce1c00  !important;
color:#fff !important;
cursor:pointer;
margin:0 !important;
text-transform:none !important;
text-shadow: none !important;
font-family: 'Hind', sans-serif !important;
text-align: center !important;
box-shadow:none !important;
-moz-box-shadow:none !important;
-webkit-box-shadow:none !important;
}
.mcpup-content h3{
color:#000;
line-height:1.2 !important;
font-size:22px !important;
text-align:center !important;
margin:0 0 5px 0 !important;
padding: 0 !important;
outline: none !important;
border: none !important;
text-transform:none !important;
text-shadow: none !important;
font-family: 'Hind', sans-serif !important;
}
.mcpup-content h3.mcpup-title-bottom{
margin:0 0 10px 0 !important;
}
.mcpup-content p{
margin:0 0 12px 0 !important;
line-height:22px !important;
font-size:16px !important;
text-align:center !important;
color:#777 !important;
display:block !important;
font-weight:400 !important;
padding: 0 !important;
outline: none !important;
border: none !important;
text-transform:none !important;
text-shadow: none !important;
font-family: 'Hind', sans-serif !important;
}
.mcpup-content p.mcpup-short-msg{
text-align:left !important;
font-size:13px !important;
line-height:19px !important;
color:#999 !important;
margin-bottom:10px !important;
font-family: 'Hind', sans-serif !important;
}
.mcpup-content .mcpup-icon{
display:none;
}
.mcpup-content .mcpup-icon img{
display:block !important;
margin:0 auto !important;
width:32px !important;
height:32px !important;
padding:0 !important;
border:none !important;
outline:none !important;
background-color:none !important;
opacity:1 !important;
border-radius:0 !important;
-moz-border-radius:0 !important;
-webkit-border-radius:0 !important;
}
.mcpup-content .mcpup-result{
display: none;
margin-top: 10px;
text-transform:none !important;
text-shadow: none !important;
font-family: 'Hind', sans-serif !important;
text-align:left !important;
}
.mcpup-result .mcpup-msg{
font-size: 14px !important;
color: #fff !important;
line-height:20px !important;
background-color:#be6871;
padding:5px;
}
.mcpup-result .mcpup-done{
background-color:#59a25d;
}
.mcpup-done a,
.mcpup-done a:hover,
.mcpup-done a:active{
outline:none !important;
text-decoration:underline !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
text-transform:none !important;
text-shadow: none !important;
font-size: 14px !important;
color:#fff !important;
}
@media all and (max-width: 782px){
body.logged-in .mcpup-env-theme{
top:46px;
}
.mcpup-content{
max-width:90%;
}
}
@media all and (max-width: 600px){
body.logged-in .mcpup-env-theme{
top:0;
}
.mcpup-close{
top:-25px;
right:0;
}
body.rtl .mcpup-close{
left:0;
right: auto;
}
}