cmt-engineering-theme/style.css

90 lines
2.1 KiB
CSS
Raw Normal View History

2024-04-25 08:14:53 +00:00
/*
2024-04-25 08:21:50 +00:00
Theme Name: CMT Engineering Block Theme
2024-04-25 08:14:53 +00:00
Author: Autonomic Co-op
Author URI: https://autonomic.zone
Description: Modern block theme for CMT Engineering
Version: 0.1
*/
2024-04-25 16:33:47 +00:00
/* highlight current/hovered page nav item */
@media screen and (min-width: 786px) {
.wp-block-navigation .wp-block-navigation-item {
padding-block: 1em;
padding-inline: .75em
}
.wp-block-navigation .wp-block-navigation-item.current_page_item,
.wp-block-navigation .wp-block-navigation-item:hover,
.wp-block-navigation .wp-block-navigation-item:active,
.wp-block-navigation .wp-block-navigation-item:focus-visible {
background: var(--wp--preset--color--secondary);
}
2024-04-25 16:03:00 +00:00
}
@media screen and (max-width: 786px) {
.hide-on-mobile {
display: none;
}
2024-04-25 16:33:47 +00:00
/* attempt to fix mobile menu */
.wp-block-navigation-item.open-on-click .wp-block-navigation-submenu__toggle[aria-expanded="false"] ~ ul.wp-block-navigation__submenu-container {
display: none;
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
font-size: 22px !important;
text-align: center;
text-transform: uppercase;
padding-inline: 1em;
font-weight: 300;
}
2024-04-26 06:13:15 +00:00
.wp-block-navigation__responsive-container-close svg {
padding: 1em;
width: 32px;
}
2024-04-26 10:37:55 +00:00
}
/* style contact form */
.visual-form-builder label, label.vfb-desc {
color: #055CAD;
font-size: 16px;
padding: 0 0 13px 0;
}
.vfb-legend {
display: none;
}
form.visual-form-builder {
position: relative;
margin: 20px 0;
background: 0;
list-style: none;
list-style-type: none;
list-style-image: none;
text-shadow: none;
font-family: inherit;
}
.visual-form-builder fieldset {
background-color: #ffffff;
border: 0px solid #d3d3d3;
}
.visual-form-builder input[type="submit"] {
background: #055CAD;
outline: none;
border-bottom: 3px solid #055CAD;
border: none;
border-bottom-width: medium;
border-bottom-style: none;
border-bottom-color: currentcolor;
border-bottom: 3px solid #055CAD;
border-radius: 2px;
color: #fff;
display: inline-block;
padding: 11px 24px 10px;
text-decoration: none;
2024-04-25 14:37:13 +00:00
}