@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css');
/*@import url('https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css');*/

#manage-newsletter-subscription .errs 
{
    color: red;
    position: absolute;
    z-index: 1;
    bottom: 60px;
    font-size: 14px;
}
.opt_widget_main {
	background: url('/sites/dh/themes/deccanherald/images/nl_opt_widget_bg.png') #0088a9 right top no-repeat !important;
	background-size: cover;
	min-width: 100%;
	display: inline-block;
	padding: 15px 20px 25px 25px;
	background-size: 70%;
}

.opt_widget_main .content {
	position: relative;
	padding-top: 35px;
}

.opt_widget_main .content h4 {
	text-align: left;
	color: #fff;
	font-size: 18px;
  margin-bottom: 5px;
}

.opt_widget_main .content .form-control {
	height: 37px;
	border-color: #ffffff;
	border-radius: 0;
	font-size: 15px;
    
}

.opt_widget_main .content .input-group { 
    z-index: 2;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 99%;
}
.opt_widget_main .content .form-control {
  width: 66%;
}

.opt_widget_main .content.form-control:focus {
	box-shadow: none;
	border: 2px solid #243c4f;
}

.opt_widget_main .content .btn {
	min-height: 37px;
	border-radius: 0;
	background: #F7B825;
	color: #fff;
	font-weight: 600;
	font-size: 15px;
	color: #000;
}

.opt_widget_main .clm-1 {
	float: left;
	width: 42%;
}

.opt_widget_main .clm-2 {
	float: left;
	width: 58%;
	position: relative;
	padding-left: 13px;
}

.opt_widget_main .clm-2:hover{
    cursor: pointer;
}

.opt_widget_main .clm-2 ul {
	margin-bottom: 0px;
  padding-inline-start: 40px;
}

.opt_widget_main .clm-2 ul li {
	float: left;
	display: inline-block;
	color: #fff;
	font-size: 14px;
	min-width: 50%;
	line-height: 2.3rem;
}

.opt_widget_main .clm-2 .btn {
	min-height: 35px;
	background: #F7B825;
	font-weight: 600;
	font-size: 15px;
	color: #000;
	border-radius: 0px;
}

.opt_widget_main .clm-2:after {
	position: absolute;
	content: "";
	width: 1.2px;
	height: 80px;
	background: #FFFFFF;
	z-index: 1;
	opacity: 0.49;
	top: 35px;
	left: 27px;
}


/*Media query responsive css start here*/

@media only screen and (min-width:100px) and (max-width:1024px) {
    
    
    /* Opt-in widget Start */
    
    .opt_widget_main {
          background-size: cover;
    }
    
	.opt_widget_main .clm-1 {
		width: 100%;
		margin-bottom: 10px;
	}
	/*.opt_widget_main .clm-2 ul {
		margin: 0px;
		padding: 0px;
	}*/
	.opt_widget_main .clm-2 {
		width: 100%;
		padding-left: 0px;
	}
	.opt_widget_main .clm-2 ul li {
		float: unset;
		display: inline-block;
		min-width: unset;
		line-height: normal;
		padding-left: 12px;
		padding-right: 10px;
		position: relative;
		font-size: 13px;
	}
	.opt_widget_main .content {
		padding-top: 10px;
	}
	.opt_widget_main .clm-2 .btn {
		display: none;
	}
	.opt_widget_main .clm-2 ul li:after {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		background: #FFFFFF;
		z-index: 1;
		top: 6px;
		left: 0px;
		border-radius: 10px;
	}
    
      .opt_widget_main .clm-2:after {
        display: none;
    }
	.nl-optin-mobile{
		text-align: left !important;
		margin-bottom: 20px;
	}
}

@media only screen and (min-width:100px) and (max-width:1024px) { 

  #agree_container_3_0  {
      float: left;
      width: 100%;
  }
  
  #agree_container_3_0 p {
      font-size: 14px;
      margin-bottom: 0rem;
      margin-top: 0rem;
  }
  
  .subscribe_newsletter {
      min-height: 300px;
  }
}
@media screen and (max-width: 360px) {

   #agree_container_3_0 p {
       line-height: normal;
   }
}

