#acpNav{float:right;margin-right: 5%;position: relative;font-family: 'Poppins', sans-serif;}
#acpNav button{background:none;border:none;color:rgb(0,0,0);position: relative; top:50%;-webkit-transform: translate(0,50%);-ms-transform: translate(0,50%);transform: translate(0,50%);cursor: pointer;}
#acpNav button svg{height:2.5em;fill:rgb(0,0,0);display: inline-block;}
#acpNav ul{display:none;}

#js-modal-page[aria-hidden='true']{display:inline-block;}

/**Primary Menu: Modal Overlay**/
dialog.primary-menu-modal{display: block; overflow-y: scroll; z-index:100000;width:35%;height:100%;right:0;top:0;left:auto;padding:1.5em 2.5%;background:rgba(0,0,0,0.95);color:rgb(255,255,255);border:none;-webkit-box-shadow: -3px 0 6px 0 rgba(0,0,0,0.25);
box-shadow: -3px 0 6px 0 rgba(0,0,0,0.25);margin:0;}
.primary-menu-modal-overlay {display:none;}
.primary-menu-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.primary-menu-modal-overlay[data-background-click="disabled"] {cursor: auto}
.primary-menu-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(255,255,255);}
.primary-menu-modal-close{position: relative;float:right;border:none;color:rgb(255,255,255);height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close_white.png) center center no-repeat;background-size:cover;margin-bottom:1.5em;cursor: pointer;z-index:2;}
.primary-menu-modal__content ul{margin:0;padding:1em 0;list-style:none;width:100%;position: relative;}
.primary-menu-modal__content ul li{width:100%;display: inline-block;position: relative;}
.primary-menu-modal__content ul li a{font-size:1.25em;display:inline-block;margin:0.35em 0 0.35em;padding:0.25em 0; font-weight:300;color:rgb(255,255,255);-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.primary-menu-modal__content ul li a svg{font-size:0.7em; height:1em;margin-left:0.5em;fill:rgb(255,255,255);display:inline-block;opacity:0;}
.primary-menu-modal__content ul li a:hover,.primary-menu-modal__content ul li a:focus{color:rgb(255,255,255,0.5);padding:0.25em 5%;border-bottom: 1px solid rgb(255,255,255);text-decoration: none;}
.primary-menu-modal__content ul li a:hover svg,.primary-menu-modal__content ul li a:focus svg{opacity:1;}
.primary-menu-modal__content ul ul{margin:0 0 0 10%;width:90%;}
.primary-menu-modal__content ul ul li a{font-size:1em;}

#js-modal-content{width:100%;display:inline-block;float:left;position:relative;}

/**Courses Info: Modal Overlay**/
dialog.acp-overlay-modal{display: block;position:fixed;width:calc(100% - 5.5em);height:calc(100% - 5.5em);top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:1.5em 2.5%;  background:rgb(248,248,248);color:rgb(0,0,0);border:none;-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);z-index:100000; overflow-y: auto;}
.acp-overlay-modal__wrapper{width:100%;display:inline-block;float:left;position:relative;}
dialog.acp-overlay-modal button.js-modal-close{position:absolute;top:-2.5em;right:0;background:none; border:none;font-size:1.5em;}
.acp-overlay-modal-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgb(0,0,0,0.8);z-index: 99999;cursor: pointer;animation: fade ease .5s 1 normal}
dialog.acp-overlay-modal::-webkit-scrollbar {width: 1em;}
dialog.acp-overlay-modal::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);}
dialog.acp-overlay-modal::-webkit-scrollbar-thumb {background-color: rgb(240,240,240);outline: 1px solid rgb(26,26,26);}

.acp-overlay-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(0,0,0);}
.acp-overlay-modal-overlay[data-background-click="disabled"] {cursor: auto}
.acp-overlay-modal__content{width:100%;display:inline-block;float:left;position:relative;z-index:1;}
/*.acp-overlay-modal__content,.acp-overlay-modal__content h1, .acp-overlay-modal__content h2, .acp-overlay-modal__content h3, .acp-overlay-modal__content h4, .acp-overlay-modal__content h5, .acp-overlay-modal__content h6, .acp-overlay-modal__content p, .acp-overlay-modal__content div{color:rgb(255,255,255);}*/
.acp-overlay-modal-close{height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close.png) center center no-repeat;background-size:cover;position:absolute;right:0;top:0;border:none;color:rgb(0,0,0);z-index:2;}

