انجام پایان نامه کارشناسی ارشد رشته صنایع مدیریت پروژه + تضمینی

/* Global styles for better responsiveness and overall look */
body {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
direction: rtl; /* For Persian text */
text-align: right; /* For Persian text */
margin: 0;
padding: 0;
background-color: #F8F9FA; /* Light background */
color: #333;
}

/* Specific styles for headings – ensures they act as proper headings in block editors */
h1 {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
font-size: 2.6em; /* Larger for H1 */
font-weight: 800;
color: #1A2B3C;
text-align: center;
margin-bottom: 30px;
line-height: 1.3;
}

h2 {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
font-size: 2em; /* Slightly smaller than H1 */
font-weight: 700;
color: #2C3E50;
margin-top: 40px;
margin-bottom: 25px;
border-bottom: 3px solid #3498DB;
padding-bottom: 10px;
display: inline-block; /* Allows border-bottom to fit text width */
width: auto; /* Ensure it wraps text naturally */
max-width: 100%; /* Responsive for smaller screens */
box-sizing: border-box; /* Include padding/border in width */
}

h3 {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
font-size: 1.5em; /* Smaller than H2 */
font-weight: 600;
color: #34495E;
margin-top: 30px;
margin-bottom: 15px;
}

p {
font-family: ‘Vazirmatn’, ‘Iranian Sans’, sans-serif;
margin-bottom: 20px;
line-height: 1.8;
font-size: 1.1em;
text-align: justify;
}

ul {
list-style: disc;
margin-left: 25px; /* Adjust for RTL */
padding-right: 0; /* No padding on right for RTL */
margin-right: 0; /* No margin on right for RTL */
margin-bottom: 15px;
}
ul li {
margin-bottom: 8px;
line-height: 1.7;
}

/* Table styles */
table {
width: 100%;
border-collapse: collapse;
text-align: right;
margin-bottom: 20px;
border: 1px solid #ddd;
}
th, td {
padding: 12px 15px;
border: 1px solid #ddd;
text-align: right;
}
thead th {
background-color: #ECF0F1;
font-weight: bold;
font-size: 1.1em;
color: #2C3E50;
}
tbody tr:nth-child(even) {
background-color: #F9FAFB;
}
tbody tr:nth-child(odd) {
background-color: #FDFEFE;
}

/* Responsive adjustments for table */
@media (max-width: 768px) {
table {
display: block;
overflow-x: auto; /* Enables horizontal scroll for tables on small screens */
white-space: nowrap;
}
thead, tbody, th, td, tr {
display: block;
width: 100%;
}
th {
text-align: center;
}
td {
border-bottom: 1px solid #ddd;
border-left: none;
border-right: none;
text-align: right;
padding-right: 15px; /* Adjust for RTL */
}
tbody tr {
margin-bottom: 10px;
border: 1px solid #ddd;
display: block;
}
tbody tr td:first-child {
font-weight: bold;
background-color: #ECF0F1; /* Highlight the heading column */
}
}

/* Styles for the “Infographic Alternative” div */
div[style*=”background-color: #E8F6F3;”] {
background-color: #E8F6F3; /* Light teal */
border-radius: 12px;
padding: 25px 30px;
margin-bottom: 30px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
}
div[style*=”background-color: #E8F6F3;”] p {
font-size: 1.3em;
font-weight: 700;
color: #1C6758; /* Darker teal */
text-align: center;
margin-bottom: 25px;
line-height: 1.5; /* Reset line-height for this specific p */
}
div[style*=”background-color: #E8F6F3;”] ul {
list-style: none;
padding: 0;
margin: 0;
}
div[style*=”background-color: #E8F6F3;”] ul li {
margin-bottom: 15px;
display: flex;
align-items: flex-start; /* Align items to the start of the cross axis */
padding-bottom: 10px;
border-bottom: 1px dashed rgba(44, 62, 80, 0.1); /* Light dashed separator */
}
div[style*=”background-color: #E8F6F3;”] ul li:last-child {
border-bottom: none; /* No border for the last item */
margin-bottom: 0;
padding-bottom: 0;
}
div[style*=”background-color: #E8F6F3;”] ul li span {
font-size: 1.8em;
margin-left: 15px; /* Space between icon and text for RTL */
flex-shrink: 0; /* Prevent icon from shrinking */
}
div[style*=”background-color: #E8F6F3;”] ul li div {
flex-grow: 1; /* Allow text div to take remaining space */
}
div[style*=”background-color: #E8F6F3;”] ul li strong {
color: #2C3E50;
font-size: 1.15em;
display: block; /* Make strong take full width */
margin-bottom: 5px;
}

/* General responsive considerations */
.container {
max-width: 900px;
margin: 0 auto;
padding: 20px;
box-sizing: border-box; /* Include padding in element’s total width and height */
}

@media (max-width: 768px) {
h1 {
font-size: 2em;
margin-bottom: 20px;
}
h2 {
font-size: 1.7em;
margin-top: 30px;
margin-bottom: 20px;
padding-bottom: 8px;
}
h3 {
font-size: 1.3em;
margin-top: 25px;
margin-bottom: 10px;
}
p, ul li {
font-size: 1em;
}
div[style*=”background-color: #E8F6F3;”] p {
font-size: 1.15em;
}
div[style*=”background-color: #E8F6F3;”] ul li span {
font-size: 1.5em;
margin-left: 10px;
}
div[style*=”background-color: #E8F6F3;”] ul li strong {
font-size: 1em;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.7em;
}
h2 {
font-size: 1.5em;
}
h3 {
font-size: 1.2em;
}
p, ul li {
font-size: 0.95em;
}
}