/*
 Theme Name:   Hedgehog Tech
 Description:  Customization of the Enfold Theme (Enfold Child) for Hedgehog Technologies
 Author:       a&g creative group
 Author URI:   http://agcreative.ca
 Template:     enfold
 Version:      1.0.0
 Text Domain:  enfold-child
*/

/*
1.   General Theme Adjustments
2.   Shortcodes Styles 
3.   Projects
4.   Custom
*/

/*
1. General Styles
*/

.logo {
	margin-top: 10px;
}

#header_meta {
	position: absolute;
	background: #007dba !important;
	border: none;
	right: 20px;
	top: 30px;
	z-index: 9 !important;
	height: 40px !important;
}

#header_meta nav {
	position: absolute;
	right: 50px;
}

/*Phone number*/
#header_meta .container {
	padding: 0px;
}

#header_meta .container a {
	font-size: 1.5em;
}

#header_meta .container a:hover {
	color: #007bbb !important;
	text-decoration: none;
}

/*Special heading*/
.av-special-heading-tag,
.av-special-heading .av-special-heading-tag {
	text-transform: lowercase !important;
	font-size: 2.2em;
}
.av-special-heading .av-subheading_below {
	font-weight: bold;
	color: inherit;
	letter-spacing: 2px;
}

.main_color .special_amp,
#top .custom-color-heading .special_amp {
	font-family: inherit;
	font-style: initial;
	color: inherit;
	font-weight: 100;
	font-size: 1em;
}
h1 a,
h2 a {
	text-decoration: none !important;
}

.av-image-caption-overlay-center {
	background-image: url('img/logo-gray.png');
	background-repeat: no-repeat;
	background-position: center;
}

.toggler:focus {
	outline: -webkit-focus-ring-color auto 0 !important;
}

/*Slider*/
.avia-content-slider .slide-entry {
	padding: 1.5em;
	background-color: rgba(255, 255, 255, 0.5);
	min-height: 8em;
	color: #010101;
}

.avia-content-slider .slide-entry h3 {
	color: #010101;
}
/*Hamburger menu*/

/*#top #av-burger-menu-ul{
    display: block !important;
}*/
.html_av-overlay-side #top .av-burger-overlay-scroll {
	min-width: 30%;
	background: rgba(0, 0, 0, 0.5);
}

.html_av-overlay-side-classic
	#top
	#wrap_all
	.av-burger-overlay
	#av-burger-menu-ul
	li
	a {
	border: none;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	padding-bottom: 0px;
}

.html_av-overlay-side-classic
	#top
	#wrap_all
	.av-burger-overlay
	#av-burger-menu-ul
	li
	a:hover {
	color: #007bbb;
}

#top #wrap_all #header #av-burger-menu-ul li.av-active-burger-items:hover a {
	background-color: transparent;
}

.html_av-overlay-side-classic
	#top
	#wrap_all
	.av-burger-overlay
	#av-burger-menu-ul
	li
	ul.sub-menu {
	display: block;
	max-height: 0px;
	overflow: hidden;
	transition: all 0.7s ease-out;
	-webkit-transition: all 0.7s ease-out;
}

.html_av-overlay-side-classic
	#top
	#wrap_all
	.av-burger-overlay
	#av-burger-menu-ul
	li:hover
	ul.sub-menu {
	max-height: 200px;
}

.html_av-overlay-side-classic
	#top
	#wrap_all
	.av-burger-overlay
	#av-burger-menu-ul
	li
	ul.sub-menu
	li
	a {
	text-transform: lowercase;
	padding-top: 10px;
	padding-bottom: 5px;
}

/*Color Section*/
#ev-assessment {
	border-bottom: 10px solid #cccccc !important;
	border-top: 10px solid #cccccc !important;
}

.main_color p {
	line-height: 1.8em;
}

footer.socket_color a {
	color: white;
}

footer.socket_color a:hover {
	color: #007dbc;
	text-decoration: none;
}

/*
1.1 Home Page
*/

/*Tabs*/
.sidebar_tab .tab_titles {
	width: 50%;
	max-width: 50%;
	font-size: 1.5em;
	top: 6em;
}
.sidebar_tab .tab_titles .tab {
	width: 70%;
	float: right;
	letter-spacing: 2px;
}