#agree_container_3_0 p{
   font-size: 15px;
    color: #000;
    margin-bottom: 1rem;
    margin-top: 1rem;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    min-height: 100px;
    line-height: 1.5;
}
#agree_container_3_0 input[type=checkbox] {
    vertical-align: text-bottom;
    height: 18px;
    width: 18px;
    margin-bottom:0px;
}
#btn_container {
   margin-top:15px;
   position: absolute;
   bottom: 10px;
   width: 90%;
}

.was-validated :valid ~ .valid-feedback {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #28a745;
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #28a745;
  padding-right: calc(0.75em + 2.3125rem);
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}

.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label,
 .form-check-input.is-valid ~ .form-check-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
 .custom-control-input.is-valid ~ .custom-control-label {
  color: #28a745;
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before,
.custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before,
.custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #34ce57;
  background-color: #34ce57;
}

.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before,
.custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid ~ .custom-file-label,
.custom-file-input.is-valid ~ .custom-file-label {
  border-color: #28a745;
}

.was-validated .custom-file-input:valid:focus ~ .custom-file-label,
.custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #28a745;
  box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
}

.opt_widget_main .content .invalid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}
.opt_widget_main .content .valid-feedback {
    display: none;
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #28a745;
  }
.opt_widget_main .content .was-validated :invalid ~ .invalid-feedback,
.opt_widget_main .content .is-invalid ~ .invalid-feedback {
  display: table-row;
  background-color: #F7B825;
}

.opt_widget_main .content .was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: #dc3545;
}


.opt_widget_main .content .was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
  color: #dc3545;
}

.opt_widget_main .content .was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #dc3545;
}

.opt_widget_main .content .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before,
.custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #e4606d;
  background-color: #e4606d;
}

.opt_widget_main .content .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.opt_widget_main .content .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before,
.custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dc3545;
}

.opt_widget_main .content .was-validated .custom-file-input:invalid ~ .custom-file-label,
.custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #dc3545;
}

.opt_widget_main .content .was-validated .custom-file-input:invalid:focus ~ .custom-file-label,
.custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}

.static_text {
  padding: 10px;
  background-color: rgba(245, 248, 250, 0.31);
  border-radius: 20px;
  margin: 15px 0px;
  box-shadow: 3px 3px 10px #dddddd;
  font-size: 17px;
  color: #000000;
  line-height: 25px;
  border: 1px solid #dddddd;
  font-style: italic;
}
.static_text p{
padding-bottom: 5px;
padding-top: 10px;
color:#0072bc;
font-weight: bold;
}
.static_text p:last-child{
padding-bottom: 0px;
}
.static_text u {
font-style: normal;
font-weight:bold;
}
.static_text a{
color:#0072bc;
font-weight:bold;
}

.field-name-field-tags .field-items .field-item {
background: #f6f6f6;
display: inline-block;
color: #666;
padding: 10px 20px;
border-radius: 3px;
margin-right: 10px;
margin-top: 10px;
}

@media (max-width:480px)
{
 .static_text{
   padding:7px 15px;
}
}
/*From designs/newsletter.css*/

/*Navbar Additional-nav-item css */


nav.navbar.additional-nav-item.navbar-expand-sm.secondary.sticky ul li a{
  font-size: 13px;
}

nav.navbar.additional-nav-item.sticky .navbar-nav .nav-link {
padding-right: 0.3rem;
padding-left: 0.3rem;
}


nav.navbar.additional-nav-item.sticky a.navbar-text {
padding: 0 0.7rem;
width: 95px !important;
line-height: 16px;
position: relative;
}


nav.navbar.additional-nav-item.navbar-expand-sm.secondary.sticky .pdng-top { 
padding-top: 0px !important;
}

nav.navbar.additional-nav-item.navbar-expand-sm.secondary.sticky .new {
position: absolute;
top: 5px !important;
font-weight: bold;
color: red;
font-size: 11px;
}

nav.navbar.additional-nav-item a.navbar-text {
padding: 0 10px;
font-size: 13px;
}


nav.navbar.additional-nav-item.navbar-expand-sm.secondary .pdng-top {
padding-top: 12px !important;   
}

nav.navbar.additional-nav-item a.navbar-text .new {
position: absolute;
top: 1px;
font-weight: bold;
color: red;
font-size: 11px;
}

nav.navbar.additional-nav-item.sticky .new {
top: 2px !important;
}

