/*
 Theme Nname:  HortelaMagenta
 Theme URI:    http://hortelamagenta.pt
 Description:  HortelaMagenta custom WordPress child theme
 Author:       HortelaMagenta // patus.co
 Author URI:   https://patus.co
 Template:     notio-wp
 Version:      1.0.0
*/

#lang-menu, 
#full-menu .sf-menu{
    display: inline-block;
    float: left;
}
#lang-menu.sf-menu { margin-left: 10px; list-style: none;}
#lang-menu.sf-menu li{ margin: 0 0 0 5px; }
#lang-menu.sf-menu li.dash{ margin: 0px 0 0 4px; width: 2px; background: #8c8c8c; display: inline-block; height: 10px; }
#lang-menu.sf-menu li a:hover, #lang-menu.sf-menu li a.current-lang{ color: black; }

#wrapper #mobile-menu #lang-menu-mobile{ padding: 15px 30px 0 25px; margin:0; list-style: none; }
#lang-menu-mobile.sf-menu li{ margin: 0 0 0 5px; display: inline-block; }
#lang-menu-mobile.sf-menu li.dash{ margin: 0px 0 0 4px; width: 3px; background: #8c8c8c; display: inline-block; height: 22px; }
#lang-menu-mobile.sf-menu li a:hover, #lang-menu-mobile.sf-menu li a.current-lang{ color: black; }
#lang-menu-mobile.sf-menu li a{font-family: 'Montserrat'; color: #8c8c8c; font-style: normal; font-variant: normal; font-weight: 600; font-size: 13px; letter-spacing: 0.04em !important; }


.video_bg .table.full-height-content{position: relative; height: 100%;}
.video_bg .wpb_column.columns.medium-12.small-12{position: static;}
/* REMOVER
.video_bg .wpb_raw_code.wpb_content_element.wpb_raw_html{ position: absolute; width: 100%; height: 100%;}
.video_bg .wpb_raw_code.wpb_content_element.wpb_raw_html .wpb_wrapper{ position: relative; width: 100%; height: 100%; }*/

#volumeToggle {
	 --line: #fff;
	 --line-width: 6px;
	 --duration: 0.5s;
	 position: absolute;
	 cursor: pointer;
	 -webkit-tap-highlight-color: transparent;
	bottom: 3%;
	right: 2.5%;
	width: 44px;
	height: 38px;
	float: none;
}
 #volumeToggle input {
	 display: none;
}
 #volumeToggle input + svg {
	 display: block;
	 fill: none;
	 stroke: var(--line);
	 stroke-linecap: round;
	 stroke-linejoin: round;
	 stroke-width: var(--line-width);
	 width: 44px;
	 height: 38px;
}
@media only screen and (max-width: 768px) {
    #volumeToggle {
        top: 3%;
        bottom:initial;
    }
}

 #volumeToggle input + svg path {
	 animation: var(--name) var(--duration) ease forwards;
}
 #volumeToggle input + svg path:nth-child(2) {
	 stroke-dashoffset: 1px;
}
 #volumeToggle input + svg path:nth-child(3) {
	 stroke-dashoffset: 1px;
}
 #volumeToggle input:checked + svg path:nth-child(1) {
	 --name: shape;
}
 #volumeToggle input:checked + svg path:nth-child(2) {
	 --name: small;
}
 #volumeToggle input:checked + svg path:nth-child(3) {
	 --name: large;
}
 #volumeToggle input:not(:checked) + svg path:nth-child(1) {
	 --name: shape-r;
}
 #volumeToggle input:not(:checked) + svg path:nth-child(2) {
	 --name: small-r;
}
 #volumeToggle input:not(:checked) + svg path:nth-child(3) {
	 --name: large-r;
}
 @keyframes small {
	 0%, 30% {
		 stroke-dasharray: 0 0 30px 64px;
	}
	 40% {
		 stroke-dashoffset: 16px;
	}
	 80%, 100% {
		 stroke-dashoffset: 1px;
	}
	 70% {
		 stroke-dasharray: 0 43px 30px 64px;
	}
	 100% {
		 stroke-dasharray: 0 39px 30px 64px;
	}
}
 @keyframes small-r {
	 0% {
		 stroke-dasharray: 0 39px 30px 64px;
	}
	 0%, 40% {
		 stroke-dashoffset: 1px;
	}
	 70% {
		 stroke-dashoffset: 16px;
	}
	 70%, 100% {
		 stroke-dasharray: 0 0 30px 64px;
	}
}
 @keyframes large {
	 0%, 30% {
		 stroke-dasharray: 0 0 50px 84px;
	}
	 40% {
		 stroke-dashoffset: 16px;
	}
	 80%, 100% {
		 stroke-dashoffset: 1px;
	}
	 70% {
		 stroke-dasharray: 0 82px 32px 84px;
	}
	 100% {
		 stroke-dasharray: 0 78px 32px 84px;
	}
}
 @keyframes large-r {
	 0% {
		 stroke-dasharray: 0 78px 32px 84px;
	}
	 0%, 40% {
		 stroke-dashoffset: 1px;
	}
	 70% {
		 stroke-dashoffset: 16px;
	}
	 70%, 100% {
		 stroke-dasharray: 0 0 50px 84px;
	}
}
 @keyframes shape {
	 0% {
		 stroke-dasharray: 60px 0 184px;
		 stroke-dashoffset: 0;
	}
	 70% {
		 stroke-dasharray: 63px 51px 184px;
		 stroke-dashoffset: 21px;
	}
	 100% {
		 stroke-dasharray: 59px 47px 184px;
		 stroke-dashoffset: 17px;
	}
}
 @keyframes shape-r {
	 0% {
		 stroke-dasharray: 59px 47px 184px;
		 stroke-dashoffset: 17px;
	}
	 100% {
		 stroke-dasharray: 60px 0 184px;
		 stroke-dashoffset: 0;
	}
}
.grecaptcha-badge{
    visibility: hidden;
}
.video_bg .row-video-bg{
    padding:0px;
    margin:0px;
    width:100%;
    min-width: 100%;
    height: calc(100vh - 80px) !important;
    min-height: 100%;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    display:block;
}
.video_bg video {
pointer-events: none;
}

.row.mouse_scroll_row.no-padding.full-height-content {
    min-height: calc(100vh - 80px) !important;
    
}