/* Theme customization starts here. */


/* .ginger-site-header--left {
	padding-right: 26px;
	
} */

#portfolio a:first-child{
	border-left:1px solid rgba(128, 128, 128, 0.49);
}
#portfolio a{
	margin-right:0 !important;
	margin-left:0 !important;
	padding: 0 10px;
	border-right: 1px solid rgba(128, 128, 128, 0.49);
	margin-bottom:8px;
}


@media (min-width: 1024px) {
	#pht-mega-menu-toggle {
		visibility:hidden;
	}
	#masthead{
		padding-right: 26px;
		width:240px;
	}
	.ginger-section {
		margin-left:160px;
	}
    .pht-colorbox {
        
    }
}


.navContent {
	list-style-type: none;
	margin-top: 40px;
}
.navContent li {
    color: #AFAFAF;
    text-align: center;
    border-bottom: 0.5px solid rgba(175, 175, 175, 0.54);
    padding: 20px 0;
}
.navContent a:hover{
	color: #37506E;
}
.noBorder{
	border: none !important;
}
.fullHeight{
	height:100%;
}

/* DO NOT use "@import". Just type some css that you need to add or override. */

/* Good luck with your project! */

header, #pht-mega-menu-toggle {
/*     display: none; */
}

.ginger-sidebar-toggle {
    box-shadow: 0 0 15px white;
}
.pht-toggle--opened {
    box-shadow: none ! important;
}

.ginger-site-header--left {
    border-right: 1px solid white;
}

.ginger-sidebar-active {
    border-left: 1px solid white;
}

.js-pane-out-of-view {
     visibility: visible; 
     opacity: 1; 
}


@media (min-width: 42.5em) {
  .ginger-sidebar {
    left:0;
    transform:translate3d(-100%, 0, 0);
    z-index: 1002;
  }
  .ginger-sidebar-active {
    transform:translate3d(0%, 0, 0);
  }
  .ginger-sidebar-toggle {
    z-index: 1003;
  }
}