/* Full Content Width of Portal */
.full-width-content.clientportal .site-inner {
	max-width:  600px;
}

.full-width-content .content {
	width:  100%;
	max-width:  900px;
}

/*.emd-sidemenu-wrapper {
	background-color:  #e8e8e8;
	color: #333;
}*/

/* General Client Wrap */
.emd-client-portal-wrap {
	display: grid;
   align-items: start;
   justify-content: space-around;
   grid-template-columns: 100%;
   grid-column-gap: 20px;
	border: 1px solid #abb8c3;
	box-shadow: 6px 7px 10px -7px #1A1A1A;    
	margin-top: 2rem;
}

.emd-portal-wrapper {
	padding:  0 0.5em;
}

.emd-portal-menu {
	display: grid;
	align-items: start;
	justify-content: space-around;
	grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
	grid-column-gap: 20px;
	/*border: 1px solid #abb8c3;*/
	/*box-shadow: 6px 7px 10px -7px #1A1A1A;    */
	margin: 2rem 0;
}

.emd-portal-menu-item {
	text-align: center;
}

.emd-portal-client-start {
	margin-top: 1rem;
}

.emd-portal-client-area {
	display: grid;
	align-items: start;
	justify-content: space-around;
	grid-template-columns: 100%;
	grid-column-gap: 20px;
	/*border: 1px solid #abb8c3;*/
	/*box-shadow: 6px 7px 10px -7px #1A1A1A;    */
	margin-top: 2rem;
}

.emd-portal-heading {
	/*margin-top: 2rem;*/
	padding:  0 0.5em 0 0;
}

/* Widget Section for Announcements*/
.clientportal .widget-section{
	background: linear-gradient(45deg, #5c0c29, #75003a);
	padding: 1rem .5rem;
	color: #fff;
}

.clientportal .widget-section .emd-widget{
	margin: 1rem auto;
	width: 85%;
}

.clientportal .widget-section .emd-widget .emd-title, 
.clientportal .widget-section .emd-widget .textwidget{
	text-align: center;
}

/* Client iFrames */
.emd-client-frame iframe {
	background: #EFEFEF;
	height: 50vh;
	max-height: 800px;
	overflow: scroll;
	border: 1px solid #cfcfcf;
}

.emd-client-frame iframe > div {
	color: #000000;
}

/*My Account Page Menu*/
/*.woocommerce-account .woocommerce-MyAccount-content, */
.woocommerce-account .woocommerce-MyAccount-navigation {
   float: none;
   width: 100%;
}

.woocommerce-MyAccount-navigation ul {
   text-align: center;
}

.woocommerce-MyAccount-navigation ul li {
   display: inline-block;
}

/*Desktop Styles*/
@media only screen and (min-width: 768px) {
	.emd-client-portal-wrap {
	    grid-template-columns: minmax(10px, 1fr) 4fr;
	    grid-auto-rows: 1fr
	}

	.emd-sidemenu-wrapper {
		text-align:  left;
		padding: 2rem 0.5em;
	}


	.full-width-content.clientportal .site-inner {
		max-width:  900px;
	}

	.woocommerce-account .woocommerce-MyAccount-navigation {
	   float: left;
	   width: 20%;
	}

	.woocommerce-MyAccount-navigation ul {
	   text-align: left;
	}

	.woocommerce-MyAccount-navigation ul li {
	   display: block;
	}

	.emd-portal-client-area {
	    grid-template-columns: 47% 47%;
	}
}