@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,700&display=swap");
.test {
width: 100%;
}
html {
font-size: 18px;
}
@media screen and (min-width: 2000px) {
html {
font-size: 22px;
}
}
@media screen and (max-width: 700px) {
html {
font-size: 16px;
}
html h1 {
max-width: 1440px;
width: 90%;
margin: 0 auto;
font-size: 2rem;
}
html h2 {
font-size: 1.75rem;
}
}
body {
font-family: Roboto, sans-serif;
font-weight: 300;
color: #333333;
overflow-x: hidden;
} .kp-memberlist-widget {
text-align: center;
}
.text h1,
.text h2,
.text h3,
.text h4,
.text h5,
.text h6,
.site-header h1,
.site-header h2,
.site-header h3,
.site-header h4,
.site-header h5,
.site-header h6,
.kp-news-archive-widget h1,
.kp-news-archive-widget h2,
.kp-news-archive-widget h3,
.kp-news-archive-widget h4,
.kp-news-archive-widget h5,
.kp-news-archive-widget h6,
.kp-persons-widget h1,
.kp-persons-widget h2,
.kp-persons-widget h3,
.kp-persons-widget h4,
.kp-persons-widget h5,
.kp-persons-widget h6,
.kp-committee-widget-wrap h1,
.kp-committee-widget-wrap h2,
.kp-committee-widget-wrap h3,
.kp-committee-widget-wrap h4,
.kp-committee-widget-wrap h5,
.kp-committee-widget-wrap h6,
.kp-single-event h1,
.kp-single-event h2,
.kp-single-event h3,
.kp-single-event h4,
.kp-single-event h5,
.kp-single-event h6 {
text-align: center;
}
.single-left h1,
.single-left h2,
.single-left h3,
.single-left h4,
.single-left h5,
.single-left h6,
.single-left p {
text-align: left;
}
.kontakt .text p {
text-align: center;
}
.contact-data {
text-align: center;
}
h1,
h2,
h3,
h4 {
font-weight: 300;
}
ul {
list-style-position: inside;
padding-left: 0;
}
.separator {
border-bottom: 1px solid black;
}
#masthead {
height: 55vh;
margin-bottom: 3rem;
position: relative;
}
#masthead .image {
height: 100%;
width: 100%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
#masthead .cta-container {
display: flex;
justify-content: center;
align-items: center;
position: absolute;
bottom: 1rem;
left: 1rem;
color: #333333;
}
#masthead .cta-container:hover {
text-decoration: none;
}
#masthead .cta-container .icon {
position: relative;
display: block;
height: 3rem;
margin-right: -1rem;
}
#masthead .cta-container .icon img {
height: 100%;
}
#masthead .cta-container .icon .i {
position: absolute;
top: 45%;
left: 48%;
transform: translate(-50%, -50%);
font-size: 1.25rem;
color: #929392;
font-weight: bold;
}
#masthead .cta-container .text {
font-size: 1rem;
height: 3.3rem;
display: block;
padding-left: 3rem;
padding-right: 1rem;
border-left: none; background-image: -moz-radial-gradient(circle closest-corner at -23px 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 55px, #ffdd02 56px, #ffdd02 57px);
background-image: -webkit-radial-gradient(circle closest-corner at -23px 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 55px, #ffdd02 56px, #ffdd02 57px);
background-image: -ms-radial-gradient(circle closest-corner at -23px 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 55px, #ffdd02 56px, #ffdd02 57px);
background-image: radial-gradient(circle closest-corner at -23px 50%, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 55px, #ffdd02 56px, #ffdd02 57px);
text-align: left;
}
#masthead .cta-container .text .hashtag {
color: #929392;
display: block;
}
#masthead .cta-container .text .headline {
display: block;
}
#masthead .top-left {
position: absolute;
left: 0;
top: 0;
}
#masthead .top-left .home-link {
position: absolute;
top: 1rem;
left: 1rem;
z-index: 2;
display: block;
}
#masthead .top-left .home-link .logo {
width: 9rem;
}
#masthead .top-left .separator {
position: absolute;
top: 4.5rem;
z-index: 2;
width: 1.5rem;
}
#masthead .top-left .kontakt {
z-index: 2;
position: absolute;
top: 5rem;
left: 0.5rem;
color: black;
font-size: 1.45rem;
}
#masthead .top-left .angle {
border-top: 16rem solid white;
border-right: 14rem solid transparent;
z-index: 1;
pointer-events: none;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 700px) and (max-height: 650px) {
#masthead {
height: 85vh;
}
#masthead .bottom-right .angle {
border-bottom-width: 85vh !important;
}
}
@media screen and (min-width: 700px) {
#masthead .bottom-right {
position: absolute;
bottom: 0;
right: 0;
height: 100%;
width: 24rem;
border-right: 0 solid #ffdd02;
transition: 0.5s ease all;
}
#masthead .bottom-right .home-link-mobile {
display: none;
}
#masthead .bottom-right .angle {
border-bottom: 80vh solid #ffdd02;
border-left: 24rem solid transparent;
z-index: 1;
pointer-events: none;
position: absolute;
bottom: 0;
right: 0;
}
#masthead .bottom-right .menu {
z-index: 5;
position: absolute;
bottom: 0;
right: 0;
}
#masthead .bottom-right .menu #primary-menu {
list-style-type: none;
padding: 0;
}
#masthead .bottom-right .menu #primary-menu > li {
position: relative;
width: 13rem;
}
#masthead .bottom-right .menu #primary-menu > li a {
color: #333333;
display: block;
padding: 0.2rem 0.5rem;
font-size: 1.25rem;
text-align: left;
}
#masthead .bottom-right .menu #primary-menu > li a:hover {
text-decoration: none;
}
#masthead .bottom-right .menu #primary-menu > li .toggle {
display: none;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu {
position: absolute;
max-height: 0;
overflow: hidden;
list-style-type: none;
width: 15rem;
right: -13.5rem;
top: 0;
transition: 0.5s ease all;
background-color: #ffdd02;
padding: 0;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu li {
padding: 0 0.5rem 0 2rem;
position: relative;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu li a {
font-size: 1rem;
text-align: left;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu li::after {
content: "";
width: 1rem;
height: 1px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 2rem;
display: none;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu li:hover::after {
display: block;
}
#masthead .bottom-right .menu #primary-menu > li::after {
content: "";
width: 1rem;
height: 1px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
#masthead .bottom-right .menu #primary-menu > li.open .sub-menu {
max-height: 15rem;
}
#masthead .bottom-right.open-menu {
border-right-width: 13rem;
}
}
@media screen and (max-width: 700px) {
#masthead {
height: 23rem;
}
#masthead .cta-container {
display: none;
}
#masthead .bottom-right {
position: fixed;
top: 0;
left: 0;
opacity: 0;
pointer-events: none;
height: 100vh;
width: 100vw;
background-color: #ffdd02;
z-index: 123456;
transition: 0.3s ease all;
}
#masthead .bottom-right .home-link-mobile {
display: block;
position: absolute;
top: 0.5rem;
left: 1rem;
height: 3rem;
}
#masthead .bottom-right .home-link-mobile img {
height: 100%;
}
#masthead .bottom-right #primary-menu {
padding: 0;
margin: 5rem auto 0 auto;
text-align: left;
width: fit-content;
}
#masthead .bottom-right #primary-menu li {
position: relative;
display: block;
}
#masthead .bottom-right #primary-menu li a {
color: #333333;
display: block;
padding: 0.2rem 0.5rem;
font-size: 1.25rem;
}
#masthead .bottom-right #primary-menu li a:hover {
text-decoration: none;
}
#masthead .bottom-right #primary-menu li .sub-menu {
padding-left: 0;
max-height: 0;
overflow: hidden;
transition: 0.5s ease all;
}
#masthead .bottom-right #primary-menu li .sub-menu li a {
font-size: 1rem;
}
#masthead .bottom-right #primary-menu li::after {
content: "";
width: 1rem;
height: 1px;
background-color: #333333;
position: absolute;
bottom: 0;
left: 0;
}
#masthead .bottom-right #primary-menu li .toggle {
position: absolute;
top: 0.5rem;
right: -2rem;
transform: rotate(0deg);
transition: 0.5s ease all;
}
#masthead .bottom-right #primary-menu li.open .sub-menu {
max-height: 20rem;
}
#masthead .bottom-right #primary-menu li.open .toggle {
transform: rotate(-180deg);
}
#masthead .bottom-right #primary-menu li .go-home {
display: none;
}
#masthead #menu-toggle {
position: fixed;
top: 0.5rem;
right: 1rem;
height: 4rem;
width: 4rem;
cursor: pointer;
z-index: 123456;
background-color: #333333;
border-radius: 10px;
}
#masthead #menu-toggle #hamburger {
position: absolute;
top: 55%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 99;
}
#masthead #menu-toggle #hamburger span {
display: block;
height: 3px;
width: 3rem;
background-color: #ffdd02;
margin-bottom: 7px;
transition: 0.3s ease-in-out all;
}
#masthead #menu-toggle #cross {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 99;
}
#masthead #menu-toggle #cross span {
display: block;
height: 3px;
background-color: #ffdd02;
transition: 0.3s ease-in-out all;
position: absolute;
width: 0;
}
#masthead #menu-toggle #cross span:nth-of-type(1) {
transform: rotate(45deg);
}
#masthead #menu-toggle #cross span:nth-of-type(2) {
transform: rotate(-45deg);
}
#masthead #menu-toggle.open #hamburger span {
width: 0;
}
#masthead #menu-toggle.open #hamburger span:nth-of-type(2) {
transition-delay: 0.1s;
}
#masthead #menu-toggle.open #hamburger span:nth-of-type(3) {
transition-delay: 0.2s;
}
#masthead #menu-toggle.open #cross span {
width: 3rem;
}
#masthead #menu-toggle.open #cross span:nth-of-type(1) {
transition-delay: 0.4s;
}
#masthead #menu-toggle.open #cross span:nth-of-type(2) {
transition-delay: 0.4s;
}
}
@media (min-width: 700px) and (max-height: 650px) {
#masthead .bottom-right .menu #primary-menu > li a {
font-size: 1rem;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu {
top: -1.5rem;
}
#masthead .bottom-right .menu #primary-menu > li .sub-menu li a {
font-size: 0.75rem;
}
}
body.menu-open #masthead .bottom-right {
pointer-events: auto;
opacity: 1;
}
#main a {
color: #929392;
border-bottom: 1px solid #ffdd02;
transition: 0.3s ease all;
}
#main a:hover {
color: #333333;
}
footer#kontakt {
margin-top: 6rem;
}
footer#kontakt p {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
footer#kontakt a {
color: #333333;
}
footer#kontakt a:hover {
color: #333333;
text-decoration: underline;
}
footer#kontakt .mitglieder {
background-color: #ffdd02;
padding: 2rem 0;
position: relative;
}
footer#kontakt .mitglieder .angle {
border-left: 100vw solid transparent;
z-index: 1;
pointer-events: none;
position: absolute;
left: 0;
}
footer#kontakt .mitglieder .angle-top {
border-bottom: 2rem solid #ffdd02;
top: -2rem;
}
footer#kontakt .mitglieder .angle-bottom {
border-top: 3rem solid #ffdd02;
bottom: -3rem;
}
footer#kontakt .mitglieder a {
text-decoration: underline;
}
footer#kontakt .kontakt {
background-color: #e4e4e4;
padding: 4rem 0 2rem 0;
position: relative;
}
footer#kontakt .kontakt .angle-bottom {
border-right: 100vw solid transparent;
border-top: 2rem solid #e4e4e4;
bottom: -2rem;
z-index: 1;
pointer-events: none;
position: absolute;
left: 0;
}
footer#kontakt .menu-footer {
background-color: #ffdd02;
height: 6rem;
position: relative;
}
footer#kontakt .menu-footer ul {
position: absolute;
bottom: 1rem;
left: 1rem;
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
}
footer#kontakt .menu-footer ul li {
margin-right: 0.5rem;
}
footer#kontakt .menu-footer ul li a {
color: #333333;
}
@media screen and (max-width: 700px) {
footer#kontakt p {
max-width: 300px;
}
}
.page-up {
display: block;
position: fixed;
bottom: -1rem;
right: -100%;
background-color: #ffdd02;
padding: 1rem 2rem;
border-top-left-radius: 5px;
z-index: 4;
transition: 0.3s ease all;
}
.page-up .icon {
height: 2rem;
width: 2rem;
border-top: 5px solid #333333;
border-right: 5px solid #333333;
transform: rotate(-45deg);
}
.page-up.shown {
right: 0;
}
.arrow-container {
position: absolute;
top: 50%;
cursor: pointer;
z-index: 100;
width: 55px;
height: 55px;
background-color: #ffeb00;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
}
.arrow-container.cont-left {
left: -6rem;
}
.arrow-container.cont-right {
right: -6rem;
}
.arrow-container .custom {
height: 20px;
width: 20px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
.arrow-container .custom.custom-prev {
transform: rotate(45deg);
margin-left: 10px;
}
.arrow-container .custom.custom-next {
transform: rotate(-135deg);
margin-right: 10px;
}
@media screen and (max-width: 1200px) {
.arrow-container {
width: 30px;
height: 30px;
}
.arrow-container.cont-left {
left: -40px;
}
.arrow-container.cont-right {
right: -40px;
}
.arrow-container .custom {
height: 10px;
width: 10px;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
}
.arrow-container .custom.custom-prev {
transform: rotate(45deg);
margin-left: 5px;
}
.arrow-container .custom.custom-next {
transform: rotate(-135deg);
margin-right: 5px;
}
}
.membernews {
display: flex;
margin-bottom: 2rem;
text-align: left;
}
.membernews .image {
width: 40%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
margin-right: 2rem;
}
.membernews .text {
width: 60%;
min-height: 15rem;
}
.membernews .text .meta {
padding-bottom: 0.5rem;
margin-bottom: 1rem;
border-bottom: 1px solid #ffdd02;
}
.membernews .text .meta .terms {
color: #929392;
}
.membernews .text .meta a {
color: #333333;
text-decoration: none !important;
border: none !important;
}
.membernews .text h4 {
color: #929392;
}
@media screen and (max-width: 700px) {
.membernews {
flex-wrap: wrap;
}
.membernews .image {
width: 100%;
margin-right: 0;
margin-bottom: 0.5rem;
padding-bottom: 60%;
}
.membernews .text {
width: 100%;
padding: 0 0.5rem;
}
}
.membernews-modal .modal-dialog .modal-content .modal-header {
flex-direction: column;
}
.membernews-modal .modal-dialog .modal-content .modal-header .close {
position: absolute;
top: 1rem;
right: 1rem;
}
.membernews-modal .modal-dialog .modal-content .modal-header .meta {
color: #929392;
}
.news-item {
padding: 0;
background-color: #fff;
}
.news-item .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
aspect-ratio: 1/1;
}
.news-item .content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 15px 25px;
}
.person-box {
padding: 0.5rem;
background-color: transparent;
transition: 0.4s ease all;
border-radius: 5px;
margin-bottom: 1rem;
}
.person-box:hover {
background-color: #f3f3f3;
}
.person-box .person {
display: flex;
flex-direction: row;
align-items: center;
cursor: pointer;
}
.person-box .person .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 40%;
border-radius: 100%;
padding-bottom: 40%;
}
.person-box .person .text {
width: 60%;
padding-left: 0.75rem;
text-align: left;
align-items: center;
}
.person-box .person .text .private-function {
color: #929392;
}
@media screen and (max-width: 700px) {
.person-box {
background-color: #f3f3f3;
}
}
.news-filters {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
padding: 50px 0 100px;
}
.news-filters .news-filter-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.news-filters .news-filter-wrap .rsp-filter-title {
display: none;
width: 290px;
height: 30px;
padding: 5px 0 0;
font-size: 16px;
line-height: 21px;
font-weight: 700;
text-align: left;
cursor: pointer;
background-image: url(//ivs.ch/wp-content/themes/kommpass/resources/ico_sel_down.svg);
background-position: right center;
background-repeat: no-repeat;
background-size: auto;
}
.news-filters .news-filter-wrap .rsp-filter-title.active {
background-image: url(//ivs.ch/wp-content/themes/kommpass/resources/ico_sel_up.svg);
}
.news-filters .news-filter-wrap .all-filters {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.news-filters .news-filter-wrap .all-filters label {
font-size: 18px;
line-height: 24px;
font-weight: 700;
color: #333333;
margin-bottom: 0;
margin-right: 10px;
}
.news-filters .news-filter-wrap .all-filters .date-filter {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
margin-right: 50px;
}
.news-filters .news-filter-wrap .all-filters .date-filter .from,
.news-filters .news-filter-wrap .all-filters .date-filter .to {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 10px;
}
.news-filters .news-filter-wrap .all-filters .date-filter .from span,
.news-filters .news-filter-wrap .all-filters .date-filter .to span {
margin-right: 5px;
}
.news-filters .news-filter-wrap .all-filters .date-filter .date-input {
display: block;
width: 165px;
height: 40px;
border: 1px solid #e3e3e3;
border-radius: 3px;
background-image: url(//ivs.ch/wp-content/themes/kommpass/resources/ico_calendar.svg);
background-position: right 10px center;
background-repeat: no-repeat;
background-size: auto;
}
.news-filters .news-filter-wrap .all-filters .category-filter select.sel {
font-size: 18px;
line-height: 24px;
color: #333333;
height: 40px;
border: 1px solid #e3e3e3 !important;
background-color: #fff !important;
border-radius: 3px;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap .btn-grey {
display: block;
width: fit-content;
padding: 10px 15px;
background-color: #e3e3e3;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
margin-left: 20px;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap .btn-yellow {
display: block;
width: fit-content;
padding: 10px 25px;
background-color: #f6dc34;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
margin-left: 10px;
}
@media screen and (max-width: 1200px) {
.news-filters {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 50px 0;
}
.news-filters .news-filter-wrap {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
border: 1px solid #ffdd02;
padding: 10px;
}
.news-filters .news-filter-wrap .rsp-filter-title {
display: block;
}
.news-filters .news-filter-wrap .all-filters {
display: none;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.news-filters .news-filter-wrap .all-filters label {
display: block;
font-size: 16px;
line-height: 21px;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
margin-right: 0;
}
.news-filters .news-filter-wrap .all-filters .date-filter {
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
margin-right: 0;
}
.news-filters .news-filter-wrap .all-filters .date-filter span {
display: block;
width: 50px;
font-size: 16px;
line-height: 21px;
text-align: left;
}
.news-filters .news-filter-wrap .all-filters .date-filter .from,
.news-filters .news-filter-wrap .all-filters .date-filter .to {
display: flex;
flex-direction: row;
align-items: center;
margin-right: 0;
margin-bottom: 10px;
}
.news-filters .news-filter-wrap .all-filters .date-filter .from span,
.news-filters .news-filter-wrap .all-filters .date-filter .to span {
margin-right: 0;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap {
margin-top: 10px;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap .btn-grey {
margin-left: 0;
margin-right: 10px;
}
.news-filters .news-filter-wrap .all-filters .filter-btns-wrap .btn-yellow {
display: block;
width: fit-content;
padding: 10px 25px;
background-color: #f6dc34;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
flex: 1;
margin-top: 0;
margin-left: 0;
}
}
.archive {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
padding-bottom: 50px;
background-color: #e3e3e3;
}
.archive::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
width: 0;
height: 0;
border-left: 0vw solid transparent;
border-right: 100vw solid transparent;
border-top: 250px solid white; }
.archive .archive-posts-wrap {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
max-width: 1440px;
width: 90%;
padding-bottom: 50px;
}
.archive .archive-posts-wrap .archive-posts {
display: grid;
gap: 2rem;
}
@media (min-width: 680px) {
.archive .archive-posts-wrap .archive-posts {
grid-template-columns: repeat(2, 1fr);
gap: 4rem;
}
}
@media (min-width: 1080px) {
.archive .archive-posts-wrap .archive-posts {
grid-template-columns: repeat(3, 1fr);
}
}
.archive .load-more-wrap {
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
.archive .load-more-wrap .btn-yellow {
display: block;
width: fit-content;
padding: 10px 25px;
background-color: #f6dc34;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.archive .load-more-wrap {
margin-top: 50px;
}
}
@media screen and (max-width: 1000px) {
.archive .posts .news-item {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.archive .posts .news-item {
width: 100%;
padding: 0;
}
}
.galerie-slider {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.galerie-slider .slick-list {
margin-left: 2rem;
margin-right: 2rem;
}
.galerie-slider .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-bottom: 60%;
}
.modal-news .modal-dialog .modal-content {
border: none;
}
.modal-news .modal-dialog .modal-content .modal-header,
.modal-news .modal-dialog .modal-content .modal-footer {
border: none;
}
.modal-news .modal-dialog .modal-content .modal-body {
text-align: left;
padding-top: 0;
}
.modal-news .modal-dialog .modal-content .modal-body img {
width: 100%;
margin-top: 1rem;
}
.person-modal .modal-dialog {
max-width: 350px;
}
.person-modal .modal-dialog .modal-content {
border: none;
}
.person-modal .modal-dialog .modal-content .modal-body {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
.person-modal .modal-dialog .modal-content .modal-body .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 30%;
padding-bottom: 30%;
border-radius: 100%;
height: fit-content;
}
.person-modal .modal-dialog .modal-content .modal-body .name-container {
width: 70%;
padding-left: 1rem;
text-align: left;
}
.person-modal .modal-dialog .modal-content .modal-body .name-container .name {
font-weight: bolder;
color: #333333;
}
.person-modal .modal-dialog .modal-content .modal-body .name-container .private-function {
color: #929392;
}
.person-modal .modal-dialog .modal-content .modal-body .name-container button.close {
position: absolute;
top: 0.5rem;
right: 1rem;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container {
width: 100%;
text-align: left;
color: #929392;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .divider {
display: flex;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .divider .line {
width: 2rem;
border-bottom: 1px solid;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .divider .text {
font-size: 0.8rem;
margin-left: -1rem;
width: 63%;
color: #333333;
font-weight: 400;
margin-top: 1rem;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .divider:first-of-type .text {
width: auto;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .contact {
margin-top: 0.25rem;
font-size: 0.8rem;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .contact p {
margin-bottom: 0;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .contact a {
color: #929392;
border-bottom: 1px solid #ffdd02;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container .contact a:hover {
color: #333333;
}
@media screen and (max-width: 700px) {
.person-modal .modal-dialog .modal-content .modal-body {
flex-direction: column;
}
.person-modal .modal-dialog .modal-content .modal-body .image {
width: 80%;
padding-bottom: 80%;
margin: 0 auto;
}
.person-modal .modal-dialog .modal-content .modal-body .text-container {
width: 100%;
padding-left: 0;
padding-top: 1rem;
}
}
@media screen and (max-width: 1000px) {
.galerie-slider {
width: 100%;
}
}
.site-container .project-single {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 5%;
margin-bottom: 1rem;
}
.site-container .project-single .single-left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 65%; }
.site-container .project-single .single-left .image {
aspect-ratio: 1/1;
margin: 30px 0;
width: 100%;
max-width: 100%;
height: 14rem;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
@media (min-width: 680px) {
.site-container .project-single .single-left .image {
background-position: left top;
min-height: 22rem;
max-height: 26rem;
}
}
.site-container .project-single .single-right {
display: flex;
flex-direction: column;
width: 30%;
}
.site-container .project-single .single-right h3 {
font-size: 35px;
line-height: 46px;
color: #333333;
font-weight: 300;
text-align: left;
}
@media screen and (max-width: 1200px) {
.site-container .project-single {
flex-direction: column;
}
.site-container .project-single .single-left,
.site-container .project-single .single-right {
width: 100%;
}
}
@media screen and (max-width: 700px) {
.site-container .project-single .single-left h1 {
width: 100%;
}
}
.single-document {
display: flex;
background-color: #e4e4e4;
text-align: left;
padding: 0.4rem 1rem;
margin-bottom: 0.5rem;
justify-content: space-between;
align-items: center;
box-shadow: none;
transition: 0.2s ease all;
border-bottom: 5px solid #ffdd02 !important;
color: #333333 !important;
}
.single-document:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
color: #929392 !important;
}
.single-document img {
height: 2rem;
margin-left: 4rem;
}
.single-project {
max-width: 1400px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.single-project .einleitung {
font-size: 1.25rem;
}
.single-project .text {
text-align: left;
}
#join-form .modal-dialog {
width: 95%;
max-width: 1180px;
}
#join-form .modal-dialog .modal-body {
font-size: 0.85rem;
text-align: left;
}
#join-form .modal-dialog .modal-body .flexrow {
display: flex;
flex-wrap: wrap;
}
#join-form .modal-dialog .modal-body .flexrow .form-group {
flex: 1;
padding: 0 0.5rem;
}
@media screen and (max-width: 400px) {
#join-form .modal-dialog .modal-body .flexrow .form-group {
min-width: 11rem;
}
}
#join-form .modal-dialog .modal-body .divider {
width: 100%;
border-bottom: 1px solid #ffdd02;
margin-bottom: 1.5rem;
margin-top: 1.5rem;
}
#join-form .modal-dialog .modal-body .wpcf7-checkbox {
display: flex;
flex-direction: column;
text-align: left;
}
#join-form .modal-dialog .modal-body .ansprechpersonen thead th {
font-weight: 500 !important;
}
#join-form .modal-dialog .modal-body .ansprechpersonen tbody tr td:nth-of-type(2) input {
width: 5rem;
}
#join-form .modal-dialog .modal-body .ansprechpersonen input {
width: 9rem;
}
#join-form .modal-dialog .modal-body .personalbestand,
#join-form .modal-dialog .modal-body .lehrlingen {
width: 100%;
}
#join-form .modal-dialog .modal-body .personalbestand th,
#join-form .modal-dialog .modal-body .lehrlingen th {
font-weight: 500;
min-width: 5rem;
}
#join-form .modal-dialog .modal-body .form-group .label {
text-align: left;
}
#join-form .modal-dialog .modal-body .branche {
width: 100%;
max-width: 500px;
margin-right: auto;
}
#join-form .modal-dialog .modal-body input[type=text],
#join-form .modal-dialog .modal-body input[type=email],
#join-form .modal-dialog .modal-body input[type=number],
#join-form .modal-dialog .modal-body input[type=date] {
border-radius: 5px;
border: 1px solid #d6d6d6;
width: 100%;
padding: 0.3rem;
font-weight: 100;
color: #929392;
}
#join-form .modal-dialog .modal-body input[type=text]:active, #join-form .modal-dialog .modal-body input[type=text]:focus, #join-form .modal-dialog .modal-body input[type=text]:focus-within,
#join-form .modal-dialog .modal-body input[type=email]:active,
#join-form .modal-dialog .modal-body input[type=email]:focus,
#join-form .modal-dialog .modal-body input[type=email]:focus-within,
#join-form .modal-dialog .modal-body input[type=number]:active,
#join-form .modal-dialog .modal-body input[type=number]:focus,
#join-form .modal-dialog .modal-body input[type=number]:focus-within,
#join-form .modal-dialog .modal-body input[type=date]:active,
#join-form .modal-dialog .modal-body input[type=date]:focus,
#join-form .modal-dialog .modal-body input[type=date]:focus-within {
outline: none;
border-color: #ffdd02;
box-shadow: none;
}
#join-form .modal-dialog .modal-body input[type=submit] {
margin-left: auto;
display: block;
}
#join-form .modal-dialog .modal-body h4 {
margin-top: 1.5rem;
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
#join-form .modal-dialog .modal-body h4:first-of-type {
margin-top: 0;
}
.kp-button {
background-color: #e4e4e4;
color: #333333;
transform: scale(1);
font-size: 15px;
padding: 12px 24px;
border-radius: 3px;
border: none;
border-bottom: 1px solid #ffdd02;
font-weight: 100;
transition: 0.3s ease all;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.kp-button:hover {
color: #333333;
transform: scale(1.07) rotate(3deg);
box-shadow: 0 0 6px 0 rgba(255, 221, 2, 0.54);
}
.kp-button:visited {
color: #333333 !important;
}
.kp-button[disabled] {
color: #929392;
border-bottom: 0;
}
.kp-button[disabled]:hover {
transform: none;
box-shadow: none;
}
.single-commission {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 5%;
max-width: 1400px;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.single-commission .single-left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 65%; }
.single-commission .single-left .image {
aspect-ratio: 1/1;
margin: 30px 0;
width: 100%;
max-width: 100%;
height: 14rem;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
@media (min-width: 680px) {
.single-commission .single-left .image {
background-position: left top;
min-height: 22rem;
max-height: 26rem;
}
}
.single-commission .single-left .text {
text-align: left;
}
.single-commission .single-right {
display: flex;
flex-direction: column;
width: 30%;
}
.single-commission .single-right h3 {
font-size: 35px;
line-height: 46px;
color: #333333;
font-weight: 300;
text-align: left;
}
.single-commission .members {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 1rem 0;
}
.single-commission .members .person-box {
width: 33.3333%;
}
@media screen and (max-width: 900px) {
.single-commission .members .person-box {
width: 50%;
}
}
@media screen and (max-width: 600px) {
.single-commission .members .person-box {
width: 100%;
border-radius: 0;
}
}
@media screen and (max-width: 1200px) {
.single-commission {
flex-direction: column;
}
.single-commission .single-left,
.single-commission .single-right {
width: 100%;
}
}
@media screen and (max-width: 700px) {
.single-commission .single-left h1 {
width: 100%;
}
.single-commission .single-left .image {
max-width: 100%;
width: 100%;
}
} .elementor-button {
background-color: #e4e4e4;
color: #333333;
transform: scale(1);
font-size: 15px;
padding: 12px 24px;
border-radius: 3px;
border: none;
border-bottom: 1px solid #ffdd02;
font-weight: 100;
transition: 0.3s ease all;
display: table;
margin-left: auto;
margin-right: auto;
margin-bottom: 1rem;
}
.elementor-button:hover {
color: #333333;
transform: scale(1.07) rotate(3deg);
box-shadow: 0 0 6px 0 rgba(255, 221, 2, 0.54);
}
.elementor-button:visited {
color: #333333 !important;
}
.elementor-button[disabled] {
color: #929392;
border-bottom: 0;
}
.elementor-button[disabled]:hover {
transform: none;
box-shadow: none;
}
#buch-form,
#anmeldung-form {
width: 50%;
text-align: left;
margin-left: auto;
margin-right: auto;
}
#buch-form input[type=text],
#buch-form input[type=email],
#buch-form input[type=number],
#buch-form input[type=tel],
#anmeldung-form input[type=text],
#anmeldung-form input[type=email],
#anmeldung-form input[type=number],
#anmeldung-form input[type=tel] {
border-radius: 5px;
border: 1px solid #d6d6d6;
width: 100%;
padding: 0.3rem;
font-weight: 100;
color: #929392;
}
#buch-form input[type=text]:active, #buch-form input[type=text]:focus, #buch-form input[type=text]:focus-within,
#buch-form input[type=email]:active,
#buch-form input[type=email]:focus,
#buch-form input[type=email]:focus-within,
#buch-form input[type=number]:active,
#buch-form input[type=number]:focus,
#buch-form input[type=number]:focus-within,
#buch-form input[type=tel]:active,
#buch-form input[type=tel]:focus,
#buch-form input[type=tel]:focus-within,
#anmeldung-form input[type=text]:active,
#anmeldung-form input[type=text]:focus,
#anmeldung-form input[type=text]:focus-within,
#anmeldung-form input[type=email]:active,
#anmeldung-form input[type=email]:focus,
#anmeldung-form input[type=email]:focus-within,
#anmeldung-form input[type=number]:active,
#anmeldung-form input[type=number]:focus,
#anmeldung-form input[type=number]:focus-within,
#anmeldung-form input[type=tel]:active,
#anmeldung-form input[type=tel]:focus,
#anmeldung-form input[type=tel]:focus-within {
outline: none;
border-color: #ffdd02;
box-shadow: none;
}
#buch-form .wpcf7-acceptance > span,
#anmeldung-form .wpcf7-acceptance > span {
margin-left: 0;
}
#buch-form #lieferart span.wpcf7-list-item,
#anmeldung-form #lieferart span.wpcf7-list-item {
margin-left: 0;
}
#buch-form #lieferart span.wpcf7-list-item:last-of-type,
#anmeldung-form #lieferart span.wpcf7-list-item:last-of-type {
margin-left: 1rem;
}
@media screen and (max-width: 850px) {
#buch-form,
#anmeldung-form {
width: 100%;
}
}
.single-news-wrap {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 100px;
width: 100%;
}
.single-news-wrap .back-link-wrap {
position: absolute;
left: 2.5%;
top: 0;
display: block;
width: fit-content;
background-image: url(//ivs.ch/wp-content/themes/kommpass/resources/ico_back.svg);
background-position: left center;
background-size: auto;
background-repeat: no-repeat;
text-indent: 30px;
cursor: pointer;
}
.single-news-wrap .back-link-wrap a {
font-size: 18px;
line-height: 24px;
color: #333333;
border-bottom: none !important;
}
.single-news-wrap .single-news {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 5%;
max-width: 1400px;
width: 90%;
margin: 0 auto;
}
.single-news-wrap .single-news .single-left {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
width: 65%;
}
.single-news-wrap .single-news .single-left .site-header {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
}
.single-news-wrap .single-news .single-left .site-header h1 {
display: block;
font-size: 35px;
line-height: 46px;
font-weight: 300;
text-align: left;
margin-top: 50px;
}
.single-news-wrap .single-news .single-left .site-header .meta {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
font-size: 18px;
line-height: 24px;
font-weight: 300;
}
.single-news-wrap .single-news .single-left .site-header .meta .terms {
text-align: left;
}
.single-news-wrap .single-news .single-left .site-header .meta .datum {
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.single-news-wrap .single-news .single-left .site-header .meta .datum::before {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #333333;
border-radius: 50%;
margin: 0 10px;
}
.single-news-wrap .single-news .single-left .image {
margin: 30px 0;
}
.single-news-wrap .single-news .single-left .image img {
max-width: 100%;
}
@media (min-width: 680px) {
.single-news-wrap .single-news .single-left .image img {
max-height: 24rem;
}
}
.single-news-wrap .single-news .single-left .site-container {
text-align: left;
}
.single-news-wrap .single-news .single-right {
display: flex;
flex-direction: column;
margin-top: 50px;
width: 30%;
}
.single-news-wrap .single-news .single-right h3 {
font-size: 35px;
line-height: 46px;
color: #333333;
font-weight: 300;
text-align: left;
}
@media screen and (max-width: 1200px) {
.single-news-wrap .single-news {
flex-direction: column;
}
.single-news-wrap .single-news .single-left,
.single-news-wrap .single-news .single-right {
width: 100%;
}
}
@media screen and (max-width: 700px) {
.single-news-wrap .single-news .single-left h1 {
width: 100%;
}
}
.news-latest-wrap {
display: block;
width: 100%;
margin: 0 auto 20px;
border-top: 2px solid #ffeb00;
border-bottom: 2px solid #ffeb00;
}
.news-latest-wrap .news-latest-item {
display: flex;
flex-wrap: wrap;
gap: 15px;
width: 100%;
padding: 20px 0;
text-decoration: none;
color: #333333 !important;
}
.news-latest-wrap .news-latest-item:not(:last-child) {
border-bottom: 1px solid #dedede;
}
.news-latest-wrap .news-latest-item .latest-news-image {
display: block;
width: 100px;
height: 100px;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.news-latest-wrap .news-latest-item .latest-news-content {
display: flex;
flex-direction: column;
align-items: flex-start;
text-align: left;
flex: 1;
}
.news-latest-wrap .news-latest-item .latest-news-content .terms {
display: block;
font-size: 12px;
line-height: 15px;
color: #333333;
font-weight: 300;
margin-bottom: 5px;
}
.news-latest-wrap .news-latest-item .latest-news-content h4 {
font-size: 15px;
line-height: 18px;
font-weight: 700;
text-align: left;
flex: 1;
}
.news-latest-wrap .news-latest-item .latest-news-content .datum {
font-size: 12px;
line-height: 20px;
color: #333333;
font-weight: 300;
}
.news-archive-lnk {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-bottom: 50px;
}
.news-archive-lnk a.btn-yellow {
display: block;
width: fit-content;
padding: 10px 25px;
background-color: #f6dc34;
border-radius: 9px;
font-size: 18px;
line-height: 24px;
font-weight: 300;
cursor: pointer;
}
.document-wrap {
display: block;
width: 100%;
margin: 0 auto 50px;
border-top: 2px solid #ffeb00;
border-bottom: 2px solid #ffeb00;
}
.document-wrap .document-item {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
padding: 20px 0;
}
.document-wrap .document-item:not(:last-child) {
border-bottom: 1px solid #dedede;
}
.document-wrap .document-item .title {
text-align: left;
font-size: 18px;
line-height: 25px;
font-weight: 300;
}
.document-wrap .document-item .icon-size {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 0 15px;
}
.document-wrap .document-item .icon-size .btn-icon-yellow {
display: block;
width: 50px;
height: 50px;
background-image: url(//ivs.ch/wp-content/themes/kommpass/resources/ico_pdf.svg);
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
border-bottom: none !important;
}
.document-wrap .document-item .icon-size .size {
font-size: 10px;
line-height: 25px;
color: #333333;
font-weight: 300;
}
@media screen and (max-width: 768px) {
.document-wrap .document-item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: auto;
padding: 15px 0;
}
.document-wrap .document-item .text {
text-align: center;
margin-bottom: 15px;
}
}
.contact-wrap {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
width: 100%;
margin: 0 auto 50px;
border-top: 2px solid #ffeb00;
}
.contact-wrap .contact-item {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 20px;
padding: 20px 0;
cursor: pointer;
}
.contact-wrap .contact-item .image {
width: 130px;
aspect-ratio: 1/1;
border-radius: 50%;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.contact-wrap .contact-item .contact-data {
flex: 1;
font-size: 18px;
line-height: 25px;
text-align: left;
}
.contact-wrap .contact-item .contact-data h4 {
font-size: 18px;
line-height: 25px;
margin: 0;
font-weight: 700;
}
@media screen and (max-width: 1200px) {
.contact-wrap {
flex-direction: column;
}
}
@media screen and (max-width: 768px) {
.contact-wrap {
align-items: center;
justify-content: center;
gap: 30px;
}
.contact-wrap .contact-item {
display: flex;
flex-wrap: nowrap;
flex-direction: column;
align-items: center;
justify-content: center;
}
.contact-wrap .contact-item .image {
margin-bottom: 20px;
}
.contact-wrap .contact-item .contact-data {
text-align: center;
margin: 0;
}
}
.news-block-wrap {
display: block;
width: 100%;
margin: 50px 0 0;
}
.news-block-wrap h3 {
font-size: 35px;
line-height: 43px;
font-weight: 300;
text-align: center;
margin-bottom: 50px;
}
@media screen and (max-width: 700px) {
.news-block-wrap h3 {
font-size: 19px;
line-height: 20px;
margin-bottom: 30px;
}
}
.news-block-wrap .news-block-back {
position: relative;
display: block;
width: 100%;
padding-bottom: 50px;
padding-left: 5%;
padding-right: 5%;
background-color: #e3e3e3;
}
.news-block-wrap .news-block-back::before {
content: "";
position: absolute;
z-index: 0;
top: 0;
left: 0;
width: 0;
height: 0;
border-left: 0vw solid transparent;
border-right: 100vw solid transparent;
border-top: 250px solid white; }
.news-block-wrap .news-block-back .news-block-slider {
position: relative;
z-index: 2;
max-width: 1400px;
width: 80%;
padding: 0 0 50px;
margin: 0 auto;
}
.news-block-wrap .news-block-back .news-block-slider .news-block-item {
display: flex !important;
flex-direction: column !important;
padding: 0;
background-color: #fff;
height: 100%;
}
.news-block-wrap .news-block-back .news-block-slider .news-block-item .image {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
aspect-ratio: 1/1;
}
.news-block-wrap .news-block-back .news-block-slider .news-block-item .content-wrap {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 15px 25px;
}
.news-block-wrap .news-block-back .news-block-slider .slick-slide {
margin: 0 60px;
}
.news-block-wrap .news-block-back .news-block-slider .slick-slide > div {
height: 100%;
}
.news-block-wrap .news-block-back .news-block-slider .slick-list {
margin: 0 -60px;
}
@media screen and (max-width: 1200px) {
.news-block-wrap .news-block-back .news-block-slider .slick-slide {
margin: 0 30px;
}
.news-block-wrap .news-block-back .news-block-slider .slick-list {
margin: 0 -30px;
}
}
.kp-event__image-wrapper img {
height: 250px;
object-fit: cover;
width: 100%;
}
.kp-next-events .kp-event {
display: flex;
flex-direction: column;
}
.kp-next-events .kp-event .kp-event__title {
flex-grow: 1;
}
.galerie-slider {
opacity: 0;
visibility: hidden;
transition: opacity 1s ease;
-webkit-transition: opacity 1s ease;
}
.galerie-slider.slick-initialized {
visibility: visible;
opacity: 1;
}
.ansprechpartner-container {
flex-direction: column;
}
.news-item .content-wrap .meta .terms {
text-align: left;
font-size: 12px;
line-height: 20px;
color: #929392;
}
.news-item .content-wrap .meta {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
border-bottom: 2px solid #ffeb00;
margin-bottom: 4px;
padding-bottom: 4px;
}
.news-item .content-wrap .meta .datum {
display: flex;
flex-direction: row;
align-items: center;
font-size: 12px;
line-height: 20px;
color: #929392;
}
.news-item .content-wrap .meta .datum::before {
content: "";
display: block;
width: 3px;
height: 3px;
background-color: #929392;
margin: 0 5px;
}
.news-item .content-wrap .text h4 {
margin-top: 15px;
font-size: 15px;
line-height: 20px;
font-weight: 700;
text-align: left;
}
.news-item .content-wrap .text a {
display: block;
text-align: left;
font-size: 12px;
line-height: 20px;
font-weight: 300;
color: #b5b5b5;
margin-top: auto;
border-bottom: none !important;
}
.news-item .content-wrap .text {
display: flex;
flex-direction: column;
justify-content: center;
flex-grow: 1;
}
.news-item .content-wrap .text span {
display: block;
font-size: 15px;
line-height: 20px;
font-weight: 300;
text-align: left;
margin-bottom: 20px;
}