/*-------------------------------------------------------------- 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; } } /* Mobile bottom navigation */ @media (max-width: 991px) { body.has-mobile-bottom-nav { padding-bottom: 78px; } .mb-mobile-bottom-nav { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; background: #111111; border-top: 1px solid rgba(255, 255, 255, 0.12); } .mb-mobile-bottom-nav ul { margin: 0; padding: 8px 8px calc(8px + env(safe-area-inset-bottom)); list-style: none; display: flex; justify-content: space-between; } .mb-bottom-nav-item { flex: 1 1 20%; text-align: center; } .mb-bottom-nav-item a { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; color: #f5f5f5; font-size: 10px; font-weight: 700; letter-spacing: 0.6px; padding: 4px 2px; } .mb-bottom-nav-item a i { font-size: 19px; line-height: 1; color: #f5f5f5; transition: color 0.2s ease; } .mb-bottom-nav-item.is-active a, .mb-bottom-nav-item.is-active a i, .mb-bottom-nav-item a:focus, .mb-bottom-nav-item a:focus i { color: #f2c200; } .mb-service-sheet { position: fixed; inset: 0; z-index: 9998; display: none; } .mb-service-sheet.is-open { display: block; } .mb-service-sheet__backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.45); } .mb-service-sheet__panel { position: absolute; left: 12px; right: 12px; bottom: 88px; background: #ffffff; border-radius: 14px; padding: 14px; } .mb-service-sheet__panel h4 { margin-bottom: 8px; color: #111111; font-size: 16px; font-weight: 700; } .mb-service-sheet__panel ul { list-style: none; } .mb-service-sheet__panel a { display: block; padding: 10px 0; color: #111111; font-weight: 600; border-top: 1px solid #ececec; } .mb-service-sheet__panel li:first-child a { border-top: 0; } }