/*
Theme Name: Bilingual Bootstrap Theme
Description: A simple bilingual theme using Bootstrap 5.3 with RTL support and ACF integration.
Version: 1.0
*/

/* Default LTR styles here */
body {
    font-family: 'Noto Sans Arabic', sans-serif;
    direction: ltr;
    text-align: left;
}

/* Headings */

h1, h2, h3, h4, h5, h6 {
	color: rgb(83, 15, 46);
	font-weight: 700;
}

h1 {
	font-size: 2.5rem;
}
h2 {
	font-size: 1.8rem;
	margin-bottom: 2rem;
}
h3 {
	font-size: 1.4rem;
	margin-bottom: 1.4rem;
}
h4 {
	font-size: 1.2rem;
	margin-bottom: 1.4rem;
}


/* Bootstrap overrides */


.bi, .bi a {
	font-size: 1.4rem;
	color: rgb(83, 15, 46);
	position: relative;
	top: 6px;
}

.btn {
	border-radius: 10px 0px 10px 0px;
}

.btn-primary, .btn-primary:hover {
  background-color: rgb(83, 15, 46);
  border-color: rgb(83, 15, 46);
}

.btn-outline-primary {
	border-color: rgb(83, 15, 46);
	color: rgb(83, 15, 46);
}
.btn-outline-primary:hover {
	border-color: rgb(83,15,46);
	background-color: rgb(83, 15, 46);
}

/* Header */

/* Footer */

footer {
	font-size:0.8rem;
	background-color: rgb(83, 15, 46);
	padding: 40px 0px;
}

footer p {
	color: #FFF;
	margin-bottom: 5px;
}
footer p strong {
	color: #47748f;
	font-weight: 600;
}
footer ul {
	padding: 0px;
	list-style-type: none;
}
footer li {
	color: rgba(255,255,255,1);
	padding: 5px 0px;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
footer li a, footer li a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

/* Sections */

.section_gradient {
width: 100%;
	height: 5px;
	background: linear-gradient(90deg, rgba(128, 165, 184, 1) 0%, rgba(205, 187, 135, 1) 100%);
}

.section_title {
	padding: 40px 0px 30px 0px;
	background-color: rgba(128,165,184,1);
		background-image: url('https://gulfdii.com/wp-content/uploads/2025/06/background_pattern_150625.png'), linear-gradient(90deg, rgba(128, 165, 184, 1) 0%, rgba(205, 187, 135, 1) 100%);
    background-position: center;
	background-repeat: no-repeat;
  background-size: cover;
}

.section_content {
	padding: 40px 0px;
}

.section_content ul {
	background-color: rgba(128,165,184,0.1);
	padding: 20px 40px;
	border-radius: 20px 0px 20px 0px;
}

.section_post {
	padding: 40px 0px;
}

.section_banner {
	background-color: rgba(128,165,184,1);
	background-image: url('https://gulfdii.com/wp-content/uploads/2025/06/background_pattern_150625.png'), linear-gradient(90deg, rgba(128, 165, 184, 1) 0%, rgba(205, 187, 135, 1) 100%);
    background-position: center;
	background-repeat: no-repeat;
  background-size: cover;
	padding: 40px 0px;
}

.section_post a {
	color: rgb(83, 15, 46);
	text-decoration: none;
}

.section_grey {
	background-color: rgba(128,165,184,0.2);
}

/* Cards */

.card {
	border-radius: 20px 0px 20px 0px;
}

.card .bi, .card .bi a {
	font-size:0.9rem;
	top:0px;
}

/* Text */
.text_white {
	color: #fff;
}

/* Images */

.image_rounded {
	border-radius: 20px 0px 20px 0px;
}

.text_small {
	font-size: 0.8rem;
}

/* Navigation */


.nav-item {
	font-weight: 700;
  font-size: 0.8rem;
  text-transform: uppercase;
}

.nav-item .active {
	border-bottom: 3px solid rgb(205,187,135);
}



/* Contact form 7 */
.wpcf7-form {
	background-color: rgba(128,165,184,0.2);
	padding: 20px;
	margin-bottom: 30px;
	font-size: 0.9rem;
		border-radius: 20px 0px 20px 0px;
}

.wpcf7-form label {
	width: 100%;
}

.wpcf7-form input {
	background: #fff;
	padding: 5px 7px;
	margin-bottom: 8px;
	border: 0px;
	width: 100%;
}

.wpcf7-form input[type="checkbox"] {
	width: auto;
}

.wpcf7-form textarea {
	background: #fff;
	padding: 5px 0px 5px 7px;
	border: 0px;
	width: 100%;
}

.wpcf7-form p {
	margin-top: 10px;
}

.wpcf7-form .wpcf7-submit {
	background-color: rgba(128,165,184,1);
	cursor: pointer;
	padding: 5px 10px;
	color: #fff;
	width: 100px;
	text-transform: uppercase;
	font-size: 0.8rem;
	letter-spacing: 2px;
	font-weight: 600;
border-radius: 10px 0px 10px 0px;
}

@media (min-width: 576px) { 

	.section_banner {
		padding: 0px;
	}

}

@media (min-width: 768px) { ... }
@media (min-width: 992px) { ... }
@media (min-width: 1200px) { ... }
@media (min-width: 1400px) { ... }