/**Planning Info: Modal Overlay**/
dialog.planning-overlay-modal{display: block;position:absolute;width:75%;height:80vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3.5em 2.5%;      background: rgb(0,115,187) url(../images/asset_planning.png) right bottom no-repeat; background-size: auto 100%;color:rgb(255,255,255);border:none;-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);z-index:100000;}
.planning-overlay-modal__wrapper{width:100%;display:inline-block;float:left;position:relative;}
dialog.planning-overlay-modal button.js-modal-close{position:absolute;top:-2.5em;right:0;background:none; border:none;font-size:1.5em;}
.planning-overlay-modal-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgb(0,0,0,0.8);z-index: 99999;cursor: pointer;animation: fade ease .5s 1 normal}
.planning-overlay-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(255,255,255);}
.planning-overlay-modal-overlay[data-background-click="disabled"] {cursor: auto}
.planning-overlay-modal__content{width:100%;display:inline-block;float:left;position:relative;z-index:1;}
.planning-overlay-modal__content,.planning-overlay-modal__content h1, .planning-overlay-modal__content h2, .planning-overlay-modal__content h3, .planning-overlay-modal__content h4, .planning-overlay-modal__content h5, .planning-overlay-modal__content h6, .planning-overlay-modal__content p, .planning-overlay-modal__content div{color:rgb(255,255,255);}
.planning-overlay-modal__content svg{height: 2.5em;margin: 0 0 1.5em;fill: rgb(255,255,255);}
.planning-overlay-modal-close{height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close.png) center center no-repeat;background-size:cover;position:absolute;right:-2.5%;top:-6em;border:none;color:rgb(255,255,255);z-index:2;}

/**Pathway Info: Modal Overlay**/
dialog.pathways-overlay-modal{display: block;position:absolute;width:75%;height:80vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3.5em 2.5%;      background: rgb(176,95,0) url(../images/asset_pathways.png) right bottom no-repeat; background-size: auto 100%;color:rgb(255,255,255);border:none;-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);z-index:100000;}
.pathways-overlay-modal__wrapper{width:100%;display:inline-block;float:left;position:relative;}
dialog.pathways-overlay-modal button.js-modal-close{position:absolute;top:-2.5em;right:0;background:none; border:none;font-size:1.5em;}
.pathways-overlay-modal-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgb(0,0,0,0.8);z-index: 99999;cursor: pointer;animation: fade ease .5s 1 normal}
.pathways-overlay-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(255,255,255);}
.pathways-overlay-modal-overlay[data-background-click="disabled"] {cursor: auto}
.pathways-overlay-modal__content{width:100%;display:inline-block;float:left;position:relative;z-index:1;}
.pathways-overlay-modal__content,.pathways-overlay-modal__content h1, .pathways-overlay-modal__content h2, .pathways-overlay-modal__content h3, .pathways-overlay-modal__content h4, .pathways-overlay-modal__content h5, .pathways-overlay-modal__content h6, .pathways-overlay-modal__content p, .pathways-overlay-modal__content div{color:rgb(255,255,255);}
.pathways-overlay-modal__content svg{height: 2.5em;margin: 0 0 1.5em;fill: rgb(255,255,255);}
.pathways-overlay-modal-close{height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close.png) center center no-repeat;background-size:cover;position:absolute;right:-2.5%;top:-6em;border:none;color:rgb(255,255,255);z-index:2;}

