/*-------------Header-----------------*/

.onvSolutionPageHeader .vc_column_container {
    background-repeat: no-repeat;
}

.onvProdcutHeadTag .onvProductMainTitle {
    color: #ef7d00;
}

.onvProdcutHeadTag .onvProductSubTitle {
    color: white;
}

.onvProdcutHeadTag + div p {
    color: white;
}

.onvHeaderButton .vc_btn3-container .vc_general.vc_btn3-color-onvSecondaryBTN:hover {
    color: white !important;
}

.onvHeaderButton {
    padding-top: 0px !important;
}

h1.onvProdcutHeadTag {
    margin-top: 2.5em !important;
}

.onvSolutionPageHeader::after {
    content: ' ' !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: -1;
    display: block !important;
}


.onvSolutionPageHeader {
    z-index: 1;
}


@media only screen and (max-width: 765px) {
    
.onvSolutionPageHeader {
    text-align: center;
}

.onvSolutionPageHeader p{
    margin-top: 15px;
}

.onvHeaderButton .vc_btn3-container{
    margin-top: 15px;
}
}


/*-------------Logo Slider----------------*/

.onvProductPageLogoSlider .gs_logo_single img {
    width: 50%;
} 

.onvProductPageLogoSlider .gs_logo_single--wrapper.swiper-slide {
    max-height: 150px;
}

.onvProductPageLogoSlider .gs_logo_area:before {
    content: "";
    height: 100%;
    width: 20%;
    background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 7%;
    left: 0%;
    z-index: 1000;
}

.onvProductPageLogoSlider .gs_logo_area:after {
    content: "";
    height: 100%;
    width: 20%;
    background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,0) 100%);
    position: absolute;
    top: 7%;
    right: 0%;
    z-index: 1000;
}

/*---------------Info Box Shadow----------------------------------*/

.onvInfotextBox .vc_column_container {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    padding: 10px;
    border-radius: 8px;
    margin: 17.5px;
    flex: 1;
}
.onvInfotextBox {
    display: flex;
}

.onvButtonInfotext {
    padding-top: 0px !important;
}

.onvButtonInfotext .vc_column_container .vc_column-inner  {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.onvInfotextBox .vc_column-inner {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
/*---------------Single Post Grid-------------------------*/

.onv_gridBuilder_singleBlog .vc_btn3-container{
    display: flex !important;
    justify-content: center !important;
}

.onv_postGridContainer {
    border-radius: 8px;
}

.onvSinglePost .vc_gitem_row {
    min-height: 350px;
}

.onv_gridBuilder_singleBlog .vc_gitem_row .vc_gitem-col {
    display: flex;
    flex-direction: column;
    justify-content:center;
}

.onv_gridBuilder_singleBlog .vc_gitem_row .vc_gitem-col h3{
    margin-bottom: 0px;
    margin-top: 30px;
}

/*--------------------------Testimonial-------------------------------*/

.onvTestiomonialRow  .onvTestimonialBox {
    padding: 45px 0px 45px 0px;
    border-radius: 8px;
}

.onvTestiomonialRow .gem-testimonial-item img {
    transition: 1.5s all ease;
}

.onvTestimonialBox::before {
    background-image: url(https://www.onventis.de/wp-content/uploads/2022/02/onvSVG_Onv-Quote-Orange.svg);
    position: absolute;
    width: 150px;
    height: 150px;
    content: '';
    top: 5px;
    left: -118px;
    z-index: 1;
    background-repeat: no-repeat;
}


/*-------------Grid Blog------------------*/


.onvRowFade {
  background: rgb(218,218,218);
background: linear-gradient(180deg, rgba(218,218,218,1) 0%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);
}
/*
.onvRowFade:before {
    content: " ";
    position: absolute;
    background-image: url(https://www.onventis.de/wp-content/uploads/2022/02/onvSVG_Wabe-orange-outline-45deg.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 22%;
    transform: translate(-22%, 10%);
}
.onvRowFade:after {
    content: " ";
    position: absolute;
    background-image: url(https://www.onventis.de/wp-content/uploads/2022/03/onvSVG_Wabe-orange-fill-45deg.svg);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 22%;
    transform: translate(60%, 40%);
    z-index: 1000;
}
*/

.onvRowFade .vc_gitem-zone-a {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 8px;
}

.onvRowFade .vc_gitem-zone-a:hover {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
    border-radius: 8px;
}

/*--------------Sinlge Post Grid----------------*/
.onvSinglePost .vc_gitem_row {
    display: flex;
    width: 100%;
}

.onvSinglePost .vc_grid-container {
        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}

.onvSinglePost .vc_col-sm-6 p {
    text-align: center;
}

.onv_gridBuilder_singleBlog .vc_gitem_row .vc_gitem-col {
    padding: 0px;
}



/*-------------Video background Position--------------------*/

.oneVideoRowOverlay {
    background:linear-gradient(180deg, rgba(255,255,255,1) 20%, rgba(218,218,218,1) 20%, rgba(218,218,218,1) 50%, rgba(218,218,218,1) 73%, rgba(222,222,222,1) 80%, rgba(255,255,255,1) 80%);
}

.oneVideoRowOverlay .onv_video_container {
    box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}


/*-----------------Video Grid---------------------*/

.onvVideoGrid .vc_gitem-animated-block {
    border-radius: 8px;
}

.onvVideoGrid .vc_gitem-row-position-top {
    background-color: #00000036;
}

.onvVideoGrid .vc_custom_heading h3 {
    color: white !important;
}

.onvVideoGrid .vc_gitem-zone::after {
    content: '';
    background-image: url('https://www.onventis.de/wp-content/uploads/2024/07/youtube-icon.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    transition: background-image 0.3s ease;
}


.onvVideoGrid .vc_grid-item-mini:hover .vc_gitem-zone::after{
    background-image: url('https://www.onventis.de/wp-content/uploads/2024/07/youtube-icon-gray-1.png');

}

@media only screen and (max-width: 765px) {

.onvVideoGrid .vc_custom_heading h3 {
    color: white !important;
    font-size:15px;
    text-align: left !important;
    margin-top: 0px;
}

.onvVideoGrid .vc_gitem-row-position-top {
    background-color: #0000007a;
    height: 22%;
}
}