/*
Theme Name: Nacio Digital Alternative
Author: Volcanic Internet
Author URI: http://volcanicinternet.com
Description: Custom Theme to this project
Version: 1.1
*/
* {
	box-sizing:border-box;
}

img {
	max-width:100%;
}

mark {
	background-color: #ffffff;
}

#header {
	width:100%
}

.otgs-development-site-front-end {
	display: none!important;
}

body {
    font-family: 'Inter', sans-serif;
    font-size:14px;
    line-height:1.210em;
    font-optical-sizing: auto;
    font-weight:400;
    font-style: normal;
    font-variation-settings:"slnt" 0;
}

body.blockScroll {
    overflow: hidden;
    height: 100vh;
}

h1,
h2,
h2.wp-block-kadence-advancedheading,
h1.wp-block-kadence-advancedheading,
h1.wp-block-heading,
h2.wp-block-heading {
	text-wrap: balance
}

/*SIDEBAR*/
.main-nav-left {
	width:155px;
	min-width:155px;
	border-right:1px solid var(--wp--preset--color--light-gray);
	padding-right:10px;
	transition:all ease .3s;
	margin-right:30px;
	background-color:var(--wp--preset--color--white);
	transition:transform ease .3s;
	opacity:0;
	visibility:hidden;
	pointer-events:none;
	transform:translate3d(-100px, 0, 0);
	left:-300px;
	position:absolute;
	top:0;
}

.wrapper-body.container.active .main-nav-left{
	position:static;
	opacity:1;
	transform:translate3d(0, 0, 0);
	visibility:visible;
	pointer-events:auto;
}

#side-nav .menu-item {
	margin-bottom:12px;
}

#side-nav .menu-item a {
	display:flex;
	flex-direction:row;
	text-align:left;
	text-decoration:none;
	color:var(--wp--preset--color--dark-grey);
	font-size:13px;
	align-items: center;
	line-height: 1.120em;
	letter-spacing: -.2px;
}
#side-nav .menu-item a .sidenav-menu-icon {
	order:-1;
	width:32px;
	min-width:32px;
	height:32px;
	margin-right:4px;
	position:relative;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:50%;
}

#side-nav .menu-item a:hover {
	color:var(--wp--preset--color--black);
}
#side-nav .menu-item.current-menu-item a {
	color:var(--wp--preset--color--black);
	font-weight: 700;
	text-decoration: underline;	
}

#side-nav .menu-item a:hover .sidenav-menu-icon,
#side-nav .menu-item.current-menu-item a .sidenav-menu-icon{
	background-color:var(--wp--preset--color--yellow);
}

#side-nav .menu-item a .sidenav-menu-icon img {
	width:18px;
	min-width:18px;
	height:18px;
	object-fit:scale-down;
	object-position:center
}

/*Content*/
.wrapper-body {
	margin-top:12px;
	display:flex;
	align-items:stretch;
	justify-content:flex-end;
	min-height:calc(100vh - 127px);
	position:relative;
}

.wrapper-body.container #content{
	transition:all ease .3s;
	width:100%;
}

.wrapper-body.container.active #content {
	width:calc(100% - 185px);
	transition:all ease .3s;
}

.page-content {
	margin:0 auto;
	width:100%;
}


@media (max-width:767px) {
	.search-box.active {
		display:none;
	}

	.search-box {
		display:flex;
	    transform: translate3d(0, 0, 0);
	    pointer-events: auto;
	    opacity: 1;
	    transition: all ease .3s;
	}
	
	#content{
		width:100%;
	}


	.wrapper-body.container.active .main-nav-left{
		opacity:0;
		position:absolute;
		visibility:hidden;
		pointer-events:none;
		transform:translate3d(-100px, 0, 0);
		left:-500px;
		transition:transform ease .3s;
	}

	.wrapper-body.container.active #content{
		width:100%;
	}

	.wrapper-body.container .main-nav-left{
		margin-right:0;
		width:70%;
		position:absolute;
		border:none;
		height:100vh;
		left:0;
		transition:all ease .3s;
		padding-left:20px;
		top:0;
		opacity:1;
		transform:translate3d(0, 0, 0);
		opacity:1;
		visibility:visible;
		pointer-events:auto;
		z-index: 100;
	}

	
}

@media (max-width:756px) {
	.section-graph .wp-block-group {
		border-radius:0!important;
		margin-left:calc(50% - 50vw);
		margin-right:calc(50% - 50vw);
		max-width: 100vw;
		width: 100vw;
	}
}

.flourish-embed,
.container-block-graph {
	width:100%;
	/*min-height: 300px;*/
	min-height: 100px;
}

/*
.col-graph {
	min-height:500px!important
}

.graph-block-item {
	min-height:453px!important
}*/

.container-block-graph {
	position: relative;
}

.graph-block-item {
	display: block!important;
	opacity: 0;
	visibility: hidden;
	transform: translate3d(0,100px,0);
	pointer-events: none;
	position: absolute;
	top: 0;
	left: 0;
	transition: .4s all ease;
}

.graph-block-item.active {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0,0,0);
	pointer-events: auto;
	position: relative;
  transition: .4s all ease;
	top: auto;
	left: auto;
}


.wp-block-acf-vlc-popup {
	position:fixed;
	top: 0%;
	width:calc(100% - 40px);
	max-width:400px;
	margin: 0 auto;
	left:0;
	right:0;
	z-index:2;
	flex-direction: column-reverse;
	justify-content: center;
	align-items: flex-start;
	display: none;
	/* border: 1px solid red; */
	height: 100vh;
}

.wp-block-acf-vlc-popup.show {
	display: flex;
}

