انجام پایان نامه در شادگان: راهنمای جامع و تضمینی برای موفقیت آمیز

/* Responsive Styles for various devices */
@media (max-width: 1024px) {
h1 {
font-size: 2.2em !important;
}
h2 {
font-size: 1.9em !important;
}
h3 {
font-size: 1.4em !important;
}
p, li, td {
font-size: 1em !important;
}
.block-editor-container {
padding: 15px !important;
}
.infographic-step {
flex-basis: 48% !important; /* Adjust for tablet-like screens */
}
}

@media (max-width: 768px) {
h1 {
font-size: 1.9em !important;
margin-bottom: 20px !important;
}
h2 {
font-size: 1.6em !important;
margin-top: 35px !important;
margin-bottom: 20px !important;
padding-bottom: 8px !important;
}
h2 span {
width: 40px !important;
height: 40px !important;
line-height: 40px !important;
font-size: 0.7em !important;
}
h3 {
font-size: 1.2em !important;
margin-top: 30px !important;
margin-bottom: 18px !important;
padding-bottom: 8px !important;
}
p, li, td, th {
font-size: 0.95em !important;
line-height: 1.7 !important;
}
ul, ol {
padding-right: 20px !important;
}
table th, table td {
padding: 10px !important;
}
.block-editor-container {
padding: 10px !important;
}
.infographic-step {
flex-basis: 100% !important; /* Stack on smaller screens */
margin-bottom: 20px;
}
.infographic-step span {
font-size: 2.5em !important;
}
.infographic-container {
padding: 20px !important;
gap: 20px !important;
}
.table-of-contents ul {
padding-right: 15px !important;
}
.table-of-contents h3 {
font-size: 1.3em !important;
}
}

@media (max-width: 480px) {
h1 {
font-size: 1.7em !important;
padding: 8px 0 !important;
}
h2 {
font-size: 1.4em !important;
margin-top: 30px !important;
margin-bottom: 15px !important;
}
h2 span {
width: 35px !important;
height: 35px !important;
line-height: 35px !important;
font-size: 0.6em !important;
margin-left: 10px !important;
}
h3 {
font-size: 1.1em !important;
margin-top: 25px !important;
margin-bottom: 15px !important;
}
p, li, td, th {
font-size: 0.9em !important;
line-height: 1.6 !important;
}
.block-editor-container {
padding: 8px !important;
border-radius: 10px !important;
}
.infographic-step {
padding: 15px !important;
}
.table-of-contents {
padding: 15px 20px !important;
margin: 25px 0 !important;
}
.table-of-contents ul {
padding-right: 12px !important;
line-height: 1.8 !important;
}
.table-of-contents h3 {
font-size: 1.2em !important;
margin-bottom: 15px !important;
}
caption {
font-size: 1.2em !important;
margin-bottom: 10px !important;
}
table th, table td {
font-size: 0.85em !important;
padding: 8px !important;
}
}

/* General styles for block editor compatibility and consistency */
.block-editor-container {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: justify;
line-height: 1.9;
color: #333;
max-width: 950px;
margin: 0 auto;
padding: 25px;
background-color: #fdfdfd;
border-radius: 15px;
box-shadow: 0 8px 30px rgba(0,0,0,0.07);
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-family: ‘Vazirmatn’, sans-serif;
text-align: right;
}
a {
text-decoration: none;
color: #00796b;
transition: color 0.3s ease;
}
a:hover {
color: #004d40;
}
strong {
color: #004d40;
}
ul, ol {
margin-bottom: 25px;
list-style-position: inside;
}
li {
margin-bottom: 8px;
}
table {
min-width: 300px; /* Ensure table doesn’t shrink too much */
}
.infographic-step:hover {
transform: translateY(-5px);
}