.sidebar_tab .tab_titles .active_tab {
	color: #0072bc !important;
	background: none !important;
	font-weight: bold;
}
.active_tab_content img {
	width: 100%;
	mix-blend-mode: overlay;
}
.tab_content {
	padding: 0px !important;
	background: transparent !important;
	box-shadow: none !important;
}
.tab-content {
	position: absolute;
	padding: 3em;
	color: #ffffff;
	background: rgba(23, 102, 122, 0.5);
	height: 99%;
	z-index: 9;
}
.tab-content h2,
.tab-content h3,
.tab-content a {
	color: #ffffff;
	font-weight: bold;
	text-transform: lowercase !important;
}

.js_active .active_tab_content,
.toggle_content {
	border: none;
}

.js_active .toggler,
.js_active .tab {
	border: none !important;
}
.tabcontainer .tab {
	outline: none;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*Mansory gallery styles*/
.avia_transform a .image-overlay,
#top
	.av-caption-style-overlay
	.av-masonry-item-with-image
	.av-inner-masonry-content {
	background-color: rgba(0, 124, 188, 0.7);
	background-image: url('img/logo-gray.png');
	background-repeat: no-repeat;
	background-position: center;
}

#top
	.av-caption-style-overlay
	.av-masonry-item-with-image
	.av-inner-masonry-content
	* {
	font-weight: bold;
	font-size: 1em;
	text-transform: lowercase;
	width: 100%;
	text-align: center;
	margin: auto;
	z-index: 8;
}

/*Blog post feed
*/
#top .flex_column .template-blog .post-title {
	font-size: 1em;
}

/*Sidebar menu*/
#top .content .flex_column .widget_nav_menu li:first-child {
	border-top-style: none;
}

#top .content .flex_column .widget_nav_menu ul.menu li a {
	text-transform: uppercase;
	font-weight: bold;
	color: #000000;
	background-color: initial;
}

#top .content .flex_column .widget_nav_menu li {
	border: none;
}
#top .widget_nav_menu ul ul.sub-menu {
	padding-left: 0px;
}
#top .widget_nav_menu ul ul li:before {
	display: none;
}

#top .content .flex_column .widget_nav_menu ul.sub-menu li.current-menu-item a {
	color: #007dbc;
}

#top .content .flex_column .widget_nav_menu ul.sub-menu li a {
	text-transform: capitalize;
}

#top .content .flex_column .widget_nav_menu ul li a:hover {
	background-color: initial;
	color: #007dbc;
}
/*
2.   Shortcodes Styles
*/

#full-width-section .container {
	padding: 0px;
	max-width: 100%;
}
#full-width-section .container .template-page {
	padding-top: 0px;
	padding-bottom: 0px;
}
.avia_textblock .items-box:nth-child(2n) {
	background: linear-gradient(90deg, #ffffff 30%, #f3f3f3 0%);
}
.avia_textblock .items-box:nth-child(2n + 1) {
	background: linear-gradient(90deg, #f3f3f3 75%, #ffffff 0%);
}
#full-width-section .main_color .feed-wrapper {
	max-width: 1310px;
	margin: auto;
	padding: 0px 45px;
}

#full-width-section .items-box .feed-wrapper .content {
	display: grid;
	grid-template-areas: 'image excerpt';
	grid-gap: 50px;
	grid-template-columns: 47% 47%;
}

#full-width-section .items-box:nth-child(2n) .feed-wrapper .content {
	grid-template-areas: 'excerpt image';
}

#full-width-section .main_color .feed-wrapper .content .service-img {
	grid-area: image;
}
#full-width-section .main_color .feed-wrapper .content .service-excerpt {
	grid-area: excerpt;
}

/*
3.   Projects
 */
.avia-fullwidth-slider,
#top #main #page-title {
	border-bottom: 10px solid #a5a5a5 !important;
	border-top: 10px solid #a5a5a5 !important;
}

#top #main #page-title .template-page {
	padding-bottom: 0px;
	vertical-align: bottom;
}

#top #main #page-title .template-page h1.av-special-heading-tag {
	text-transform: uppercase !important;
}

/*ROV-AUV STYLING */

.avia-fullwidth-slider,
#top #main #rov-auv {
	border-bottom: 10px solid #a5a5a5 !important;
	border-top: 10px solid #a5a5a5 !important;
}

#top #main #rov-auv .template-page {
	padding-bottom: 0px;
	vertical-align: bottom;
}

#top #main #rov-auv .template-page h1.av-special-heading-tag {
	text-transform: uppercase !important;
}

@media only screen and (min-width: 1400px) {
	#rov-auv > div.av-parallax.active-parallax > div {
		background-position: 0 -170px !important;
	}
}

/*Projects gallery (Portfolio Grid)*/

.main_color #js_sort_items {
	background: none;
}

.grid-entry .main_color .grid-image img {
	transition: transform 0.7s ease;
}

.grid-entry .main_color:hover .grid-image img {
	transform: scale(1.1);
}

.main_color .image-overlay {
	display: none !important;
}

.main_color .grid-content {
	position: absolute;
	top: 0px;
	height: 100%;
	width: 100%;
	padding: 0px;
	margin: 0px;
	background: transparent;
}

.main_color .grid-content .entry-content-header {
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: rgba(0, 124, 188, 0.7);
	display: block;
	opacity: 0;
	transition: all 0.7s ease-in-out;
}

.main_color .grid-content .entry-content-header a {
	text-decoration: none;
}

.main_color .grid-content:hover .entry-content-header {
	display: block;
	opacity: 1;
}

.single-portfolio .avia-tooltip {
	display: none !important;
}
.main_color .grid-content .avia-tooltip {
	display: none !important;
}

.main_color .grid-content .entry-content-header h3.grid-entry-title {
	background-image: url(img/logo-gray.png);
	background-repeat: no-repeat;
	background-position: center;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	background-color: transparent;
	line-height: 1em;
	padding-top: calc(35% - 0.5em);
	padding-bottom: calc(35% - 0.5em);
}

/*@media only screen and (max-width: 1200px){
    .main_color .grid-content .entry-content-header h3.grid-entry-title {
    line-height: 2em;
    padding-top: 30%;
    padding-bottom: 30%;
    }
}*/

/*
4. Custom Classes
*/

#gray-white,
#gray-white-tabs {
	background: linear-gradient(90deg, #f3f3f3 75%, #ffffff 0%);
}
#white-gray,
#white-gray-img {
	background: linear-gradient(90deg, #ffffff 30%, #f3f3f3 0%);
}

#gray-white-tabs .flex_column:first-child {
	position: absolute;
	left: 10em;
	top: 8em;
}

.dark-text {
    color: #030303;
}

/*Contact Us Page*/
#map-bg {
	padding: 0px;
}

#map-bg .container {
	max-width: 100%;
	padding: 0px;
	display: block;
	height: 100%;
	color: #ffffff;
}

#map-bg .container .flex_column_table_cell {
	padding: 4em 4em;
}

#map-bg .container h2,
#map-bg .container a,
#white-cf .container,
#white-cf .container a,
#white-cf .container span,
#white-cf .container h2 {
	color: #ffffff !important;
}

/* PACE UPDATE STYLES */
.home-company-overview {
    margin-top: 4rem;
}


#header_main {
	background-color: white !important;
}

@media screen and (min-width: 990px) {
	nav.main_menu .avia-menu .menu {
		display: flex;
		gap: 80px;
	}
	
	.menu-item-top-level.menu-item-has-children {
		position: relative;
	}

	.menu-item-top-level.menu-item-has-children::after {
		content: url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%229%22 height=%226%22 viewBox=%220 0 9 6%22 fill=%22none%22%3E%3Cpath d=%22M8 1.25L4.5 4.75L1 1.25%22 stroke=%22%23BBBCBC%22 stroke-width=%221.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22/%3E%3C/svg%3E');
		position: absolute;
		right: 2px;
		top: 30%;
		transform: translateY(-50%);
		width: 0;
		height: 0;
	}
	
	.menu-item-top-level:hover > a .avia-menu-text{
	    color: #BBBCBC !important;
	}
	
	.menu-item-top-level.menu-item-has-children:hover::after {
        transform: translateY(-50%) rotate(180deg); /* Rotate upside down on hover */
        top: 70%;
        right: -8px;
	} 
}
.heading-lowercase h2 {
	text-transform: lowercase !important;
}

