/*
Theme Name: Porto Child
Theme URI: https://www.portotheme.com/wordpress/porto
Author: P-THEMES
Author URI: https://www.portotheme.com/
Description: Porto Responsive WordPress + eCommerce Theme.
Version: 1.1
Template: porto
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: woocommerce, corporate, ecommerce, responsive, blue, black, green, white, light, dark, red, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready
*/

/*************** ADD YOUR CUSTOM CSS HERE  ***************/
#header .header-main .container {min-height: 30px;}
#header.sticky-header .header-main .container {min-height: 20px;}

#header .vc_row.wpb_row.top-row.vc_custom_1696063796046.header-main.text-center.vc_row-has-fill.porto-inner-container.sticky.change-logo {
  top: 5.0em !important;}
#header.sticky-header .main-menu > li.menu-item.active > a, #header.sticky-header .main-menu > li.menu-custom-content.active a {color: #000;}
#header .main-menu > li.menu-item.active > a {background-color: #fff;color: #919191;}

.sidebar-menu .porto-wide-sub-menu > li > a, #header .porto-wide-sub-menu > li > a {
  font-weight: 400; --porto-heading-color: #333333;}

#header .main-menu .popup a, .side-nav-wrap .sidebar-menu .popup, .main-sidebar-menu .sidebar-menu .popup, .porto-popup-menu .sub-menu {line-height: 24px;}
.mega-menu ul.sub-menu, .sidebar-menu ul.sub-menu {padding: 0px;}


.no-breadcrumbs .main-content {padding-top: 0px;}

.white-block {
  background-color: #fff;
  padding: 0px;
  box-sizing: border-box;
  border: 5px solid #f4f4f4;
  border-radius: 0px;
}

.conback {background-color: #f3f3f3; border: 2px solid #000000;}

.portfolio-info {display: none;}
h5.portfolio-desc, h5.portfolio-details-title {display: none;}
ul.portfolio-details {display: none;}

.highbox {
  width: 80%;
  padding: 30px;
  color:#000000;
  background-color:#d0e9ff;
  border: 5px solid #d0e9ff;
  margin: 0;
}

.highbox02 {
  width: 100%;
  padding: 30px;
  color:#000000;
  background-color:#d0e9ff;
  border: 5px solid #d0e9ff;
  margin: 0;
}
#header .main-menu > li.menu-item.active > a {background-color: transparent;}
.single-product .product_title {color: #4486bf}

.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info .thumb-info-title {
	color: black !important;
	opacity: 1 !important;
	line-height: 1;
	transition: transform 0.2s ease-out,opacity 0.2s ease-out;
    transform: scale(.6) translateX(-84%);
	top: auto !important;
	bottom: 30px;
	width: 96%;
	max-width: 96%;
	left: 50%;
}

.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info .thumb-info-inner {
	position: relative;
	padding: 10px;
}
.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info .thumb-info-inner {
	opacity: 1;
	z-index: 2;
}

.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info:hover .thumb-info-title {
	opacity: 1 !important;
	color: white !important;
	transform: scale(.8) translateX(-64%);
	
}

.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info .thumb-info-title:after {
	background: white;
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	z-index: 1;
	transition: opacity .2s ease;
}

.home-carousel.porto-recent-portfolios .portfolio-carousel .portfolio-slide .thumb-info:hover .thumb-info-title:after {opacity: 0;}

.home-carousel .thumb-info .thumb-info-title {
	container-type: inline-size;
}
@container (max-width: 300px)
	.home-carousel .thumb-info .thumb-info-title {
		font-size:30px;
	}
}

.home-carousel .thumb-info-wrapper {
	width:100%;
	height: 100%;
	display: block;
}

.portfolio-grid .thumb-info-title {
	color: white;
}