.is-style-small-caption {
font-size: 1.2rem;
}
.is-style-bordered {
padding-left: 20px;
border-left: 7px solid #CE0058;
}
.is-style-slogan-big-primary,
.is-style-slogan-big-white {
font-size: 2.2rem;
font-weight: 800;
line-height: 1.2; }
@media (min-width: 992px) {
.is-style-slogan-big-primary,
.is-style-slogan-big-white {
font-size: 3.2rem;
}
}
.is-style-slogan-big-primary {
color: #CE0058;
}
.is-style-slogan-big-white {
color: #fff;
}
.is-style-slogan-big-primary.has-text-align-center {
margin-left: auto;
margin-right: auto;
}.lead,
.is-style-lead {
line-height: 1.4;
font-family: "Teko", sans-serif;
font-size: 22px;
font-size: 1.5rem;
font-weight: 400;
}
@media (min-width: 992px) {
.lead,
.is-style-lead {
font-size: 24px;
}
}.dg-card {
position: relative;
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: box-shadow 0.3s ease;
}
@media (min-width: 500px) {
.dg-card {
padding: 50px;
}
}
.dg-card >.gb-container,
.dg-card.gb-container >.gb-container {
padding: 0;
}
.dg-card {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dg-card .dg-card-icon figure {
width: 80px;
height: 45px;
overflow: hidden;
margin: 0 auto 20px auto;
}
.dg-card .dg-card-icon figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.wp-block-columns.dg-cards .wp-block-column {
position: relative;
}
.wp-block-columns.dg-cards .wp-block-column .dg-card {
width: 100%;
height: 100%;
}
.wp-block-columns.is-layout-flex.dg-cards {
gap: 25px;
}
.wp-block-cover {
padding: 50px;
}
.wp-block-file:not(.wp-element-button) {
font-size: 20px;
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before{ }
.wp-block-embed__wrapper .embed-responsive {
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
body:not(.admin-bar) .d-only-admin {
display: none !important;
}
figure.wp-block-embed.is-style-fullheight,
figure.wp-block-embed.is-style-fullheight .wp-block-embed__wrapper {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 100%;
}
.top-hero {
position: relative;
}
.top-hero .top-hero__image {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}figure.is-style-image-fullheight-cover {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 100%;
}
figure.is-style-image-fullheight-cover img {
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
}
.is-style-dg-icon {
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 20px;
overflow: hidden;
}
.is-style-dg-icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}.wp-block-column.is-style-content-paddings {
padding: 0;
}
@media (min-width: 768px) {
.wp-block-column.is-style-content-paddings {
padding: 50px;
}
}
@media (min-width: 992px) {
.wp-block-column.is-style-content-paddings {
padding: 40px 80px;
}
}
.wp-block-column.is-style-content-paddings-to-bgcolor {
padding: 40px 20px;
}
@media (min-width: 768px) {
.wp-block-column.is-style-content-paddings-to-bgcolor {
padding: 50px;
}
}
@media (min-width: 992px) {
.wp-block-column.is-style-content-paddings-to-bgcolor {
padding: 80px;
}
}
.wp-block-column .dg-content-wrapper {
width: 100%;
max-width: 800px;
margin: auto;
}
@media (max-width: 991px) {
.wp-block-columns.d-collapse-992 {
flex-wrap: wrap !important;
}
.wp-block-columns.d-collapse-992 > .wp-block-column {
width: 100% !important;
flex-basis: 100% !important;
}
}
@media (max-width: 1199px) {
.wp-block-columns.d-collapse-1200 {
flex-wrap: wrap !important;
}
.wp-block-columns.d-collapse-1200 > .wp-block-column {
width: 100% !important;
flex-basis: 100% !important;
}
.wp-block-columns.d-collapse-1200 > .wp-block-column .dg-content-wrapper {
max-width: 100%;
}
.wp-block-columns.d-collapse-1200.is-mobile-reversed {
flex-direction: column-reverse;
}
}.wp-block-columns.is-style-no-gap {
gap: 0;
margin-bottom: 0;
}
.wp-block-columns.is-style-big-gap {
gap: 4rem;
} @media (max-width: 782px) { 
.wp-block-columns.is-mobile-reversed {
flex-direction: column-reverse;
}
}
@media (min-width: 782px) {
.wp-block-columns.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex .wp-block-column {
flex: 1 1 50%;
}
}
.new-graph-bottomleft {
background-image: url(//www.mediatili.com/wp-content/themes/Digitaali/images/merkki.svg) !important;
background-size: 1000px !important;
background-position: -300px calc(100% + 300px) !important;
}.wp-block-button .wp-block-button__link,
.editor-styles-wrapper .wp-block-button .wp-block-button__link, 
.gb-button,
.wp-block-button.is-style-white .wp-block-button__link {
background-color: #24135F;
border-radius: 17px;
padding: 0.6rem 1.5rem;
color: #fff;
font-size: 0.8rem;
font-weight: 600;
}
.wp-block-button.is-style-white .wp-block-button__link,
.btn.btn-white {
background-color: #fff;
color: #CE0058;
}
.btn-small {
padding: .5rem 1rem !important; 
font-size: .8rem !important;
}
.wp-block-button.is-style-black .wp-block-button__link {
background-color: #000 !important;
}
.wp-block-button .wp-block-button__link::after { }
.wp-block-button .wp-block-button__link:hover,
.wp-block-button .wp-block-button__link:focus,
.gb-button:hover,
.gb-button:focus {
text-decoration: none;
}
.wp-block-button .wp-block-button__link::after {
}
.wp-block-buttons.is-layout-flex {
gap: 1.5em;
}.wp-block-cover {
padding: 100px 20px;
}
.wp-block-cover .wp-block-columns {
margin-bottom: 0;
} .wp-block-heading.has-x-large-font-size {
font-size: 3.2rem !important;
text-align: center;
word-break: break-word;
}
@media (max-width: 991px) {
.wp-block-heading.has-x-large-font-size { 
font-size: 2rem !important;
}    
}
.wp-block-cover,
.wp-block-cover h1 {
color: #fff;
}
.wp-block-cover.dg-slogan-paikka .wp-block-cover__background,
.wp-block-cover.is-style-bg-right .wp-block-cover__background,
.wp-block-cover.is-style-bg-left .wp-block-cover__background {
background-image: url(//www.mediatili.com/wp-content/themes/Digitaali/images/graph.svg);
background-repeat: no-repeat;
background-position: right bottom;
background-size: cover;
opacity: .5;
}
.wp-block-cover.is-style-bg-left .wp-block-cover__background {
background-position: left bottom;
background-image: url(//www.mediatili.com/wp-content/themes/Digitaali/images/graph-left.svg);
}
.wp-block-cover.is-style-no-bg-image .wp-block-cover__background {
background-image: none;
}
.wp-block-cover.dg-slogan-paikka .wp-block-columns {
margin-bottom: 0;
}
@media (min-width: 992px) {
.wp-block-cover p { }
}
@media (min-width: 768px) {
.wp-block-cover.is-style-fullheight {
min-height: 100vh;
}
}
@media (min-width: 768px) {
.wp-block-cover.is-style-smallheight {
min-height: 250px;
}
}
.wp-block-cover .wp-block-heading.is-style-small-caption {
margin-bottom: 1.5rem;
}
.wp-block-cover {
min-height: 500px;
}
@media (min-width: 1500px) {
.wp-block-cover {
min-height: 600px;
}
}