html{ height: 100%; box-sizing: border-box; } body { /*padding-top: 60px;*/ min-height: 100%; position: relative; } @media (min-width: 992px) { body { /*padding-top: 60px;*/ min-height: 100%; position: relative; } } .footer{ position: absolute; right: 0; bottom: 0; left: 0; padding: 1rem; color: white; background-color: rgb(96, 125, 141); text-align: center; } .navbar{ background-color: rgb(96, 125, 141); } /* not active */ .nav-tabs .nav-item .nav-link:not(.active) { background-color: rgb(96, 125, 141); color: white; } /* active (faded) */ .nav-tabs .nav-item .nav-link { color: rgb(96, 125, 141); background-color: white; font-size: 1.2rem; font-weight: bold; } /* navbar logo color */ .navbar-brand, .navbar-brand:hover{ color: white; font-size: 1.5rem; font-weight: bold; } .btn-primary{ background-color: rgb(96, 125, 141); border-color: rgb(96, 125, 141); font-size: 1.3rem; } .btn-primary:hover, .btn-primary:visited, .btn-primary:active, .btn-primary:focus { background-color: rgb(96, 125, 141) !important; border-color: rgb(96, 125, 141) !important; outline: none !important; box-shadow: none !important; font-weight: bold; } .custom-toggler .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } .custom-toggler .navbar-toggler { border-color: rgb(255,255,255); }