/* Table of Content ================================================== 1.0 - Newsletter 2.0 - Default Color 3.0 - Responsive*/ /*-------------------------------------------------------------- 1.0 - Newsletter --------------------------------------------------------------*/ .dt-sc-newsletter-section { clear:both; float:left; margin:0px; width:100%; position:relative; z-index:1; padding:30px 0px; } .dt-sc-newsletter-section h2 { float:left; width:31%; font-size: 28px; margin-bottom:0px; line-height:48px; } .dt-sc-newsletter-section .dt-sc-subscribe-frm { width:68%; float:right; position:relative; z-index:1; } .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { -webkit-border-radius:0px; border:none; float:left; width:37%; margin:0px 20px 0px 0px; padding:15px 20px; } .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { margin-top:0px; padding:14px 20px; border-radius:0px; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"]:hover { background-color: #fff; color: #111; } .dt-sc-newsletter-section.type1 h2 { font-size: 28px; padding: 33px 0px; position: relative; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm { padding: 30px 0px; position: relative; } .dt-sc-newsletter-section.type1 h2:before { left: -100%; } .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after { content: ""; height: 100%; position: absolute; top: 0; transform: skewX(-30deg) translateX(-15%); -webkit-transform: skewX(-30deg) translateX(-15%); -ms-transform: skewX(-30deg) translateX(-15%); -moz-transform: skewX(-30deg) translateX(-15%); width: 100%; z-index: -1; } .dt-sc-newsletter-section.type1 h2:before { left: -100%; } .dt-sc-newsletter-section.type1 h2:after { left: 0; margin-left:-2px; } .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after { background: #000; } .dt-sc-newsletter-section.type1 form:before { left: 0; box-shadow: -10px 0 0 0 #fff; } .dt-sc-newsletter-section.type1 form:after { left: 100%; margin-left: -1px; } .dt-sc-newsletter-section.type2 h2 { background:none; } .dt-sc-newsletter-section.type2 { text-align:center; padding:0px;} .dt-sc-newsletter-section.type2 h2 { width:100%; } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm { width:100%; clear:both; float:left; margin:30px 0px 0px; } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"] { float:none; display:inline-block; width:31.6%; } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{background-color:transparent;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"]{margin:0px 0px 0px 2.6%;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"]{padding:17px 20px 16px; text-transform:none; border:none; border-left:2px solid transparent;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"] { width: 100%; text-transform: none; font-style: normal; margin: 0 20px 0 0; display: inline-block; float:left;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"]{float: none; display: inline-block; position: relative; vertical-align: middle; padding: 15px 80px 16px 80px; margin-bottom: 0; width: auto; margin-left: 0;} .dt-sc-newsletter-section.type2 .input-content{position:relative; float:left; display:inline-block; width:36%; margin:0 2% 0 0; background-color:rgba(0,0,0,0.05); z-index:2;} .dt-sc-dark-bg .dt-sc-newsletter-section.type2 .input-content{background-color:rgba(0,0,0,0.5);} .dt-sc-newsletter-section.type2 .input-content.last{margin-right:0px;} .dt-sc-newsletter-section.type2 .input-content.last:before, .dt-sc-newsletter-section.type2 .input-content.last:after{display:none;} .dt-sc-newsletter-section.type2 .input-content:before, .dt-sc-newsletter-section.type2 .input-content:after{box-sizing:inherit; content:''; position:absolute; width:100%; height:100%; z-index:-1;} .dt-sc-newsletter-section.type2 .input-content:hover:after{-webkit-transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s; transition:border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;} .dt-sc-newsletter-section.type2 .input-content:hover:before, .dt-sc-newsletter-section.type2 .input-content:hover:after{width:100%; height:100%;} .dt-sc-newsletter-section.type2 .input-content:after{bottom:0; right:0;} .dt-sc-newsletter-section.type2 .input-content:before, .dt-sc-newsletter-section.type2 .input-content:after{border:2px solid transparent; width:0; height:0;} .dt-sc-newsletter-section.type2 .input-content:hover:before{-webkit-transition:width 0.25s ease-out, height 0.25s ease-out 0.25s; transition:width 0.25s ease-out, height 0.25s ease-out 0.25s;} .dt-sc-newsletter-section.type2 .input-content:before{top:0; left:0;} .dt-sc-newsletter-section.type2 .input-content:hover:before{border-top-color:#000; border-right-color:#000;} .dt-sc-newsletter-section.type2 .input-content:hover:after{border-bottom-color:#000; border-left-color:#000;} input:disabled{ opacity:0.5; pointer-events:none} /*Skin Styles*/ /* Primary */ .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"] { background: #000; } .dt-sc-newsletter-section.type2 .input-content:hover:before, .dt-sc-newsletter-section.type2 .input-content:focus:before { border-right-color: #000; } .dt-sc-newsletter-section.type2 .input-content:hover:before, .dt-sc-newsletter-section.type2 .input-content:focus:before { border-top-color: #000; } .dt-sc-newsletter-section.type2 .input-content:hover:after, .dt-sc-newsletter-section.type2 .input-content:focus:after { border-left-color: #000; } .dt-sc-newsletter-section.type2 .input-content:hover:after, .dt-sc-newsletter-section.type2 .input-content:focus:after { border-bottom-color: #000; } /* Secondary */ .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"]:hover { background: #000; } /*--------------------------------*/ .dt-sc-newsletter-section.type3 { text-align:center; padding:0px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { float:none; display:inline-block; text-align:center; padding:30px 0px; width:75%; margin:0px; border-radius:5px;-webkit-border-radius:5px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"] { float:none; display:inline-block; border-radius:5px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"] { width:30%; text-transform:none; } .dt-sc-newsletter-section.type3 > h2, .dt-sc-newsletter-section.type6 > h2 { width:100%; text-align:center; } .dt-sc-newsletter-section.type3 > i, .dt-sc-newsletter-section.type3 > p, .dt-sc-newsletter-section.type6 > i, .dt-sc-newsletter-section.type6 > p { display:inline-block; width:100%; text-align:center; } .dt-sc-newsletter-section.type6 > p { margin: 0 0 30px; } .dt-sc-newsletter-section.type4 { padding:0px; } .dt-sc-newsletter-section.type4 h2, .dt-sc-newsletter-section.type4 form { width:100%; } .dt-sc-newsletter-section.type4 form { margin:25px 0px 0px; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { background:none; border:1px solid; width:47%; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="submit"] { margin:30px 0px 0px; clear:both; } .dt-sc-newsletter-section.type5 { width:50%; text-align:center; display:inline-block; border:10px solid; float:none; padding:20px 60px 30px; } .dt-sc-newsletter-section.type5 h2 { width:100%; } .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm { width:100%; clear:both; margin:20px 0px 0px; } .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"] { border:1px solid; border-radius:5px; -webkit-border-radius:5px; width:100%; clear:both; text-transform:none; margin-bottom:30px; } .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="submit"] { float:none; display:inline-block; border-radius:5px; width:100%; } .dt-sc-newsletter-section.type6 { padding:0px; text-align:center; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm { width:100%; float:left; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="text"] { border-bottom: 1px solid; padding:0 10px 10px 0; width:100%; text-transform:none; font-size:16px; margin: 0 0 20px; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"] { padding:8px 21px; font-size:16px; font-weight:normal; } .dt-sc-newsletter-section.type6.dark-bg .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6.dark-bg .dt-sc-subscribe-frm input[type="text"] { color: #999; } .dt-sc-newsletter-section.type6.dark-bg .dt-sc-subscribe-frm input[type="email"]::-webkit-input-placeholder, .dt-sc-newsletter-section.type6.dark-bg .dt-sc-subscribe-frm input[type="email"]::-moz-input-placeholder { color: #ccc; } .dt-sc-newsletter-section.type7 { text-align:center; float: none; width: 92%; margin: 0 auto; background-color: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.18); -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.18); -ms-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.18); padding: 60px 10px; } .dt-sc-newsletter-section.type7 i { clear:both; width:100%; display:inline-block; } .dt-sc-newsletter-section.type7 h2 { background:none; font-size: 30px; width:100%; margin-bottom:10px; } .dt-sc-newsletter-section.type7 p { margin: 0 0 30px; } .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm { clear:both; width:55%; display:inline-block; margin:10px 0 0px; padding:0px; position:relative; float:none; } .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="text"] { border: 1px solid #ddd; font-weight: 300; padding: 15px 20px; width:100%; } .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm:before { content:"\e629"; position:absolute; font-family: 'Pe-icon-7-stroke'; font-size:25px; color:rgba(0, 0, 0, 0.3); right:15px; bottom:20px; } .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm input[type="submit"] { position:absolute; right:15px; top:7px; background:none; width:21px; height:22px; text-indent:-9999px; } .dt-sc-newsletter-section.type7 .newsletter-tooltip { margin:0px 0px 0px 30px; display:inline-block; background:#000000; font-size:14px; width:18%; padding:10px 15px; border-radius:5px; position:relative; top:-9px; color:#fff; } .dt-sc-newsletter-section .newsletter-tooltip { top:auto; } .dt-sc-newsletter-section.type7 .newsletter-tooltip:before { content:""; position:absolute; background:url(../../images/newsletter-tooltip-arrow.png) no-repeat; left:-20px; top:18px; width:20px; height:23px; } .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7 { float: none; margin: 0 auto; max-width: 1170px; text-align: center; } .dt-sc-newsletter-section.type6 .dt_ajax_subscribe_msg { display: block; clear: both; text-align: left; } /* GDPR Fix */ .dt-sc-newsletter-section.type1{ display:flex;} .dt-sc-newsletter-section.type1 .dt-privacy-wrapper label{ color:#fff; } .dt-sc-newsletter-section.type3 .dt-privacy-wrapper label{ color:inherit;} .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm::before { top:11px; bottom: auto; } /*-------------------------------------------------------------- Newsletter - Mail Only (New) --------------------------------------------------------------*/ .dt-mc-subscribe form { display: table; } .dt-mc-subscribe.align-center form { margin-left: auto; margin-right: auto; } .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form { display: inline-block; } .dt-mc-subscribe.align-none form, .dt-mc-subscribe form.align-none > div { width: 100%; } .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form > div, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form > div, .dt-mc-subscribe.align-center form > div, .dt-mc-subscribe.align-right form > div { float: left; } .dt-mc-subscribe.align-right { float: right; } .dt-mc-subscribe, .dt-mc-subscribe form, .dt-mc-subscribe form > div { position: relative; } .dt-mc-subscribe, .dt-mc-subscribe form > div { line-height: 0; } .dt-mc-subscribe form > div > div { display: inline; position: relative; } .dt-mc-subscribe form > div.email-field-wrap > div { float: left; height: 100%; } .dt-mc-subscribe form .email-field-wrap i { position: absolute; bottom: 0; top: 0; text-align: center; width: 45px; z-index: 1; } .dt-mc-subscribe form .email-field-wrap i.left { left: 0; } .dt-mc-subscribe form .email-field-wrap i.right { right: 0; } .dt-mc-subscribe form .email-field-wrap i:before { height: 0; line-height: 0; margin: auto; position: absolute; bottom: 0; left: 0; right: 0; top: 0; } .dt-mc-subscribe form .email-field-wrap i.left ~ input[type="email"] { padding-left: 60px; } .dt-mc-subscribe form .email-field-wrap i.right ~ input[type="email"] { padding-right: 60px; } .dt-mc-subscribe form .email-field-wrap input[type="email"], .dt-mc-subscribe form .btn-wrap { height: 100%; padding-top: 0; padding-bottom: 0; } .dt-mc-subscribe form .btn-wrap div { display: inline-block; height: 100%; padding: 0; } .dt-mc-subscribe form .btn-wrap i { display: inline-block; float: left; height: 100%; margin-left: -45px; position: relative; text-align: center; width: 45px; } .dt-mc-subscribe form .btn-wrap i:before { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .dt-mc-subscribe form .btn-wrap i ~ input[type="submit"] { padding-right: 45px; position: relative; z-index: 1; } .dt-mc-subscribe form .btn-wrap input[type="submit"] { height: 100%; margin-top: 0; padding: 0 15px; } .dt-mc-subscribe form .btn-wrap.icon-only input[type="submit"] { padding-left: 0; } .dt-mc-subscribe form .btn-wrap.text-icon i { float: right; } .dt-mc-subscribe form .btn-wrap.icon-only i { margin-left: 0; position: absolute; left: 0; right: 0; } .dt-mc-subscribe.inline form > div { display: table-cell; float: none; vertical-align: middle; } .dt-mc-subscribe.align-none.inline form { display: table; width: auto; } .dt-mc-subscribe.block form .email-field-wrap, .dt-mc-subscribe.block form .email-field-wrap > div, .dt-mc-subscribe.block form .btn-wrap { width: 100%; } .dt-mc-subscribe.block .btn-wrap.center { text-align: center; } .dt-mc-subscribe.block .btn-wrap.right > div { float: right; } .dt-mc-subscribe.block .btn-wrap.stretch > div, .dt-mc-subscribe.block .btn-wrap.stretch > div input[type="submit"] { text-align: center; width: 100%; } .dt-mc-subscribe.block .btn-wrap.stretch > div > i { position: absolute; right: 0; } .dt-mc-subscribe.block .btn-wrap.stretch.text-icon > div input[type="submit"] { text-align: left; } .dt-mc-subscribe.block .btn-wrap.stretch.icon-only > div input[type="submit"] { padding: 0; position: absolute; left: 0; } .dt-mc-subscribe.block .btn-wrap.stretch.icon-only > div > i { left: 0; margin: auto; } /*.dt-mc-subscribe.inline { overflow: hidden; }*/ .dt-mc-subscribe.inline form .email-field-wrap { border-right-width: 0 !important; position: static; } .dt-mc-subscribe.inline form .email-field-wrap:after { border-color: inherit; border-style: inherit; border-width: 1px 1px 1px 0; content: ""; height: auto; pointer-events: none; position: absolute; bottom: 0; right: 0; top: 0; width: 100%; z-index: 1; } .dt-mc-subscribe.inline form .email-field-wrap label { display: none; } .dt-mc-subscribe.inline form .btn-wrap { border-left-width: 0 !important; border: none; padding: 0 15px; } .dt-mc-subscribe:not(.inline) > form > div.btn-wrap { background-color: rgba(0,0,0,0) !important; border-width: 0 !important; } .dt-mc-subscribe.block .btn-wrap { margin-top: 1px; } .dt-mc-subscribe.block.gap_5 .btn-wrap { margin-top: 5px; } .dt-mc-subscribe.block.gap_10 .btn-wrap { margin-top: 10px; } .dt-mc-subscribe.block.gap_15 .btn-wrap { margin-top: 15px; } .dt-mc-subscribe.inline-block .btn-wrap { margin-left: 1px; } .dt-mc-subscribe.inline-block.gap_5 .btn-wrap { margin-left: 5px; } .dt-mc-subscribe.inline-block.gap_10 .btn-wrap { margin-left: 10px; } .dt-mc-subscribe.inline-block.gap_15 .btn-wrap { margin-left: 15px; } .dt-mc-subscribe.circle form > div.email-field-wrap i, .dt-mc-subscribe.circle form > div.btn-wrap > div, .dt-mc-subscribe.inline.circle form > div.email-field-wrap:after, .dt-mc-subscribe.inline.circle form .btn-wrap > div, .dt-mc-subscribe.inline-block.circle form > div.email-field-wrap, .dt-mc-subscribe.block.circle form > div.email-field-wrap { -webkit-border-radius: 30px; border-radius: 30px; } .dt-mc-subscribe.inline.circle form > div.email-field-wrap { -webkit-border-radius: 30px 0 0 30px; border-radius: 30px 0 0 30px; } .dt-mc-subscribe.inline.circle form > div.btn-wrap { -webkit-border-radius: 0 30px 30px 0; border-radius: 0 30px 30px 0; } .dt-mc-subscribe.simple-rounded form > div.email-field-wrap i, .dt-mc-subscribe.simple-rounded form > div.btn-wrap > div, .dt-mc-subscribe.inline.simple-rounded form > div.email-field-wrap:after, .dt-mc-subscribe.inline.simple-rounded form .btn-wrap > div, .dt-mc-subscribe.inline-block.simple-rounded form > div.email-field-wrap, .dt-mc-subscribe.block.simple-rounded form > div.email-field-wrap { -webkit-border-radius: 5px; border-radius: 5px; } .dt-mc-subscribe.inline.simple-rounded form > div.email-field-wrap { -webkit-border-radius: 5px 0 0 5px; border-radius: 5px 0 0 5px; } .dt-mc-subscribe.inline.simple-rounded form > div.btn-wrap { -webkit-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; } .dt-mc-subscribe.partially-rounded form > div.email-field-wrap i, .dt-mc-subscribe.partially-rounded form > div.btn-wrap > div, .dt-mc-subscribe.inline.partially-rounded form > div.email-field-wrap:after, .dt-mc-subscribe.inline.partially-rounded form .btn-wrap > div, .dt-mc-subscribe.inline-block.partially-rounded form > div.email-field-wrap, .dt-mc-subscribe.block.partially-rounded form > div.email-field-wrap { -webkit-border-radius: 10px 0; border-radius: 10px 0; } .dt-mc-subscribe.inline.partially-rounded form > div.email-field-wrap { -webkit-border-radius: 10px 0 0; border-radius: 10px 0 0; } .dt-mc-subscribe.inline.partially-rounded form > div.btn-wrap { -webkit-border-radius: 0 0 10px; border-radius: 0 0 10px; } .dt-mc-subscribe.partially-rounded-alt form > div.email-field-wrap i, .dt-mc-subscribe.partially-rounded-alt form > div.btn-wrap > div, .dt-mc-subscribe.inline.partially-rounded-alt form > div.email-field-wrap:after, .dt-mc-subscribe.inline.partially-rounded-alt form .btn-wrap > div, .dt-mc-subscribe.inline-block.partially-rounded-alt form > div.email-field-wrap, .dt-mc-subscribe.block.partially-rounded-alt form > div.email-field-wrap { -webkit-border-radius: 0 10px; border-radius: 0 10px; } .dt-mc-subscribe.inline.partially-rounded-alt form > div.email-field-wrap { -webkit-border-radius: 0 0 0 10px; border-radius: 0 0 0 10px; } .dt-mc-subscribe.inline.partially-rounded-alt form > div.btn-wrap { -webkit-border-radius: 0 10px 0 0; border-radius: 0 10px 0 0; } .vc_col-sm-3 .dt-mc-subscribe.inline-block form .email-field-wrap, .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_5 form .email-field-wrap { width: 68%; } .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_10 form .email-field-wrap { width: 66%; } .vc_col-sm-3 .dt-mc-subscribe.inline-block.gap_15 form .email-field-wrap { width: 65%; } .dt-mc-subscribe form .email-field-wrap input[type="email"], .dt-mc-subscribe form .btn-wrap input[type="submit"] { background-color: rgba(0,0,0,0); border-color: inherit; color: inherit; } .dt-mc-subscribe form .email-field-wrap input[type="email"]:focus { -webkit-box-shadow: none; box-shadow: none; } .dt-mc-subscribe form .email-field-wrap input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: inherit; } .dt-mc-subscribe form .email-field-wrap input::-moz-placeholder { /* Firefox 19+ */ color: inherit; } .dt-mc-subscribe form .email-field-wrap input:-ms-input-placeholder { /* IE 10+ */ color: inherit; } .dt-mc-subscribe form .email-field-wrap input:-moz-placeholder { /* Firefox 18- */ color: inherit; } /*-------------------------------------------------------------- 2.0 - Default Color --------------------------------------------------------------*/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { color: #777; } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"] { color:#777; } .dt-sc-newsletter-section.type1 h2, .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { color:#ffffff; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { color:rgba(0, 0, 0, 0.5); } .dt-sc-newsletter-section.type5, .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-dark-bg .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { background:#ffffff; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="text"] { background:rgba(0, 0, 0, 0); } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"] { background:#000000; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { background:#edeef2; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type5, .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type5 .dt-sc-subscribe-frm input[type="email"] { border-color:rgba(0, 0, 0, 0.2); } .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-dark-bg .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { border-color:#ffffff; } /*-------------------------------------------------------------- 3.0 - Responsive --------------------------------------------------------------*/ @media only screen and (max-width: 1380px) and (min-width: 1200px) { .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { width: 36%; } .dt-sc-newsletter-section.type2 .input-content { width: 34.7%; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { padding: 30px 10px; } } /* Note: Design for a width of 960px */ @media only screen and (min-width:992px) and (max-width:1199px) { /** Newsletter **/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { margin: 0 15px 0 0; width: 34%; } .dt-sc-newsletter-section.type1 h2 { font-size: 20px; } .dt-sc-newsletter-section.type2 .input-content { width: 32%; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { width: 80%; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"] { font-size: 15px; padding: 18px 15px 15px; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"] { font-size: 16px; } .dt-sc-newsletter-section.type7 .newsletter-tooltip { width: 20%; top: 0; } .dt-sc-newsletter-section.type7 .newsletter-tooltip:before { bottom: 40px; top: auto; } } /*----*****---- << Tablet (Portrait) >> ----*****----*/ /* Note: Design for a width of 768px */ @media only screen and (min-width:768px) and (max-width:991px) { /** Newsletter **/ .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="text"] { margin: 0 15px 0 0; padding: 16px 15px 15px; width: 30%; } .dt-sc-newsletter-section.type1 h2 { width: 100%; text-align: center; } .dt-sc-newsletter-section.type1 form:before { width: 150%; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"] { width: 100%; margin: 0 0 10px 0; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"] { float: right; } .dt-sc-newsletter-section.type1{ display:block;} .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after { width: 250%; } .dt-sc-newsletter-section.type1 form:before { width: 250%; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; left: -100%; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm { text-align: center; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"] { width: 100%; float: none; display: inline-block; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"] { float: none; display: inline-block; padding: 18px 20px 15px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { width: 100%; padding: 30px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"] { font-size: 15px; margin: 0 0 20px; width: 100%; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"] { font-size: 16px; padding: 18px 12px 15px; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { width: 46%; } .dt-sc-newsletter-section.type7 .newsletter-tooltip { top: -16px; width: 30%; } .dt-sc-newsletter-section.type5 { width: 70%; } .dt-sc-newsletter-section.type7 .newsletter-tooltip:before { top: auto; bottom: 20px; } .dt-sc-newsletter-section.type2 .input-content { width: 100%; margin: 0 0 20px 0; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Common Styles for the devices below 767px width */ @media only screen and (max-width: 767px) { /** Newsletter **/ .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { text-align: center; width: 100%; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"] { float: none; } .dt-sc-newsletter-section.type1 h2 { width: 100%; text-align: center; } .dt-sc-newsletter-section.type1 form:before { width: 150%; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"] { width: 100%; margin: 0 0 10px 0; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"] { float: right; } .dt-sc-newsletter-section.type1{ display:block;} .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after { width: 250%; } .dt-sc-newsletter-section.type1 form:before { width: 250%; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; left: -100%; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm { text-align: center; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"] { width: 100%; float: none; display: inline-block; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"] { float: none; display: inline-block; padding: 18px 20px 15px; } .dt-sc-newsletter-section.type2 .input-content{width:100%; margin:0px 0px 20px;} .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="email"] { margin: 0; } .dt-sc-newsletter-section.type2 .dt-sc-subscribe-frm input[type="submit"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"] { margin-top: 10px; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm { padding: 30px 15px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"] { margin: 0 0 5px; width: 100%; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { width:100%; margin-bottom:10px; } .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { margin-right: 0; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { text-align: left; padding-right: 0; } .dt-sc-newsletter-section.type5 { padding: 20px 40px 30px; width: 100%; } .dt-sc-newsletter-section.type7 { width: 100%; padding: 60px 25px; } .dt-sc-newsletter-section.type7 .dt-sc-subscribe-frm { width: 100%; } .dt-sc-newsletter-section.type7 .newsletter-tooltip { margin: 0; top: auto; width: 60%; } .dt-sc-newsletter-section.type7 h2 { line-height: normal; } .footer-widgets .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm, .footer-widgets .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="email"] { text-align: left; } /** Newsletter - Mail Only (New) **/ .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form > div, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form > div, .dt-mc-subscribe.align-center form > div, .dt-mc-subscribe.align-right form > div { float: none; display: inline-block; text-align: center; } .dt-mc-subscribe.align-none.inline, .dt-mc-subscribe.align-none.inline form > div, .dt-mc-subscribe.align-left.inline, .dt-mc-subscribe.align-left.inline form > div, .dt-mc-subscribe.align-center.inline form > div, .dt-mc-subscribe.align-right.inline form > div { display: table-cell; } .dt-mc-subscribe.align-left form > .email-field-wrap, .dt-mc-subscribe.align-center form > .email-field-wrap, .dt-mc-subscribe.align-right form > .email-field-wrap { width: 70%; } .dt-mc-subscribe.align-left.inline form > .email-field-wrap, .dt-mc-subscribe.align-center.inline form > .email-field-wrap, .dt-mc-subscribe.align-right.inline form > .email-field-wrap, .dt-mc-subscribe.align-left.block form > .email-field-wrap, .dt-mc-subscribe.align-center.block form > .email-field-wrap, .dt-mc-subscribe.align-right.block form > .email-field-wrap { width: 100%; } .dt-mc-subscribe.align-center form, .dt-mc-subscribe.align-none, .dt-mc-subscribe.align-none form, .dt-mc-subscribe.align-left, .dt-mc-subscribe.align-left form, .dt-mc-subscribe.align-right, .dt-mc-subscribe.align-right form, .dt-mc-subscribe.align-left form > .btn-wrap.text-only div, .dt-mc-subscribe.align-center form > .btn-wrap.text-only div, .dt-mc-subscribe.align-right form > .btn-wrap.text-only div, .dt-mc-subscribe.align-left form > .btn-wrap.text-only input[type="submit"], .dt-mc-subscribe.align-center form > .btn-wrap.text-only input[type="submit"], .dt-mc-subscribe.align-right form > .btn-wrap.text-only input[type="submit"] { width: 100%; text-align: center; } } /*----*****---- << Mobile (Landscape) >> ----*****----*/ /* Note: Design for a width of 480px */ @media only screen and (min-width: 480px) and (max-width: 767px) { .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7 { max-width:420px; } } /* Common Styles for the devices below 479px width */ @media only screen and (max-width: 479px) { .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { padding: 18px 10px 15px; } .dt-sc-newsletter-section.type1 h2 { text-align: center; } .dt-sc-newsletter-section.type1 h2:before, .dt-sc-newsletter-section.type1 h2:after, .dt-sc-newsletter-section.type1 form:before, .dt-sc-newsletter-section.type1 form:after { width: 250%; } .dt-sc-newsletter-section.type1 form:before { width: 250%; transform: none; -moz-transform: none; -webkit-transform: none; -ms-transform: none; left: -100%; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm { text-align: center; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm, .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="text"] { width: 100%; float: none; display: inline-block; } .dt-sc-newsletter-section.type1 .dt-sc-subscribe-frm input[type="submit"] { float: none; display: inline-block; padding: 18px 20px 15px; } /** Newsletter - Mail Only (New) **/ .dt-mc-subscribe input[type="text"], .dt-mc-subscribe input[type="password"], .dt-mc-subscribe input[type="email"], .dt-mc-subscribe input[type="url"], .dt-mc-subscribe input[type="tel"], .dt-mc-subscribe input[type="number"], .dt-mc-subscribe input[type="range"], .dt-mc-subscribe input[type="date"], .dt-mc-subscribe textarea, .dt-mc-subscribe input.text, .dt-mc-subscribe input[type="search"], .dt-mc-subscribe select, .dt-mc-subscribe textarea, .dt-mc-subscribe input[type="submit"], .dt-mc-subscribe button, .dt-mc-subscribe input[type="button"], .dt-mc-subscribe input[type="reset"] { font-size: 13px; } .dt-mc-subscribe.inline-block.gap_5 .btn-wrap, .dt-mc-subscribe.inline-block.gap_10 .btn-wrap, .dt-mc-subscribe.inline-block.gap_15 .btn-wrap { margin-left: 1px; } } /*----*****---- << Mobile >> ----*****----*/ /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (min-width: 320px) and (max-width: 479px) { .page-with-sidebar .vc_row-no-padding .dt-sc-newsletter-section.type7 { max-width:290px; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 319px) { .dt-sc-newsletter-section.type7 h2 { line-height:normal; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="email"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="text"], .dt-sc-newsletter-section.type4 .dt-sc-subscribe-frm input[type="email"] { margin: 0 0 10px; width: 100%; } .dt-sc-newsletter-section.type3 .dt-sc-subscribe-frm input[type="submit"] { font-size: 11px; text-transform: capitalize; padding: 18px 10px 15px; } .dt-sc-newsletter-section.type5 { padding: 20px 15px 30px; } .dt-sc-newsletter-section .dt-sc-subscribe-frm input[type="submit"] { padding: 18px 10px 15px; } .dt-sc-newsletter-section.type6 .dt-sc-subscribe-frm input[type="submit"] { font-size: 18px; padding: 16px 20px 15px; } .dt-sc-newsletter-section.type7 { padding: 0 0 10px; } .dt-sc-newsletter-section.type7 .newsletter-tooltip { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } }