JezK
Edit File: style.css
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap'); @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css"); body { font-family: 'Poppins', sans-serif; font-size: 13px; } a {text-decoration: none;} .navbar-toggler:focus {text-decoration: none; outline: 0; box-shadow:none;} .announcement-bar {border-bottom: 1px solid #d9d9d9; padding-left: 15px; padding-right: 15px; align-items: center;} .announcement-bar ul li {list-style: none; margin-right: 10px; font-size: 14px;} .announcement-bar ul li a {text-decoration: none; color: #000;} .announcement-bar ul li a:hover {text-decoration: none; color: #F5C052;} .announcement-bar ul li i {margin-right: 5px; color: #F5C052;} .navbar-brand {max-width: 60px;} .inner-header {position: relative;} .inner-header:after { content: ""; display: block; background-color: rgb(0,0,0, 0.5); position: absolute; width: 100%; height: 100%; left: 0; z-index: 1; top: 0; } .inner-header .title, .inner-header nav {z-index: 2; position: relative; color: #fff;} .inner-header .entry-title {color:#F5C052; font-size: 20px; font-weight: 700;} .breadcrumb a, .breadcrumb-item.active {color: #fff; text-decoration: none; font-size: 14px;} .breadcrumb-item + .breadcrumb-item::before {color: #fff; } .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {font-weight: 500;} .navbar-light .navbar-nav .nav-link.active:hover, .navbar-light .navbar-nav .show > .nav-link:hover {color: #F5C052;} footer {background-color: #0B0844; color: #fff;} footer .ft-content {border-bottom: 1px solid #3b3973; margin-bottom: 20px;} footer .ft-content.nobdr {border-bottom: none; margin-bottom: 0px;} footer .ft-content p {font-size: 13px;} footer .ft-ttl {font-size: 16px;} footer ul li {list-style: none; display: flex; font-size:13px;} footer ul li a {color: #fff; text-decoration: none; font-size: 13px;} footer ul li a:hover {color: #F5C052; text-decoration: none;} footer ul li i{color: #F5C052; margin-right: 8px;} footer .ft-menu ul li {list-style: circle; display: list-item; line-height: 30px; } footer .ft-ttl:after {content: ""; width: 36px; height: 5px; margin-top: 10px; margin-bottom: 20px; background: url(../images/saperator.png); background-repeat: no-repeat; display: block;} footer .ft-menu ul li::marker {color: #F5C052;} footer .copyright {border-top: 1px solid #F3BF51;} .btnTheme {border-radius: 20px; background-color: #0B0844; border-color: #0B0844; font-size: 13px; font-weight: 500; padding-left: 15px; padding-right: 15px; } .btnTheme:hover {border-radius: 20px; background-color: #F5C052; border-color: #F5C052; } .btnTheme:focus {outline: none !important; box-shadow: none !important; } .social a {background-color: #0B0844; padding: 5px; width: 30px; height: 30px; align-items: center; justify-content: center; border-radius: 50%; display: inline-flex;} .social a:hover {background-color: #3B3797;} .infocontact {} .infocontact h6 {color: #F5C052;} .infocontact a {color: #000; text-decoration: none;} .infocontact a:hover {color: #F5C052; text-decoration: none;} @media (min-width: 576px) { } @media (min-width: 768px) { footer .ft-content {border-bottom: none; margin-bottom: 0px;} .content .img-1, .content .img-2{ height: 420px; } } @media (min-width: 992px) { .content .img-1, .content .img-2{ height: 600px; } } @media (min-width: 1200px) { .announcement-bar {border-bottom: 1px solid #d9d9d9; padding-left: 50px; padding-right: 50px; align-items: center;} body { font-size: 16px; } .navbar-brand {max-width: 120px;} footer .ft-content p { font-size: 14px; } .inner-header .entry-title { color: #F5C052; font-size: 32px; font-weight: 700; } footer .ft-ttl {font-size: 20px;} footer ul li { font-size:14px;} footer ul li a {font-size: 14px;} .btnTheme {border-radius: 20px; background-color: #0B0844; border-color: #0B0844; font-size: 16px; font-weight: 500; padding-left: 20px; padding-right: 20px; } .content .img-1, .content .img-2{ height: 762px; } } @media (min-width: 1400px) { }