/* Theme Name: OETT Author: Finn Commerford Description: Custom theme written for The Orthotic Education and Training Trust. Version: 1.0 Text Domain: oett */ :root { --font: 'Open Sans', sans-serif; --base-size: 1rem; /* minimum size for accessibility */ --font-regular: 400; --font-semi-bold: 500; --font-bold: 600; --font-extra-bold: 700; --black: #222222; --dark-grey: #343333; --grey: #676565; --light-grey: #EFEFEF; --off-white: #F8F8F8; --white: #FFFFFF; --green: #11653C; --purple: #5F3F66; --light-purple: #7D7689; } /* */ html { scroll-behavior: smooth; height: 100%; margin: 0; } /* */ body { height: 100%; margin: 0; min-height: 100vh; display: flex; flex-direction: column; font-family: var(--font)!important; } /*

*/ header { background-color: var(--white); color: var(--black); } .home header { background-color: var(--off-white); } header { padding: 2.5rem 0rem 0rem 0rem; } .home header { padding: 2.5rem 0rem 5rem 0rem; } /*

*/ main { flex: 1; padding: 2rem 0rem 4rem 0rem; } .page-template-contact main { padding: 2rem 0rem 0rem 0rem; } .home main { padding: 0rem; } /*

*/ .page-template-contact section { padding-bottom: 4rem; } .home section, .page-template-contact .contact { padding: 4rem 0rem; } /*

*/ article { margin: 0.75rem 0rem 1.5rem 0rem; } .blog article, .archive article, .case-studies article { background-color: var(--light-grey); padding: 1.5rem 1.5rem; border-radius: 1.5rem; } /*

*/ hr { border: 0.15rem solid var(--purple); border-radius: 1rem; } header hr { border-color: var(--light-purple); } article hr { margin: 0.75rem 0rem; } footer hr { margin: 1rem 0rem 2rem 0rem; } /*

,

/ h1 { font-size: 2.5rem; margin-bottom: 2rem !important; } .home header h1 { font-size: 3.25rem; width: 55%; padding: 3rem 0rem 3rem 0rem; font-weight: var(--font-bold); } h2 { font-size: 1.75rem; margin-bottom: 1rem; } .home h2 { font-size: 2.25rem; font-weight: var(--font-regular); margin-bottom: 1.5rem !important; } .blog article h2, .archive article h2, .case-studies article h2, .home article h3 { margin-bottom: 0.25rem; color: var(--black); } h3 { font-size: 1.5rem; font-weight: var(--font-bold); } h4 { font-size: 1.25rem; } h5 { font-size: 1rem; font-weight: var(--font-extra-bold); } h6 { font-size: 1rem; font-weight: var(--font-bold); font-style: italic; } /
,
,
, / p, li { font-size: var(--base-size); color: var(--dark-grey); font-weight: var(--font-regular); } form p { margin: 0rem; } .funding .boxes .box p { font-weight: var(--font-extra-bold); margin: 1rem 0rem 0rem 0rem; } .wp-caption p.wp-caption-text { margin: 0.25rem 0rem 0rem 0rem; } nav ul { list-style-type: none !important; padding: 0rem !important; margin: 0rem !important; width: 100%; } .pagination ul { display: flex; } footer nav ul { display: grid; grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .navbar-nav > .application-site-link { margin-left: auto; } footer nav ul li { margin: 0rem 0rem 1rem 4rem; } article .excerpt { color: var(--dark-grey); margin-bottom: 1rem; } article .cta-wrapper .cta { color: var(--purple); font-weight: var(--font-extra-bold); margin-bottom: 0rem; } / / .navbar-toggler i { color: var(--purple); font-size: 2rem; } article .cta-wrapper .cta i { transition: all 0.25s; } article a:hover .cta-wrapper .cta i { transition: all 0.25s; margin-left: 1rem; } .funding .boxes .box i { color: var(--purple); font-size: 3.5rem; } /
/ header nav { padding: 0rem 0rem 0.5rem 0rem !important; } footer nav { color: var(--black); float: right; } .dropdown:hover > .dropdown-menu { display: block; } .dropdown-menu { background-color: var(--white); border: 0.1rem solid var(--light-grey); border-radius: 0.75rem; min-width: min-content; } .navbar-collapse { text-align: right !important; padding-top: 0.5rem; } / , ,