File: /home/zeusxp5/chuair.org/wp-content/themes/lifttruck/resources/scss/parts/_blog.scss
.card:not(.-contained) .image-holder {
border-radius: 0.35rem
}
.card:not(.-contained).-with-shadow .image-holder {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1)
}
.card .image-holder {
overflow: hidden;
position: relative;
margin: 0
}
.card .image-holder>a {
display: block
}
.card .image-holder img {
min-width: 100%;
transition: all cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s
}
.card.-metro:not(.-no-media) .image-holder {
padding-bottom: 100%;
position: relative
}
.card.-metro:not(.-no-media) .image-holder img,
.card.-metro:not(.-no-media) .image-holder iframe {
position: absolute;
left: 0;
top: 0;
object-fit: cover;
width: 100%;
min-width: 100%;
height: 100%
}
.card.-metro:not(.-no-media) .image-holder .clb-slider {
position: absolute
}
.card.-metro:not(.-no-media) .image-holder .clb-slider,
.card.-metro:not(.-no-media) .image-holder .clb-slider .clb-slider-outer-stage {
height: 100%
}
.card.-metro:not(.-no-media) .image-holder .clb-slider img {
position: relative
}
.card.-contained:not(.-layout13) {
overflow: hidden;
-webkit-border-radius: var(--wp--custom--bradius--md);
border-radius: var(--wp--custom--bradius--md);
}
.card.-contained .card-details {
background-color: rgba(150, 144, 162, 0.06)
}
.card.-contained.-with-shadow:not(.-layout13) {
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1)
}
.card.-img-scale:hover .image-holder img {
-webkit-transform: scale3d(1.06, 1.06, 1);
transform: scale3d(1.06, 1.06, 1)
}
.card.-img-overlay .image-holder::after, .card.-img-overlay .image-holder .overlay {
background: linear-gradient(90deg, rgba(220, 40, 40, 0.5) 0%, rgba(117, 68, 221, 0.5) 100%);
left: 0;
top: 0;
height: 100%;
width: 100%;
opacity: 0;
content: "";
display: block;
position: absolute;
transition: opacity cubic-bezier(0.645, 0.045, 0.355, 1) 0.35s
}
.card.-img-overlay:hover .image-holder::after, .card.-img-overlay:hover .image-holder .overlay {
opacity: 1
}
.card.-img-greyscale:not(:hover) .image-holder img {
-webkit-filter: grayscale(1);
filter: grayscale(1)
}
.card.-img-transition .image-holder img:not(:first-child) {
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0
}
.card.-img-transition:hover .image-holder img:not(:first-child) {
opacity: 1
}
.card:not(.-with-overlay):not(.-image-only) .card-details {
padding-top: 1.5rem
}
.card:not(.-with-overlay):not(.-image-only).-contained .card-details {
padding-bottom: 1.5rem;
padding-left: 3vh;
padding-right: 3vh
}
.card:not(.-layout4):not(.-layout6) .overlay-details {
color: #fff
}
.card .overlay-details {
position: absolute;
left: 0;
width: 100%;
z-index: 1;
display: flex;
padding: 3vh
}
.card .overlay-details:not(.-top) {
bottom: 0
}
.card .overlay-details:not(.card-details) p {
margin: 0
}
.card .overlay-details.-top {
top: 0
}
.card:hover .-fade-up, .card:hover .-fade-down {
transform: none;
opacity: 1
}
// .wp-block-post.post {
// > .wp-block-group > .wp-block-group {
// background-color: rgba(150,144,162,.06);
// padding: 1.5rem 3vh;
// }
// }
.wd-post--multicolumn {
grid-template-columns: repeat( auto-fit, minmax(350px, 1fr) );
}
.wp-block-post-content a.wp-block-button__link:where(:not(.wp-element-button)) {
color: var(--wp--preset--color--base);
}
aside.wp-block-template-part {
background-color: #f7f7f7;
padding-top: var(--wp--preset--spacing--60);
padding-right: var(--wp--preset--spacing--60);
padding-bottom: var(--wp--preset--spacing--60);
padding-left: var(--wp--preset--spacing--60);
h1, h2, h3, h4, h5, h6,
> .wp-block-group {
margin-block: 2.5em 1em;
}
h1, h2, h3, h4, h5, h6 {
&:first-child {
margin-top: 0;
}
}
hr {
margin-block: 2em;
}
ul {
margin: 0;
padding: 0;
list-style: none;
li {
margin-bottom: .5em;
a {
transition: all .25s ease-in-out;
position: relative;
overflow: hidden;
display: inline-flex;
padding-inline-end: 4px;
&:before {
content: "";
background: var(--wp--preset--color--primary);
position: absolute;
top: calc(50% - 2px);
border-radius: 6px;
height: 6px;
width: 6px;
inset-inline-start: -12px;
transition: all .25s ease-in-out;
}
&:hover {
padding-inline-start: 12px;
color: var(--wp--preset--color--primary);
&::before {
inset-inline-start: 0;
}
}
}
}
}
}
@media (max-width: 1000px){
.wp-block-column:has(aside.wp-block-template-part ) {
order: 2;
}
}