.block-question-blue {
background-color: var(--color-main);
color: #fff;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/white_question.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.block-question-white {
background-color: #fff;
border: 3px solid var(--color-main);
color: #000;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/blue_question.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.block-question-grey {
background-color: #E5E5E5;
color: #000;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/grey_question.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.block-info-blue {
background-color: var(--color-main);
color: #fff;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/white_info.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.block-info-white {
background-color: #fff;
border: 3px solid var(--color-main);
color: #000;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/blue_info.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.block-info-grey {
background-color: #E5E5E5;
color: #000;
padding: 32px 32px 12px 112px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/grey_info.svg);
background-position: top 28px left 42px;
background-repeat: no-repeat;
margin-bottom: 20px;
min-height: 120px;
}
.big-blockquote {
border-left: var(--color-main) 10px solid;
padding-top: 32px;
padding-left: 32px;
padding-bottom: 10px;
padding-right: 62px;
background-image: url(//akzent.zp.ua/wp-content/themes/Accent-News/img/quote-open.svg), url(//akzent.zp.ua/wp-content/themes/Accent-News/img/quote-close.svg);
background-position: left 20px top, right 8px bottom 24px;
background-repeat: no-repeat;
margin-bottom: 32px;
position: relative;
}
@media (max-width: 767px) {
.big-blockquote {
padding: 20px 16px 48px;
}
}
@media (max-width: 767px) {
.big-blockquote .rounded-square {
margin-bottom: 16px;
}
}
.big-blockquote .rounded-square figure {
border-radius: 16px;
overflow: hidden;
}
.big-blockquote .wp-block-columns {
gap: 30px;
}
@media (max-width: 767px) {
.big-blockquote .wp-block-columns {
gap: 0;
}
}
.big-blockquote p {
font-size: 24px;
font-weight: 500;
line-height: 29px;
text-align: left;
}
@media (max-width: 767px) {
.big-blockquote p {
font-size: 18px;
font-weight: 500;
line-height: 24px;
margin-bottom: 20px;
}
}
.big-blockquote p.author-name {
font-size: 20px;
font-weight: 400;
line-height: 24px;
text-align: right;
color: #303030;
margin-bottom: 0;
position: absolute;
bottom: 0;
right: 68px;
}
@media (max-width: 767px) {
.big-blockquote p.author-name {
font-size: 16px;
line-height: 20px;
right: 10px;
}
}
.simple-blockquote, blockquote {
border-left: var(--color-main) 10px solid;
padding-top: 32px;
padding-left: 32px;
padding-bottom: 12px;
padding-right: 62px;
background-position: left 20px top, right 8px bottom 24px;
background-repeat: no-repeat;
margin-bottom: 20px;
position: relative;
}
.simple-blockquote p, blockquote p {
font-size: 24px;
font-weight: 500;
line-height: 29px;
text-align: left;
}