/* Newsletter section ( Content area ) css start here */

body{
overflow-x: hidden;
}

.newsletter-header {
background: #f6f6f6;
padding: 1.5rem 0;
text-align: center;
border-bottom: dashed 1.5px #80808038;
}

.newsletter-header h2 {
margin: 0px;
padding: 0px;
font-weight: bold;
font-size: 1.5rem;
}

.nwsltr-card-item {
padding: 3rem 1rem;
}

.nwsltr-card-item .card-colm {
flex: 0 0 30.333333%;
max-width: 30.333333%;
}

.nwsltr-card-item .d-flex {
padding-top: 0px;
border: 0px;
grid-gap: 50px;
}

.nwsltr-card-item .d-flex-mgn-pdg-0 {
padding-bottom: 0;
}

.rgt-sldr-main {
position: relative;
}

.rgt-sldr-hdng {
font-size: 17px;
font-weight: bold;
padding-top: 12px;
margin-bottom: 25px;
}

.rgt-sldr-hdng:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 30px;
height: 6px;
background-color: #148397;
}

.nwsltr-card-item .card {
background: #e5f3ff;
border: solid 2px #d1eaf3;
border-radius: 0px;
position: relative;
padding-top: 0.5rem;
min-height: 325px;
}

.SignUpAllWrapper {
min-width: 100%;
}

.SignUpWrapper {
display: inline-block;
min-width: 53%;
}

.nwsltr-card-item h3 {
font-size: 1.5rem;
font-weight: 600;
}

.nwsltr-card-item h3 span {
display: block;
}

.nwsltr-card-item .card p {
font-size: 15px;
color: #000;
font-weight: 500;
margin-bottom: 1rem;
margin-top: 1rem;
display: -webkit-box;
max-width: 100%;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
min-height: 100px;
}

.nwsltr-card-item .card .btn-dark {
color: #fff;
background-color: #000;
border-color: #000;
min-width: 90%;
border-radius: 0px;
height: 42px;
text-align: center;
margin-bottom: 0px;
font-size: 15px;
line-height: 27px;
}

.nwsltr-card-item .card .btn-light {
color: #000;
background-color: #fff;
border-color: #fff;
min-width: 45%;
border-radius: 0px;
height: 42px;
font-size: 15px;
}

.nwsltr-card-item .card .btn-light .fa {
float: right;
font-size: 19px !important;
line-height: 24px !important;
font-weight: bold !important;
display: inline-block;
}

.nwsltr-card-item .card small,
.small {
color: gray;
display: block;
padding-bottom: 1.3rem;
}

.row-mrgn-btm {
margin-bottom: 2rem;
}

.nwsltr-card-item .SignUpAllMain .btn-dark {
background-color: #2687A9;
font-size: 15px;
background-color: #2687A9;
border-color: #2687A9;
line-height: 30px !important;
}

.SignUpAllMain h3 {
color: #2687A9;
font-weight: bolder;
}

.SignUpAll input {
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
border: 0px !important;
width: 59%;
height: 43px;
border-radius: 0px;
}

.SignUpAll input:focus {
outline: none !important;
border-color: #2687A9;
box-shadow: 0 0 10px #80808038;
}


/*Sign Up Click button (jquery) required css start here */

#SignUpClick1,
#SignUpClick2,
#SignUpClick3,
#SignUpClick4,
#SignUpClick5,
#SignUpClick6,
#SignUpClick7 {
display: none;
}

.SignUpfield1,
.SignUpfield2,
.SignUpfield3,
.SignUpfield4,
.SignUpfield5,
.SignUpfield6,
.SignUpfield7 {
width: 100%;
position: absolute;
z-index: 1;
display: none;
bottom: 0px;
/*transition: all 0.2s ease-out;*/
bottom: 1.1rem;
}

.SignUpfield1 input,
.SignUpfield2 input,
.SignUpfield3 input,
.SignUpfield4 input,
.SignUpfield5 input,
.SignUpfield6 input,
.SignUpfield7 input {
font-size: 15px;
padding-left: 10px;
padding-right: 10px;
border: 0px !important;
height: 44px;
width: 63%;
border-radius: 0px;
}

.SignUpWrapper input:focus {
outline: none !important;
border-color: #2687A9;
box-shadow: 0 0 10px #80808038;
}

