/*
Theme Name: Themify Ultra Child
Description: Child theme for Themify Ultra
Author: Andres Garzon
Template: themify-ultra
*/

/* TIMELINE MODULE
================================================ */
.module.module-timeline.layout-list .module-timeline-date,
.module.module-timeline.layout-list .module-timeline-content-wrap{
    width:auto;
    float:none
}
.module.module-timeline.layout-list > ul:before{
    left:50%
}
.module.module-timeline.layout-list > ul:before{
    border-color:#003d63;
    border-width:4px;
    top:0;
    margin-top:0
}
.module.module-timeline.layout-list > ul:after{
    content:"";
    background-color:#9B5EBB;
    box-shadow:0 0 0 4px #003d63;
    width:.7em;
    height:.7em;
    border-radius:100%;
    position:absolute;
    top:0;
    left:50%;
    margin-left:-4px;
    margin-top:1px
}
.module.module-timeline.layout-list > ul > li{
    background-color:#fff;
    box-shadow:0 13px 49px 0 rgba(89, 89, 89, .22);
    box-sizing:border-box;
    border-radius:10px;
    padding:1.5em 3em 2.4em;
    width:calc(50% - 46px);
    margin-bottom:5em;
    position:relative;
    overflow:visible
}
.module.module-timeline.layout-list .module-timeline-image img {
    height:60px;
    width:auto;
}

.module.module-timeline.layout-list .module-timeline-dot{
    background-color:#9B5EBB;
    box-shadow:0 0 0 9px rgba(177, 102, 197, .3);
    width:1.1em;
    height:1.1em;
    margin-top:-24px;
    margin-left:-8px
}
.module.module-timeline.layout-list .module-timeline-icon{
    margin-top:-34px;
    background-color:#9B5EBB;
    box-shadow:0 0 0 9px rgba(177, 102, 197, .3);
    color:white;
    left:-42px
}
.module.module-timeline.layout-list .module-timeline-date,
.module.module-timeline.layout-list .module-timeline-title a{
    color:#193082
}
.module.module-timeline.layout-list .module-timeline-date{
    font-size:1.3em;
    font-weight:500
}
.module.module-timeline.layout-list .module-timeline-title{
    font-family:'Playfair Display', serif;
    font-size:2em;
    letter-spacing:0;
    margin:0 0 .4em
}
.module.module-timeline.layout-list li.timeline-post.with-icon .module-timeline-content{
    padding-left:0
}
.module.module-timeline.layout-list .timeline-post.with-icon .module-timeline-dot{
    display:none

}
.module.module-timeline.layout-list > ul{
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    padding-top:4em
}
.module.module-timeline.layout-list > ul > li:nth-of-type(even){
    margin-left:auto
}
.module.module-timeline.layout-list > ul > li:nth-of-type(odd){
    text-align:right
}

/* HOME TWO ICONS DIENSTE
================================================ */

.dienste-two-icons {
    display:block;
}

.dienste-two-icons .module-image {
    margin-bottom: 8px;
}

.dienste-two-icons .module-image .image-wrap {
    text-align: right;
    padding-right:5px;
}
.dienste-two-icons .module-image:nth-child(2) .image-wrap {
    padding-left:5px;
    text-align: left;
}


.dienste-two-icons .tb-column-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.dienste-two-icons-text {
    grid-column: 1 / 3;
}

/* OTHER
================================================ */
.technology-img-container.image-left {
    display:flex;
    justify-content: center;
    align-items: center;
}
.technology-img-container.image-left .image-wrap {
    margin: 1em;
}

.footer-block #footerwrap {
    text-align: right;
}

.link-with-offset {
	display: block;
    position: relative;
    top: -72px;
    visibility: hidden;
}

.chef-name h3{
	margin-bottom:0;
}



/* Push */
@-webkit-keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes hvr-push {
    50% {
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.technology-img-container img {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.technology-img-container:hover, .technology-img-container:focus, .technology-img-container:active {
    -webkit-animation-name: hvr-push;
    animation-name: hvr-push;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}



/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media screen and (max-width:680px){
    /* List Large Image */
    #layout .list-large-image .post-image{
        max-width:none;
        margin-right:0
    }
    .loops-wrapper.list-large-image .post-image .themify_lightbox:before,
    .loops-wrapper.list-large-image .post-image .themify_lightbox:after{
        top:100%;
        right:50%
    }
    /* module timeline */
    .module.module-timeline.layout-list > ul{
        display:flex;
        flex-direction:column;
        flex-wrap:wrap
    }
    .module.module-timeline.layout-list .module-timeline-icon,
    .module.module-timeline.layout-list .module-timeline-dot{
        left:-2.5em
    }
    .module.module-timeline.layout-list > ul:after,
    .module.module-timeline.layout-list > ul:before{
        left:0
    }
    .module.module-timeline.layout-list > ul > li{
        width:auto
    }
    .module.module-timeline.layout-list > ul > li,
    .module.module-timeline.layout-list > ul > li:nth-of-type(even){
        margin-left:2.5em
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd){
        text-align:left
    }
    .module.module-timeline.layout-list:after{
        background-position:bottom left;
        margin-left:-13px
    }
}
@media screen and (min-width:681px){
    .loops-wrapper.list-large-image .post{
        display:flex;
        align-items:center
    }
    .loops-wrapper.list-large-image .post-image{
        flex-basis:270%
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(even) .module-timeline-dot{
        left:-46px
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd) .module-timeline-dot{
        left:auto;
        right:-58px
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd) .module-timeline-icon{
        left:auto;
        right:-68px
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd):before{
        left:auto;
        right:-10px;
        transform:rotateZ(-135deg)
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd):after{
        left:auto;
        right:-11px
    }
}
@media screen and (min-width:681px) and (max-width:880px){
    .module.module-timeline.layout-list .module-timeline-icon{
        left:-44px
    }
    .module.module-timeline.layout-list > ul > li:nth-of-type(odd) .module-timeline-icon{
        right:-64px
    }
}