footer.container_wrap {
	background-color: #2d2926;
	border: 0;
}

footer .container {
	border-top: 1px solid white;
}

#graphic-background {
    background-image: none;
}

@media screen and (min-width: 768px){
    #graphic-background {
    	background-position: -200px -160px !important;
    	background-size: 472px;
    	background-image: url(/wp-content/uploads/2024/10/hedgehog-logo-graphic.svg);
    }
}

@media screen and (min-width: 1300px){
    #graphic-background {
    	background-position: 6% -160px !important;
    	background-size: 472px;
    	background-image: url(/wp-content/uploads/2024/10/hedgehog-logo-graphic.svg);
    }
}

#graphic-background p {
	color: #030303;
	font-size: 24px;
	font-weight: 400;
	line-height: 36px; /* 150% */
}

.widget-visit {
	background-image: url(/wp-content/uploads/2024/10/insights-expertise-banner.png);
	background-repeat: no-repeat;
	background-size: cover;
}


.widget-visit .widget_text {
	display: flex;
	flex-wrap: wrap;
    justify-content: center;
	align-items: center;
	gap: 1rem;
	margin: 0;
	padding: 0;
}

a.widget-btn {
	background-color: white;
	/* display: flex; */
	color: #696969;
	text-align: center;
	font-family: 'Open Sans';
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: 36px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding: 20px 24px;
}

.widget-visit .widgettitle {
	color: white;
	margin: 0;
	padding: 0;
	font-size: 31px;
	font-weight: 400;
	line-height: 49px;
	text-transform: lowercase;
	text-align: center;
	max-width: 300px;
	margin: 0 !important;
}


@media screen and (min-width: 615px){
    .widget-visit .widget_text {
        justify-content: space-around;
    }
    
    .widget-visit .widgettitle {
        text-align: left;
    }
}


#testimonial-slider {
	background-position: 124% 93%;
}

#testimonial-slider .slide-entry-title {
	color: white;
	text-align: center;
	font-size: 15px;
	font-weight: 700;
	line-height: 27px; /* 180% */
	letter-spacing: 2px;
	text-transform: lowercase;
}

#testimonial-slider .new-special-heading {
	display: none !important;
}

#testimonial-slider
	.avia-content-slider-element-container
	.avia-slideshow-dots {
	margin-top: 1rem;
	text-align: center;
}

#testimonial-slider .avia-smallarrow-slider.av-slideshow-ui.av-hide-nav-arrows .avia-slideshow-arrows {
    display: flex;
    width: 100%;
    justify-content: space-between;
    position: absolute;
    top: 40% !important;
}

#testimonial-slider .avia-slideshow-arrows a::before {
    border: none !important;
    font-size: 20px;
}

#testimonial-slider .avia-smallarrow-slider .avia-slideshow-dots a {
    background-color: #007dba !important;
}

#testimonial-slider .avia-smallarrow-slider .avia-slideshow-dots a.active {
    background-color: white !important;
}

#testimonial-slider .avia-content-slider-inner .slide-entry-excerpt p {
	color: white;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px; /* 150% */
	text-align: center;
}

#testimonial-slider .slide-entry-wrap {
	background-color: transparent !important;
}

#testimonial-slider .avia-content-slider-element-container {
	display: flex;
	flex-direction: column-reverse;
}

#testimonial-slider a.slider-page-link {
    color: white;
    font-size: 13px;
    font-weight: 400;
    line-height: 23px; /* 176.923% */
    position: relative;
    display: inline-block;
}

#testimonial-slider a.slider-page-link::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 15 15' fill='none'%3E%3Ccircle cx='7.5' cy='7.5' r='6.5' stroke='white'%2F%3E%3Cpath d='M6.5 5L9.5 8L6.5 11' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%2F%3E%3C/svg%3E");
  position: absolute;
  width: 14px;
  height: 14px;
  top: 2px;
  right: -20px;
}

.responsive #top #wrap_all .avia-content-slider-odd .slide-entry.first {
	background-color: transparent;
}

.market-overview {
	background-color: #f3f3f3;
	padding: 2rem 0 !important;
}

