/*
 Theme Name:     CreativeWebWorX
 Description:    Custom child theme
 Author:         CreativeWebWorX
 Author URI:     https://www.creativewebworx.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
#cwwx-header-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

#cwwx-mobile-menu-row .et_pb_column {
	display: flex;
	justify-content: space-between;
}

.cwwx-mobile-menu {
	display: flex;
	justify-content: center;
	align-content: center;
}

.cwwx-mobile-menu .et_mobile_menu {
	text-align: center;
    position: absolute;
    width: 105vw;
    left: -82vw;
}

.cwwx-mobile-menu li {
	padding: 10px 0 !important;
}

.mobile-menu-call-now-btn {
	display: flex;
	justify-content: center;
}

.mobile-menu-call-now-btn>a {
	width: 150px;
    background: #fd5521;
}

#cwwx-header-menu {
    display: flex;
    align-items: center;
}

#cwwx-header-menu .et-menu {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

#cwwx-header-menu .et_pb_menu_inner_container {
    height: 100% !important;
}

#cwwx-header-menu li {
    margin-top: 0 !important;
    padding: 0 !important;
    align-items: center !important;
    /*border-top: 1px solid #fd5521;*/
    /*border-bottom: 1px solid #fd5521;*/
    background-color: rgba(0,0,0,0.6);
}

/* #cwwx-header-menu li:first-child {
    border-left: 1px solid #fd5521;
} */

/* #cwwx-header-menu li:nth-child(5) {
    border-right: 1px solid #fd5521;
} */

#cwwx-header-menu li.current-menu-item {
    background-color: #fff;
}

#cwwx-header-menu li.current-menu-item.header-menu-call-link {
	background-color: #fd5521 !important;
}

#cwwx-header-menu li.current-menu-item.header-menu-call-link:hover {
	background-color: #000 !important;
}

#cwwx-header-menu li:hover {
    background-color: #fff;
}

#cwwx-header-menu li:hover a {
    color: #000 !important;
}

#cwwx-header-menu li>a:hover {
    opacity: 1 !important;
}

#cwwx-header-menu li>a {
    padding-bottom: 0 !important;
    width: 120px;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#cwwx-header-menu .header-menu-call-link {
    background-color: #fd5521;
    width: 170px;
    display: flex;
    justify-content: center;
    margin-left: 2px;
/*     border: 1px solid #fd5521; */
}

#cwwx-header-menu .header-menu-call-link:hover {
    background-color: #000;
}

#cwwx-header-menu .header-menu-call-link:hover a {
    color: #fff !important;
}

.cwwx-inline-buttons-column .et_pb_button_module_wrapper {
    display: inline-block;
}

.cwwx-projects-carousel .dipl_blog_slider_post {
    display: block !important;
    height: 500px !important;
    overflow: hidden;
}

.cwwx-projects-carousel .dipl_blog_slider_post:nth-child(odd) {
    width: 40% !important;
}

.cwwx-projects-carousel .dipl_blog_slider_post:nth-child(even) {
    width: 20% !important;
}

.cwwx-projects-carousel .dipl_blog_slider_post .dipl_blog_slider_image_wrapper img {
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
    
    vertical-align: middle;
}

.cwwx-projects-carousel .dipl_blog_slider_post:hover .dipl_blog_slider_image_wrapper img {
    filter: brightness(60%);
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

.cwwx-projects-carousel .dipl_blog_slider_image_wrapper {
    height: 100% !important;
}

.cwwx-projects-carousel .dipl_blog_slider_content_wrapper {
    padding: 0 !important;
    position: relative;
    top: -55%;
}

.cwwx-projects-carousel .dipl_blog_slider_post_title {
    visibility: hidden;
    padding: 0 20px;
    font-size: 24px;
    text-align: center;
}

.cwwx-projects-carousel .dipl_blog_slider_post:hover .dipl_blog_slider_post_title {
    visibility: visible;
}

.cwwx-flex-row-vertical-center-items {
    display: flex;
    align-items: center;
}

.client-logo-row>.et_pb_column {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.client-logo-row .et_pb_image {
    margin: 0 !important;
}

.cwwx-orange-text {
	color: #fd5521;
}

.cwwx-blog .et_pb_image_container{
	margin: 0 !important;
}

.cwwx-blog .et_pb_blog_grid .et_pb_post {
	padding: 10px !important;
}

.cwwx-blog .et_pb_post img {
	-webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}

.cwwx-blog .et_pb_post:hover img {
	-webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
    transform:scale(1.1);
}

#video-background-section .et_pb_section_video_bg {
	background: #000 !important;
}

#video-background-section .mejs-container {
	filter: opacity(0.5) !important;
}

#video-background-section.et_pb_preload:before { 
	display: none !important;
} 

#video-background-section.et_pb_preload>div {
	visibility: visible;
}

#video-background-section.et_pb_preload {
	background: url("https://www.cabaro-group.com/wp-content/uploads/2023/10/video_bg_fallback-1.jpg") !important;
	background-size: cover !important;
	background-repeat: no-repeat;
	background-position: center;
}


@media screen and ( max-width: 980px ) {
    .cwwx-reverse-columns {
		display: flex;
		flex-direction: column-reverse;
	}
} 

.cwwx-image-fit-cover img {
	object-fit: cover !important;
}

/*set the height of the slide image*/
.et_pb_gallery_fullwidth .et_pb_gallery_image img {
   width: auto;
   height: 600px;
   object-fit: contain;
}
/*align the slide image to the middle*/
.et_pb_gallery_image {
   line-height: 0;
   text-align: center;
}
/*style the slider previous and next buttons*/
a.et-pb-arrow-prev {
   color: #000!important;
   background: #fff;
   margin-left: 18px!important;
   opacity: 1!important;
}
a.et-pb-arrow-next {
   color: #000!important;
   background: #fff;
   margin-right: 18px!important;
   opacity: 1!important;
}
@media all and (min-width: 768px) {
   .et-pb-arrow-next {
      opacity: 1;
      right: 22px;
   }
   .et-pb-arrow-prev {
      opacity: 1;
      left: 22px;
   }
}
@media all and (max-width: 767px) {
   .et-pb-arrow-next {
      opacity: 1;
      right: 0;
   }
   .et-pb-arrow-prev {
      opacity: 1;
      left: 0;
   }
}