/*
Theme Name: Color Magazine Pro

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/


/* 243 of 2050 CSS properties converted by rtl.daskhat.ir 
 These properties should be override originals. 
 just load rtl css file after original css file.*/


/* body {direction:rtl;} */

/*#primary-menu  {*/
  
/*}*/
/*#site-navigation {*/
  /*background-color: #ffc905; */
  /*color: #fff;         */
  /*padding: 10px;       */
  /*border-radius: 5px;   */
/*}*/
/*#top-navigation{*/
/*   background-color: #ffc905;  */
/*}*/
.main_div_container {
    border: 2px solid blue;
    box-shadow: 4px 4px 8px rgba(0, 0, 255, 0.3);
    padding: 20px;
    width: 600px; /* your desired width */
    text-align: center;
    /* remove top and left positioning since flexbox handles centering */
}
.test_div_message {
    max-width: 700px;
    margin: 20px auto;
    padding: 15px;
    background-color: #f9f9f9;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-align: center;
}

/* Table styling */
.test_table_classs {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #fff;
}

.test_table_classs caption {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: lightgreen; 
    text-align: center;
}

.test_table_classs th,
.test_table_classs td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.test_table_classs th {
    background-color: #f0f0f0;
    color: #333;
}

/* Input fields */
.test_table_classs input[type="text"] {
    width: 95%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Submit button */
.test_table_classs button[type="submit"] {
    background-color: #0073aa;
    color: white;
    padding: 10px 18px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.test_table_classs button[type="submit"]:hover {
    background-color: #005e8a;
}
   
/*
 * This simple CSS used in this page. 
 * CSS is recommended to be placed in the child theme's style.css file.
 * You may modify it as needed or choose to organize your custom CSS in a separate file
 * and enqueue it properly through functions.php.
 */

 
 
.main_div_container {
    border: 2px solid blue;
    box-shadow: 4px 4px 8px rgba(0, 0, 255, 0.3);
    padding: 20px;
    width: 600px; /* your desired width */
    text-align: center;
    /* remove top and left positioning since flexbox handles centering */
}
.test_div_message {
    max-width: 700px;
    margin: 20px auto;
    padding: 15px;
    background-color: #f9f9f9;
    border: 2px solid #ccc;
    border-radius: 8px;
    font-family: Arial, sans-serif;
    font-size: 16px;
    text-align: center;
}

/* Table styling */
.test_table_classs {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
    background-color: #fff;
}

.test_table_classs caption {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: lightgreen; 
    text-align: center;
}

.test_table_classs th,
.test_table_classs td {
    border: 1px solid #ddd;
    padding: 10px;
    text-align: left;
}

.test_table_classs th {
    background-color: #f0f0f0;
    color: #333;
}

/* Input fields */
.test_table_classs input[type="text"] {
    width: 95%;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Submit button */
.test_table_classs button[type="submit"] {
    background-color: #0073aa;
    color: white;
    padding: 10px 18px;
    border: none;
    border-radius: 4px;
    font-weight: bold;
    cursor: pointer;
}

.test_table_classs button[type="submit"]:hover {
    background-color: #005e8a;
}