# this ensures Jekyll reads the file to be transformed into CSS later # only Main files contain this front matter, not partials.
@import “variables”; // Custom bootstrap variables must be set or imported before bootstrap. @import “bootstrap_variables”; @import 'bootstrap'; @import 'typography';
.hero-section {
background-color: #dfe3e6; background-image: url('../images/it-gears.svg'); background-repeat: no-repeat; padding: 20px 0; margin-bottom: 1.3rem; background-position: right top; background-size: 40%;
}
.header-info-wrapper {
padding-bottom: 2rem;
}
.header-info {
h1 { color: #22272a; font-size: 1.75rem; } @include media-breakpoint-up(md) { h1 { font-size: 3rem; font-weight: 300; } } p { font-size: 1rem; background-color: #e44634; color: #FFF; padding: 0 4px; } display: inline-block;
}
.navbar-brand {
span { color: #a5130c; }
}
.navbar-nav .nav-link {
font-family: $font-heading;
}
@include media-breakpoint-up(lg) {
#navbarNav { margin-left: -12px; white-space: nowrap; } .navbar { padding-top: 38px; padding-bottom: 0; margin-bottom: 2rem; background-color: #dfe3e6; background-image: url('../images/it-gears.svg'); background-repeat: no-repeat; background-position: right top; background-size: 40%; .nav-item { & .active { background: #fff; box-shadow: 0 0 20px 0 rgba(144, 163, 173, 0.3); } &:hover { background: #94b38b; } a { color: $color-calm-grey-darkest; font-weight: 500; } } .container-fluid { flex-direction: column; align-items: flex-start; justify-content: space-between; height: 100%; } .navbar-nav { background-color: #b8c7b4; .nav-link { font-size: 1rem; padding-right: 1.5rem; padding-left: 1.5rem; } } }
}
// Main content .bg-cube {
height: 55px; margin-top: 36px; margin-bottom: 32px; background-image: url("../images/cube.svg"); background-size: 48px; background-repeat: no-repeat;
}
@include media-breakpoint-up(lg) {
.bg-cube { height: 75px; margin-top: 94px; margin-bottom: 72px; background-size: 65px; margin-left: -32px; }
}
@include media-breakpoint-up(xl) {
.navbar { .infotorg-developer-logo { margin-left: -165px; } }
}
// Footer .footer {
font-size: 1rem; .container { border-top: 1px solid #c0c8cd; } .company { font-size: 0.875rem; } .company .service-from-text { padding-right: 9px; }
}
// // Services list page // .welcome-description {
font-size: 1rem; margin-bottom: 2rem;
}
.services-list {
.service-icon { width: 32px; margin-right: 16px; } .accordion-button { font-family: $font-text; font-size: 1.125rem; font-weight: bold; } .accordion-button:focus { border-top: 1px solid rgba(0, 0, 0, 0.125); box-shadow: none; } .accordion-button::after { background-image: url("../images/icons/info.svg"); background-size: auto; width: 24px; height: 25px; } .accordion-button:not(.collapsed)::after { background-image: none; transform: none; } .accordion-button:not(.collapsed) { background-color: inherit; border-bottom: none; text-decoration: underline; color: $color-clear-blue; } .accordion-button:hover { background-color: $color-nice-grey; } .service-item:last-child .accordion-button.collapsed { border-bottom: 1px solid rgba(0, 0, 0, 0.125); } .accordion-body { padding-top: 1.875rem; } .btn-hide-details { color: $color-clear-blue; text-decoration: none; margin-right: -0.8rem; font-size: 0.875rem; } .btn-hide-details:hover { background-color: $color-nice-grey; } .btn-hide-details:after { content: ""; width: 24px; height: 25px; background-image: url(../images/icons/collapse.svg); background-repeat: no-repeat; margin-left: 4px; }
}
.table thead > tr > th {
vertical-align: middle;
}
.action-go {
padding: 10px 16px; margin-right: 20px;
} .action-go:after {
display: inline-block; content: ""; width: 28px; height: 29px; background-image: url(../images/icons/action-go.svg); background-repeat: no-repeat; margin-left: 10px; vertical-align: middle;
} .action-go:hover:after {
background-image: url(../images/icons/action-go-outline.svg);
}