.SignUpbtn-2 {
min-width: 26.5% !important;
margin-left: -6px;
margin-bottom: 3px!important;
height: 45px!important;
line-height: 30px;
line-height: 28px;
}

.SignUpWrapper label.btn.btn-dark.SignUpbtn-2 {
font-size: 15px !important;
line-height: 30px;
}


/*Modal popup (See Latest button) css start here*/

#LatestNewsletter.modal,
#LatestNewsletter2.modal,
#LatestNewsletter3.modal,
#LatestNewsletter4.modal,
#LatestNewsletter5.modal,
#LatestNewsletter6.modal,
#LatestNewsletter7.modal {
top: 35px;
max-width: none !important; /* Fix for modal alignment on 21/02/2022 */
}

#LatestNewsletter .close,
#LatestNewsletter .close:hover {
position: absolute;
right: -25px;
background: #0087a8;
border: solid 2px#fff;
width: 25px;
height: 25px;
border-radius: 50%;
top: -22px;
opacity: unset;
text-shadow: unset;
line-height: .8px;
font-size: 1.2rem;
color: #fff;
text-align: center;
}

#LatestNewsletter .modal-body {
max-height: 550px;
overflow-y: auto;
padding-left: 25px;
}


/* Unsubscribe mailing list page css start here*/

header.subscribe_mail_hdr {
text-align: center;
}

header.subscribe_mail_hdr img {
width: 170px;
}

.subscribe-main .container {
width: 50%;
text-align: center;
height: 65vh;
position: relative;
}

.vertical-center {
width: 100%;
margin: 0;
position: absolute;
top: 50%;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

.subscribe-main h4 {
font-size: 30px;
color: #FF4600;
opacity: 1;
font-weight: bold;
margin-bottom: 5px;
}

.subscribe-main p {
color: #333333;
/*	margin-bottom: 2rem;*/
}

.subscribe-main form .form-control {
display: block;
margin: 0 auto;
width: 70%;
background: #FFFFFF 0% 0% no-repeat padding-box;
border: 1px solid #999999;
border-radius: 6px;
opacity: 1;
}

.subscribe-main form .btn {
min-width: 169px;
height: 49px;
background: #0088A9 0% 0% no-repeat padding-box;
border-radius: 6px;
margin-top: 5px;
}

.successfully h4 {
color: #68A923 !important;
margin-bottom: 25px;
}

.successfully h5 {
color: #000 !important;
margin-bottom: 10px;
font-weight: 900;
}

.successfully p {
margin-bottom: 1rem !important;
}


/*Opt widget css start here*/



.opt_widget_main {
background: url(/sites/dh/files/opt_widget_bg.png) #0088a9 right top no-repeat;
background-size: cover;
min-width: 100%;
display: inline-block;
padding: 15px 20px 25px 25px;
background-size: 70%;
}

.opt_widget_main .content {
position: relative;
padding-top: 35px;
}

.opt_widget_main .content h4 {
text-align: left;
color: #fff;
font-size: 18px;
}

.opt_widget_main .content .form-control {
height: 37px;
border-color: #ffffff;
border-radius: 0;
font-size: 15px;

}

.opt_widget_main .content.form-control:focus {
box-shadow: none;
border: 2px solid #243c4f;
}

.opt_widget_main .content .btn {
min-height: 37px;
border-radius: 0;
background: #F7B825;
color: #fff;
font-weight: 600;
font-size: 15px;
color: #000;
}

.opt_widget_main .clm-1 {
float: left;
width: 42%;
}

.opt_widget_main .clm-2 {
float: left;
width: 58%;
position: relative;
padding-left: 13px;
}

.opt_widget_main .clm-2:hover{
cursor: pointer;
}

.opt_widget_main .clm-2 ul {
margin-bottom: 0px;
}

.opt_widget_main .clm-2 ul li {
float: left;
display: inline-block;
color: #fff;
font-size: 14px;
min-width: 50%;
line-height: 2.3rem;
}

.opt_widget_main .clm-2 .btn {
min-height: 35px;
background: #F7B825;
font-weight: 600;
font-size: 15px;
color: #000;
border-radius: 0px;
}

.opt_widget_main .clm-2:after {
position: absolute;
content: "";
width: 1.2px;
height: 80px;
background: #FFFFFF;
z-index: 1;
opacity: 0.49;
top: 35px;
left: 27px;
}


/*Media query responsive css start here*/

@media only screen and (min-width:100px) and (max-width:1024px) {


  
/* Opt-in widget Start */

form.optin_newsletter {
  position: relative;
  display: contents;
}

.optin_newsletter .input-group-btn {
  display: contents;
}

.opt_widget_main .content .input-group { 
  display: contents;
}

/*#newsletters_manage-first .errs {*/
.optin_newsletter .errs {
    position: absolute;
    bottom: -22px;
    z-index: 1;
    display: block !important;
    font-size: 15px;
    left: 0;
    color: black;
}


.opt_widget_main {
     background-size: cover;
}

.opt_widget_main .clm-1 {
width: 100%;
margin-bottom: 10px;
}
.opt_widget_main .clm-2 ul {
margin: 0px;
padding: 0px;
}
.opt_widget_main .clm-2 {
width: 100%;
padding-left: 0px;
padding-top: 15px;
}
.opt_widget_main .clm-2 ul li {
float: unset;
display: inline-block;
min-width: unset;
line-height: normal;
padding-left: 12px;
padding-right: 10px;
position: relative;
font-size: 13px;
}
.opt_widget_main .content {
padding-top: 10px;
}
.opt_widget_main .clm-2 .btn {
display: none;
}
.opt_widget_main .clm-2 ul li:after {
position: absolute;
content: "";
width: 8px;
height: 8px;
background: #FFFFFF;
z-index: 1;
top: 6px;
left: 0px;
border-radius: 10px;
}

 .opt_widget_main .clm-2:after {
   display: none;
}

/* Opt-in widget End*/ 

/* Unsubscribe list page */
.subscribe-main .container {
width: 70%;
}
/* Unsubscribe list page #END*/


.nwsltr-card-item .d-flex {
grid-gap: 20px;
}
.card-colm.rgt-sldr-main {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.rgt-sldr-main .img-fluid {
max-width: 100%;
width: 100%;
}
#LatestNewsletter .modal-dialog {
max-width: 75%;
}
#LatestNewsletter .close,
#LatestNewsletter .close:hover {
right: -9px;
z-index: 1;
top: -17px;
}
.nwsltr-card-item .card-colm {
flex: 0 0 48%;
max-width: 48%;
padding-bottom: 15px;
}
.nwsltr-card-item .card p {
min-height: 85px;
}
.SignUpAll input {
width: 69%;
}
.nwsltr-card-item .card {
min-height: 305px;
}
}

