.pripadova-studie {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 16rem;
}
.pripadova-studie .arrow-down {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pripadova-studie .arrow-down:hover {
-webkit-transform: translateY(15%);
transform: translateY(15%);
}
@media (width <= 1290px) {
.pripadova-studie .arrow-down {
left: 0;
}
}
@media (width <= 705px) {
.pripadova-studie .arrow-down {
display: none;
}
}
.pripadova-studie__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
margin: 0 auto;
}
.pripadova-studie__content-boxes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pripadova-studie__content-boxes .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.pripadova-studie__content-boxes .box:hover .box-image img {
opacity: 1;
}
.pripadova-studie__content-boxes .box:hover .box-image__tags .tag {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.pripadova-studie__content-boxes .box:hover .box-image__tags .tag .tag-text {
color: var(--White, #fff);
}
.pripadova-studie__content-boxes .box:hover .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.pripadova-studie__content-boxes .box-image {
position: relative;
width: 100%;
max-width: 56rem;
height: 25rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0.6rem 0.6rem 0rem 0rem;
}
.pripadova-studie__content-boxes .box-image img {
width: 100%;
max-width: 56rem;
height: 25rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0.6rem 0.6rem 0rem 0rem;
opacity: 0.8;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.pripadova-studie__content-boxes .box-image__tags {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 52.8rem;
height: 3.3rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 0.8rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
top: 0;
right: 0;
margin: 1.6rem;
}
.pripadova-studie__content-boxes .box-image__tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.pripadova-studie__content-boxes .box-image__tags .tag .tag-text {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.pripadova-studie__content-boxes .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.pripadova-studie__content-boxes .box-content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.pripadova-studie__content-boxes .box-content-text h6 {
min-height: 8rem;
}
.pripadova-studie__content-boxes .box-content-text .header {
min-height: 5.5rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.pripadova-studie__content-boxes .box-content-text .read-minute {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.pripadova-studie__content-boxes .box-content-text .read-minute svg g path {
stroke: var(--Ajka-palette-blue-03-blue, #0075ff);
}
.vsechny-pripadove-studie {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 4rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 8rem;
}
.vsechny-pripadove-studie .red-triangle {
position: absolute;
bottom: 6.7rem;
left: -6rem;
z-index: 1;
}
.vsechny-pripadove-studie .red-triangle img {
width: 100%;
max-width: 31.7647rem;
height: 32rem;
}
.vsechny-pripadove-studie .white-triangle {
position: absolute;
bottom: -2.7rem;
left: 7rem;
z-index: 2;
}
.vsechny-pripadove-studie .white-triangle img {
width: 100%;
max-width: 27.7rem;
height: 27.7rem;
}
.vsechny-pripadove-studie__content {
position: relative;
width: 100%;
max-width: 113.6rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
z-index: 2;
margin: 0 auto;
}
.vsechny-pripadove-studie__content .tags {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.vsechny-pripadove-studie__content .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.vsechny-pripadove-studie__content .tags .tag:hover {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.vsechny-pripadove-studie__content .tags .tag:hover .tag-text {
color: var(--White, #fff);
}
.vsechny-pripadove-studie__content .tags .active {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.vsechny-pripadove-studie__content .tags .active .tag-text {
color: var(--White, #fff);
}
.vsechny-pripadove-studie__content-boxes {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.vsechny-pripadove-studie__content-boxes .box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 36.8rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
box-shadow: 0px 5px 10px 0px rgba(77, 83, 88, 0.1);
}
.vsechny-pripadove-studie__content-boxes .box:hover .box-image img {
opacity: 1;
}
.vsechny-pripadove-studie__content-boxes .box:hover .btn_secondary {
border: 1.25px solid var(--Ajka-palette-Blue-02-blue, #4a9dff);
color: var(--Ajka-palette-Blue-02-blue, #4a9dff);
}
.vsechny-pripadove-studie__content-boxes .box:hover .tags .tag {
background: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.vsechny-pripadove-studie__content-boxes .box:hover .tags .tag .tag-text {
color: var(--White, #fff);
}
.vsechny-pripadove-studie__content-boxes .box-image {
position: relative;
width: 100%;
height: 20rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.vsechny-pripadove-studie__content-boxes .box-image img {
width: 100%;
max-width: 36.8rem;
height: 20rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0.6rem 0.6rem 0rem 0rem;
opacity: 0.8;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vsechny-pripadove-studie__content-boxes .box-image .tags {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 33.6rem;
height: 5.55rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 0.8rem;
-ms-flex-negative: 0;
flex-shrink: 0;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
top: 0;
right: 0;
margin: 1.6rem;
}
.vsechny-pripadove-studie__content-boxes .box-image .tags .tag {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0.8rem 1.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 0.6rem;
background: rgba(242, 244, 248, 0.7);
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vsechny-pripadove-studie__content-boxes .box-image .tags .tag .tag-text {
color: var(--Ajka-palette-Blue-04-Primary-blue, #022e69);
}
.vsechny-pripadove-studie__content-boxes .box-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
border-radius: 0rem 0rem 0.6rem 0.6rem;
background: var(--White, #fff);
}
.vsechny-pripadove-studie__content-boxes .box-content .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.vsechny-pripadove-studie__content-boxes .box-content .header-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
min-height: 5.5rem;
}
.vsechny-pripadove-studie__content-boxes .box-content .header-text h6 {
min-height: 8rem;
}
.vsechny-pripadove-studie__content-boxes .box-content .header .read-minute {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
}
.vsechny-pripadove-studie__content-boxes .box-content .header .read-minute svg g path {
stroke: var(--Ajka-palette-blue-03-blue, #0075ff);
}
@media (width <= 705px) {
.vsechny-pripadove-studie__content-boxes .box {
max-width: 100%;
}
.vsechny-pripadove-studie__content-boxes .box-image img {
max-width: 100%;
}
}