/*==============================================================================
//	Проект "МЦ Св. Иван Рилски"
// Home URL : https://инвитро.бг/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 27.10.2025г. / 11:00ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: #9B3250 !important;}
.dc2{color: #D5E68D !important;}
.dc3{color:#DCEFE1 !important;}
.dc4{color: #FCF8F4 !important;}
.dc5{color:#F7FAE9 !important;}
.dc6{color:#E9EBF8 !important;}
.dc_bg{background-color: #9B3250 !important;}
.dc2_bg{background-color: #D5E68D !important;}
.dc3_bg{background-color: #DCEFE1 !important;}
.dc4_bg{background-color: #FCF8F4 !important;}
.dc5_bg{background-color: #F7FAE9 !important;}
.dc6_bg{background-color: #E9EBF8 !important;}
/*--| CSS correction |--------------------------------------------------------*/
.toTop{background-color:#9B3250;color:#fff;}
.toTop:hover{background-color:#D5E68D;color:#000;}
.SF_breadcrumbs li b{font-weight:normal;}
.SF_APublish{font-size:12px;}
.SF_AVideo{float:none;}
.SF_AVideo iframe{width:100%;height:auto;aspect-ratio: 16 / 9;}
.form-control{font-weight:normal;border-radius:0px;margin-bottom:10px;background-color:#F7FAE9;}
.pagination .page-link{border-color:#53acd4;}
.active> .page-link{background-color: #53acd4;border-color:#53acd4;}
.page-link:hover{color:#53acd4;background-color: #F5F7F2;}
.page-link:focus{box-shadow:none;}
/*--| Main CSS Style |--------------------------------------------------------*/
html, body{font-size:18px;background-color:#FCF8F4;}
a:link, a:visited{text-decoration: none;color: inherit;}
img{width:100%;}
/*--| Header Style |----------------------------------------------------------*/
header{background-color:#FCF8F4;font-weight:600;padding-top:55px;}
header li{list-style:none;display:inline-block;margin-left:5px;margin-right:5px;}
.topbar{}
.topbar2{}
.HeadLogo{position: absolute;margin: auto;left: 0;right: 0;z-index: 1000;}
.TopMenu{margin:15px;}
.TopMenu .social-icon{color:#ffffff !important;}
.HeadMenu{margin:15px;}
.MobileMenu{text-align:center;}
.MobileMenu li{display:block;margin-bottom:10px;}
/*--| Body Style |------------------------------------------------------------*/
.error404{background-color:#9B3250;padding:50px 20px;}
.error404 h1, .error404 h2{color:#fff;}
.button{padding: .375rem 1.75rem;font-weight:bold;border:1px solid transparent;background-color: #D5E68D;color:#000;}
.button:link, .button:visited{color:#fff;}
.button:hover{background-color: #DCEFE1;}
.button2{padding: .375rem 1.75rem;font-weight:bold;border:1px solid transparent;background-color: #9B3250;color:#fff;}
.button2:link, .button2:visited{color:#fff;}
.button2:hover{background-color: #FCF8F4;color:#000;}
/*--| Intro Home Page Style |-------------------------------------------------*/
.WelcomeText{position: absolute;z-index: 1;color:#9B3250;background: rgb(247,250,233,0.5);bottom:0;left:0;width:100%;font-size:2rem;text-shadow:3px 3px #fff;font-weight:bold;}
.WelcomeText div{padding:10px 0px;}
.WelcomeText img{width:50px;}
.card{margin-bottom:20px;border:1px solid #9B3250;}
.card-image{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;min-width: 0;border-radius: 4px;overflow: hidden;align-items: center;justify-content: center;height:220px;}
.card-image .image{width: 100%;aspect-ratio: auto 500 / 300;height: auto;overflow: hidden;position: relative;text-align: center;display: flex;align-items: center;justify-content: center;}
.card-body{min-height:90px;}
.mainTeam{background:#fff;padding:30px;margin-top:80px;}
.mainTeam-image{width:50%;float:left;margin-top:-80px;}
.mainTeam-body{margin-left: 20px;padding-left: 51%;text-align: center;}
.smiles{background-color:#fff;padding:50px;}
.map{padding-top:50px;}


.team{background-color:#FCF8F4;padding:40px 15px;}
.team .team-image{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;min-width: 0;}
.team .image{width:100%;aspect-ratio: auto 500 / 300; height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;border:2px solid #9B3250;box-shadow: 20px 20px #fff;}
.team .image img:hover{transform: scale(1.5);transition: transform 1.4s;}
.team-body{margin-top:30px;}
/*--| Blog Post & Article Style |---------------------------------------------*/
.blog{background-color: #fff;padding: 10px;margin-bottom:20px;}
.blog .blog-image{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;min-width: 0;}
.blog .image{width:100%;aspect-ratio: auto 500 / 300; height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.blog .image img:hover{transform: scale(1.5);transition: transform 1.4s;}
.blog-title{min-height:60px;margin-top:10px;}
.article-image{border:5px solid #fff;}

/*--| Footer Style |----------------------------------------------------------*/
footer{background-color:#F9F3F4;padding-top:30px;}
footer li{list-style:none;}
footer .info-link, footer .social-icon{color: #9B3250 !important;}
.footer-copyright{font-size:14px;background-color:#9B3250;color:#fff;padding:15px;}
/*--| Responsive Style |------------------------------------------------------*/
@media (min-width:1200px) and (max-width: 1399px){
	.WelcomeText{font-size: 1.7rem;}
	.WelcomeText div{padding:8px 0px;}
	.mainTeam-image{width:55%;}
	.mainTeam-body h5{font-size:1rem;}
	.mainTeam-body{font-size:16px;padding-left:56%;}
}
@media (min-width:992px) and (max-width: 1199px){
	.WelcomeText{font-size: 1.45rem;}
	.WelcomeText div{padding:7px 0px;}
	.card-image{height:170px;}
	.smiles{padding:30px;font-size:16px;}
}
@media (min-width:768px) and (max-width: 991px){
	.WelcomeText{font-size: 1.2rem;}
	.card-image{height:120px;}
	.card-body{min-height:120px;}
	footer{font-size:14px;}
	footer h4{font-size:1.15rem;}
	footer h5{font-size:1rem;}
}
@media(max-width: 991px){
	.smiles h2{margin-top:20px;}
	.map{padding:0px;padding-top:30px;}
}
@media(max-width: 767px){
	.WelcomeText{font-size:1.5rem;text-shadow:1px 1px #fff;}
	.WelcomeText div{padding:5px;}
	.TopMenu{margin: 15px 0px 10px 0px;}
	.topbar{font-size:1.8rem;}
	.team-info{font-size:0.9rem;}
	.mainTeam{padding:25px;}
	.mainTeam-image{width:55%;}
	.mainTeam-body h5{font-size:0.9rem;}
	.mainTeam-body{font-size:14px;padding-left:56%;}
	.smiles{padding:30px;font-size:16px;}
}
@media (min-width:576px) and (max-width: 767px){
	.card-image{height:130px;}
	.card-body{min-height:120px;}
}
@media(max-width: 575px){
	.WelcomeText{font-size:1rem;}
	.topbar{}
	header li{margin: 0 3px;}
	.TopMenu{font-size:1.5rem;}
	.team-info{font-size:0.7rem;}
	.mainTeam{padding:30px;margin-top:50px;}
	.mainTeam-image{margin-top:-50px;width:100%;float:none;}
	.mainTeam-body h5{font-size:1.2rem;margin-top:20px;}
	.mainTeam-body{font-size:16px;padding-left:unset;margin-left:unset;}
	.smiles{padding:20px;}
}
@media(max-width: 450px){
	.WelcomeText{font-size:0.8rem;}
	.TopMenu{font-size:1.5rem;}
}
@media(max-width: 380px){
	.mainTeam{padding:15px;}
	.smiles{padding:10px;}
	.TopMenu{font-size:1.3rem;}
	footer{font-size:12px;}
	footer h4{font-size:1rem;}
	footer h5{font-size:0.9rem;}
	.footer-copyright{font-size:12px;}
}
@media(max-width: 350px){
	.TopMenu{font-size:1.1rem;}
}
/*--| End of Style |----------------------------------------------------------*/