@media (max-width: 768px) {


/* Unsubscribe list page */
.subscribe-main .container {
width: 90%;
}

/* Unsubscribe list page #END*/
#LatestNewsletter .modal-dialog {
max-width: 95%;
}
.nwsltr-card-item .SignUpAllMain .btn-dark {
font-size: 14px;
}
.nwsltr-card-item .card p {
font-size: 14px;
}
.nwsltr-card-item h3 span {
display: inherit;
}
.nwsltr-card-item h3 {
font-size: 1.3rem;
}
.SignUpAll input {
width: 59%;
}
}

td.mbl-fixes img {
  width: 100% !important; /*Fix for Political theatre Main img width - 16/02/2022 */
}

@media (max-width: 767px) {

  #newsletters_manage-first .errs {
    bottom: -33px;
    font-size: 14px;
}

.opt_widget_main .clm-2 {
    padding-top: 27px;
}

/* Unsubscribe list page */
header.subscribe_mail_hdr img {
width: 150px;
}
.subscribe-main p {
margin-bottom: 1.5rem;
font-size: 15px;
}
.subscribe-main h4 {
font-size: 18px;
}
.subscribe-main form .form-control {
font-size: 15px;
width: 80%;
}
.successfully h4 {
margin-bottom: 10px;
}
/* Unsubscribe list page #END*/


