/* Theme Name: ENK Theme Theme URI: Author: Ebunoluwa T. Oluwaseyi Author URI: Description: A custom theme developed for Enk Engineering Services Requires at least: 6.8 Tested up to: 6.8 Requires PHP: 7.2 Version: 1.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Text Domain: enk-theme Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news /* * Link styles * https://github.com/WordPress/gutenberg/issues/42319 */ /* * Link styles * https://github.com/WordPress/gutenberg/issues/42319 */ a { text-decoration-thickness: 1px !important; text-underline-offset: .1em; } /* Focus styles */ :where(.wp-site-blocks *:focus) { outline-width: 2px; outline-style: solid; } /* Increase the bottom margin on submenus, so that the outline is visible. */ .wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) { margin-bottom: 3px; } /* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */ .wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content { outline-offset: 4px; } /* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */ .wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content { outline-offset: 0; } /* * Progressive enhancement to reduce widows and orphans * https://github.com/WordPress/gutenberg/issues/55190 */ h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p { text-wrap: pretty; } /* * Change the position of the more block on the front, by making it a block level element. * https://github.com/WordPress/gutenberg/issues/65934 */ .more-link { display: block; } /*******************/ /** EXTRA STYLES **/ /*******************/ #how-we-work a, #how-we-work h2 { display:none!important; } #homeHeader { position:fixed; z-index:200; background:#4D645C; width:100vw; transition:0.4s ease; } #homeHeader.sticky { background:#4D645C; transition:1.2s ease; } /**********************/ /*** ABOUT US BLOCK ***/ /**********************/ .aboutus { padding:7rem 1rem; background:white; } .aboutus .inner { display:grid; grid-template-columns : 1fr 1fr; gap:1.5rem; align-items:center; max-width:1300px; margin:0 auto; } .aboutus img { width:100%; aspect-ratio:1; object-fit:cover; object-position:center; border-radius: 10px; box-shadow:5px 5px 3px rgba(0,0,0,0.8); box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px; display:block; } .aboutus .inner section.txt { padding:2rem; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:0.8rem } .aboutus h2 { text-transform:uppercase; font-size:1.1rem; color:tomato; letter-spacing:0.08rem; } .aboutus h3 { font-size:2rem; font-weight:400; } .aboutus p { color:#555; line-height:1.5; font-size:1.2rem } .aboutus a { color:#333; padding:0.65rem 1.2rem; border:1px solid #333; font-weight:600; margin-top:2rem; } @media( max-width:800px ){ .aboutus .inner { display:block; } .aboutus .inner .img { display:none; } .aboutus .inner .txt { max-width:600px; margin:0 auto; } } @media( max-width:550px ){ .aboutus { padding:4rem 1rem; } .aboutus .inner section.txt { padding:0; } } /********************/ /*** OUR SERVICES ***/ /********************/ /* */ /*********************/ /*** WELCOME BLOCK ***/ /*********************/ #welcome, #welcome * { padding:0; margin:0; box-sizing:border-box; } #welcome { padding:6.5rem 1rem; background:#fff; } #welcome .inner { max-width:1300px; margin:0 auto; display:grid; grid-template-columns: 25rem 1fr; gap:2rem; align-items:center; } #welcome .inner > section { padding:1rem; } #welcome .header { display:flex; flex-direction:column; align-items:flex-start; gap:1.35rem; } #welcome .header h2 { font-size:1rem; font-weight:400; letter-spacing:0.05rem; color:#555; } #welcome .header p { font-size:3rem; color:#111; font-weight:700; font-family:"Titillium web"; line-height:1.1 } #welcome section a { display:inline-block; background:#2bb673; color:#fff; letter-spacing:0.03rem; padding:1rem 1.3rem; margin-top:1rem; } #welcome .txt p { color:#777; line-height:1.5; padding:0.75rem 0; font-size:1.2rem; } .inputVal { padding:0.35rem 0.5rem; border:1px solid #ddd; border-radius:6px; outline:none; } #welcome .txt a { display:none; } @media( max-width:800px ){ #welcome .header { align-items:center; } #welcome .inner { display:block; text-align:center; } #welcome .txt a { display:inline-block; } #welcome .header a { display:none; } } @media( max-width:600px ){ #welcome .header p { font-size:2rem;} } /*****************/ /*** CTA BLOCK ***/ /*****************/ #register-cta, #register-cta * { padding:0; margin:0; box-sizing:border-box; } #register-cta { background-size:cover; background-image:url('https://woelf.shinemedia.com.ng/wp-content/uploads/2025/04/DIB_-Field-Associate-Nancy-Shikuri-with-Sinani-BSG-members-2-552x552-1.jpg'); background-position:center; background-attachment:fixed } #register-cta > div { background:rgba(0,0,0,0.45); padding:8rem 0.5rem; } #register-cta .inner { max-width:1100px; margin:0 auto; display:flex; flex-flow:row wrap; justify-content:flex-start; } .inputVal { padding:0.35rem 0.5rem; border:1px solid #ddd; border-radius:6px; outline:none; } #register-cta .inner > section { width:55%; color:#d3d3d3 } #register-cta header { font-size:110%; } #register-cta h2 { font-size:230%; color:#fff; margin:2rem auto 3rem} #register-cta a { display:inline-block; font-weight:800; color:#fff; padding:1rem 2rem; border:2px solid #2bb673; border-radius:6px; text-decoration:none; } #register-cta a:hover { background:#2bb673; } @media( max-width:650px ){ #register-cta .inner > section { width:100%; text-align:center; padding:1rem 0.5rem } }