.breadcrumb a {
    color: #030303 !important;
}
.market-overview .av-special-heading-tag {
    color: #030303;
} 

.market-overview .entry-content-wrapper {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.market-description {
	display: flex;
	height: 100%;
	flex-direction: column;
	justify-content: center;
}

@media screen and (min-width: 768px) {
	.market-image img {
		width: 100% !important;
		width: 486px !important;
		height: auto !important;
		object-fit: cover;
		object-position: center;
		border: 5px solid #f3f3f3;
		position: relative;
		top: 80px;
	}
}

@media screen and (min-width: 1100px) {
    .market-overview {
        height: 460px;
        padding: 0 !important;
    }
    
    .market-description {
	    margin-top: -10.5rem !important;
	}
	
	.market-image img {
		height: 574px !important;
	}
}

.market-overview .av-subheading {
	color: black;
	text-transform: lowercase;
}

.market-extra .av-special-heading-tag,
.market-testimonial .av-special-heading-tag {
	font-size: 15px;
	font-style: normal;
	font-weight: 700;
	line-height: 27px; /* 180% */
	letter-spacing: 2px;
	text-transform: lowercase;
	color: black;
	color: #030303;
}

.market-testimonial {
    position: relative;
    z-index: 0 !important;
}

.market-testimonial .container {
    margin: -2rem auto -1.5rem !important;
}

@media screen and (min-width: 768px){
    .market-testimonial .container {
        margin: -1rem auto 1rem !important;
    }
}


.market-extra strong {
	color: #696969;
	font-size: 14px;
	font-style: normal;
	font-weight: 700;
	line-height: 26px; /* 185.714% */
}

.market-extra ol li::marker {
    color: #007dba;
	font-weight: 600;
}

.market-extra li {
	position: relative;
}

.market-extra ol li:before {
    content: ".";
    color: #fff;        
    float: left;
    font-size: 20px;    
    font-weight: bold;  
    position: absolute; 
    left: -8.5px;  
	top: 7px;      
    line-height: 13px; 
}


.market-extra ul {
	list-style-type: none;
}

.market-extra ul li {
	position: relative;
}

.market-extra ul li::before {
	content: '';
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: url('/wp-content/uploads/2024/10/Check.svg');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: -1.6em;
	top: 10px;
}

.market-extra ol ul {
	list-style-type: disc;
	padding-left: 1em; 
}

.market-extra ol ul li::before {
	content: none; 
}

.market-testimonial .avia_textblock {
	color: #696969;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: 36px; /* 150% */
}

.market-testimonial strong {
	color: #696969;
}

.market-quote {
	margin-left: 0 !important;
}

@media screen and (min-width: 769px){
    .quote-marks-market {
    	margin-top: 4rem !important;
    }
}

@media screen and (min-width: 890px){
    #highlight-projects-column {
        margin-top: 3rem;
    }
}

@media screen and (min-width: 1100px){
    #highlight-projects-column {
        margin-top: 10rem !important;
        padding-left: 3rem;
    }
}

.menu-footer-main-menu-container .main-parent > a {
	text-transform: uppercase;
	font-weight: 600;
}

/*  SHIFTING HERO IMAGES AROUND FOR SUSTAINABILITY PAGE */

.avia-section.av-m24wt8fm-6bbb24016b322618c0802a9583a83c62 .av-parallax .av-parallax-inner {
    background-position: 50% -130px !important;
}

@media screen and (min-width: 1200px){
	.avia-section.av-m258hda6-f589f44abc3bf638610d4e651460e777 .av-parallax .av-parallax-inner {
		background-position: 50% -72px !important;
	}
}

@media screen and (min-width: 1500px){
	.avia-section.av-m258hda6-f589f44abc3bf638610d4e651460e777 .av-parallax .av-parallax-inner {
		background-position: 50% -92px !important;
	}
}


/* SUSTAINABILITY PAGE */

.more-markets .av-special-heading-tag,
.sustainability-overview .avia_textblock h2 {
    color: #030303 !important;
}


.sustainability-overview .content {
    padding: 1rem 0 2rem !important;
}

@media screen and (min-width: 768px){
    .sustainability-overview .content {
        padding: 2rem 0 3.5rem !important;
    }
}

