/*
Theme URI: 
Author: Hashem Humaid
Author URI: 
Version: 1
*/ 

/* تضمين الخط */
@font-face {
    font-family: 'ExpoArabic';
    src: url('fonts/Bahij_TheSansArabic-Plain.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


input[type="checkbox"]
{
    width:auto !important;
    margin-left: 5px !important;
}
body{
     font-family: 'ExpoArabic';
         background: url(assets/img/bg2.jpg) #886cae;
     background-size: cover;
    
}

li:hover label{
    color:#24508b;
}


 .header {
          display: flex
;
    align-items: center;
    justify-content: space-between;
    color: white;
    padding: 30px;

    margin: auto;
        }
        .header img {
            width: 220px;
            max-width:100%;
        }
        .divider {
            border-right: 2px solid white;
            height: 80px;
            margin: 0 20px;
        }
        .header-text {
            max-width: 600px;
        }
        
        


.acf-field-repeater , .acf-field-group ,.acf-repeater-add-row{
    margin-bottom:20px !important;
}
/* تطبيق الخط على النموذج */
.acf-form , .acf-form .acf-input input, .acf-form .acf-input textarea, .acf-form .acf-input select{
    font-family: 'ExpoArabic', Arial, sans-serif;
}

.acf-form .acf-label label {
    font-family: 'ExpoArabic', Arial, sans-serif;
}

.acf-form .acf-input input,
.acf-form .acf-input textarea .acf-form .acf-input select {
    font-family: 'ExpoArabic', Arial, sans-serif;
}

.acf-form input[type="submit"] {
    font-family: 'ExpoArabic', Arial, sans-serif;
}
.acf-hl>li {
    float: right !important;
    display: block;
    margin: 0;
    padding: 0;
}
ul.acf-radio-list.acf-hl li, ul.acf-checkbox-list.acf-hl li {
    margin-right: 20px;
    clear: none;
    width: 17%;
    text-align: center;
    font-weight: bold;
}


h2{
    color:#435d94;
    margin-bottom: 0;
    margin-top: 35px;
}
h3{
 font-size: 24px;
    text-align: center;
    margin-top: 50px;
    color:#f2f2f2;
    margin-bottom: 0;
}
.whitetxt{
    color:#fff !important;
    margin-top: 3px;
} 

.bold{
    font-weight:bold;
}

.center{
    text-align:center;
}

.checkres{
    margin-top: -10px;
     display:inline-block;
      background:#435d94;
      color:#193a65;
      padding:10px 22px;
      text-decoration:none;
      border-radius:8px;
      font-size:16px;
      font-weight:bold;
}

.checkres:hover{
     background:#193a65;
      color:#435d94;
}
/* تصميم النموذج الرئيسي */
.acf-form {
    max-width: 1080px;
    margin: 100px auto;
    padding: 20px;
 
        background: #ffffff70;
     border-radius: 10px;
    box-shadow: 1px 0px 10px #fff;
}

/* تنسيق الحقول */
.acf-form .acf-field {
    margin-bottom: 15px;
}

.acf-form .acf-label label {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    margin-bottom: 5px;
    display: block;
}

/* تصميم حقول الإدخال */
.acf-form .acf-input input,
.acf-form .acf-input textarea,
.acf-form .acf-input select {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    font-size: 14px;
}

.acf-form .acf-input input:focus,
.acf-form .acf-input textarea:focus {
    border-color: #806dac;
    box-shadow: 0 0 5px rgba(76, 131, 116, 0.5);
    outline: none;
}

/* تصميم زر الإرسال */
.acf-form input[type="submit"] {
    background-color: #806dac;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.acf-form input[type="submit"]:hover {
    background-color: #435d94;
}

/* تحسين النصوص */
.acf-form p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}


.acf-form-submit{
    text-align:center;
}


.acf-table>tbody>tr>th, .acf-table>tbody>tr>td, .acf-table>thead>tr>th, .acf-table>thead>tr>td{
    text-align:right !important;
}




/* زر إضافة صف جديد في الحقول المكررة */
.acf-button.acf-repeater-add-row.button.button-primary {
    background-color: #fff; /* خلفية بيضاء */
    color: #806dac; /* لون النص باللون الرئيسي */
    border: 2px solid #806dac; /* حدود باللون الرئيسي */
    border-radius: 4px;
    padding: 8px 16px; /* تقليل المسافة من جميع الجهات لجعل الزر أصغر */
    font-size: 13px; /* تصغير حجم الخط */
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
    display: inline-flex; /* لجعل النص والأيقونة في صف واحد */
    align-items: center; /* محاذاة الأيقونة والنص في المنتصف */
    text-decoration: none; /* إزالة الخط تحت النص */
}

/* إضافة الأيقونة (+) قبل النص */
.acf-button.acf-repeater-add-row.button.button-primary::before {
    content: "+"; /* إضافة الأيقونة */
    font-size: 18px; /* حجم الأيقونة */
    margin-right: 8px; /* مسافة بين الأيقونة والنص */
    color: #806dac; /* نفس لون النص */
}

/* تأثير التمرير بالفأرة */
.acf-button.acf-repeater-add-row.button.button-primary:hover {
    background-color: #806dac; /* اللون الرئيسي عند الهوفر */
    color: #fff; /* تغيير النص إلى الأبيض عند الهوفر */
    border-color: #806dac; /* الحفاظ على حدود بنفس اللون */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* تأثير الظل عند الهوفر */
}

/* تأثير عند النقر */
.acf-button.acf-repeater-add-row.button.button-primary:active {
    background-color: #365a50; /* لون أغمق عند الضغط */
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.3); /* تأثير ضغط */
}

/* تحسين النص */
.acf-button.acf-repeater-add-row.button.button-primary span {
    font-family: 'ExpoArabic', Arial, sans-serif; /* تغيير الخط */
}


@media only screen and (max-width: 768px) {
.header {
    display: block;
    
}

.divider{
    display:none;
}
    
}