/*
Theme Name: Camping Walberswick
Theme URI: https://campingwalberswick.co.uk
Author: Armend Latifi
Author URI: https://www.linkedin.com/in/armendlatifi/
Description: campingwalberswick layout
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: campingwalberswick.co.uk
*/

/* Import your Laravel CSS or add matching styles here */
:root {
    /* Brand Colors */
    --color-primary: #507f79;      /* Teal/Dark Turquoise */
    --color-secondary: #638430;    /* Olive Green */
    --color-accent: #c3d898;       /* Light Green */
    --color-info: #b4e5e6;         /* Light Cyan */
    --color-light: #ffffff;        /* White */
    
    /* Semantic Colors */
    --color-text: #333333;
    --color-text-light: #666666;
    --color-background: #ffffff;
    --color-background-alt: #f8f9fa;
    
    /* Button Colors */
    --btn-primary-bg: var(--color-primary);
    --btn-primary-hover: #3f6661;
    --btn-secondary-bg: var(--color-secondary);
    --btn-secondary-hover: #4f6827;
    
    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 3rem;
    --spacing-xl: 4rem;
    
    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    
    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
}

.p-d-1{
	padding-top: 60px;
	padding-bottom: 60px;
}


body,
body p {
	color: #507f79!important;
}
h1{
	  font-family: 'Montserrat', sans-serif;
    font-size: 3.5rem;
    line-height: 4rem;
    font-weight: bold;
}

h2,h3,h4,h5,h5{	color: #507f79;}

ul li,
ol li{
	margin-top: 10px;
}

.post-title{
	 font-size: 1.55rem;
    line-height: 1.6rem;
  	margin-top: 10px;
}
.post-title a{
	text-decoration: none;  color: var(--color-primary);
}

a.read-more{
	text-decoration: none;  color: var(--color-primary);
	margin-top: 15px;
	display: block;
	font-weight: bold;
}

.post-thumbnail{
	height: 150px;
	overflow: hidden;
}
.post-thumbnail img{
	height: 100%;
	width: auto;
}