.page-id-7781 .av-subheading {
    text-transform: lowercase;
}

.page-id-7781 .sustainability-text-column {
    margin-top: -12px !important;
}

.page-id-7781 #after_section_1 .content,
.page-id-7973 #after_section_1 .content,
.page-id-7866 #after_section_1 .content,
.page-id-7970 #after_section_1 .content,
.page-id-7966 #after_section_1 .content {
    padding: 1.5rem 0 2rem !important;
}

#top .widget_nav_menu .sub-menu > li,
#top .widget_nav_menu ul ul li a {
	margin: 0 !important;
	padding: 0 !important;
}

nav.main_menu .sub-menu a {
	color: #0072bc !important;
}

nav.main_menu .sub-menu li:hover a {
	/* background-color: #0072bc !important; */
	color: white !important;
}

#menu-social-media-menu {
	display: flex;
	gap: 18px;
	justify-content: center;
}

#menu-social-media-menu a {
	background-color: #f3f3f3;
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	border-radius: 2px;
}

#menu-social-media-menu #menu-item-7831 svg {
    margin-top:2px;
}

#footer {
	background-color: #2d2926;
}
#footer .flex_column {
	display: flex;
	flex-wrap: wrap;
	padding: 2rem 0;
}

#footer #nav_menu-12 {
	width: 100%;
}

#footer .widget {
	margin: 0;
}

.copyright {
	color: white;
}

.sub_menu_socket {
	text-transform: uppercase;
}

#footer .flex_column > section#media_image-2 {
    max-width: 350px;
}

@media screen and (min-width: 769px) {
	#footer .container {
		margin: 0 auto;
	}

	#footer .flex_column > section {
		margin: 0;
	}

	section#nav_menu-12 .menu-footer-main-menu-container #menu-footer-main-menu {
		display: flex;
		justify-content: space-between;
		padding: 2rem;
		gap: 2rem;
	}

	#footer .flex_column > section#nav_menu-14 {
		grid-area: socials;
		justify-self: end;
	}
	
	#footer .flex_column > section#media_image-2 {
	    margin-right: 2rem;
	}

	#footer #nav_menu-12 ul > li {
		width: 160px;
	}
	
	#footer #nav_menu-14 ul {
		display: flex;
		justify-content: flex-end;
		gap: 10px;
	}

	#footer .menu {
		display: flex;
	}
}

@media screen and (min-width: 1100px){
    #footer .flex_column {
		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-areas:
			'logo menu'
			'text menu'
			'socials socials';
		gap: 20px;
	}
	
	#footer .flex_column > section#media_image-2 {
		grid-area: logo;
	}

	#footer .flex_column > section#text-2 {
		grid-area: text;
	}

	#footer .flex_column > section#nav_menu-12 {
		grid-area: menu;
		width: unset;
		margin-left: 6rem;
	}
	
	section#nav_menu-12 .menu-footer-main-menu-container #menu-footer-main-menu {
	    justify-content: flex-end;
	    padding: unset;
	}
}
/*
5.@Media
*/

@media only screen and (min-width: 1550px) {
	/* #header_meta {
    right: calc(100% - 1300px);
  } */
}

#header_meta {
	position: relative;
	top: auto;
	right: auto;
}

@media only screen and (max-width: 767px) {
	/* #header_meta {
    position: relative;
    top: auto;
    right: auto;
  } */

	#gray-white-tabs .flex_column:first-child {
		position: relative;
		left: 0em;
		top: 0em;
	}

	.tab-content {
		position: relative;
		background-color: #007dbc;
		padding: 1em;
	}

	.tab_inner_content div img {
		display: none;
	}

	#full-width-section .items-box .feed-wrapper .content {
		grid-template-columns: 1fr;
	}

	#full-width-section .main_color .feed-wrapper .content .service-img {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	#footer .menu {
		display: flex;
	}
}

.custom-portfolio-container ul {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
}


.custom-portfolio-item {
    margin: .5rem;
}

.custom-portfolio-item:hover {
	color: #0072bc;
}

@media screen and (min-width: 769px) {
    .custom-portfolio-item {
        max-width: 200px;
    }    
}

.custom-portfolio-title {
    cursor: pointer;
}


