body,
p {
line-height: 24px;
font-size: 14px;
}
.entry-content p, .entry-content li {
font-size: 18px;
line-height: 30px;
}
img {
max-width: 100%;
width: 100%;
}
a {
color: #00566e;
}
.btn-primary {
--bs-btn-bg: #00566e;
--bs-btn-border-color: #00566e;
--bs-btn-hover-bg: #00566e;
--bs-btn-hover-border-color: #00566e;
--bs-btn-focus-shadow-rgb: 25, 135, 84;
--bs-btn-active-bg: #00566e;
--bs-btn-active-border-color: #00566e;
--bs-btn-disabled-bg: #00566e;
--bs-btn-disabled-border-color: #00566e;
}
.btn-success {
--bs-btn-bg: #9fcb4f;
--bs-btn-border-color: #9fcb4f;
--bs-btn-hover-bg: #9fcb4f;
--bs-btn-hover-border-color: #9fcb4f;
--bs-btn-focus-shadow-rgb: 159, 203, 79;
--bs-btn-active-bg: #9fcb4f;
--bs-btn-active-border-color: #9fcb4f;
--bs-btn-disabled-bg: #9fcb4f;
--bs-btn-disabled-border-color: #9fcb4f;
}
.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
--bs-offcanvas-width: 320px;
}
.small,
small {
font-size: 12px;
}
a.navbar-brand img {
width: 120px;
}
a.navbar-brand {
margin: 0;
}
header .logo-area img {
max-width: 320px;
}
.nav-custom .nav-link {
font-size: 14px;
font-weight: 500;
padding: 0 15px !important;
color: #fff !important;
text-transform: uppercase;
}
.navbar.bg-dark {
--bs-bg-opacity: 1;
background-color: #00566E !important;
}
.nav-custom .dropdown-menu {
background: #0dcaf0;
top: 33px;
max-width: 250px;
min-width: 220px;
}
.nav-custom .dropdown-item {
background: #fff;
margin-bottom: 1px;
padding: 5px 8px;
border-radius: 4px;
white-space: inherit;
}
.nav-custom .dropdown-item:hover {
background: #9fcb4f;
color: #fff;
}
.search-header .dropdown-menu {
min-width: 250px;
}
.navbar {
--bs-navbar-active-color: #2f824b;
--bs-navbar-hover-color: #2f824b;
}
.swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.swiper-button-prev {
width: 40px;
height: 40px;
min-width: 40px;
background: #000;
left: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-next {
width: 40px;
height: 40px;
min-width: 40px;
background: #000;
right: 0 !important;
display: flex;
align-items: center;
justify-content: center;
}
.swiper-button-prev::after {
font-size: 18px !important;
color: #fff;
}
.swiper-button-next::after {
font-size: 18px !important;
color: #fff;
}
.swiper-slide img {
display: block;
}
.slidebox {
position: relative;
}
.slide-caption {
position: absolute;
bottom: 0;
padding: 30px;
background: #ff0;
width: 100%;
background: rgb(1 26 33 / 87%);
text-align: left;
color: #fff;
}
.slide-caption .slidetitle {
text-decoration: none;
font-size: 24px !important;
font-weight: 600;
color: #fff;
line-height: normal;
}
.newsbox {
position: relative;
}
.newsbox-caption {
position: absolute;
bottom: 0;
padding: 15px;
background: #ff0;
width: 100%;
background: rgb(1 26 33 / 87%);
text-align: left;
color: #fff;
}
.newsbox-caption a {
text-decoration: none;
font-weight: 600;
color: #fff;
line-height: normal;
}
.title-header h5 {
background: #333;
color: #fff;
padding: 8px 15px;
border-radius: 10px 10px 0 0;
}
.title-header.border-bottom {
border-bottom: 1px dashed !important;
}
.blogbox-img {
position: relative;
aspect-ratio: 1/0.55;
border-radius: 8px;
overflow: hidden;
}
.blogbox-img span.badge {
margin-bottom: 2px;
}
.blogbox-img img {
object-fit: cover;
width: 100%;
height: 100%;
transition: all .3s ease-out;
}
.blogbox-img a {
position: absolute;
width: 100%;
height: 100%;
background: #000;
top: 0;
left: 0;
opacity: 0.1;
transition: all .3s ease-out;
}
.blogbox:hover .blogbox-img img {
transform: scale(1.2) rotate(5deg);
}
.blogbox:hover .blogbox-img a {
opacity: 0.5;
}
.blogbox:hover .badge a {
color: #fff !important;
opacity: 1;
}
.blogbox-con a {
display: block;
text-decoration: none;
font-weight: 500;
font-size: 18px;
line-height: normal;
color: #000;
margin: 0 0 8px;
}
.blogbox-con .catlist a {
display: inherit;
font-size: inherit;
line-height: 10px !important;
text-transform: capitalize;
}
.blogbox-con a:hover {
color: #00566e;
}
.bloglist-items {
display: flex;
gap: 15px;
padding: 0 0 15px 0;
border-bottom: 1px solid #ddd;
}
.bloglist-items .img {
width: 80px;
height: 80px;
min-width: 80px;
position: relative;
overflow: hidden;
border-radius: 4px;
}
.bloglist-items .img::after {
position: absolute;
background-color: #000;
top: 0;
left: 0;
content: "";
width: 100%;
height: 100%;
opacity: 0.1;
transition: all .3s ease-out;
}
.list-item-big span.img {
width: 300px;
min-width: 300px;
min-height: 200px;
}
.list-item-big .blogbox-img img {
object-fit: cover;
height: 100%;
transition: all .3s ease-out;
min-width: 300px;
}
.bloglist-items .img img {
object-fit: cover;
height: 100%;
width: 100%;
border-radius: 4px;
transition: all .3s ease-out;
}
.bloglist-items:hover .img img {
transform: scale(1.2) rotate(5deg);
}
.bloglist-items:hover .img::after {
opacity: 0.5;
}
.bloglist-items .con a {
display: block;
text-decoration: none;
font-weight: 600;
color: #000;
line-height: normal;
font-size: 18px;
}
.bloglist-items .con a:hover {
color: #00566e;
}
.blogbox-con p, .con .excerpt p {
font-size: 16px;
line-height: 26px;
}
.sidebar-latest .newsletter-info {
margin: 0;
padding: 20px;
background: #e6e6e6;
}
.sidebar-latest .newsletter-info form {
margin: 0;
}
.sidebar-latest .newsletter-info form .form-group {
margin: 0;
}
.sidebar-latest .newsletter-info form h4 {
color: #000;
font-size: 18px;
font-weight: 500;
margin-bottom: 20px;
}
.sidebar-latest .newsletter-info form .newsletter {
position: relative;
}
.sidebar-latest .newsletter-info form .form-control {
border-radius: 0;
font-size: 12px;
padding: 0 20px;
height: 39px;
}
.sidebar-latest .newsletter-info form .btn-send { right: 0;
top: 0;
background:#00566e;
border: none;
border-radius: 0;
text-transform: uppercase;
font-size: 12px;
color: #ffffff;
padding: 5px 22px 5px 22px;
transition: all 0.5s ease 0s;
width: 100%;
margin-top: 12px;
}
.sidebar-latest .newsletter-info form p {
font-size: 15px;
color: #747474;
margin: 16px 0 0;
}
footer {
background-color: #00566e;
}
.flogo img{
width:185px;
}
.footerlinks a {
color: #fff;
padding: 8px 0;
display: flex;
text-decoration: none;
align-items: center;
justify-content: space-between;
border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}
.footer-menu.list-unstyled li a {
padding: 3px 0;
}
.footerlinks a:hover {
color: #0dcaf0;
}
.popularpost .bloglist-items .con a {
color: #fff;
}
.popularpost .bloglist-items .con small {
color: #fff;
}
ul.social-icon {
list-style: none;
margin: 0;
padding: 0;
display: flex;
gap: 10px;
}
ul.social-icon li a {
width: 40px;
min-width: 40px;
height: 40px;
display: flex;
text-decoration: none;
background: #0dcaf0;
align-items: center;
justify-content: center;
color: #fff;
border-radius: 50%;
}
ul.social-icon li a i {
background-color: transparent !important;
}
ul.social-icon li a:hover {
background-color: #0dcaf0;
}
footer ul.social-icon li a:hover {
background-color: #fff;
color: #0dcaf0;
}
.post-prev-next p {
margin: 0;
font-weight: 500;
color: #afafaf;
}
.post-prev-next a {
text-decoration: none;
font-size: 16px;
font-weight: 600;
line-height: normal;
}
.offcanvas-body .nav-link {
padding: 8px 0 !important;
font-size: 13px;
color: #000 !important;
}
.offcanvas-body .dropdown-toggle::after {
position: absolute;
right: 0;
top: 16px;
}
.offcanvas-body .dropdown-menu {
border: 0;
}
@media (max-width: 575.98px) {
.list-item-big span.img {
width: 100%;
}
.bloglist-items.list-item-big {
flex-direction: column;
}
a.navbar-brand {
background: #fff;
padding: 3px !important;
}
}