/************ Additions from v2 ******************/
@media only screen and (max-width: 1700px) {
.ibexa-welcome-header {
.ibexa-welcome-img {
width: 100%;
margin-top: 190px;
margin-right: 0;
}
}
}
@media only screen and (max-width: 1200px) {
.ibexa-welcome-header {
&__img-column {
display: none;
}
}
}
@media only screen and (max-width: 600px) {
.ibexa-welcome-header {
.ibexa-welcome-section-header {
font-size: 48px;
line-height: 72px;
margin-top: 100px;
}
}
}
.logo{
color: #0A3EA6;
font-weight: bold;
font-size: 1.5rem;
}
header {
width: 100%;
color: #333;
background-color: #fff;
display: flex;
align-items: center;
justify-content: space-between;
font-family: var(--default-font-light);
}
header .navbar {
width: 100%;
}
header .search-bar {
display: flex;
align-items: center;
background: transparent;
border-radius: 50px;
padding: 6px 5px;
cursor: pointer;
transition: width 0.3s ease;
width: 40px;
}
header .search-bar.expanded .icon {
padding: 0 0 3px 7px;
}
header .search-bar.expanded {
width: 320px;
background: var(--grey);
height: 35px;
margin-top: 2px;
}
header .search-bar input {
border: none;
background: transparent;
outline: none;
height: 23px;
padding-left: 10px;
flex-grow: 1;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.3s ease;
}
header .search-bar.expanded input {
visibility: visible;
opacity: 1;
}
header .navbar-brand {
font-weight: bold;
color: var(--default-blue);
font-family: var(--default-font-medium)
}
header .nav-item .icon {
cursor: pointer;
position: relative;
vertical-align: text-top;
}
header .dropdown-menu {
min-width: 100px;
padding: 16px 24px;
}
header .language-switcher span {
font-family: var(--default-font-medium);
}
header .dropdown-item:hover {
background-color: #AEC9FF;
}
header .offcanvas-body .nav-item a {
display: flex;
}
header .offcanvas-body {
border: 1px solid #C9D4D7;
}
header .offcanvas-body li.nav-item a i {
margin-right: 15px;
align-self: center;
}
header .navbar-toggler {
border: none;
}
header .navbar-toggler:focus {
box-shadow: none;
}
header .offcanvas .offcanvas-body form .input-group {
width: 100%;
}
header #offcanvasSearch .offcanvas-body ul li a:hover {
text-decoration: underline;
}
header #offcanvasSearch .offcanvas-body ul.list-unstyled a {
color: #0A3EA6;
margin-bottom: 10px;
font-size: 20px;
display: inline-block;
font-family: var(--default-font-medium);
}
header #offcanvasSearch .offcanvas-header .fas {
margin-right: 10px;
font-size: 1.2rem;
}
header i::before {
vertical-align: sub;
}
header .color-black {
color: var(--dark);
}
header .user-dropdown {
right: 0;
left: auto;
}
#notificationDropdown {
width: 300px;
right: 0;
left: auto;
}
#notificationDropdown .notification-dropdown {
max-width: 400px;
}
#notificationDropdown .notification-item {
border-radius: 5px;
}
#notificationDropdown .notification-item h6 {
color: #0d6efd;
font-size: 1rem;
}
#notificationDropdown .notification-item p {
font-size: 0.9rem;
color: #6c757d;
}
#notificationDropdown .notification-item small {
color: #6c757d;
}
#notificationDropdown .notification-item .dot {
width: 30px;
display: block;
position: relative;
height: 8px;
border-radius: 50%;
background-color: #0d6efd;
}
#notificationDropdown .notification-item a {
font-size: 0.9rem;
}
.profile-icon {
display: block;
width: 22px;
height: 22px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.search-icon {
height: 20px;
width: 20px;
margin-right: 12px;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
.new-notifications-icon {
display: block;
height: 22px;
width: 24px;
background-repeat: no-repeat;
background-image: url('data:image/svg+xml,');
}
.language-icon-en {
background-image: url('data:image/svg+xml,');
}
.navbar.navbar-expand-lg.navbar-light.bg-light-subtle {
padding: 0;
}