/*==============================================================================
//	Проект "Sports for Green Deal“"
// Home URL : https://sports4greendeal-ruse.bg/
// Created By : Gate.BG
// Contact Email : support@gate.bg
//==============================================================================
// Описание : Style CSS
// Последна промяна на файла на : 10.02.2024г. / 22:55ч.
// Последна промяна на файла от : Асен Сотиров
//============================================================================*/
/*--| CSS цветове |-----------------------------------------------------------*/
.dc{color: #8dc63f !important;}
.dc2{color: #00aeef !important;}
.dc3{color:#23466f !important;}
.dc_bg{background-color: #8dc63f !important;}
.dc2_bg{background-color: #00aeef !important;}
.dc3_bg{background-color: #23466f !important;}
.dc4_bg{background-color: #dee2e1 !important;}
/*--| CSS correction |--------------------------------------------------------*/
.SF_breadcrumbs{color:#23466f;background-color:#dee2e1;}
.SF_AVideo{position: relative;width: 100%;padding-bottom: 56.25%;}
.SF_AVideo iframe{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.form-control{font-weight:normal;letter-spacing:0.5px;border-radius:3px;margin-bottom:10px;}
.pagination .page-link{border-color:#8dc63f;}
.active> .page-link{background-color: #8dc63f;border-color:#8dc63f;}
.page-link:hover{color:#8dc63f;background-color: #dee2e1;}
.page-link:focus{box-shadow:none;}
/*--| Main CSS Style |--------------------------------------------------------*/
header{color:#fff;letter-spacing:1px;}
a:link, a:visited{text-decoration: none;color: inherit;}
img{width:100%;}
/*--| Header Style |----------------------------------------------------------*/
.navbar-brand:hover{color: #00aeef;}
#TopMenu ul li{margin-left:20px;}
#TopMenu a:hover, #TopMenu a:focus{color: #00aeef;}
.nav-lang{margin:0px !important;}
.dropdown-menu{max-width:unset;width:unset;background-color:#dee2e1;border-radius:3px;}
.dropdown-menu a:hover{color:#000 !important;}
.HeadMenu{margin-top:50px;padding:0px;}
.HeadMenu li{list-style:none;display:inline-block;color:#23466f;width:32.5%;text-align:center;vertical-align:middle;text-transform:uppercase;}
header .form-control{margin:0;}
h1, h2, h3, h4, h5{}
.project{text-align:center;}
/*--| Body Style |------------------------------------------------------------*/
.error404{background-color:#dee2e1;padding:50px 20px;}
.button{padding: .375rem 1.75rem;font-size: 1rem;font-weight:bold;line-height: 1.5;text-align: center;vertical-align: middle;border:1px solid transparent;background-color: #8dc63f;color:#fff;border-radius: 3px;letter-spacing:0.5px;}
.button:link, .button:visited{color:#fff;}
.button:hover{background-color: #00aeef;color:#fff;}
/*--| Intro Home Page Style |-------------------------------------------------*/
#animation_container{position:relative;margin:auto;left:0;right:0;top:0;bottom:0;background-color:rgba(255, 255, 255, 1.00);width:1920px;height:840px;}
#canvas{position: absolute; display: block; background-color:rgba(255, 255, 255, 1.00);width:1920px;height:840px;}
#dom_overlay_container{pointer-events:none;overflow:hidden;width:1920px;height:840px;position:absolute;left:0px;top:0px;display:block;}
/*--| Blog Post & Article Style |---------------------------------------------*/
.article h1{font-size:2rem;}
.article h2{font-size:1.3rem;}
.article .info{padding-bottom: 20px;}
.MostRead .title{color: #23466f;}
.blog{padding:10px;background-color:#fff;height:480px;overflow:hidden;}
.blog-image{width:100%;aspect-ratio: auto 16 / 9; height:auto;overflow:hidden;position: relative;text-align:center;display:flex;align-items:center;justify-content:center;}
.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 img:hover{transform: scale(1.8);}
.blog-body{margin-top:15px;margin-bottom:15px;}
.avatar{width: 50px;float: left;margin-right: 20px;}
.commentlist{max-height:400px;overflow:auto;padding:0px;}
.commentlist li{list-style:none;}
.commentlist .description{font-size:14px;}
.commentlist .meta time{font-size:12px;}
.search-blog {border-top:1px solid #dbebc8;padding-top:20px;margin:20px 0;}
/*--| Registration & Login Page Style |---------------------------------------*/
.pass-com{float:right;font-size:12px;font-weight:300;}
/*--| Footer Style |----------------------------------------------------------*/
.toTop{background-color:#00aeef;color:#fff;}
.toTop:hover{background-color:#8dc63f;color:#fff;}
footer{background-color: #dee2e1;margin-top:50px;padding-top:30px;}
.eufunds{text-align:center;color:#23466f;}
.footer-copyright{font-size:14px;background-color:#00aeef;color:#fff;padding:20px;letter-spacing:1px;}
/*--| Responsive Style |------------------------------------------------------*/
@media (min-width:1200px) and (max-width: 1399px){
	.card-body{font-size:1.3rem;}
}
@media (min-width:992px) and (max-width: 1199px){
	.HeadMenu{margin-top:20px;}
}
@media (min-width:768px) and (max-width: 991px){
	.HeadMenu{font-size:1rem;margin-top:20px;}
	.article h1{font-size:1.8rem;}
	.article h2{font-size:1.3rem;}
	.eufunds{font-size:1.3rem;}
}
@media(max-width: 767px){
	#animation_container{width:1200px;height:1200px;}
	#canvas{width:1200px;height:1200px;}
	#dom_overlay_container{width:1200px;height:1200px;}
	.article h1{font-size:1.3rem;}
	.article h2{font-size:1rem;}
}
@media (min-width:576px) and (max-width: 767px){
	.HeadMenu{font-size:0.7rem;margin-top:10px;}
	.project h4{font-size:1rem;line-height:1.5;}
	.article h1{font-size:1.5rem;}
	.eufunds{font-size:1rem;}
}
@media(max-width: 575px){
	.HeadMenu{font-size:0.7rem;margin-top:10px;}
	.HeadMenu li{width:unset;margin-right:15px;}
	.project h4{font-size:0.9rem;line-height:1.5;}
	.article h1{font-size:1.3rem;}
	.eufunds{font-size:0.8rem;}
}
/*--| End of Style |----------------------------------------------------------*/