156 lines
2.2 KiB
CSS
156 lines
2.2 KiB
CSS
|
.cms-content {
|
||
|
text-align: justify;
|
||
|
font-size: 1.1em;
|
||
|
}
|
||
|
|
||
|
@media (min-width:768px) {
|
||
|
.cms-content {
|
||
|
font-size: 1.2em;
|
||
|
line-height: 1.6em;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
.cms-column {
|
||
|
column-gap: 45px;
|
||
|
|
||
|
padding: 20px 15px;
|
||
|
background: white;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.cms-column {
|
||
|
padding: 35px 30px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
@media (min-width: 992px) {
|
||
|
.cms-column {
|
||
|
margin: 0 15px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Titles */
|
||
|
|
||
|
.cms-content h2, .cms-content h3 {
|
||
|
clear: both;
|
||
|
margin: 0 0 15px;
|
||
|
padding-bottom: 10px;
|
||
|
border-bottom: 1px solid #c8102e;
|
||
|
text-align: left;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.cms-content h2, .cms-content h3 {
|
||
|
padding-bottom: 15px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
/* Paragraphs */
|
||
|
|
||
|
.cms-content p {
|
||
|
margin-bottom: 20px;
|
||
|
text-indent: 2em;
|
||
|
}
|
||
|
|
||
|
.cms-content p + :not(h2):not(h3):not(div) {
|
||
|
margin-top: -10px;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.cms-content p {
|
||
|
padding-bottom: 15px;
|
||
|
}
|
||
|
|
||
|
.cms-content p + :not(h2):not(h3):not(div) {
|
||
|
margin-top: -30px;
|
||
|
}
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Lists */
|
||
|
|
||
|
.cms-content ol, .cms-content ul {
|
||
|
padding: 0 0 0 15px;
|
||
|
margin: 0 0 10px;
|
||
|
}
|
||
|
|
||
|
.cms-content ul {
|
||
|
list-style-type: square;
|
||
|
}
|
||
|
|
||
|
.cms-content ol > li, .cms-content ul > li {
|
||
|
padding-left: 5px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Images */
|
||
|
|
||
|
.cms-content .richtext-image {
|
||
|
max-height: 100%;
|
||
|
margin: 5px 0 15px;
|
||
|
}
|
||
|
|
||
|
.cms-content .richtext-image.left {
|
||
|
float: left;
|
||
|
margin-right: 30px;
|
||
|
}
|
||
|
|
||
|
.cms-content .richtext-image.right {
|
||
|
float: right;
|
||
|
margin-left: 30px;
|
||
|
}
|
||
|
|
||
|
|
||
|
/* Team groups & members */
|
||
|
|
||
|
.team-group {
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
.team-group .col-btn {
|
||
|
margin-bottom: 20px;
|
||
|
}
|
||
|
|
||
|
.team-group .member-more {
|
||
|
display: none;
|
||
|
}
|
||
|
|
||
|
.team-member {
|
||
|
padding: 0;
|
||
|
margin-bottom: 20px;
|
||
|
min-height: 190px;
|
||
|
background-color: inherit;
|
||
|
border: 0;
|
||
|
}
|
||
|
|
||
|
.team-member img {
|
||
|
max-width: 100%;
|
||
|
max-height: 125px;
|
||
|
width: auto;
|
||
|
height: auto;
|
||
|
display: block;
|
||
|
}
|
||
|
|
||
|
.team-member .infos {
|
||
|
height: 50px;
|
||
|
margin-top: 15px;
|
||
|
}
|
||
|
|
||
|
@media (min-width: 768px) {
|
||
|
.team-group {
|
||
|
margin-left: 20px;
|
||
|
margin-right: 20px;
|
||
|
}
|
||
|
|
||
|
.team-member {
|
||
|
min-height: 215px;
|
||
|
}
|
||
|
|
||
|
.team-member img {
|
||
|
max-height: 150px;
|
||
|
}
|
||
|
}
|
||
|
|