/* Theme Name: CG25 Version: 2025.05.27 Author: Clay Guthrie Author URI: https://clayguthrie.com/ Description: Base theme for development. */ /********************************************************************************************************************************************************************************************************************************/ /*** Base styling /********************************************************************************************************************************************************************************************************************************/ @import url('https://fonts.googleapis.com/css2?family=Domine:wght@400;700&display=swap'); body, html {padding: 0px; margin: 0px; line-height: 1.5; font-family: 'Domine',serif;} .image-half-width {width: 50%;} a.wp-block-button__link {width: unset; padding: 20px 25px; font-size: 14pt; background: #1B5E20; color: #ffffff; border-radius: 10px;} img {height: unset;} .grecaptcha-badge {display: none;} /* Header upper container (logo, navigation) styling */ .UpperContainer {width: 100%; background: #000000; margin: 0px; padding: 0px; align-items: center; display: flex; justify-content: center;} .home .UpperContainer { position: fixed; z-index: 998; opacity: 1.0;} .UCInner {width: 960px; height: 80px; max-width: 100%; padding: 0px; margin: 0px;} .SPTopSpacer {height: 80; display: none;} .custom-logo {height: 80px; width: 160px; aspect-ratio: auto; padding: 0px 0px;} #menustatus {display: none;} .fa-bars {display: none !important;} .menu{overflow: hidden;} .mainnav {float: right; z-index: 999;} .mainnav ul {margin: 0px; overflow:hidden; height: 80px; } .mainnav ul li {list-style: none; float: left; position: relative; line-height: 80px;} .mainnav ul li a {color:#ffffff; display: block; font-size: 11pt; text-decoration: none; padding: 0px 30px;} .mainnav ul li a:link {color: #ffffff;} .mainnav ul li a:visited {color: #ffffff;} .mainnav ul li:hover {background: #131313;} .mainnav ul li ul {display: none; position: absolute; background: #1B5E20; border-top: 5px solid #1B5E20; border-bottom: 5px solid #1B5E20; z-index: 999;} .mainnav ul li ul li {width: 180px; z-index: 999;} .mainnav ul li ul li a {padding: 20px 20px; line-height: initial; font-size: 11pt;} .mainnav ul li ul li a:hover {background: #292929;} ul.sub-menu {padding: 0px; margin: 0px;} .mainnav ul li:Hover ul {display: block;} .mainnav ul:after {clear: right;} .align-center {margin: 0px auto; position:relative;} /* Page template Styling */ .homepage-hero {padding: 35%;} .SPContent {width: 100%; margin: 0px auto; padding: 0px 0px;} .SPContent .fa-black {color: #131313;} .SPContent .fa-white {color: #ffffff;} /*.SPContent h1 {font-size: 20pt; padding: 0px; margin: 0px; margin-bottom: 13px;} */ /*.SPContent h2 {font-size: 18pt; padding: 0px; margin: 0px; margin-bottom: 13px;} */ /*.SPContent h3 {font-size: 16pt; padding: 0px; margin: 0px; margin-bottom: 13px;} */ /*.SPContent p {padding: 0px; margin: 0px; margin-bottom: 13px; line-height: 150%;} */ .FixedWidth {max-width: 960px;} .CGSingleWrapper {width: 100%; margin-bottom: 50px;} .CGSingleWrapper h2 {margin: 0px; padding: 0px; padding-bottom: 0px;} .CGSingleWrapper h3 {margin: 0px; padding: 0px; margin-bottom: 30px; font-size: 10pt;} .CGSingleWrapper img {height: unset;} .Contact-Form {padding: 0px !important; overflow: hidden;} .Contact-Form input[type=text] {padding: 10px !important; margin: 0px !important; margin-bottom: 5px !important; width: calc(100% - 22px) !important; border: 1px solid #ffffff !important;} .Contact-Form input[type=email] {padding: 10px; margin: 0px; margin-bottom: 5px; width: calc(100% - 22px); border: 1px solid #ffffff;} .Contact-Form textarea {padding: 10px; margin: 0px; margin-bottom: 0px; width: calc(100% - 22px); border: 1px solid #ffffff;} .Contact-Form input[type=submit] {padding: 10px 30px; margin: 0px; border-radius: 5px; border: 0px;} .xmargin-10 {margin: 10px; padding: 20px;} .xmargin-20 {margin: 20px; padding: 20px;} /****************************************************************************************************************************************************************************************************************************************************/ /*** Styling for portrait orientation homepage. /****************************************************************************************************************************************************************************************************************************************************/ @media only screen and (orientation: portrait) { .HomepageHero {background-image: url('Assets/Images/HomepageHeroPortrait.jpg');} } /****************************************************************************************************************************************************************************************************************************************************/ /*** Responsive styling up to 1023px /****************************************************************************************************************************************************************************************************************************************************/ @media only screen and (max-width: 1023px) { body, html {} .SPTopSpacer {display: block;display: none;} /* Navigation changes made at 960px and below. */ .custom-logo {padding-left: 20px;} .menutoggle {display: block; float: right; padding: 0px 25px; line-height: 80px; color: #ffffff; font-size: 24pt;} .SPContent {width: calc(100% - 60px); padding: 30px; cursor: pointer;} .menustatus:not(:checked) ~ nav {left: -1000px;} .menustatus:checked ~ nav {left: 0px;} .fa-bars {display: inline-block !important; padding-right: 10px !important;} .mainnav {z-index: 999; position: fixed; width: 100%; height: calc(100vh - 100px); background: #131313; top: 80px; left: 0px; float: none;} .mainnav ul {width: 100%; height: unset; margin: 0px; padding-top: 0px; padding-right: 40px; position: absolute; top: calc(50%); left: 50%; transform: translate(-50%,-50%);} .mainnav ul li {display: block; float: none; text-align: center;} .mainnav ul li a:hover {color: #494949;} .mainnav ul li a {font-size: 30pt; padding: 0px 25px; line-height: 46px;} .mainnav ul li:active {background: #990000;} .mainnav ul li ul {display: none; position: unset; margin: 0px 0px; padding: 20px 0px; border-radius: 10px;} .mainnav ul li ul li {position: unset; width: 60%; padding: 0px; margin: 0px auto; background: #232323;} .mainnav ul li ul li a:link {font-size: 22pt; line-height: 20px;} .mainnav ul li ul li a:hover {background: #131313; color: #ffffff;} .mainnav ul li:hover {background: #131313;} .mainnav ul li:Hover ul {display: unset;} /* Homepage changes made at 960px and below. */ .HomepageHeroContent h1 {color: #ffffff; font-size: 20pt;} .HomepageHeroContent p {font-size: 23pt;} i.fa-3x {font-size: 30pt;} /* Subpage changes made at 960px and below */ .SPContent {width: 100%; padding: 0px; margin: 0px; font-size: 12pt;} /* Subpage with sidebar at 960px and below. */ .SPCLeft {float: none; width: 100%; padding: 0px; margin: 0px;} .SPCRight {float: none; width: 100%;} .sp-responsive-padding {padding-left: 20px; padding-right: 20px; text-align: left;} .Contact-Form form {margin-top: 20px;} /* Mailpoet Styling */ .mailpoet_form {padding: 50px; width: calc(100% - 100px) !important;} .mailpoet_form form {width: 100% !important; font-family: inherit !important; font-size: 20pt !important; padding: 0px !important;} .mailpoet_form input[type=text] {padding: 10px !important; margin: 0px; margin-bottom: 5px; width: calc(100% - 20px); border: 1px solid #cccccc; margin-bottom: 15px;} .mailpoet_form input[type=email] {padding: 10px !important; margin: 0px; margin-bottom: 5px; width: calc(100% - 20px); border: 1px solid #cccccc;} .mailpoet_form textarea {padding: 10px; margin: 0px; margin-bottom: 0px; width: calc(100% - 20px); border: 1px solid #cccccc;} .mailpoet_form input[type=submit] {padding: 10px 30px; margin: 0px; border-radius: 5px; border: 0px;} .mailpoet_paragraph p {line-height: 1.5 !important; font-size: 12pt !important; margin-bottom: 15px;} } /****************************************************************************************************************************************************************************************************************************************************/ /*** Responsive styling up to 450px /****************************************************************************************************************************************************************************************************************************************************/ @media only screen and (max-width: 450px) { /* Homepage changes mad at 450px and below. */ .SPTopSpacer {display: block;display: none;} .HomepageHeroContent h1 {color: #ffffff; font-size: 16pt;} .HomepageHeroContent p {font-size: 16pt;} .mainnav ul li {line-height: 40px;} .mainnav ul li a {font-size: 16pt;} .mainnav ul li ul {display: none; line-height: 40px;} i.fa-3x {font-size: 26pt; margin: 5px;} nav ul li ul li a:link {font-size: 14pt;} /* Mailpoet Styling */ .mailpoet_form {padding: 25px; width: calc(100%) !important;} .mailpoet_form form {width: 100% !important; font-family: inherit !important; font-size: 20pt !important; padding: 0px !important;} .mailpoet_form input[type=text] {padding: 10px !important; margin: 0px; margin-bottom: 5px; width: calc(100% - 20px); border: 1px solid #cccccc; margin-bottom: 15px;} .mailpoet_form input[type=email] {padding: 10px !important; margin: 0px; margin-bottom: 5px; width: calc(100% - 20px); border: 1px solid #cccccc;} .mailpoet_form textarea {padding: 10px; margin: 0px; margin-bottom: 0px; width: calc(100% - 20px); border: 1px solid #cccccc;} .mailpoet_form input[type=submit] {padding: 10px 30px; margin: 0px; border-radius: 5px; border: 0px;} .mailpoet_paragraph p {line-height: 1.5 !important; font-size: inherit !important; margin-bottom: 15px;} }