/* --- CLEAN BRIK HEADER: CORMORANT EDITION --- */

.site-header .col-full {              
display: flex !important;              
align-items: center !important;              
justify-content: center !important;             
position: relative !important;              
padding: 20px !important;              
min-height: 100px !important;              
}

.site-branding {              
position: absolute !important;            
left: 50% !important;            
top: 50% !important;            
transform: translate(-50%, -50%) !important;            
max-width: 320px !important;              
margin: 0 !important;              
display: block !important;            
float: none !important;            
z-index: 1 !important;            
}

.menu-toggle,    
button.menu-toggle {              
display: block !important;              
position: absolute !important;              
left: 20px !important;            
top: 50% !important;              
transform: translateY(-50%) !important;              
background: transparent !important;              
border: none !important;      
box-shadow: none !important;    
color: #000 !important;              
font-size: 18px !important;              
z-index: 99999 !important;     
cursor: pointer !important;      
}

.site-header::after {                
content: "01803 262772" !important;      
position: absolute !important;                
right: 20px !important;                
top: 50% !important;                
transform: translateY(-50%) !important;                
background-color: #000 !important;                
color: #fff !important;                
padding: 12px 22px 12px 48px !important;     
font-family: 'Cormorant Garamond', serif !important;                
font-size: 16px !important;                
font-weight: 500 !important;                
cursor: pointer !important;                
z-index: 9999 !important;      
letter-spacing: 1.5px !important;      
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='white'%3E%3Cpath d='M164.9 24.6c-7.7-18.6-28-28.5-47.4-23.2l-88 24C12.1 30.2 0 46 0 64C0 311.4 200.6 512 448 512c18 0 33.8-12.1 38.6-29.5l24-88c5.3-19.4-4.6-39.7-23.2-47.4l-96-40c-16.3-6.8-35.2-2.1-46.3 11.6L304.7 368C234.3 334.7 177.3 277.7 144 207.3L193.3 167c13.7-11.2 18.4-30 11.6-46.3l-40-96z'/%3E%3C/svg%3E") !important;      
background-repeat: no-repeat !important;      
background-position: 18px center !important;      
background-size: 14px !important;      
}

@media screen and (max-width: 768px) {      
.site-header::after {        
display: none !important;    
}      
.site-branding {            
max-width: 160px !important;            
}    
}

.main-navigation ul.menu, .main-navigation ul.nav-menu {               
display: none !important;               
}

.main-navigation.toggled .handheld-navigation,              
.main-navigation.toggled ul.menu {              
display: block !important;              
visibility: visible !important;              
opacity: 1 !important;              
background: #ffffff !important;              
position: absolute !important;              
top: 100% !important;              
width: 100% !important;              
left: 0 !important;              
z-index: 99999 !important;              
box-shadow: 0 15px 30px rgba(0,0,0,0.05) !important;              
}

.main-navigation.toggled ul li a {              
color: #000000 !important;              
display: block !important;              
padding: 15px 25px !important;              
font-family: 'Cormorant Garamond', serif !important;              
font-size: 20px !important;              
font-weight: 500 !important;              
border-bottom: 1px solid #f2f2f2 !important;              
}

@keyframes fadeInRight {            
0% { opacity: 0; transform: translateX(100px); }            
100% { opacity: 1; transform: translateX(0); }            
}

.greatorex-slide {            
animation: fadeInRight 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;            
opacity: 0;            
}

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');

h1, h2, h3, .greatorex-slide {            
font-family: 'Cormorant Garamond', serif !important;            
font-weight: 500 !important;            
color: #4a4a43 !important;            
line-height: 1.1 !important;            
}

.greatorex-slide p, .panel-grid-cell h3 {            
font-family: 'Cormorant Garamond', serif !important;            
font-style: italic !important;            
font-size: 24px !important;            
opacity: 0.8;            
}

.sow-button, .button, button {            
font-family: 'Cormorant Garamond', serif !important;            
text-transform: uppercase !important;            
letter-spacing: 2px !important;            
font-weight: 600 !important;            
font-size: 14px !important;            
border-radius: 50px !important;            
border: 1px solid #4a4a43 !important;            
background: transparent !important;            
color: #4a4a43 !important;            
padding: 15px 35px !important;            
transition: all 0.3s ease !important;            
}

.sow-button:hover, .button:hover {            
background: #4a4a43 !important;            
color: #ffffff !important;            
}

.so-panel.hero-button-brik {              
display: inline-block !important;              
width: auto !important;              
float: none !important;            
margin-right: 15px !important;              
margin-top: 20px !important;              
vertical-align: top !important;              
animation: fadeInRight 1.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;              
opacity: 0;              
}

.hero-button-brik .sow-button,               
.hero-button-brik a {              
background-color: #000 !important;              
color: #fff !important;            
padding: 14px 0 !important;        
width: 220px !important;         
text-align: center !important;        
font-family: 'Cormorant Garamond', serif !important;            
font-size: 18px !important;            
font-weight: 500 !important;            
border-radius: 0 !important;              
border: none !important;              
text-decoration: none !important;              
display: inline-block !important;            
}

