/*
Theme Name: Virtu Child
Theme URI: https://multimindmedia.com/
Author: alfy
Author URI: https://multimindmedia.com/
Description: Child theme for Virtu / Multimind
Version: 1.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: kadence

/* make button full width on mobile on contact page */
@media only screen and (max-width: 767px) {

.form-contact-page .kb-submit-field button {
	 
		width: 100%;
	
	}}

/* special body class to move up the content above the breadcrumb, like on contact page  */

.move-up-breadcrumb .entry-hero.page-hero-section {
z-index: 10;
background-color: transparent !important;
}

.move-up-breadcrumb .entry-hero.page-hero-section .entry-hero-container-inner {
background-color: transparent !important;
}

.move-up-breadcrumb #primary {
z-index: 0;
position: relative;
margin-top: -110px;
}


/* end of special body class to move up the content */



/* special class for max width */

.max-width-480 {
	max-width: 480px;
}

/* special class for displaying inline images in contact page */
@media only screen and (min-width: 371px) {

.my-inline-images .kt-inside-inner-col .max-height-40:nth-child(2){
	margin-left: 10px;
}
}

.max-height-40 img {
height: 40px;
width: auto;
display: inline;
	margin-top: 10px;
}

.max-height-40 {
	display: inline;
}

/* PAGE WITH CUSTOM BODY CLASS TO HAVE A BREADCRUMB */

.home .page-hero-section {
	display: none;
}
.entry-hero-container-inner {
	background-color: white !important;
}
.entry-hero-container-inner .entry-header {
	text-align: left !important;
	justify-content: inherit !important;
	align-items: start !important;
	padding-bottom: 0px !important; 
}

.entry-hero.page-hero-section .entry-header {
	padding-top: 50px !important;
	min-height: 0px !important;
	/* padding-bottom: 20px !important; */
	
}

.entry-hero #kadence-breadcrumbs {
	font-size: 16px;
}
.entry-hero #kadence-breadcrumbs .bc-delimiter {
color: transparent;
	font-size: 12px;

}
.entry-hero #kadence-breadcrumbs .bc-delimiter:after {
content: "▶";
	color: #008FAD
	
}
.entry-hero #kadence-breadcrumbs .kadence-bc-home {
	color: #008FAD;
	font-weight: bolder;
	text-decoration: none;
	
}

.entry-hero #kadence-breadcrumbs .kadence-bread-current {
	color: #C7CED0;
}

/* END OF PAGE WITH BREADCRUMB */




/* line below masthead */

#masthead {
	border-bottom: 2px solid #008FAD;
}

/* class to make button full width on mobile */
@media only screen and (max-width: 767px) {

	.my-button-full-mobile a {
		width: 100%;
	}
}

/* class to make tabs content full width on mobile  */
@media only screen and (max-width: 767px) {
.my-tabs-mobile-layout {
	width: 100%;
}
}
/* class to disable links, only used for color */

.my-nolink {
	pointer-events: none;
	cursor: default;
}

/* special class to zoom inside image */

.my-image-zoom {
	overflow: hidden;
}
.my-image-zoom img {
	transform: scale(2);
  transform-origin: 25% 35%;
}

/* special class for fixed height sections, used for frontpage what do we do */
@media only screen and (min-width: 1025px) and (max-width: 1140px) {

.my-fixed-height .kt-inside-inner-col {
	height: 420px !important;
}
}
@media only screen and (min-width: 1141px) {

.my-fixed-height .kt-inside-inner-col {
	height: 380px !important;
}
}

/* second special class for fixed height, used for frontpage thumbnails in tabs expertise / solutions */

.my-fixed-height2 {
	height: 115px;


}

/* GALLERY CSS HACK TO MIMICK LAYOUT */

/* css hack to reposition gallery arrows on frontpage. Hide on non-desktop */

.my-gallery .splide__arrows svg {
	color: black;

}

.my-gallery .splide__arrows {
position: relative;
top: 200px;
}

.my-gallery .splide__arrows button.splide__arrow--prev {
left: 45%;
}

.my-gallery .splide__arrows button.splide__arrow--next {
right:45%;
}

@media only screen and (max-width: 1300px) {
	.my-gallery .splide__arrows {
		display: none;
	}
	
}
 /* css hack to make horizontal lines appear near the buttons */ 
.my-gallery .splide__arrows::before,
.my-gallery .splide__arrows::after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 2px; 
  background-color: #ECF2F4; 
}

.my-gallery .splide__arrows::before {
  width: 33.33%;
  left: 0; 
}

.my-gallery .splide__arrows::after {
  width: 33.33%; 
  right: 0; 
}

/* END OF GALLERY CSS HACK TO MIMICK LAYOUT */

/* special columns in footer */

.my-footer-navigation li {
	padding-left: 20px !important;
	padding-right: 20px !important;
 border-right: 1px solid #80C7D6;
}
.my-footer-navigation li.second {
	border-right: none;
}

.my-footer-navigation {
	margin-top: -10px;
}

/* POPUP LAYOUT */

.pum-content.popmake-content > p:first-child img {
 transform: scale(1.2);
  margin-left: -20px; 
  margin-right: -20px; 
  display: block;
	max-height: 100px;
	height: 100px;
	margin-bottom: 50px;
	margin-top: -20px;
	object-fit: cover;
}

.pum-content.popmake-content > p:first-child  {
   position: relative;
	box-sizing: border-box;
}

.pum-container {
	overflow: hidden !important;
}

.pum-content.popmake-content .why {
	padding:32px;
	background-color: #ECF2F4;
	margin-bottom: 15px;
	margin-top: 30px;
	color:black;
}

.pum-content.popmake-content .why > span:first-child {
	display: block;
}

/* END OF POPUP LAYOUT */