/*-------------------------------------------------------------- Template Name: Simply Construction HTML Template. Template URI: # Description: Simply Construction is a unique website template designed in HTML with a simple & beautiful look. There is an excellent solution for creating clean, wonderful and trending material design corporate, corporate any other purposes websites. Author: DevItems Version: 1.0 ---------------------------------------------------------------*/ /* ---------------------------------------------------- You can put your custom css code here: -------------------------------------------------------*/ /* broken? @media (min-width: 1200px) { .col-lg-3 { width: 25%; } } */ /* Broken? } @media (min-width: 992px) { .col-md-8 { float: right; } } */ /* undohtml.css */ /* (CC) 2004 Tantek Celik. Some Rights Reserved. */ /* http://creativecommons.org/licenses/by/2.0 */ /* This style sheet is licensed under a Creative Commons License. */ /* Purpose: undo some of the default styling of common (X)HTML browsers */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; /* font-size: 100%; */ /* font: inherit; */ /* vertical-align: baseline; */ } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; } * { padding: 0; margin: 0; } /* // Tables */ table { border-collapse: collapse; // Prevent double borders } caption { padding-top: $table-cell-padding; padding-bottom: $table-cell-padding; color: $text-muted; text-align: left; caption-side: bottom; } /* * Remove the text shadow on text selections (opinionated). * 1. Restore the coloring undone by defining the text shadow (opinionated). */ ::-moz-selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } /** * 1. Remove the bottom border in Chrome 57- and Firefox 39-. * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } ::selection { background-color: #b3d4fc; /* 1 */ color: #000000; /* 1 */ text-shadow: none; } /* th { // Matches default `` alignment by inheriting from the ``, or the // closest parent with a set `text-align`. text-align: inherit; } */ /* BP Custom Code */ :root { color-scheme: light dark; } .main__menu { justify-content: right; } .mean-container .mean-bar { right: 0px; } /* Contact page form UX improvements */ .contact-form-wrap { max-width: 940px; margin: 28px auto 0; padding: 36px 40px; background: #ffffff; border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); } .contact-form-wrap p { font-size: 18px; line-height: 1.6; margin-bottom: 24px; } .whatsapp-contact-form { font-size: 18px; } .contact-inline-fields { display: flex; gap: 16px; flex-wrap: wrap; } .contact-inline-fields .form-group { flex: 1 1 220px; } .whatsapp-contact-form .form-group { margin-bottom: 20px; } .whatsapp-contact-form label { display: block; margin-bottom: 8px; font-size: 18px; font-weight: 600; } .whatsapp-contact-form input, .whatsapp-contact-form textarea { width: 100%; font-size: 17px; padding: 14px 16px; border: 1px solid #f8dc82; border-radius: 8px; background: #ffffff; transition: border-color 0.2s ease, box-shadow 0.2s ease; } .whatsapp-contact-form textarea { min-height: 170px; resize: vertical; background: #ffffff; } .whatsapp-contact-form input:focus, .whatsapp-contact-form textarea:focus { outline: none; border-color: #f2c200; border-width: 2px; box-shadow: 0 0 0 3px rgba(242, 194, 0, 0.24); } .whatsapp-contact-form .contact-btn { display: flex; justify-content: flex-end; } .whatsapp-send-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 14px 28px; font-size: 18px; border-radius: 10px; background: #25d366; border-color: #25d366; color: #ffffff; } .whatsapp-send-btn i { font-size: 24px; } .whatsapp-send-btn:hover, .whatsapp-send-btn:focus { background: #1da851; border-color: #1da851; color: #ffffff; } @media (max-width: 767px) { .contact-form-wrap { padding: 24px 20px; } .contact-form-wrap p, .whatsapp-contact-form, .whatsapp-contact-form label { font-size: 16px; } } /* Homepage desktop header sizing: match default white menu bar to sticky size */ @media (min-width: 992px) { .sticky__header.scroll-header { animation: none; } #sticky-header-with-topbar .main__menu > li > a { height: 70px; line-height: 70px; } #sticky-header-with-topbar .logo { height: 70px; line-height: 70px; } #sticky-header-with-topbar .logo a img, .sticky__header.scroll-header .logo a img { max-width: 170px; } #sticky-header-with-topbar .htc__header__search { height: 70px; } }