@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
#standard:not(.szkolenie-wcag) .foto-block-group {
padding-bottom: 90px;
padding-top: 80px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .module-title {
padding-top: 0;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block {
padding-bottom: 20px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
padding-top: 0;
padding-bottom: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .foto .image {
align-items: flex-start;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title {
margin-bottom: 40px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 34rem;
font-weight: bold;
color: #000;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 span {
color: #9fbb00;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper p, #standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper ul li, #standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper ol li {
font-size: 17rem;
line-height: 1.8;
color: #000000;
margin-bottom: 30px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .buttons .btn {
font-weight: 400;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .text .image {
margin-bottom: 30px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .text .image img {
max-width: 155px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
max-width: 100%;
width: 1355px;
margin: 0 auto;
justify-content: flex-start;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .one-button {
width: 50%;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn {
margin-left: 0;
width: fit-content;
width: -moz-fit-content;
padding-left: 30px;
padding-right: 30px;
text-transform: initial;
font-size: 17rem;
font-weight: 400;
font-family: "Poppins", sans-serif;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn:after {
display: block;
content: " ";
width: 18px;
min-width: 18px;
height: 18px;
background-image: url("/img/arrow-right-fotoblock.svg");
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin-left: 30px;
}
.szkolenie-wcag .foto-block .wrapper ul {
column-count: 2;
}
.szkolenie-wcag .foto-block .wrapper .foto img {
position: relative;
}
.foto-block {
background-color: transparent;
}
.foto-block.reverse .wrapper {
flex-direction: row-reverse;
}
.foto-block.reverse .wrapper .foto {
margin-left: 0;
margin-right: auto;
}
.foto-block.reverse .wrapper .text {
justify-content: flex-end;
}
.foto-block .wrapper {
display: flex;
justify-content: space-between;
background-color: transparent;
}
.foto-block .wrapper ul {
margin-top: 30px;
}
.foto-block .wrapper ul li:before {
background-image: url("../../img/ulli.svg");
background-color: transparent;
background-repeat: no-repeat;
width: 15px;
height: 11px;
min-width: 15px;
}
.foto-block .wrapper .title {
margin-bottom: 20px;
}
.foto-block .wrapper .title h3 {
font-weight: 600;
font-size: 21rem;
margin-bottom: 0;
}
.foto-block .wrapper h2 {
font-size: 34rem;
font-weight: bold;
color: #1B1B38;
margin-bottom: 0;
}
.foto-block .wrapper h3 {
font-size: 34rem;
font-weight: bold;
color: #9fbb00;
margin-top: 0;
margin-bottom: 30px;
}
.foto-block .wrapper p, .foto-block .wrapper ul li, .foto-block .wrapper ol li {
font-size: 15rem;
color: #1B1B38;
line-height: 1.6;
}
.foto-block .wrapper .buttons {
margin-top: 30px;
}
.foto-block .wrapper .text {
width: 50%;
display: flex;
justify-content: flex-start;
}
.foto-block .wrapper .foto {
width: 50%;
max-width: 680px;
margin-left: auto;
position: relative;
overflow: hidden;
border-radius: 22px;
}
.foto-block .wrapper .foto .image {
height: 100%;
margin-top: 0;
margin-bottom: 0;
display: flex;
justify-content: center;
align-items: center;
}
.foto-block .wrapper .foto img {
height: auto;
max-width: 100%;
object-fit: contain;
position: absolute;
border-radius: 22px;
}
@media (max-width: 575px) {
#standard:not(.szkolenie-wcag) .foto-block-group {
padding-bottom: 50px;
padding-top: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block {
padding: 0 15px;
padding-bottom: 40px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .foto {
order: 1;
max-width: 100%;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text {
order: 3;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text .image img {
display: none;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title {
margin-bottom: 20px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 24rem;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .buttons {
margin-bottom: 40px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
order: 2;
width: 100%;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn {
padding-left: 10px;
padding-right: 10px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn:after {
width: 15px;
min-width: 15px;
height: 15px;
margin-left: 10px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .one-button {
width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .foto {
max-width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .foto img {
max-width: calc(100% - 30px);
}
.foto-block.reverse .wrapper {
flex-direction: column-reverse;
}
.foto-block.reverse .wrapper .foto {
margin-left: auto;
margin-right: auto;
}
.foto-block .wrapper {
flex-direction: column-reverse;
}
.foto-block .wrapper h2 {
font-size: 24rem;
text-align: center;
}
.foto-block .wrapper h3 {
font-size: 22rem;
text-align: center;
}
.foto-block .wrapper .text {
width: 100%;
}
.foto-block .wrapper .title {
justify-content: center;
}
.foto-block .wrapper .image {
max-width: 100%;
}
.foto-block .wrapper .buttons {
justify-content: center;
}
.foto-block .wrapper .foto {
margin-left: auto;
margin-right: auto;
width: 100%;
}
.foto-block .wrapper .foto img {
position: relative;
}
.foto-block .wrapper .buttons {
margin-top: 0;
}
}
@media (min-width: 576px) and (max-width: 767px) {
#standard:not(.szkolenie-wcag) .foto-block-group {
padding-bottom: 50px;
padding-top: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block:not(:first-child) {
margin-top: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
padding-bottom: 0;
padding-left: 15px;
padding-right: 15px;
width: 100%;
margin-left: auto;
margin-right: auto;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .foto {
order: 1;
max-width: 535px;
margin: 0 auto;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .foto img {
max-width: 100%;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text {
order: 3;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text .image img {
display: none;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title {
margin-bottom: 20px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 26rem;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .buttons {
margin-bottom: 40px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
order: 2;
width: 535px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .one-button {
width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .foto {
max-width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .foto img {
max-height: 350px;
}
.foto-block.reverse .wrapper {
flex-direction: column-reverse;
}
.foto-block.reverse .wrapper .foto {
margin-left: auto;
margin-right: auto;
}
.foto-block .wrapper {
flex-direction: column-reverse;
}
.foto-block .wrapper .title {
justify-content: center;
}
.foto-block .wrapper h2 {
text-align: center;
}
.foto-block .wrapper h3 {
text-align: center;
}
.foto-block .wrapper .image {
max-width: 100%;
}
.foto-block .wrapper .buttons {
justify-content: center;
}
.foto-block .wrapper .text {
width: 100%;
}
.foto-block .wrapper .foto {
width: 100%;
}
.foto-block .wrapper .foto img {
position: relative;
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 30px);
}
}
@media (min-width: 768px) and (max-width: 991px) {
.szkolenie-wcag .foto-block:not(.reverse) .wrapper .foto {
display: flex;
justify-content: flex-end;
}
.szkolenie-wcag .foto-block .container-block {
width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .title {
justify-content: center;
}
.szkolenie-wcag .foto-block .wrapper h2 {
text-align: center;
}
.szkolenie-wcag .foto-block .wrapper h3 {
text-align: center;
}
.szkolenie-wcag .foto-block .wrapper .image {
max-width: 100%;
}
.szkolenie-wcag .foto-block .wrapper .buttons {
justify-content: center;
}
#standard:not(.szkolenie-wcag) .foto-block-group {
padding-bottom: 50px;
padding-top: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block:not(:first-child) {
margin-top: 50px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
width: 730px;
margin-left: auto;
margin-right: auto;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .foto {
order: 1;
max-width: 730px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .foto img {
width: 100%;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text {
order: 3;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .text .image img {
display: none;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title {
margin-bottom: 20px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 30rem;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .buttons {
margin-bottom: 40px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
order: 2;
width: 730px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .one-button {
width: 100%;
}
.foto-block.reverse .wrapper {
flex-direction: column-reverse;
}
.foto-block.reverse .wrapper .foto {
margin-right: auto;
margin-left: auto;
}
.foto-block .wrapper {
flex-direction: column-reverse;
}
.foto-block .wrapper .text {
width: 100%;
}
.foto-block .wrapper .foto {
width: 100%;
margin-left: auto;
margin-right: auto;
}
.foto-block .wrapper .foto img {
position: relative;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.szkolenie-wcag .foto-block:not(.reverse) .wrapper .foto {
display: flex;
justify-content: flex-end;
}
.szkolenie-wcag .foto-block .container-block {
width: 480px;
}
.szkolenie-wcag .foto-block .wrapper .image {
max-width: 480px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
width: 465px;
padding-bottom: 0px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 28rem;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
width: 930px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn {
padding-left: 15px;
padding-right: 15px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn:after {
margin-left: 15px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .foto {
width: 485px;
padding-right: 20px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .foto img {
position: relative;
}
}
@media (min-width: 1200px) and (max-width: 1579px) {
.szkolenie-wcag .foto-block:not(.reverse) .wrapper .foto {
display: flex;
justify-content: flex-end;
}
.szkolenie-wcag .foto-block .container-block {
width: 570px;
}
.szkolenie-wcag .foto-block .wrapper .image {
max-width: 570px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .container-block {
width: 555px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .title h3 {
font-size: 31rem;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons {
width: 1110px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn {
padding-left: 15px;
padding-right: 15px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper > .buttons .btn:after {
margin-left: 15px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .foto {
width: 555px;
padding-right: 35px;
}
#standard:not(.szkolenie-wcag) .foto-block-group .foto-block .wrapper .foto img {
position: relative;
}
}
/*# sourceMappingURL=foto_block.css.map */