@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
	--bs-font-sans-serif: "Montserrat", system-ui, -apple-system, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

body {
	font-family: "Montserrat", sans-serif !important;
}

.default-font {
	font-family: "Montserrat", sans-serif !important;
}

.pl-0{
	padding-left: 0;
}

/* Issue sayfalarını (site-issue) okul-basarisi görünümüyle hizalar */
.site-issue .content-inside .card-body {
	font-size: 1rem;
	line-height: .5 !important;
}

.site-issue .content-inside .card-body .lead {
	font-size: 1.15rem;
	line-height: .5 !important;
	margin-bottom: 1rem;
	color: var(--grey-800);
}

.site-issue .content-inside .card-body ul {
	margin-bottom: 2rem !important;
}

.site-issue .content-inside .card-body li {
	font-size: 1rem;
	line-height: 18px !important;
	font-family: "Montserrat", sans-serif !important;
	font-weight: 400;
	color: #777;
}

.site-issue .content-inside .card-body h2 {
	/* <p><strong>...</strong></p> ile aynı tipografiye yakınlaştır */
	font-size: 20px; /* p strong ile aynı boyut */
	font-weight: 700; /* strong */
	line-height: .5 !important; /* paragraf satır yüksekliği */
	margin: 2rem 0; /* paragraf boşluğu ile hizala */
	margin-bottom: 1.5rem;
	color: #777; /* metin rengiyle aynı */
}

.site-issue .content-inside .card-body h3 {
	/* <p><strong>...</strong></p> ile aynı tipografiye yakınlaştır */
	font-size: 20px; /* p strong ile aynı boyut */
	font-weight: 700; /* strong */
	line-height: .5 !important; /* paragraf satır yüksekliği */
	margin: 2rem 0; /* paragraf boşluğu ile hizala */
	margin-bottom: 1.5rem;
	color: #777; /* metin rengiyle aynı */
}

.site-issue .content-inside .card-body h4 {
	/* <p><strong>...</strong></p> ile aynı tipografiye yakınlaştır */
	font-size: 20px; /* p strong ile aynı boyut */
	font-weight: 700; /* strong */
	line-height: .5 !important; /* paragraf satır yüksekliği */
	margin: 2rem 0; /* paragraf boşluğu ile hizala */
	margin-bottom: 1.5rem;
	color: #777; /* metin rengiyle aynı */
}

.site-issue .content-inside p {
	font-size: 1rem;
	line-height: 26px !important;
	margin: 0 0 20px;
}

.site-issue .content-inside .card-body ul,
.site-issue .content-inside .card-body ol {
	margin: 0 0 1rem 1.25rem;
}

.site-issue .content-inside .card-body li {
	margin-bottom: .5rem;
}

.site-issue .content-inside .card-body img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}

.site-issue .content-inside .card-body hr {
	margin: 1.5rem 0;
	opacity: .5;
}

.progress-container {
	padding: 0 .75rem;
}

/* Hızlı Değerlendirme bloğu aralığı ve başlık stili */
.site-issue .issue-questions {
	margin-top: 3rem;
	margin-bottom: 1rem;
	padding-top: 2rem !important;
	border-radius: 1rem !important;
}

.site-issue .issue-questions .btn {
	padding: .5rem 2rem !important;
}

.site-issue .issue-questions h3.lead {
	font-size: 1.25rem;
	font-weight: 900 !important;
	color: #F07D00 !important;
	margin-bottom: 1.5rem !important;
}

 .card .img-fluid{
	height: 350px !important; /* inline height:auto'yu geçersiz kıl */
	width: 100% !important;
	object-fit: cover;
	object-position: center center;
	display: block;
}

.btn-gradient-2{
	border-radius: 16px;
	padding: .5rem 1.5rem;
	background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 80%) !important;
	border: none;
	margin-left: .25rem;
	font-weight: 600;
}

#footer .footer-copyright p {
    color: #FFFFFF !important;
}

/* Feedback card styles */

.feedbacks-card-body {
	padding: 1rem .75rem 1.25rem .75rem;
}

.feedbacks-card-title {
	margin-bottom: 0;
	font-size: 12px;
	margin-top: .25rem;
}

.feedbacks-card-button {
	border-radius: 10px;
}

.feedbacks-card-content {
	height: 310px;
}

.feedbacks-card-hr {
	margin: .75rem 0 0 0 !important;
}

.circle {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	background-color: #f2f2f7;
	display: flex;
	align-items: center;
	justify-content: center; 
	margin: auto;
	margin-bottom: 1.5rem;
}