.vlc-modal-body {
    background-color:var(--wp--preset--color--white);
    z-index: 2;
    position: absolute;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
	padding:20px;
	box-shadow: 0px 4px 34px 0px rgba(0, 0, 0, 0.25);
}

.wp-block-acf-vlc-popup:after {
	display:block;
	width:100vw;
	height:100vh;
	content:"";
	position:fixed;
	left:0;
	top:0;
	background-color:rgba(255, 255, 255, 0.9);
	z-index:1
}


.vlc-popup-title {
	font-weight:800;
	font-size:20px;
	line-height:1.15;
	margin-bottom:16px;
	display:block
}

.vlc-popup-text-box > :first-child{
	margin-top:0
}

.vlc-popup-text-box * {
	font-size:18px;
	line-height:1.25
}

.vlc-popup-text-box {
	max-height:340px;
	overflow-y:auto;
}

/* width */
.vlc-popup-text-box::-webkit-scrollbar {
width: 8px;
}

/* Track */
.vlc-popup-text-box::-webkit-scrollbar-track {
background: #F3F2F2;
}

/* Handle */
.vlc-popup-text-box::-webkit-scrollbar-thumb {
background: var(--wp--preset--color--power-blue);
}

/* Handle on hover */
.vlc-popup-text-box::-webkit-scrollbar-thumb:hover {
background: #F3F2F2;
}

.vlc-popup-close {
	border:1px solid var(--wp--preset--color--light-gray);
	font-size:13px;
	line-height:1;
	font-weight:600;
	color:var(--wp--preset--color--dark-grey);
	display:flex;
	padding:6px 25px 6px 8px;
	margin-bottom:20px;
	border-radius:4px;
	position:relative;
	align-items:center;
    cursor: pointer;
}

.vlc-popup-close:hover {
	background-color:var(--wp--preset--color--light-gray);
}

.vlc-popup-close:after,
.vlc-popup-close:before {
	width:1px;
	height:13px;
	content:"";
	background-color:var(--wp--preset--color--black);
	display:block;
	position:absolute;
	border-radius:10px;
	right:10px;
}

.vlc-popup-close:after{
	
	transform:rotate(45deg);
}

.vlc-popup-close:before{
	transform:rotate(-45deg);
}

/*Footer*/
#footer {
	background-color:var(--wp--preset--color--black);
	width:100%;
	margin-top:60px;
	color:var(--wp--preset--color--white);
	font-size:14px;
}

.top-footer {
	background-color: var(--wp--preset--color--white);
	color:var(--wp--preset--color--black);
	border-top:1px solid var(--wp--preset--color--light-gray);
}

.container-top-footer {
	display:flex;
	width:100%;
	align-items:center;
	justify-content:space-between;
	padding-top:20px;
	padding-bottom:20px;
}

.footer-sm {
	display:flex;
	align-items:center;
}

.footer-sm > span{
	font-size:14px;
	line-height:1;
}

.sm-row {
	margin-left:20px;
	display:flex;
	padding-right:40px
}

.sm-row a {
	width:32px;
	height:32px;
	background-color:var(--wp--preset--color--black);
	display:flex;
	align-items:center;
	justify-content:center;
	margin-right:10px;
	border-radius:50px;
}

.sm-row a img {
	width:100%;
	height:auto;
	aspect-ratio:1;
	max-width:16px;
	filter: brightness(0) invert(1);
}

#footer-nav-item ul{
	margin:0;
	padding:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	line-height: 1;
}

#footer-nav-item ul li {
	margin:5px;
}

#footer-nav-item ul li a {
	color:var(--wp--preset--color--black);
	text-decoration:none;
	font-size:14px;
}

#footer-nav-item ul li a:hover {
	color:var(--wp--preset--color--power-blue);
}

.sm-row a:hover {
	background-color:var(--wp--preset--color--power-blue);
	
}

/*.sm-row a:hover img{
	filter: unset;
}*/

.sm-row a:last-child {
	margin-right:0;
}

.bottom-footer {
	padding-top:40px;
	padding-bottom:40px;
}

.container-bottom-footer {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.footer-col {
	min-width:200px;
	max-width:360px;
	padding:20px;
	display:flex;
	flex-direction:column;
	/*align-items: center;
	text-align: center;*/
}

.footer-left-col {
	padding-left:0;
}

.footer-center-col {
	align-items:center;
	text-align:center;
}

.footer-right-col {
	padding-right:0;
	align-items:flex-end;
	text-align:right;
}

.footer-col h4 {
	margin: 0 0 10px 0;
	font-size:14px;
}

.footer-col img {
	width:75%;
	height:auto;
	max-width:200px;
}

.footer-col p {
	margin:0 0 5px 0;
	font-size: 14px;
}

.footer-col p:last-child {
	margin-bottom:0;
}

@media (max-width:991px) {
	.footer-col {
		width:50%;
		padding:20px 0;
		max-width:100%;
	}

	.footer-col, .footer-center-col, .footer-right-col{
		align-items: center;
		text-align: center;
	}

	.footer-left-col {
		width:100%;
	}
}

@media (max-width:767px) {
	.footer-sm,#footer-nav-item {
		width:100%;
	}

	#footer-nav-item {
		margin-top:15px
	}

	#footer-nav-item ul li {
		margin-left:0px;
		margin-right:10px;
	}

	.container-top-footer {
		flex-wrap:wrap;
	}
}

@media (max-width:480px) {
	.footer-col {
		width:100%;
	}
}


/*Footer*/

@media (max-width:767px) {
    .wp-block-acf-vlc-popup {
        top:20px;
    }

    .vlc-modal-body {
        top: 0;
    }


	#footer {
		margin-top:30px;
	}

}