Custom Design Changes to Solid PODs Website
Tue May 04 2021 15:58:31 GMT+0000 (Coordinated Universal Time)
/* Changes color of menu links */ a.menu-link{ color: white !Important; font-family: "Open Sans", sans-serif; font-weight: 600; } a.menu-link:hover{ color: #d0e1d6 !important; } /* Brings site header to front of page and makes if full width */ #site-header{ z-index: 10 !Important; width: 100vw !important; } /* Page title*/ /* Disable page title on landing page */ .page-id-131 .page-header{ display: none; } /* Puts long strands of text on multiple lines */ .page-header div.container{ max-width: 50%; } /* Text styling throughout site */ h1, h2, h3, h4, h5, h6{ font-family:"Raleway", sans-serif; font-weight: 500 !Important; }; p{ font-family: "Open Sans", sans-serif !important; color: #404040 !Important; } p a{ text-decoration: underline !important; } p a:hover{ color: #7C4DFF; } /* Styling the "Our Team" section on the About page. */ .team-container{ max-width: 1000px; margin-left: auto; margin-right: auto; padding: 0 .5em; display: flex; flex-flow: row wrap !Important; justify-content: space-around !important; } .team-box{ width: 47%; !Important; min-width: 300px; margin-bottom: 1em; } .team-box h3{ background-color: #9CBFA7; font-weight: 600; color: white; padding-top: 10px; margin-bottom: 0; text-align: center; } .team-box p{ padding: 1em; border: 10px solid #9CBFA7; } /* Sticky sidebar! */ .elementor-element-7f915bb, .elementor-element-7f915bb .elementor-widget-container, .elementor-element-076b6c7, .elementor-element-076b6c7 .elementor-widget-container, .elementor-element-f1064db, .elementor-element-f1064db .elementor-widget-container { height: 100%; } div#sticky-sidebar{ z-index: 0; top: 105px; box-sizing: border-box; position: relative; position: -webkit-sticky; position: sticky !important; } #sticky-sidebar h2{ color: white; background-color: #9CBFA7; padding: 10px; margin-bottom: 0; } #sticky-sidebar a{ color: #351431; font-family: "Raleway", sans-serif; font-weight: 500; font-size: 1.2em; } .page-links{ background-color: white; text-align: left; padding-left: 10px; border: 5px solid #9CBFA7; margin-top: 0; } aside{ position: default; padding-left: 1em; height: 100% !Important; border-left: 5px solid #D0E1D6; box-sizing: border-box; height: 100% !important; } .sticky-element-placeholder{ height: inherit; } /* Footer content styling*/ #footer h4{ border-left: none; padding-left: 0; font-family: "Raleway", Sans-serif; font-size: 1.2em; } #footer p a{ color: #D0e1d6 !important; } #footer p{ font-family: "Open Sans", sans-serif; font-size: 1em; color: whitesmoke; } /* Makes site header sticky */ #site-header{ position: -webkit-sticky; top: 0; position: sticky; } .subheading{ font-size: 1.1em; font-style: italic; color: #9cbfa7; } /* RESPONSIVE Space added on wider desktop/laptop views */ #site-logo{ padding-left: 10vw; } @media only screen and (max-width: 1200px){ #site-logo{ padding-left: 0; } } @media only screen and (max-width: 700px){ .page-header .container{ margin-left: 1em; } .page-header-title{ text-align: left; } .subheading{ text-align: left; font-size: 1em; } .page-header{ background-position: bottom center !important; } } img.responsive-logo{ max-width: 160px !important; } /*Adds hanging indent for citation items*/ .citation{ padding-left: 25px; text-indent: -25px; }
Comments