/*
  Description: Styles for service custom post type ---------------------------------------
*/

.service-single-post-container > a {
    text-decoration: none;
    color: var(--theme-body-txt-color);
}

.service-single-post-container {
    box-shadow: -1px 1px 3px var(--theme-box-shadow-color);
    border-radius: 5px;
    overflow: hidden !important;
}

.service-single-post-container img {
    width: 100%;
    max-width: 250px;
    height: 250px;
    object-fit: cover;
    -o-object-fit: cover;
    object-position: center;
    -o-object-position: center;

    -webkit-transition: 1s filter;
    -moz-transition: 1s filter;
    -o-transition: 1s filter;
    transition: 1s filter;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}

.service-single-post-container:hover img {
    -webkit-transition: 1s transform, 1s filter;
    -moz-transition: 1s transform, 1s filter;
    -o-transition: 1s transform, 1s filter;
    transition: 1s transform, 1s filter;

    -webkit-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    transform: rotateY(360deg);
    -webkit-filter: grayscale(100%);;
    filter: grayscale(100%);
}

.service-single-post-container:hover {
    cursor: pointer;
    -webkit-transition: background-color 2s;
    -moz-transition: background-color 2s;
    -o-transition: background-color 2s;
    transition: background-color 2s;
    /*background: linear-gradient(to right, red 50%, blue 50%);*/
}

/* ##Our Services style =================================================================== */