@media screen and (max-width: 768px) {        
.hero-button-brik .sow-button, .hero-button-brik a {        
width: 180px !important;         
}        
}

.panel-grid-cell {            
text-align: left !important;            
}

.sow-post-carousel h3.widget-title {        
font-family: 'Cormorant Garamond', serif !important;        
font-size: 32px !important;        
font-weight: 700 !important;        
color: #4a4a43 !important;        
margin-top: 80px !important;    
margin-bottom: 10px !important;    
text-align: left !important;        
}

.sow-post-carousel .sow-carousel-item {        
background: #ffffff !important;        
padding-bottom: 20px !important;        
}

.sow-post-carousel .sow-carousel-thumbnail a img {        
border-radius: 20px !important;         
box-shadow: 0 10px 20px rgba(0,0,0,0.05) !important;        
margin-bottom: 15px !important;        
}

.site-footer {    
background-color: #000 !important;    
color: #fff !important;    
padding: 80px 0 40px 0 !important;    
font-family: 'Cormorant Garamond', serif !important;    
}

.footer-container {    
max-width: 1200px;    
margin: 0 auto;    
display: grid;    
grid-template-columns: 1.5fr 2fr 1fr 1fr;    
gap: 40px;    
padding: 0 20px;    
}

.footer-col h4 {    
color: #fff !important;    
font-size: 18px !important;    
font-weight: 500 !important;    
text-transform: uppercase;    
letter-spacing: 2px;    
margin-bottom: 25px !important;    
border-bottom: 1px solid #333;    
padding-bottom: 10px;    
}

.footer-col ul {    
list-style: none !important;    
padding: 0 !important;    
margin: 0 !important;    
}

.footer-col ul li {    
margin-bottom: 12px !important;    
}

.footer-col ul li a {    
color: #aaa !important;    
text-decoration: none !important;    
font-size: 16px;    
}

.footer-address {    
color: #aaa;    
line-height: 1.8;    
font-size: 16px;    
}

.footer-logo img {    
max-width: 200px;    
margin-bottom: 20px;    
filter: brightness(0) invert(1);    
}

.properties-grid {    
display: grid;    
grid-template-columns: 1fr 1fr;    
gap: 10px;    
}

.footer-bottom {    
max-width: 1200px;    
margin: 60px auto 0 auto;    
padding: 30px 20px 0 20px;    
border-top: 1px solid #222;    
display: flex;    
justify-content: space-between;    
align-items: center;    
color: #666;    
font-size: 14px;    
}

.site-footer .site-info,     
.site-footer .footer-widgets,    
.site-footer .secondary-navigation {    
display: none !important;    
}

#valuation-modal, #request-modal {    
display: none;    
position: fixed;    
z-index: 9999999;    
left: 0;    
top: 0;    
width: 100%;    
height: 100%;    
background-color: rgba(0,0,0,0.8);    
backdrop-filter: blur(5px);    
overflow-y: auto;    
}

.modal-content {    
background-color: #fff;    
margin: 5% auto;    
padding: 40px;    
width: 90%;    
max-width: 600px;    
position: relative;    
}

#floating-request-button {    
position: fixed !important;    
top: 200px !important;    
right: 20px !important;    
z-index: 999999 !important;    
background: #000 !important;    
color: #fff !important;    
padding: 12px 22px !important;    
font-family: 'Cormorant Garamond', serif !important;    
font-weight: 500 !important;    
text-transform: uppercase !important;    
letter-spacing: 1.5px !important;    
cursor: pointer !important;    
box-shadow: 0 10px 30px rgba(0,0,0,0.3) !important;    
animation: floatUpDown 3s ease-in-out infinite !important;    
}

@keyframes floatUpDown {    
0% { transform: translateY(0px); }    
50% { transform: translateY(-15px); }    
100% { transform: translateY(0px); }    
}

@media screen and (max-width: 768px) {    
#floating-request-button {    
top: auto !important;    
bottom: 30px !important;    
right: 15px !important;    
font-size: 11px !important;    
padding: 10px 15px !important;    
}    
}
/* Hide default inline navigation list on mobile so only the custom burger menu shows */  
@media screen and (max-width: 768px) {  
.main-navigation:not(.toggled) {  
display: none !important;  
}  
}
/* Remove redundant theme header menu on mobile */  
@media screen and (max-width: 768px) {  
.site-header nav.main-navigation {  
display: none !important;  
}
		/* Force default single-column blog archive */  
.blog .site-main {  
display: block !important;  
max-width: 830px !important;  
margin: 0 auto !important;  
}

.blog .site-main article.post {  
display: block !important;  
width: 100% !important;  
float: none !important;  
margin-bottom: 40px !important;  
background: transparent !important;  
border: none !important;  
box-shadow: none !important;  
padding: 0 !important; 
}