/* Feedback page styles */

.feedback-page-container {
	margin-bottom: 14rem;
}

.feedback-page-title {
	margin-bottom: 14px;
	font-size: 32px;
}

.feedback-page-hr {
	margin: 5px 0 24px 0;
}

/* Expertise.php styles */

.expertise-title-styles {
	font-size: 24px;
	font-weight: 700 !important;
	color: var(--primary);
	margin-bottom: 1.5rem;
}

.expertise-title2-styles {
	font-size: 24px;
	font-weight: 700 !important;
	color: var(--primary);
	padding-bottom: .5rem;
}

.expertise-card {
	margin-bottom: 2rem;
	border-radius: 12px;
	border: none;
	box-shadow: 0 0 4rem rgba(0,0,0,0.1);
}

.expertise-card-body {
	height: 290px;
	padding: 2rem 3.5rem;
}

/* Stream/programme.php styles */

.stream-programme-card {
	border-radius: 2rem;
	box-shadow: 0 8px 24px rgba(0,0,0,.1);
	padding: .5rem 2rem;
}

.stream-programme-sas-cast {
	max-height: 250px;
}

/* Enquiry page styles*/

.checkbox-label{
	color: #555;
}

.first-column{
    border-right:  2px solid #ccc;
    padding-right:  35px!important;
    margin-bottom:  10px;
 }

.second-column{
    padding-left: 30px!important;
}

.third-column{
    padding-left: 30px!important;
    border-left: 2px solid #ccc;
    margin-bottom: 10px;
}

.control-label{
    color: #666!important;
}

.button-column{
    text-align: center;
    margin-bottom: 30px;
    margin-top: 15px;
}

/* SAS Centre Home Page Card Item Styles*/

.card-item-card{
	border-radius: 12px;
	transition: 0.2s ease-in-out;
	box-shadow: 0 0 2rem rgba(0,0,0,.075);

	&:hover {
		scale: 1.01;
		box-shadow: 0 0 3rem rgba(0,0,0,.1);
	}
}

.card-item-image{
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.card-item-body p{
	margin-bottom: .3rem;
}


/* Staff Commment Card Styles */

.staff-comment-card{
	border-radius: 1rem;
	margin-bottom: 3rem;
	border-radius: 1.5rem;
	margin-bottom: 1rem;
	box-shadow: 0 0 3rem rgba(0,0,0,.1);
	padding: 0;
	transition: 0.2s ease-in-out;
	
	&:hover {
		scale: 1.01;
		box-shadow: 0 .5rem 3.5rem rgba(0,0,0,.12);
	}
}

.staff-comment-card-body{
	padding: 5rem 6rem;
}

.staff-comment-name{
	margin: 0;
}

.staff-comment-hr{
	margin: 0 0 1rem 0;
}

.staff-comment-text {
	font-size: 16px;
}

.staff-comment-rating{
	color:#FFD60A;
	font-size:14px;
	line-height:1;
	margin-bottom:6px;
}

.staff-comment-item + .staff-comment-item::before {
   content: '⋮';
   display: block;
   text-align: center;
   color: #B0B0B0; /* gri */
   font-size: 3rem;
   line-height: 1;
   margin: 0 0 1rem 0;
 }

 /* bullentins styles */

 .blog-card-image {
 	width: 340px;
 	height: 300px;
 	border-radius: 20px;
 	object-fit: cover;
    object-position: center center;
    display: block;
 }

 .blog-card-body {
 	border-radius: 1.7rem;
	box-shadow: 0 8px 24px rgba(0,0,0,.1);
	transition: all 0.2s ease-in-out;
	margin-bottom: 2rem;

	&:hover {
		scale: 1.01;
	}
 }

.blog-card-read-more {
	font-size: 13px;
}

.bulletin-detail-image {
	width: 100%;
 	height: 350px;
 	border-radius: 20px;
 	object-fit: cover;
    object-position: center center;
    display: block;
}

/*   ***********************************   */

 .fa-chevron-left{
 	color: var(--primary);
 }

  .fa-chevron-right{
 	color: var(--primary);
 }

.btn-color-primary {
	color: var(--primary);
}

.post-title-styles {
	font-weight: 500;
}

@media (max-width: 768px) {
	.staff-comment-card-body{
		padding: 3rem 4rem;
	}

	.expertise-card-body {
		height: 260px;
		padding: 2rem 4rem;
	}
}