/**Courses Info: Modal Overlay**/
dialog.courses-overlay-modal{display: block;position:absolute;width:75%;height:80vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3.5em 2.5%;      background: rgb(173,0,44) url(../images/asset_courses.png) right bottom no-repeat; background-size: auto 100%;color:rgb(255,255,255);border:none;-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);z-index:100000;}
.courses-overlay-modal__wrapper{width:100%;display:inline-block;float:left;position:relative;}
dialog.courses-overlay-modal button.js-modal-close{position:absolute;top:-2.5em;right:0;background:none; border:none;font-size:1.5em;}
.courses-overlay-modal-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgb(0,0,0,0.8);z-index: 99999;cursor: pointer;animation: fade ease .5s 1 normal}
.courses-overlay-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(255,255,255);}
.courses-overlay-modal-overlay[data-background-click="disabled"] {cursor: auto}
.courses-overlay-modal__content{width:100%;display:inline-block;float:left;position:relative;z-index:1;}
.courses-overlay-modal__content,.courses-overlay-modal__content h1, .courses-overlay-modal__content h2, .courses-overlay-modal__content h3, .courses-overlay-modal__content h4, .courses-overlay-modal__content h5, .courses-overlay-modal__content h6, .courses-overlay-modal__content p, .courses-overlay-modal__content div{color:rgb(255,255,255);}
.courses-overlay-modal__content svg{height: 2.5em;margin: 0 0 1.5em;fill: rgb(255,255,255);}
.courses-overlay-modal-close{height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close.png) center center no-repeat;background-size:cover;position:absolute;right:-2.5%;top:-6em;border:none;color:rgb(255,255,255);z-index:2;}

/**Learning Info: Modal Overlay**/
dialog.learning-overlay-modal{display: block;position:absolute;width:75%;height:80vh;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:3.5em 2.5%;      background: rgb(76,128,2) url(../images/asset_learning.png) right bottom no-repeat; background-size: auto 100%;color:rgb(255,255,255);border:none;-webkit-box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);
	box-shadow: 3px 3px 6px 3px rgba(0,0,0,0.1);z-index:100000;}
.learning-overlay-modal__wrapper{width:100%;display:inline-block;float:left;position:relative;}
dialog.learning-overlay-modal button.js-modal-close{position:absolute;top:-2.5em;right:0;background:none; border:none;font-size:1.5em;}
.learning-overlay-modal-overlay {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: rgb(0,0,0,0.8);z-index: 99999;cursor: pointer;animation: fade ease .5s 1 normal}
.learning-overlay-modal-title{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;color:rgb(255,255,255);}
.learning-overlay-modal-overlay[data-background-click="disabled"] {cursor: auto}
.learning-overlay-modal__content{width:100%;display:inline-block;float:left;position:relative;z-index:1;}
.learning-overlay-modal__content,.learning-overlay-modal__content h1, .learning-overlay-modal__content h2, .learning-overlay-modal__content h3, .learning-overlay-modal__content h4, .learning-overlay-modal__content h5, .learning-overlay-modal__content h6, .learning-overlay-modal__content p, .learning-overlay-modal__content div{color:rgb(255,255,255);}
.learning-overlay-modal__content svg{height: 2.5em;margin: 0 0 1.5em;fill: rgb(255,255,255);}
.learning-overlay-modal-close{height:1.5em;width:1.5em;text-indent:-99999px;background:url(../images/asset_close.png) center center no-repeat;background-size:cover;position:absolute;right:-2.5%;top:-6em;border:none;color:rgb(255,255,255);z-index:2;}

/**Responsive Queries**/
@media only screen and (max-width: 1400px){
	dialog.primary-menu-modal{width:45%;}
}
@media only screen and (max-width: 1100px){
	dialog.primary-menu-modal{width:60%;}
}
@media only screen and (max-width: 980px){
	#acpNav{margin-right:0;position: absolute;right:5%;top:50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);}
	#acpNav button{top:auto;-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
	#acpNav button svg{height:1.75em;}
}
@media only screen and (max-width: 800px){
	dialog.primary-menu-modal{width:100%; text-align: center;}
	.primary-menu-modal__content ul li a svg{width:0;overflow: hidden;}
	.primary-menu-modal__content ul li a:hover svg, .primary-menu-modal__content ul li a:focus svg{width:auto;}
	.primary-menu-modal__content ul ul{margin:0;width:100%;}
}
@media only screen and (max-width: 680px){
	#acpNav{-webkit-transform:translate(0); -ms-transform:translate(0); transform:translate(0);top:1.5em;}
	#acpNav button svg{heighat:auto;width:2em;}
	dialog.primary-menu-modal{padding:1.5em 5% 3em;position: fixed;overflow-y:scroll;}
	.primary-menu-modal__content ul li a{font-size:1em;}
	.primary-menu-modal__content ul ul{font-size:85%;}
}