/* 
Theme Name: Karich Design Child
Theme URI: https://karich.design
Description: Karich Design Child is a child theme of Karich Designs Multi Theme.
Author: Karich Design
Author URI: https://karich.design
Template: karich-design
Version: 1.0.1
Text Domain: karich-design-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

:root{
    --color-primary: #1F3A93;
    --color-secondary: #F5F5F5;
    --color-text: #333333;
    --color-accent: #F4B400;
}

a{
    color: var(--color-accent);
}

a:hover{
    color: #f7ca4e;
}

/* Navigation */

.site-navigation ul li{
    border: solid 1px var(--color-accent);
    margin: 0 5px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 600;
}

.site-navigation ul li:hover{
    background-color: var(--color-accent);
}

.site-navigation a:hover{
    color: #ffffff;
}


/* Properties Single */

.property-thumbnail img {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.property-details {
    background-color: #f9f9f9;
    padding: 15px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.property-details p {
    font-size: 18px;
    line-height: 1.6;
}
.copyright-text{
    font-size: smaller;
    color: #ffffff;
    display: block;
    width: 100%;
}
.site-footer{
    background-color: var(--color-primary);
    text-align: center;
}

/* Properties Archive */

.subtitle{
    font-size: medium;
}

.properties-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	gap: 20px;
	padding: 20px;
}

.property-item {
	background-color: #f5f5f5;
	padding: 15px;
	border: 1px solid #ddd;
	border-radius: 8px;
	text-align: center;
}

.property-thumbnail img {
	width: 100%;
	height: auto;
	border-radius: 8px;
	margin-bottom: 10px;
}

.property-title {
	font-size: 20px;
	font-weight: 600;
	color: #1F3A93;
	margin-bottom: 10px;
}

.property-price, .property-location {
	font-size: 16px;
	color: #333;
	margin-bottom: 5px;
}

.pagination {
	margin-top: 30px;
	text-align: center;
}

.pagination .page-numbers {
	padding: 8px 12px;
	background-color: #f4b400;
	color: white;
	border-radius: 4px;
	margin: 0 5px;
}


/* Contact Page */

.wpcf7 input[type="submit"] {

    color: var(--color-accent);
    border-color: var(--color-accent);
}

.wpcf7 input[type="submit"]:hover {
    color: #ffffff;
    background-color: var(--color-accent);
}