بهترین موسسه انجام پایان نامه مدیریت ورزشی

/* Global styles for responsiveness and basic design */
body {
margin: 0;
padding: 0;
direction: rtl; /* For right-to-left languages like Persian */
}

/* Base font for the entire document */
.wp-block-group * {
font-family: ‘Vazirmatn’, sans-serif;
box-sizing: border-box;
}

/* Ensure block editor elements respect general styling */
.wp-block-group h1, .wp-block-group h2, .wp-block-group h3,
.wp-block-group p, .wp-block-group ul, .wp-block-group ol, .wp-block-group table {
font-family: ‘Vazirmatn’, sans-serif;
direction: rtl;
text-align: right;
}

/* Specific heading styles for H1 */
.wp-block-group h1 {
font-size: 36px;
font-weight: bold;
color: #2C3E50;
text-align: center;
margin-bottom: 20px;
line-height: 1.3;
}

/* Specific heading styles for H2 */
.wp-block-group h2 {
font-size: 28px; /* Slightly smaller for sub-sections */
font-weight: bold;
color: #2980B9; /* A distinct blue */
margin-top: 40px; /* Space above H2 */
margin-bottom: 20px;
line-height: 1.4;
}

/* Specific heading styles for H3 */
.wp-block-group h3 {
font-size: 22px; /* Even smaller for sub-sub-sections */
font-weight: bold;
color: #3498DB; /* Lighter blue */
margin-top: 25px; /* Space above H3 */
margin-bottom: 15px;
line-height: 1.5;
}

/* General paragraph styling */
.wp-block-group p {
font-size: 17px;
line-height: 1.8;
color: #34495E;
margin-bottom: 15px;
}

/* List styling */
.wp-block-group ul, .wp-block-group ol {
margin-left: 25px; /* Indent for lists */
font-size: 16px;
line-height: 1.8;
color: #34495E;
margin-bottom: 15px;
}

.wp-block-group ul li, .wp-block-group ol li {
margin-bottom: 8px;
}

/* Table styling */
.wp-block-group table {
width: 100%;
border-collapse: collapse;
margin: 20px 0;
font-size: 15px;
text-align: right;
direction: rtl;
}

.wp-block-group table th, .wp-block-group table td {
padding: 12px 15px;
border: 1px solid #BDC3C7;
}

.wp-block-group table th {
background-color: #A9D4F2;
color: #2C3E50;
font-weight: bold;
}

.wp-block-group table tr:nth-child(even) {
background-color: #EBF5FB;
}

.wp-block-group table tr:nth-child(odd) {
background-color: #D6EAF8;
}

.wp-block-group table caption {
caption-side: top;
text-align: center;
font-weight: bold;
margin-bottom: 10px;
font-size: 17px;
color: #2C3E50;
}

/* Responsive adjustments */
@media (max-width: 768px) {
.wp-block-group h1 {
font-size: 30px;
}
.wp-block-group h2 {
font-size: 24px;
}
.wp-block-group h3 {
font-size: 19px;
}
.wp-block-group p, .wp-block-group ul, .wp-block-group ol {
font-size: 15px;
}
.wp-block-group table th, .wp-block-group table td {
padding: 8px 10px;
font-size: 13px;
}
.wp-block-group > div {
padding: 15px;
margin: 0 10px;
}
.wp-block-group .infographic-box {
flex-direction: column;
align-items: center;
}
.wp-block-group .infographic-item {
flex: 0 0 90%; /* Take full width on small screens */
margin-bottom: 15px;
}
}

@media (max-width: 480px) {
.wp-block-group h1 {
font-size: 26px;
}
.wp-block-group h2 {
font-size: 20px;
}
.wp-block-group h3 {
font-size: 17px;
}
.wp-block-group p, .wp-block-group ul, .wp-block-group ol {
font-size: 14px;
}
.wp-block-group table {
display: block;
overflow-x: auto;
white-space: nowrap;
}
.wp-block-group table th, .wp-block-group table td {
font-size: 12px;
padding: 6px 8px;
}
.wp-block-group > div {
padding: 10px;
margin: 0 5px;
}
}

/* Styling for the conceptual infographic block */
.wp-block-group .infographic-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
text-align: center;
}
.wp-block-group .infographic-item {
flex: 1 1 28%; /* Adjust width for items */
min-width: 180px;
background-color: #ECF0F1;
border-radius: 10px;
padding: 15px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}
.wp-block-group .infographic-item span {
font-size: 36px;
display: block; /* Ensures icon is on its own line */
margin-bottom: 10px;
}
.wp-block-group .infographic-item h3 {
font-size: 18px;
font-weight: bold;
color: #2C3E50;
margin-top: 0;
margin-bottom: 5px;
}
.wp-block-group .infographic-item p {
font-size: 14px;
color: #5D6D7E;
line-height: 1.5;
margin-bottom: 0;
}

/* Specific coloring for infographic icons */
.wp-block-group .infographic-item:nth-child(1) span { color: #3498DB; }
.wp-block-group .infographic-item:nth-child(2) span { color: #2ECC71; }
.wp-block-group .infographic-item:nth-child(3) span { color: #E74C3C; }
.wp-block-group .infographic-item:nth-child(4) span { color: #9B59B6; }
.wp-block-group .infographic-item:nth-child(5) span { color: #F1C40F; }