/*-------------------------------------------------------
Theme Name: Tema Cannprisma
Author: Sérgio Pinto
Author URI: https://intocollective.com/
Template: Divi
Version: 1.0.0
----------------- ADDITIONAL CSS HERE ------------------*/

:root {
  --plyr-color-main: #112B43;
}

/***** TWEAKS *****/

.force_cover img{object-fit:cover;}

.hidden {visibility: hidden;}

.no-js {
  opacity: 0;
  visibility: hidden;
}

.js-loaded {
  opacity: 1;
  visibility: visible;
  transition: opacity 150ms ease-in-out;
}

.et-pb-arrow-next, .et-pb-arrow-prev {
  	background-image: url("data:image/svg+xml,%3Csvg width='49' height='55' viewBox='0 0 49 55' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M48.125 41.2769L48.125 13.7048L24.0576 2.10403e-06L-3.60897e-06 13.7183L-1.19971e-06 41.277L24.0576 55L48.125 41.2769Z' fill='black'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 55px;
    height: 55px;
    line-height: 55px !important;
    font-size: 32px;
    text-align: center;
}
@media (min-width: 768px) {
.et_pb_slider:hover .et-pb-arrow-next {right: 10%;}
.et_pb_slider:hover .et-pb-arrow-prev{left:10%;}
}

/**** Grid 10px Gaps ***/
@media all and (min-width: 981px) {
.grid_gap_10.et_pb_row .et_pb_column {margin: 0 5px;}
.grid_gap_10.et_pb_row .et_pb_column:first-child {margin-left: 0;}
.grid_gap_10.et_pb_row .et_pb_column:last-child {margin-right: 0;}
}
@media all and (max-width: 980px) {.grid_gap_10.et_pb_row{row-gap: 10px;}}

/* Remove bullets */
.privacy-policy .et-l--body ul {list-style-type: none;}
.et-l--body ul {padding: 0 0 5px 1em;}
ol[type="a"]{list-style-type: lower-alpha;}

.et_pb_video_play:before {
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg width='58' height='65' viewBox='0 0 58 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.1348 16.2175V48.8034L28.5615 65L0 48.7871V16.2175L28.5615 0L57.1348 16.2175Z' fill='white'/%3E%3Cpath d='M42.5188 32.5L22.588 43.7583L22.588 21.2417L42.5188 32.5Z' fill='%23112B43'/%3E%3C/svg%3E%0A");
	font-size: 0;
	height: 60px;
	width: 60px;
	display: block;
	left: 0;
	right: 0;
	margin:auto;
}
a.et_pb_video_play {
    margin-left: 0 !important;
    left: 0;
    right: 0;
}
.fluid-width-video-wrapper iframe{
	transform: translateX(-50%);
    left: 50% !important;
    max-height: 650px;
    max-width: 1080px;
}
/***** Embla Carousels ******/
 
/* Default styles for desktop */
.embla {
  overflow: hidden;
}

.embla__viewport {
  overflow: hidden;
  width: 100%;
}

.embla__container {
  display: flex;
}

.embla__slide {
  position: relative;
  width: 33.33%; /* Each slide takes up 33.33% of the container on desktop */
  box-sizing: border-box;
  padding: 30px; /* Optional: Add padding for spacing */
  display:flex;
  flex-direction:column;	
}
.timeline_number{position:relative;}
.timeline_number span {
    background: #112B43;
    color: white !important;
    margin-bottom: 40px;
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    line-height: 1;
    width: 35px;
    height: 35px;
}

.embla__slide.slide01 .timeline_number:before,
.embla__slide.slide02 .timeline_number:before{
	content: '';
    display: block;
    position: absolute;
    top: 16px;
    width: calc(100% + 60px);
    height: 1.5px;
    background: #002B45;
    z-index: -1;
}

.embla__slide .timeline_description{font-size:12px;max-width:300px;}
.embla__slide .timeline_description strong{display:block;font-weight:700;font-size:14;}



/* Styles for tablet and mobile */
@media (max-width: 1024px) {
  .embla__slide {
    min-width: 100%; /* Each slide takes up 100% of the container */
    padding: 0; /* Remove padding for full-width slides */
  }
  .embla__slide.slide01 .timeline_number:before,
  .embla__slide.slide02 .timeline_number:before{
	  width:100%;
	}		
}

/* Dot navigation styles */
.embla__dots {
  display: flex;
  justify-content: center;
  padding: 30px 0 10px;
}

.embla__dot {
  width: 10px;
  height: 12px;
  margin: 0 5px;
  background-color: #d9d9d9;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}

.embla__dot.embla__dot--selected{
  background-color: #112B43;
}




/***** VIDEO *****/

/* Set the fixed size for the video */
	.plyr--video {           
		width: 100% !important;
		max-width: 960px !important;
		height: 100% !important;
		max-height: 540px !important;
		margin: auto !important;
	}
	/* Disable pointer events on controls initially */
        .plyr--video:not(.plyr--playing) .plyr__controls {
            pointer-events: none;
            opacity: 0; /* Hide controls visually */
        }
		
	.plyr__control--overlaid {
    border-radius: 0 !important;
    opacity: 1 !important;
    padding: 0 !important;
    background: url("data:image/svg+xml,%3Csvg width='58' height='65' viewBox='0 0 58 65' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M57.1348 16.2175V48.8034L28.5615 65L0 48.7871V16.2175L28.5615 0L57.1348 16.2175Z' fill='white'/%3E%3Cpath d='M42.5188 32.5L22.588 43.7583L22.588 21.2417L42.5188 32.5Z' fill='%23112B43'/%3E%3C/svg%3E%0A") !important;
    width: 58px !important;
    height: 65px !important;
}
.plyr__control--overlaid svg{display:none;}

.plyr__poster{background-size: 101% 100% !important;}


/* Video container styles */
.cannprisma_about_video-container,.video-container {
    width: 100% !important;
    max-width: 960px !important;
    height: 540px; /* Set a fixed height to maintain layout */
    margin: 0 auto 200px; /* Space between videos */
    position: relative; /* Ensure positioning context for absolute elements */
}

/* Placeholder styles */


.cannprisma_about_custom-placeholder,.cannprisma_home_custom-placeholder{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* Match the height of the video container */
    background-color: rgba(0, 0, 0, 0.7); /* Semi-transparent background for overlay effect */
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: white;
    text-align: center;
    z-index: 2; /* Ensure it appears above the video */
    padding: 20px; /* Add some padding for text */
    box-sizing: border-box; /* Include padding in width/height */
	overflow:hidden;
}

/* Image styles for the placeholder */
.cannprisma_about_custom-placeholder img, .cannprisma_home_custom-placeholder img {
    position: absolute;
    top: 0;
    left: -1px;
    width: 101%;
	max-width:101%;
    height: 100%;
    object-fit: cover; /* Ensure the image covers the placeholder */
    z-index: 1; /* Ensure it appears below the text and icons */
    opacity: 0.5; /* Slightly transparent to enhance text readability */
}
.cannprisma_home_custom-placeholder img {opacity:1}

/* Text overlay styles */
.cannprisma_about_text-overlay {
    position: relative;
    z-index: 3; /* Ensure it appears above the image */
    max-width: 80%; /* Limit text width for better readability */
}

.cannprisma_about_text-overlay svg {
    margin-bottom: 10px; /* Space between SVG and text */
}

.video_title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 10px; /* Space between title and description */
}

.video_discription {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 600;
    padding-bottom: 60px !important;
}

.cannprisma_about_custom-placeholder > svg{
    z-index: 3; /* Ensure it appears above the image */
    cursor: pointer;
    transition: transform 0.3s ease; /* Add a hover effect */
}

.cannprisma_about_custom-placeholder > svg:hover {
    transform: scale(1.1); /* Slightly enlarge on hover */
}

.cannprisma_home_custom-placeholder svg{
	position: absolute; 
	top: 50%; left: 50%; 
	transform: translate(-50%, -50%);
    z-index: 3; /* Ensure it appears above the image */
    cursor: pointer;
}


/* Responsive adjustments */
@media all and (max-width: 980px) {	
    .cannprisma_about_text-overlay svg,
    .cannprisma_about_text-overlay .video_title,
    .cannprisma_about_text-overlay .video_discription {
        display: none; /* Hide text elements on smaller screens */
    }
}

/***** FONTS *****/

/***** Typography *****/

@font-face {
  font-family: 'Montserrat';
  font-style: normal;	
  src: url("/wp-content/themes/cannprisma/fonts/Montserrat-VF.woff2") format("woff2 supports variations"),
       url("/wp-content/themes/cannprisma/fonts/Montserrat-VF.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat-Italic';
  font-style: italic;	
  src: url("/wp-content/themes/cannprisma/fonts/Montserrat-Italic-VF.woff2") format("woff2 supports variations"),
       url("/wp-content/themes/cannprisma/fonts/Montserrat-Italic-VF.woff2") format("woff2-variations");
  font-weight: 100 900;
  font-display: swap;
}

html,body{font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;font-weight:400;}
em,i{font-family: 'Montserrat-Italic',Helvetica,Arial,Lucida,sans-serif;}
strong{font-weight:900;}

h3, h4{font-weight:700}

body h5{font-size: 25px;}
body h4{font-size: 25px;}
body h3{font-size: clamp(1.125rem, 0.875rem + 1.25vw, 1.875rem);}

/***** Animations *****/

/* scroll down icon */
@keyframes scrollAnimation {
  0% {
    transform: translateY(0);
	  opacity:1;
  }
  50% {
    transform: translateY(8px);
	  opacity:0;
  }
  100% {
    transform: translateY(0);
	  opacity:1;
  }
}

/** css animations **/

.fade-left, .fade-right,
.fade-left::before, .fade-left::after,
.fade-right::before, .fade-right::after{
  opacity: 0;
  transition: opacity 1s ease-out, transform 1s ease-out;
}

.fade-left.animate::before, .fade-left.animate::after,
.fade-right.animate::before, .fade-right.animate::after {
  opacity: 1;
  transform: translateX(0);
}

.fade-left.animate,
.fade-left::before, .fade-left::after {
  animation: fadeLeft 1s forwards;
}

.fade-right.animate,
.fade-right::before, .fade-right::after{
  animation: fadeRight 1s forwards;
}

@keyframes fadeLeft {
  from {
    opacity: 0;
    transform: translateX(-100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRight {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

/* Initial state for fade-up-sequence */
body:not(.et-fb) .fade-up-sequence {
    opacity: 0;
    transform: translateY(100px); /* Matches the y: 100 in GSAP */
    margin-bottom: 10px; /* Add some spacing between elements */
}

/* Initial state for fade-in-hexagon-txt-sequence */
body:not(.et-fb) .fade-in-hexagon-txt-sequence {
    opacity: 0;
}

/* Initial state for elements to be animated */
body:not(.et-fb) .fadeIn,
body:not(.et-fb) .fadeLeft,
body:not(.et-fb) .fadeRight,
body:not(.et-fb) .fadeDown,
body:not(.et-fb) .fadeUp {
    opacity: 0;
}

body:not(.et-fb) .fadeLeft {
    transform: translateX(-150px); /* Matches the x: -100 in GSAP */
}

body:not(.et-fb) .fadeRight {
    transform: translateX(150px); /* Matches the x: 100 in GSAP */
}

body:not(.et-fb) .fadeUp {
    transform: translateY(150px); /* Matches the y: 100 in GSAP */
}

body:not(.et-fb) .fadeDown {
    transform: translateY(-150px); /* Matches the y: -100 in GSAP */
}

/** PrismaSenses Wave **/

#prismasenses_animated_wave_wrapper {
      width: 100%;
      max-width: 1600px;
      height: 90px;
    }
    
    #prismasenses_animated_wave #wave_path {
  stroke-dasharray: 0; /* This will be set dynamically */
  stroke-dashoffset: 0; /* This will be set dynamically */
  stroke-width: 2;
  stroke: url(#wave_stroke); /* Use your gradient */
  fill: none;
}

    svg#prismasenses_animated_wave {
    transform: scaleX(-1);    
      width: 100%;
      height: 100%;
    }


/* marquee */

.marquee-container {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-content, .marquee-content span {
	font-family: Arial, Helvetica, sans-serif !important;
  display: inline-block;
  white-space: nowrap;
  color: white !important;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1.5px white;
}

.marquee-content, .marquee-content.stroke_blue span {
  color: #002B45 !important;
  -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
  -webkit-text-stroke: 1.5px #002B45;
}


/******* Buttons ******/

.cannprisma_btn {
  text-decoration: none;
  display:inline-block;
  padding:10px 20px;
  position: relative;
  font-size:12px;
  line-height:1;
  font-weight:600;
  background-color: inherit !important;
  color:#112C43;
  -webkit-clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  transition: color 300ms ease;
}
.cannprisma_btn.btn_light{color:#fff;}

.cannprisma_btn::before {
  content:'';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display:inline-block;
  background-color: #112C43;
  -webkit-clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  z-index:-2;
}
.cannprisma_btn.btn_light::before{background-color: #fff;}
.cannprisma_btn::after {
  content:'';
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
  display:inline-block;
  background-color: inherit !important;
  -webkit-clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  clip-path: polygon(0% 37.1%, 6.5% 0%, 89.1% 0%, 100% 62.9%, 93.5% 100%, 10.9% 100%, 0% 37.1%);
  z-index:-1;
  transition: background-color 300ms ease;
}

.cannprisma_btn:hover{color:#fff;}
.cannprisma_btn:hover::after {
  background: #112C43 !important;
}
.cannprisma_btn.btn_light:hover{color:#002B45}
.cannprisma_btn.btn_light:hover::before,.cannprisma_btn.btn_light:hover::after{background-color: #fff !important;}

/** new btns **/
.et_pb_button_module_wrapper .hexagon_white_btn, .et_pb_button_module_wrapper .hexagon_blue_btn,.forminator-button-submit.hexagon_white_btn,
.et_pb_button_module_wrapper .hexagon_white_btn.our_solutions, .et_pb_button_module_wrapper .hexagon_blue_btn.our_solutions{
    display: inline-block !important;
    border: none !important;
    background-repeat: no-repeat;
    background-size: contain;
    font-weight: 600;
    font-size: 14px !important;
    line-height: 1 !important;
    padding: 11px 35px 11px 20px !important;
    color: #fff !important;
}

.et_pb_button_module_wrapper .hexagon_white_btn{
    background-image: url("data:image/svg+xml,%3Csvg width='117' height='36' viewBox='0 0 117 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581335 13.6887L8.07323 1.05276L103.444 1.05273L116.123 22.4216L108.621 35.0527L13.2577 35.0527L0.581335 13.6887Z' stroke='white'/%3E%3C/svg%3E%0A");
}

.et_pb_button_module_wrapper .hexagon_white_btn:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='117' height='36' viewBox='0 0 117 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581335 13.6887L8.07323 1.05276L103.444 1.05273L116.123 22.4216L108.621 35.0527L13.2577 35.0527L0.581335 13.6887Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    color: #112B43 !important;
	padding: 11px 35px 11px 20px !important;
}
.forminator-button-submit.hexagon_white_btn {
    background-image: url("data:image/svg+xml,%3Csvg width='168' height='32' viewBox='0 0 168 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.676287 12.0099L7.22013 0.5H156.233L167.324 19.9944L160.772 31.5L11.7654 31.5L0.676287 12.0099Z' stroke='white'/%3E%3C/svg%3E%0A");
	cursor:pointer;
	padding: 11px 25px 11px 30px !important;
}
.forminator-button-submit.hexagon_white_btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='168' height='32' viewBox='0 0 168 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.676287 12.0099L7.22013 0.5H156.233L167.324 19.9944L160.772 31.5L11.7654 31.5L0.676287 12.0099Z' fill='white' stroke='white'/%3E%3C/svg%3E%0A");
    color: #112B43 !important;
	padding: 11px 25px 11px 30px !important;
}

.page-contacts .forminator-button-submit.hexagon_white_btn,
.page-research-development .forminator-button-submit.hexagon_white_btn{
    background-image: url("data:image/svg+xml,%3Csvg width='168' height='32' viewBox='0 0 168 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.676287 12.0099L7.22013 0.5H156.233L167.324 19.9944L160.772 31.5L11.7654 31.5L0.676287 12.0099Z' stroke='%23112B43'/%3E%3C/svg%3E%0A");
	cursor:pointer;
	padding: 11px 25px 11px 30px !important;
	color: #112B43 !important;
}
.page-contacts .forminator-button-submit.hexagon_white_btn:hover,
.page-research-development .forminator-button-submit.hexagon_white_btn:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='168' height='32' viewBox='0 0 168 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.676287 12.0099L7.22013 0.5H156.233L167.324 19.9944L160.772 31.5L11.7654 31.5L0.676287 12.0099Z' fill='%23112B43' stroke='%23112B43'/%3E%3C/svg%3E%0A");
    color: #fff !important;
	padding: 11px 25px 11px 30px !important;
}

.et_pb_button_module_wrapper .hexagon_blue_btn {
    background-image: url("data:image/svg+xml,%3Csvg width='117' height='36' viewBox='0 0 117 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581335 13.6887L8.07323 1.05276L103.444 1.05273L116.123 22.4216L108.621 35.0527L13.2577 35.0527L0.581335 13.6887Z' stroke='%23112B43'/%3E%3C/svg%3E%0A");
    color: #112B43 !important;
}

.et_pb_button_module_wrapper .hexagon_blue_btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='117' height='36' viewBox='0 0 117 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.581335 13.6887L8.07323 1.05276L103.444 1.05273L116.123 22.4216L108.621 35.0527L13.2577 35.0527L0.581335 13.6887Z' fill='%23112B43' stroke='%23112B43'/%3E%3C/svg%3E%0A");
    color: #ffffff !important;
	padding: 11px 35px 11px 20px !important;
}


/** our solution btns **/

.et_pb_button_module_wrapper .hexagon_blue_btn.our_solutions{background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.613649 11.2593L8.26626 0.500026L106.4 0.5L119.386 18.7447L111.723 29.5L13.5971 29.5L0.613649 11.2593Z' stroke='%23112B43'/%3E%3C/svg%3E%0A");color: #112B43 !important;}

.et_pb_button_module_wrapper .hexagon_blue_btn.our_solutions:hover{background-image: url("data:image/svg+xml,%3Csvg width='120' height='30' viewBox='0 0 120 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.613649 11.2593L8.26626 0.500026L106.4 0.5L119.386 18.7447L111.723 29.5L13.5971 29.5L0.613649 11.2593Z' fill='%23112B43' stroke='%23112B43'/%3E%3C/svg%3E%0A");  color: #ffffff !important;	padding: 11px 35px 11px 20px !important;}



/***** Header *****/

/* main menu */
#et-top-navigation #top-menu.nav li.centered-inline-logo-wrap{display:none;}

body.light-header .cannprisma_logo{color:white;}
body.light-header #et-top-navigation #top-menu.nav li a{color:#fff;}
body.page-prismasenses .cannprisma_logo path{fill:white !important;}



#page-container #main-header .container{width:90%}
#page-container #main-header .container #et-top-navigation{padding:0;}
#et-top-navigation #top-menu-nav{width:100%;padding: 20px 0;}
#et-top-navigation #top-menu.nav{display: flex;justify-content: space-between;align-items: center;position:relative;}

#et-top-navigation #top-menu.nav li:nth-last-child(2){padding-right:50px;}
#et-top-navigation #top-menu.nav li.lang_switcher{position:absolute;right:0;padding-left:15px;border-left:1px solid #fff;}
body:not(.light-header) #et-top-navigation #top-menu.nav li.lang_switcher{border-left:1px solid #002f54;}
#et-top-navigation #top-menu.nav li.lang_switcher a{text-decoration:underline;}
#et-top-navigation #top-menu.nav li a{padding:0;font-weight:600;}

body.light-header #et-top-navigation #top-menu li.current-menu-ancestor>a, body.light-header #et-top-navigation #top-menu li.current-menu-item>a, body.light-header #et-top-navigation #top-menu li.current_page_item>a{color: #f2be48;}

/* Mobile Header */

@media (max-width: 980px) {
    .et_header_style_split #main-header {padding: 10px;}
	#page-container #main-header .container{display:flex;}
	.et_header_style_split header#main-header .logo_container{flex:80%;display:flex;align-items:center;padding-bottom: 5px;}
	.et_header_style_split #et-top-navigation {display:contents;}
	.et_header_style_split #et_mobile_nav_menu {margin-top: 0;display: contents;}
	.et_header_style_split .mobile_nav .select_page{display:none;}
	.et_header_style_split #main-header .mobile_nav {display: contents;text-align: right;background-color: transparent;border-radius: 0;padding: 0;}
	.et_header_style_split .et_menu_container .mobile_menu_bar {position: static;padding: 0 !important;}
	.et_header_style_split #logo {max-height: 16px;height: fit-content;max-width: 90%;}
	.et_header_style_split .et_mobile_menu {top: 3em;width: 102vw;left: -10%;border:none !important;box-shadow:none !important;}
	.et_mobile_menu li:last-child a{border-bottom: none;}
	.et_header_style_split .et_mobile_menu li a{ padding: 1.5em 5%;}
	.et_mobile_menu li.menu-item{text-align:center;}
	.et_mobile_menu li.menu-item.svg-logo-menu-item{display:none;}
	.mobile_nav.opened .mobile_menu_bar:before {content: '\4d';}
	
}


/***** Home Page *****/

/* hero */

.home_lettering_intro_wrapper > div{
	display:flex;
}

.home_lettering_intro_content{
	color: #fff;
    font-weight: 200;
    text-transform: uppercase;
	position: relative;
	width: 100%;
	margin:auto;
	overflow: hidden;
}

.home_lettering_intro_content p{padding-bottom:0;}

.intro_text {
	font-size: clamp(2.5rem, 0.7955rem + 5.4545vw, 6.25rem);
	line-height: 1;
	margin: 0;
	padding:0;	
	display:flex;
	justify-content:center;
}
.intro_text_1 {
	transform: translate(-2em, 1em);
}
.intro_text_2 {
	transform: translate(1.075em, 1em);
}
.intro_text_3 {
	transform: translate(-1.85em, 1em);
}
.intro_text_last_row{
	display: flex;
    align-items: center;
	justify-content:center;
	transform: translateX(7.5em);
}
.intro_text_4 {
	transform: translate(0, 1em);
}
.intro_text_sub_text {
	font-size: clamp(1.125rem, 0.5rem + 2vw, 2.5rem);
    text-transform: capitalize;
	font-weight:400;
	padding:0;
	margin:0;
	padding-left: 20px;
	line-height: 1;
}
.scroll_icon_social_wrapper{margin-bottom:10em;}

.scroll_down_icon {
  	display: inline-block;
  	position: absolute;
	left: 50%;
    transform: translateX(-50%);
}

.scroll-animate {animation: scrollAnimation 2s infinite;}

.custom-social-networks{
	position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(50%);
    display: flex;
	align-items: center;
    gap: 1em;
}
footer .custom-social-networks{position:relative;}
.custom-social-networks a{color:#fff;}

@media all and (max-width: 767px) {
	.home_lettering_intro_content{font-weight:400;}
	.intro_text_1 {transform: translate(-.76em, 1em);}
	.intro_text_2 {transform: translate(.35em, 1em);}
	.intro_text_3 {transform: translate(-.95em, 1em);}
	.intro_text_last_row {flex-direction:column;transform: translateX(0);}
	.intro_text_sub_text{text-align:center;padding-left:0;padding-top:40px;font-weight:600;line-height:1.3;}
}
@media all and (max-width: 980px) {	
	.scroll_icon_social_wrapper{margin-bottom:3em;display: flex;flex-direction: column;align-items: center;}
	.custom-social-networks{position:static;padding-top:5em;transform: translateY(0);}
}

/* section 01 */

.clipping_image_wrapper{
	position: relative;
    width: 397px;
    height: 457px;
    display: flex;
    justify-content: center;
}

.clipping_image_container{
	position: absolute;
    left: 6px;
    top: 4px;
    clip-path: url(#svgPath);
    width: 387px;
    height: auto;
    background: #516e80;
}
.clipping_image_container img{
    transform: scale(1) translate(0%, -5%);
    /*filter: contrast(1.1) brightness(0.9);
    -webkit-mix-blend-mode: color-dodge;
    mix-blend-mode: color-dodge;
    opacity: 0.7;*/
}
.clipping_image_outline_shape{
	position: absolute;
    top: 0;
    left: 0;
}


/***** About Page *****/

.vector_hexagon_content{padding-bottom:40px;}
.vector_hexagon_content svg{max-width:80%;}

 /* Initially hide the text 
  .text_bullet_group .text {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.3s ease-in-out;
  }
*/
  /* Show the text when hovering over the bullet 
  .text_bullet_group .bullet:hover + .text {
    visibility: visible;
    opacity: 1;
  }
*/
.about_title_wrapper{display: flex;justify-content: center;}
.about_title_wrapper h1{
	color:#fff;
	max-width: 625px;
	font-weight: 700;
	font-size: 40px;
	line-height: 1.2;
}

/* team members grid */

.team-members-grid {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* Center all items, including the last row */
    gap: 40px 75px; /* Row and column gaps */
}

.team-member {
    flex: 1 1 210px; /* Grow, shrink, and set the base width */
    max-width: 210px; /* Ensure items don't grow too large */
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.team-member-img-wrapper {
    width: 100%;
    max-width: 210px;
    height: 100%;
    max-height: 240px;
    margin-bottom: 15px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.team-member-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.team-member-info {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.team-member h3, .team-member p {
    font-size: 14px;
    line-height: 1;
    font-weight: 700;
}

.team-member p {
    font-weight: 500;
	text-wrap: balance;
	line-height:1.2;
}


@media all and (max-width: 980px) {	
	.about_title_wrapper h1{max-width: 90vw;font-size: 20px;}
	.vector_hexagon_content svg {transform: translateX(15px);}
}

/** Timeline **/

.timeline{
  position:relative;
  margin:50px auto;
  padding:0;
  width:1000px;
  box-sizing:border-box;
}
.timeline:before {
  content: '';
  position: absolute;
  left: 50%;
  width: 1px;
  height: var(--timeline-height, 0%); /* Use a CSS variable for height */
  background: #fff;
}

.timeline ul{
  padding:0;
  margin:0;
}
.timeline ul li{
  list-style:none;
  position:relative;
  width:50%;
  min-height: 110px;
  padding:0 40px;
  box-sizing:border-box;
}
.timeline ul li:nth-child(odd){  
  float:right;
  text-align:left;
  clear:both;	
}
.timeline ul li:nth-child(even){
  float:left;
  text-align:right;
  clear:both;
}
.content{
  padding:0;
}
.timeline ul li:nth-child(odd):before,.timeline ul li:nth-child(even):before
{
	content:'';
	background-image: url("data:image/svg+xml,%3Csvg width='15' height='18' viewBox='0 0 15 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 4.31086V12.9609L7.49999 17.2718L15 12.9609V4.31086L7.49999 0L0 4.31086Z' fill='white'/%3E%3C/svg%3E%0A");
	position:absolute;
	width:15px;
	height:18px;
	top:15px;
	left:-7px;
}
.timeline ul li:nth-child(even):before{left:auto;right:-8px;}

.timeline ul li p{
	margin:10px 0 0;
  	padding:0;
  	color:#fff;
}
.timeline ul li .time h4{
 	margin:0;
  	padding:0;
  	font-size:14px;
	color:#fff;
}
.timeline ul li .time
{
	position:relative;  
	margin:0;
	padding:8px 0; 
	color:#000;  
}

@media(max-width:1000px)
{
  .timeline{
	  width:100%;
  }
}
@media(max-width:767px){
	.timeline{
		width:100%;
		padding-bottom:0;
  }
	h1{
		font-size:40px;
		text-align:center;
  }
	.timeline:before{
		left:20px;
		height:100%;
  }
  .timeline ul li:nth-child(odd),
  .timeline ul li:nth-child(even)
  {
	  width:100%;
	  text-align:left;
	  padding-left:50px;
	  padding-bottom:50px;
  }
  .timeline ul li:nth-child(odd):before,
  .timeline ul li:nth-child(even):before
  {
	  top:15px;
	  left:13px;
  }
}

/** Strains **/

.strains-grid-wrapper{
	padding: 240px 0;
	display:flex;
	flex-direction:column;
}

.strains-grid-wrapper > p, .strains-grid-wrapper h2{margin:0 auto;}

.strains-grid-wrapper > p{
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
	color: #112B43;
	margin-bottom:20px;
}
.strains-grid-wrapper h2{
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
	color: #002B45;
	margin-bottom:120px;
}

.cannabis-strains-grid {
    display: grid;
    width: 100%;
    max-width: 1165px;
    margin: 0 auto;
    /* This creates a dynamic gap distribution */
    grid-template-columns: repeat(3, minmax(0, 240px));
    justify-content: space-between;
}


.cannabis-strain {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: white;
    transition: all 0.3s ease;
	width: 100%;
    max-width: 240px;
	margin-bottom:100px;
	backface-visibility: hidden;
    -webkit-font-smoothing: subpixel-antialiased;
    will-change: transform;
}


.cannabis-strain:hover {
    transform: scale(1.1) translatey(-15px);
}

.cannabis-strain-img-wrapper {
    width: 100%;
    aspect-ratio: 1;
    margin-bottom: 20px;
	height: 300px;
}

.cannabis-strain-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
	background-image: url("data:image/svg+xml,%3Csvg width='240' height='279' viewBox='0 0 240 279' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.58706 72.8622V207.928L119.988 275.071M3.58706 72.8622L119.988 5.63477M3.58706 72.8622L3.59755 72.8618M3.58706 72.8622L87.105 121.368M119.988 275.071L236.347 207.865V72.8622M119.988 275.071L119.989 207.928L87.1056 121.378L119.988 5.63477M236.347 72.8622L119.988 5.63477M236.347 72.8622L178.246 174.414M119.988 5.63477L152.829 121.368L119.989 207.97L178.246 174.414M152.84 121.368L236.347 72.9043M178.246 174.414L236.368 207.938M119.967 207.907L61.7192 174.351M61.7192 174.351L3.58691 207.875M61.7192 174.351L3.61798 72.7881M178.246 241.431L119.988 207.875M61.7193 241.431L119.967 207.875' stroke='%23002F54' stroke-miterlimit='10'/%3E%3Cpath d='M115.792 2.35742V7.08778L119.875 9.44521L123.958 7.08778V2.35742L119.875 0L115.792 2.35742Z' fill='%23002F54'/%3E%3Cpath d='M0 69.4053V74.1434L4.08278 76.4931L8.15785 74.1434V69.4053L4.08278 67.0479L0 69.4053Z' fill='%23002F54'/%3E%3Cpath d='M0 204.081V208.819L4.08278 211.168L8.15785 208.819V204.081L4.08278 201.723L0 204.081Z' fill='%23002F54'/%3E%3Cpath d='M115.792 271.034V275.765L119.875 278.122L123.958 275.765V271.034L119.875 268.677L115.792 271.034Z' fill='%23002F54'/%3E%3Cpath d='M231.834 204.125V208.855L235.917 211.213L240 208.855V204.125L235.917 201.768L231.834 204.125Z' fill='%23002F54'/%3E%3Cpath d='M231.834 69.4053V74.1434L235.917 76.4931L240 74.1434V69.4053L235.917 67.0479L231.834 69.4053Z' fill='%23002F54'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
}

.cannabis-strain-info {
    width: 100%;
    text-align: left;
}

.cannabis-strain-info h3 {
    font-size: 16px;
    color: #002F54;
    text-align: center;
    margin-bottom: 20px;
    font-weight: bold;
}

.cannabis-strain-info p {
    display: flex;
    justify-content:space-between;
    border-bottom: 1px solid #002F54;
    padding: 4px 0;
    font-size: 12px;
}

.cannabis-strain-info p strong {
    color: #002F54;
	font-size:11px;
    font-weight: 600;
}

/* Responsive behavior */
@media (max-width: 840px) {
    .cannabis-strains-grid {
        grid-template-columns: repeat(2, minmax(0, 240px));
        justify-content: space-around;
    }
}

@media (max-width: 540px) {
    .cannabis-strains-grid {
        grid-template-columns: minmax(0, 240px);
        justify-content: center;
    }
}


/** R&D **/

.hexagon_mask{ 
  width:417px;
  height: 975px;
  clip-path: polygon(0.0714722px 152.5px, 0.0703125px 884.727px, 156.202px 974.727px, 416.071px 825.727px, 416.071px 90px, 260.001px 0px, 0.0714722px 152.5px); 
  background-color: rgba(0, 43, 69, .5);
}
.hexagon_mask_img 
{ 
  width:417px;
  height: 524px;
  clip-path: polygon(0.0703125px 152.5px, 0.0703125px 432.5px, 156.131px 523.467px, 416.07px 371.5px, 416.07px 90px, 260px 0px, 0.0703125px 152.5px); 
  background-color: rgba(0, 43, 69, .5);
}

/** News **/

/* Grid */

.pmb-no-posts {
    text-align: center;
    padding: 40px 20px;
    background: #f8f8f8;
    border-radius: 8px;
    margin: 20px auto;
    max-width: 600px;
}

.pmb-no-posts p {
    margin: 0;
    font-size: 1.1rem;
    color: #666;
}

.pmb-posts-grid {	
	display: grid;
    width: 100%;
    margin: 0 auto;
    grid-template-columns: repeat(2, minmax(0, 645px));
    justify-content: space-between;
}

.pmb-post-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transition: transform 0.3s ease;
	margin-bottom:60px;
}

.pmb-post-card:hover {
    transform: translateY(-5px);
}

.pmb-post-image {
    position: relative;
    aspect-ratio: 16/9;
    overflow: hidden;
}

.pmb-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.pmb-post-content {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
	padding:15px 0;
}

.pmb-post-title {padding:0;}

.pmb-post-title a {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
	color: #112B43;
    text-decoration: none;
}

.pmb-post-subtitle {
    color: #666;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

/* Responsive behavior */
@media (max-width: 840px) {
     .pmb-posts-grid {
        grid-template-columns: repeat(2, minmax(0, 300px));
        justify-content: space-around;
    }
}


@media (max-width: 540px) {
    .pmb-posts-grid {
        grid-template-columns: minmax(0, 300px);
        justify-content: center;
    }
}


/** Footer **/

.page-prismasenses footer.et-l.et-l--footer .et_pb_section{background-color: #000 !important;}

.section_apoios a {display:flex;}
.section_apoios a svg {max-width:100%;}

.cp_packaging_formats_wrapper{display: flex;flex-wrap: wrap;column-gap:30%}
.cp_packaging_formats_column{display: flex;flex-direction: column;}
.cp_packaging_formats_image{padding-bottom:10px;max-width: 100%; height: auto;}
.cp_packaging_formats_wrapper .cp_packaging_formats_column .cp_packaging_formats_type{display:block;font-weight: 600;font-size: 14px;line-height: 1;color: #002F54;padding-bottom:5px;}
.cp_packaging_formats_wrapper .cp_packaging_formats_column .cp_packaging_formats_size {list-style:none;padding:0;}

/** Contact Form **/

.forminator-custom-form{
	max-width: 90vw;
	width: 590px;
	margin: 0 auto;
}
.forminator-custom-form .forminator-label{display:none;}
.forminator-custom-form .forminator-input,.forminator-custom-form .forminator-textarea {
	width:100%;
    border-radius: 25px;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, .3);
    border: none;
    color: #fff;
}
.page-contacts .forminator-custom-form .forminator-input,
.page-contacts .forminator-custom-form .forminator-textarea,
.page-research-development .forminator-custom-form .forminator-input,
.page-research-development .forminator-custom-form .forminator-textarea{
	background-color: rgba(255, 255, 255, 1);
	color:#112B43;
}

.forminator-custom-form .forminator-input::placeholder,
.forminator-custom-form .forminator-textarea::placeholder,
.forminator-custom-form .forminator-response-message{color:white;}

.page-contacts .forminator-custom-form .forminator-input::placeholder,
.page-contacts .forminator-custom-form .forminator-textarea::placeholder,
.page-contacts .forminator-custom-form .forminator-response-message,
.page-research-development .forminator-custom-form .forminator-input::placeholder,
.page-research-development .forminator-custom-form .forminator-textarea::placeholder,
.page-research-development .forminator-custom-form .forminator-response-message{color:#112B43;}

.forminator-custom-form .forminator-error-message{
    color: white;
    font-size: 12px;
    padding: 0 25px;
}
.page-contacts .forminator-custom-form .forminator-error-message,
.page-research-development .forminator-custom-form .forminator-error-message{color:#112B43}
.forminator-custom-form .forminator-response-message ul{list-style:none;}

.forminator-custom-form .forminator-error-message:before,
.forminator-custom-form .forminator-response-message ul li:before{
	content: "\e063";
  speak: none;
  font-weight: 400;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-family: ETmodules !important;
  padding-right:10px;
}
.forminator-custom-form .forminator-field-consent{
	position: relative;
    color: white;
    font-size: 12px;
    line-height: 1.4;
    max-width: 90%;
    margin: 0 auto;
	padding:0 !important;
}
.page-contacts .forminator-custom-form .forminator-field-consent,
.page-research-development .forminator-custom-form .forminator-field-consent{color:#112B43}
.forminator-custom-form .forminator-field-consent .forminator-checkbox.forminator-consent{position:absolute;left:0;}
.forminator-custom-form .forminator-field-consent .forminator-checkbox__label p{
	text-indent: 18px;
    padding: 2px 6px 0;
}
.forminator-custom-form .forminator-field-consent .forminator-error-message {padding: 0 8px;}
.forminator-custom-form .forminator-row:nth-last-of-type(3){margin-bottom:10px !important}
.forminator-custom-form .forminator-field-consent .forminator-checkbox-label { 
color: #FFFFFF;
}
.forminator-custom-form .forminator-field-consent .forminator-checkbox-box {
   background-color: #f2be48 !important;
    border-color: #f2be48 !important;
}
.forminator-custom-form .forminator-row-last .forminator-field{display:flex;justify-content:center;} /* center submit button */