[data-cattype="311"] #enquiry_type { padding-right: 45px; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23f7931e' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 20px 20px; } [data-cattype="311"].reading-meter { background-image: linear-gradient(120deg, #ffc22b 0%, #dc661d 100%); width: 0; height: 3px; position: fixed; top: 0; z-index: 3000; opacity: 0.6; } [data-cattype="311"] .container{ padding-top: 30px; } [data-cattype="311"] .container > .row{ position: static; } [data-cattype="311"] .left-container{ padding-right: 50px; } [data-cattype="311"] .sidebar{ top: 48px; position: sticky; } [data-cattype="311"] .btn-back-to-listing{ width: 100%; } [data-cattype="311"] .post-block.post-share h5{ color: #000; font-weight: normal; font-size: 20px; line-height: 120%; } [data-cattype="311"] a.btn-socialshare{ display: inline-block; background: #171717; padding: 3px 10px; margin: 0 6px 0 0; width: 40px; height: 40px; font-size: 21px; color: #fff; text-align: center; border-radius: 50px; -webkit-border-radius: 50px; transition: all 0.3s 0.3s ease-in; -webkit-transition: all 0.3s 0.3s ease-in; } [data-cattype="311"] a.btn-socialshare.facebook{ background: #365899 } [data-cattype="311"] a.btn-socialshare.twitter{ background: #20A2F8 } [data-cattype="311"] a.btn-socialshare.googleplus{ background: #DA4D3B } [data-cattype="311"] a.btn-socialshare.linkedin{ background: #0076BF } [data-cattype="311"] a.btn-socialshare.tumblr{ background: #35465C } [data-cattype="311"] a.btn-socialshare.mailto{ background: #F9D759 } [data-cattype="311"] a.btn-socialshare:hover{ background: #171717; } [data-cattype="311"] a.btn-socialshare i.fa{ line-height: 1.6; } [data-cattype="311"] .post-meta > span { display: inline-block; padding-right: 8px; font-size: 0.9em; color: #666; } [data-cattype="311"] label.blog-tag{ font-size: 15px; font-weight: normal; font-style: italic; } [data-cattype="311"] .blog-posts.single-post .wrapper_relatedlink{ border-top: #ccc 1px solid; margin-top: 30px; padding-top: 20px; } [data-cattype="311"] .blog-posts.single-post .wrapper_relatedlink, [data-cattype="311"] .blog-posts.single-post .post-block.post-share{ margin-top: 30px; } [data-cattype="311"] .blog-posts:not(.single-post) article { border-bottom: 1px dotted #999; margin-bottom: 30px; padding-bottom: 20px; } [data-cattype="311"] article.post .wrapper-navigation h5{ margin-top: 15px; font-size: 0.9em; } [data-cattype="311"] .heading-primary{ font-size: 18px; } section[data-cattype="311"] article.post-large h2.section-title{ margin-bottom: 5px; font-weight: normal; word-spacing: 1px; font-size: 30px; margin: 10px 0 15px 0; line-height: 120%; color: #866868; } [data-cattype="311"] article.post .post-date { box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); float: left; margin-right: 10px; text-align: center; } [data-cattype="311"] article.post .post-date .day { background: #F4F4F4; border-radius: 2px 2px 0 0; display: block; font-size: 16px; font-weight: 500; font-weight: bold; padding: 10px; color: #FB9202; } [data-cattype="311"] article.post .post-date .month { border-radius: 0 0 2px 2px; box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.07) inset; color: #FFF; font-size: 0.9em; padding: 0 10px 2px; background-color: #FB9202; } [data-cattype="311"] article.post .blog-tags{ margin: 38px 0; } [data-cattype="311"] article.post .blog-tags h5{ display: inline-block; margin-right: 12px; } [data-cattype="311"] ul.nav-list li a { -webkit-transition: background 0.1s; -moz-transition: background 0.1s; transition: background 0.1s; border-bottom: 1px solid #ffc16b; padding: 8px 0 8px 18px; display: block; color: #666; text-decoration: none; line-height: 20px; } [data-cattype="311"] ul.nav-list li a::before { content: ""; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #333; margin: 7px 0 0 -12px; position: absolute; } [data-cattype="311"] ul.nav-list li.active a::before, [data-cattype="311"] ul.nav-list li.active a{ color: #FB9202; border-left-color: #FB9202; } [data-cattype="311"] .pagination > li > a{ color: #333; } [data-cattype="311"] .pagination > .active > a{ background-color: #FB9202; border-color: #FB9202; color: #fff; } [data-cattype="311"] .wrapper_form.side_enquiry legend{ color: #fff; } [data-cattype="311"] .wrapper_form.side_enquiry { background: #59595B; padding: 15px 25px; padding-top: 10px; color: #fff; } [data-cattype="311"] .wrapper_form.side_enquiry.sticked{ position: fixed; z-index: 100; top: 0; } [data-cattype="311"] input[name="vname"], [data-cattype="311"] .vname{ height: 0px; padding: 0; margin: 0; overflow: 0; border: none; outline: none; position: absolute; z-index: -1; } [data-cattype="311"] input.form-control[type="submit"], [data-cattype="311"] input.form-control[type="text"], [data-cattype="311"] input.form-control[type="password"], [data-cattype="311"] input.form-control[type="email"], [data-cattype="311"] input.form-control, [data-cattype="311"] select.form-control{ margin: 10px 0; padding: 10px; height: 43px; font-size: 15px; } [data-cattype="311"] .wrapper_form.sign-up .form-control:not(.btn){ opacity: 0; } [data-cattype="311"] .wrapper_form .heading-primary{ font-size: 30px; } [data-cattype="311"] .wrapper-field{ position: relative; display: block; margin: 10px 0; } [data-cattype="311"] .wrapper_form fieldset, [data-cattype="311"] .wrapper_form legend{ width: auto; border: 0; margin: 0; } [data-cattype="311"] .wrapper_form legend{ font-size: 18px; } [data-cattype="311"] .wrapper_form fieldset{ border: 1px solid #ccc; padding: 10px 15px; } [data-cattype="311"] .wrapper_form fieldset label{ font-weight: normal; display: block; } [data-cattype="311"] .wrapper-field.input-left, [data-cattype="311"] .wrapper-field.input-right{ width: 48.6%; display: inline-block; float: left; margin-top: 0px; } [data-cattype="311"] .wrapper-field.input-right{ float: right; } [data-cattype="311"] .input-right + .wrapper-field{ clear: both; } [data-cattype="311"] .wrapper-field > select.form-control, [data-cattype="311"] .wrapper-field > input.form-control{ margin: 0; } [data-cattype="311"] .wrapper-field > label{ position: absolute; top: -8px; right: 0; background:#FFA500; color: #fff; padding: 2px 5px; font-size: 12px; border-top-right-radius: 5px; opacity: 0; transition: all 0.3s ease; } [data-cattype="311"] .wrapper-field input.form-control:valid + label, [data-cattype="311"] .wrapper-field input.form-control:invalid:focus + label, [data-cattype="311"] .wrapper-field input.form-control.invalid + label, [data-cattype="311"] .wrapper-field input.form-control:focus + label{ opacity: 1; } [data-cattype="311"] .wrapper-field input.form-control:valid + label:after{ font-family: 'FontAwesome'; content: ' \f00c '; } [data-cattype="311"] .wrapper-field input.form-control.invalid + label, [data-cattype="311"] .wrapper-field input.form-control:invalid:focus + label{ background: #ff0033; } [data-cattype="311"] .wrapper-field input.form-control:focus + label{ background: #FFA500; } @media (max-width: 980px) { [data-cattype="311"] .left-container{ padding-right: 15px; } [data-cattype="311"] .wrapper_form.side_enquiry { margin-top: 30px; } } @media (max-width: 767px) { [data-cattype="311"] article.post-large, [data-cattype="311"] article.post-large .post-image, [data-cattype="311"] article.post .post-date{ margin-left: 0px; } [data-cattype="311"] article.post .post-date{ float: none; text-align: left; margin: 10px 0; } [data-cattype="311"] article.post .post-date .month, [data-cattype="311"] article.post .post-date .day{ display: inline-block; font-size: 1em; padding: 0 10px 2px; border-radius: 0px; } }