/* POP UP STYLES */

body.popup-open {
    overflow: hidden !important;
}

.custom-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2147483646; /* Highest possible z-index minus 1 */
}

.custom-popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #f8f8f8;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 2147483647 !important; 
    width: 95%;
    max-width: 1000px;
    max-height: 80vh; 
    overflow-y: auto; 
}

.custom-popup-close {
    position: sticky; 
    top: 0;
    right: 0; 
    font-size: 24px;
    cursor: pointer;
    z-index: 2147483647;
    background-color: white !important;
    padding: .5rem;
    margin-top: -40px; 
    margin-right: 0; 
    display: block; 
    width: fit-content; 
    margin-left: auto; 
}

.custom-popup-content {
    position: relative;
    display: flex;
    flex-direction: column;
}

.custom-popup-content strong {
    color: #0072bc;
}

.popup-wrapper {
    padding: 1.5rem;
}

@media screen and (min-width: 769px) {
    .custom-popup-content {
        flex-direction: row;
    }
    #popup-image {
        max-width: 60%;
        min-height: 100%;
        object-fit: cover;
    }
}


/* New */
/* Our Work *****/
#top .aviaccordion-preview:hover {
    position: absolute;
    z-index: 10;
    height: 100%;
   
}
#top .aviaccordion-slide img:hover{
	background-color: rgba(0, 124, 188, 0.7);
    background-image: url(img/logo-gray.png);
    background-repeat: no-repeat;
    background-position: center;
}
#top .aviaccordion-preview-title-wrap:hover{
	background-color: rgba(0, 124, 188, 0.7);
    background-image: url(img/logo-gray.png);
    background-repeat: no-repeat;
   /* background-position: 10% 50% ;*/
	background-position: center;
}
#top .aviaccordion-slide-link:hover{
	background-color: rgba(0, 124, 188, 0.7);
    background-image: url(img/logo-gray.png);
    background-repeat: no-repeat;
    background-position: center;
}
/*.avia-accordion.av-ma4zgxox-b6130c73b4eddd27e0c2e3fc2ddd2be2 .aviaccordion-preview {
    width: 100% !important;
}*/
#top .aviaccordion-excerpt,
#top .aviaccordion-title{
	text-transform: unset;
    font-size: 14px;
	/*text-align:left;*/
	text-align:center;
	font-weight:bold;
}
#top .aviaccordion-preview-title-wrap{
	background-color: rgba(0, 124, 188, 0.7);
}
#top .aviaccordion-slide {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.7);
  
}
.avia-accordion.av-ma4zgxox-b6130c73b4eddd27e0c2e3fc2ddd2be2 {
    max-height: 550px !important;
}
/* space between project portfolio grid ***/

.work-project article.main_color.inner-entry {
    margin: 25px;
}
/*.avia-accordion.av-ma4zgxox-78e07b4c617d198c2cff33d9a3810186 .aviaccordion-preview {
    width: 100% !important;
}**/
@media screen and (max-width: 769px) {
	#top .aviaccordion-preview-title-wrap:hover{
    	background-position: 2% 50% ;
	}
	#top .aviaccordion-excerpt,
	#top .aviaccordion-title{
   		 font-size: 12px;
	}
	#top .aviaccordion-preview-title {
    	padding: 4%;
	}
}
.projects-link a{
color:#030303 !important;
}
@media screen and (max-width: 769px) {
    #top .aviaccordion-excerpt, #top .aviaccordion-title {
        font-size: 11px !important;
    }
}
/**** innovation ***/
@media screen and (max-width: 769px){

	.page-id-8974 div#av_section_2 .template-page.content.av-content-full.alpha.units,
	.page-id-8974 div#av_section_3 .template-page.content.av-content-full.alpha.units,
	.page-id-8974 div#av_section_4 .template-page.content.av-content-full.alpha.units,
	.page-id-9041 div#av_section_3 .template-page.content.av-content-full.alpha.units,
	.page-id-9041 div#av_section_2 .template-page.content.av-content-full.alpha.units,
	.page-id-9041 div#after_section_1 .template-page.content.av-content-full.alpha.units
	
	{ 
        padding-top: 0px !important;
		padding-bottom: 0px !important;
	}
}