/* LatestNewsletter modal popup table start*/
#LatestNewsletter table {
width: 100% !important;
}
#LatestNewsletter table.deviceWidth.resp_td {
width: 100% !important;
}
#LatestNewsletter .deviceWidth img {
/*width: 100% !important; Fix for Top news logo shown in full width - 16/02/2022 */
height: auto !important;
}
#LatestNewsletter .deviceWidth .alignarchive img {
width: auto !important;
height: auto !important;
margin-bottom: 10px;
margin-top: 5px;
}
#LatestNewsletter .resp_td p a {
font-size: 15px !important;
line-height: normal !important;
}
#LatestNewsletter .img-center img {
width: auto !important;
height: auto !important;
}
#LatestNewsletter p {
text-align: left !important;
}
#LatestNewsletter .nws-hdr img {
width: auto!important;
height: auto !important;
}
#LatestNewsletter .nws-hdr .resp_td table td {
text-align: center !important;
}
#LatestNewsletter td.resp_td {
text-align: center;
}
/* LatestNewsletter table modal popup  end*/


#LatestNewsletter .modal-dialog {
margin: 1rem;
}
.SignUpWrapper label.btn.btn-dark.SignUpbtn-2 {
width: auto;
}
#LatestNewsletter .close,
#LatestNewsletter .close:hover {
right: -9px;
z-index: 4;
top: -8px;
}
#LatestNewsletter.modal {
top: 60px;
}
.nwsltr-card-item .card-colm {
padding-bottom: 0px;
}
.SignUpAll input {
width: 60%;
}
.nwsltr-card-item .card .btn-dark {
font-size: 13px;
width: 40%;
height: 41px;
}
.SignUpWrapper {
min-height: 35px;
}
.nwsltr-card-item {
padding: 1rem 1rem;
}
.newsletter-header h2 {
font-size: 1rem;
padding: 0 15px;
}
.rgt-sldr-hdng {
margin-bottom: 15px;
}
.nwsltr-card-item .d-flex {
padding-bottom: 15px;
}
.rgt-sldr-main {
margin-top: 20px;
}
.nwsltr-card-item h3 span {
display: unset;
}
.nwsltr-card-item h3 {
font-size: 1.1rem;
}
.nwsltr-card-item .card {
min-height: inherit;
}
.nwsltr-card-item .card p {
min-height: inherit;
}
.nwsltr-card-item .card-colm {
flex: unset;
max-width: unset;
}
}

@media (max-width: 340px) {
.newsletter-header h2 {
font-size: 14px;
}
}

.optin-alignment{
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.opt_widget_main:hover {
  cursor: pointer;
}


button#optin_btn:focus, button#optin_btn:active {
  border-radius: 0px !important;
  outline: 0px auto -webkit-focus-ring-color;
}

/*#optin_newsletter .errs {*/
.optin_newsletter .errs {
  font-size: 16px;
  margin-top: 5px;
  line-height: 16px;
  clear: left;
  text-align: left;
}

@media only screen and (min-width: 375px) and (max-width: 414px) {
  .opt_widget_main .content .form-control{
    width:60%;
  }
}

@media only screen and (min-width:320px) and (max-width:360px) {
  .opt_widget_main .content .form-control{
    width:52%;
  }
}



/*added by YS*/


.opt_widget_main .clm-2.dk_only,
.opt_widget_main p.ad-320-1023{
	text-align: left !important;
}
.opt_widget_main p.ad-320-1023 {
	padding-top: 10px;
}
.opt_widget_main .ad-320-1023 a{
	color: #fff;
	text-decoration: underline;
	padding-top: 5px;
}
@media (max-width: 1024px) {
	
	/*#newsletters_manage-first .errs {*/
	.optin_newsletter .errs {
		position: relative;
		bottom: -3px;
		font-size: 14px;
	}
}
@media (max-width: 767px) {
        
 .mbl-dsply-none {
    display: none;
}
    
.checkout-all, a.checkout-all:hover  {
    font-size:16px;
    font-weight:normal;
    display: block;
    margin-top: 10px;
    text-decoration: underline;
    color:#fff;  
}
    
.opt_widget_main {
    padding: 0px 10px 0px 10px;
}
    
.opt_widget_main .content h4 {
     margin-bottom: 10px;
    line-height: 21px;
    font-weight: bold;
    font-size: 17px;
}

.opt_widget_main .content .btn{
	margin-left: -3px;
}

}

/*bootstrap lib css*/
.opt_widget_main .content h4{
	font-weight: 500;
}
.input-group-btn>.btn {
    position: relative;
}
.btn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.opt_widget_main .content .form-control{
	float: left;
}