/* ============================================
PIONEER CAPITAL PROPERTIES CUSTOM CSS
============================================ */
/* === GLOBAL SETTINGS === */
/* Import Professional Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600;700;800&family=Merriweather:wght@300;400;700&display=swap');
/* Root Variables for Easy Color Changes */
:root {
--primary-navy: #1a2332;
--secondary-gold: #c9a55a;
--accent-copper: #b87333;
--text-dark: #2c3e50;
--text-light: #6c757d;
--background-light: #f8f9fa;
--white: #ffffff;
--border-light: #e9ecef;
}
/* Global Typography */
body {
font-family: 'Merriweather', Georgia, serif;
font-size: 17px;
line-height: 1.8;
color: var(--text-dark);
font-weight: 400;
}
/* All Headings */
h1, h2, h3, h4, h5, h6,
.sqsrte-large {
font-family: 'Montserrat', 'Helvetica Neue', Arial, sans-serif;
font-weight: 700;
line-height: 1.3;
color: var(--primary-navy);
margin-bottom: 1.5rem;
letter-spacing: -0.02em;
}
/* Specific Heading Sizes */
h1, .sqsrte-large {
font-size: 3.5rem;
font-weight: 800;
line-height: 1.1;
margin-bottom: 2rem;
}
h2 {
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 1.5rem;
padding-bottom: 0.5rem;
border-bottom: 3px solid var(--secondary-gold);
display: inline-block;
}
h3 {
font-size: 1.75rem;
font-weight: 600;
margin-bottom: 1.25rem;
}
/* Paragraph Styling */
p {
margin-bottom: 1.5rem;
font-size: 17px;
line-height: 1.8;
}
/* Strong/Bold Text */
strong, b {
font-weight: 700;
color: var(--primary-navy);
}
/* === SECTION STYLING === */
.page-section {
padding: 80px 0;
}
/* Alternate Background Colors for Sections */
.page-section:nth-child(even) {
background-color: var(--background-light);
}
.page-section:nth-child(odd) {
background-color: var(--white);
}
/* Section Content Max Width */
.sqs-layout > .sqs-row {
max-width: 1200px;
margin: 0 auto;
padding: 0 40px;
}
/* === HERO SECTION (First Section) === */
.page-section:first-child {
background: linear-gradient(135deg, var(--primary-navy) 0%, #2d3e50 100%);
color: var(--white);
padding: 120px 0 140px;
text-align: center;
position: relative;
overflow: hidden;
}
/* Hero Text Color Override */
.page-section:first-child h1,
.page-section:first-child h2,
.page-section:first-child p,
.page-section:first-child .sqsrte-large {
color: var(--white);
}
.page-section:first-child h2 {
border-bottom: 3px solid var(--secondary-gold);
}
/* Hero Subtitle Styling */
.page-section:first-child p {
font-size: 1.25rem;
line-height: 1.7;
max-width: 900px;
margin: 0 auto 2.5rem;
font-weight: 300;
opacity: 0.95;
}
/* === BUTTON STYLING === */
.sqs-block-button-element,
.sqs-button-element--primary,
.sqs-button-element--secondary {
font-family: 'Montserrat', sans-serif;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.5px;
padding: 16px 40px;
border-radius: 4px;
transition: all 0.3s ease;
text-transform: uppercase;
border: none;
cursor: pointer;
display: inline-block;
}
/* Primary Button (Gold) */
.sqs-block-button-element,
.sqs-button-element--primary {
background-color: var(--secondary-gold);
color: var(--primary-navy);
border: 2px solid var(--secondary-gold);
}
.sqs-block-button-element:hover,
.sqs-button-element--primary:hover {
background-color: var(--accent-copper);
border-color: var(--accent-copper);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(201, 165, 90, 0.3);
}
/* Secondary Button (Outline) */
.sqs-button-element--secondary {
background-color: transparent;
color: var(--primary-navy);
border: 2px solid var(--primary-navy);
}
.sqs-button-element--secondary:hover {
background-color: var(--primary-navy);
color: var(--white);
transform: translateY(-2px);
}
/* Hero Section Button Override */
.page-section:first-child .sqs-block-button-element {
background-color: var(--secondary-gold);
color: var(--primary-navy);
font-size: 18px;
padding: 18px 50px;
border: 2px solid var(--secondary-gold);
}
.page-section:first-child .sqs-block-button-element:hover {
background-color: var(--white);
border-color: var(--white);
color: var(--primary-navy);
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(255, 255, 255, 0.3);
}
/* === IMAGE STYLING === */
.sqs-block-image img {
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
}
.sqs-block-image img:hover {
transform: scale(1.02);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
/* === LIST STYLING === */
ul {
margin: 1.5rem 0;
padding-left: 0;
list-style: none;
}
ul li {
padding-left: 2rem;
margin-bottom: 1rem;
position: relative;
font-size: 17px;
line-height: 1.7;
}
/* Custom Bullet Points */
ul li:before {
content: "✓";
color: var(--secondary-gold);
font-weight: bold;
font-size: 1.2rem;
position: absolute;
left: 0;
top: 0;
}
/* === HIGHLIGHTS BOX / QUOTE === */
.sqs-block-content blockquote,
.highlight-box {
background-color: var(--background-light);
border-left: 5px solid var(--secondary-gold);
padding: 2rem 2.5rem;
margin: 2rem 0;
border-radius: 4px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.sqs-block-content blockquote p {
margin-bottom: 0.5rem;
font-size: 16px;
line-height: 1.6;
}
.sqs-block-content blockquote p:last-child {
margin-bottom: 0;
}
/* === TWO-COLUMN LAYOUT === */
.sqs-row .sqs-col-6 {
padding: 0 20px;
}
/* Ensure equal column heights */
.sqs-row {
display: flex;
align-items: stretch;
}
/* === RESPONSIVE MOBILE STYLING === */
@media screen and (max-width: 768px) {
/* Reduce heading sizes */
h1, .sqsrte-large {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
h3 {
font-size: 1.5rem;
}
/* Reduce section padding */
.page-section {
padding: 60px 0;
}
.page-section:first-child {
padding: 80px 0;
}
/* Reduce content padding */
.sqs-layout > .sqs-row {
padding: 0 20px;
}
/* Stack columns */
.sqs-row .sqs-col-6 {
padding: 0;
margin-bottom: 2rem;
}
/* Adjust paragraph size */
p {
font-size: 16px;
}
/* Reduce button size */
.sqs-block-button-element {
padding: 14px 30px;
font-size: 14px;
}
}
@media screen and (max-width: 480px) {
h1, .sqsrte-large {
font-size: 2rem;
}
h2 {
font-size: 1.75rem;
}
.page-section {
padding: 40px 0;
}
.page-section:first-child {
padding: 60px 0;
}
}
/* === ADDITIONAL PROFESSIONAL TOUCHES === */
/* Smooth Scrolling */
html {
scroll-behavior: smooth;
}
/* Link Styling */
a {
color: var(--secondary-gold);
text-decoration: none;
transition: color 0.3s ease;
}
a:hover {
color: var(--accent-copper);
text-decoration: underline;
}
/* Header/Navigation Bar Styling */
.header,
.header-announcement-bar-wrapper {
background-color: var(--white) !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.header-nav-item a {
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
letter-spacing: 0.5px;
text-transform: uppercase;
color: var(--primary-navy);
}
.header-nav-item a:hover {
color: var(--secondary-gold);
}
/* Footer Styling */
.footer .footer-blocks,
.sections .section-background {
background-color: var(--primary-navy) !important;
color: var(--white);
}
.footer p,
.footer a,
.footer-blocks a {
color: var(--white);
}
.footer a:hover {
color: var(--secondary-gold);
}
/* === UTILITY CLASSES === */
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.margin-top-large {
margin-top: 4rem;
}
.margin-bottom-large {
margin-bottom: 4rem;
}
/* End of Custom CSS */