4aa1fef3ad
Add job pages More news button on home page links to news page Small mobile fixes for new page and other pages
107 lines
1.8 KiB
SCSS
Vendored
107 lines
1.8 KiB
SCSS
Vendored
@use "../abstracts/variables" as *;
|
|
|
|
.box_header {
|
|
span {
|
|
font-family: Nunito, serif;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #0f259d;
|
|
border-bottom: 3px solid #0f259d;
|
|
display: inline-block;
|
|
text-transform: uppercase;
|
|
height: 30px;
|
|
}
|
|
&.extra_small span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
&.small span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
&.medium span {
|
|
font-size: 18px;
|
|
}
|
|
border-bottom: 1px solid #efefef;
|
|
padding-right: 20px;
|
|
}
|
|
.box {
|
|
display: inline-block;
|
|
width: auto;
|
|
background-color: $element-bg;
|
|
margin-bottom: 50px;
|
|
|
|
@media (min-width: 768px) {
|
|
border-radius: 3px;
|
|
box-shadow: 0 0 15px 0 rgba(35, 31, 32, 0.1);
|
|
padding: 30px 23px 30px 30px;
|
|
}
|
|
@media (max-width: 768px) {
|
|
padding: 10px 10px 10px 10px;
|
|
}
|
|
|
|
&.full-width {
|
|
@media (min-width: 768px) {
|
|
width: CALC(100% - 60px);
|
|
}
|
|
@media (max-width: 768px) {
|
|
width: CALC(100% - 20px);
|
|
}
|
|
}
|
|
&.full-height {
|
|
height: CALC(100% - 103px);
|
|
}
|
|
@media (min-width: 768px) {
|
|
&.md_margin_top {
|
|
margin-top: 77px;
|
|
}
|
|
}
|
|
}
|
|
.tabs {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
flex-wrap: wrap;
|
|
&.fit_content {
|
|
width: fit-content;
|
|
}
|
|
.box_header {
|
|
padding-right: 20px;
|
|
&:last-of-type {
|
|
padding-right: 0;
|
|
}
|
|
span {
|
|
color: #999;
|
|
border-bottom: none;
|
|
cursor: pointer;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
&.extra_small span {
|
|
font-size: 12px;
|
|
}
|
|
|
|
&.small span {
|
|
font-size: 14px;
|
|
}
|
|
|
|
&.medium span {
|
|
font-size: 18px;
|
|
}
|
|
|
|
&.active, &:hover {
|
|
span {
|
|
color: #0f259d;
|
|
border-bottom: 3px solid #0f259d;
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.tab_content {
|
|
display: none;
|
|
padding: 20px 23px 20px 20px;
|
|
&.active {
|
|
display: block;
|
|
}
|
|
}
|