:root {
  --item-color: #0353a3;
  
  --MOA-gold: #ffc60b;
  --MOA-blue: #001589;
  
  --MOA-blue-light: #4583d0;
  --MOA-orange: #f1a051;
  --MOA-green: #7e9f96;
  --MOA-green-light: #c7e5db;
}

#s4-bodyContainer {
	width: auto !important; 
}

#s4-workspace {
		padding-left: 0px !important;
}

.general-title {
	color:white !important;
}

.general-title, .event-title {
    /* ff 3.6+ */
    background:-moz-linear-gradient(#65743C 0%, #8BA14C 28%, #6A8618 100%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(#65743C 0%, #8BA14C 28%, #6A8618 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(#65743C 0%, #8BA14C 28%, #6A8618 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6A8618', endColorstr='#65743C', GradientType=0 );

    /* ie 10+ */
    background:-ms-linear-gradient(#65743C 0%, #8BA14C 28%, #6A8618 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(#65743C 0%, #8BA14C 28%, #6A8618 100%);
	font-size:18px;
	
	color: white !important;
}

.general-title a, .event-title a {
	color: white !important;
}

#MOA_BreadCrumbControl {
	padding-top:5px;
	padding-bottom:5px;
	margin-left:30px;
}

#MOA_BreadCrumbControl ul {
	word-break: break-all;
	list-style:none;
}


#MOA_BreadCrumbControl ul, #MOA_BreadCrumbControl ul li {
	padding:0;
	margin-bottom:0px;
	display:inline;
	list-style:none;
}

#MOA_BreadCrumbControl li {
	display:inline-block;
	word-break: keep-all;
	font-size:12pt;
}

#MOA_BreadCrumbControl .my-breadcrumbRootNode {
	margin-left:-5px;
}

#MOA_BreadCrumbControl .my-breadcrumbNode, #MOA_BreadCrumbControl .my-breadcrumbRootNode {
	
	padding-right:10px;
}

.dept-navbar {
	background-color: var(--quaternary-color) !important;
	margin-bottom: 20px;
}

.dept-nav-item {
	
	padding: 8px;
}

.dept-nav-item a{
	
	font-size: 14pt !important;
	font-family: Helvetica, sans-serif !important;
	color: #FBFBFB !important;
	
}

.dept-nav-dropdown {
	background-color: var(--quaternary-color) !important;
	width: 100% !important;
}

.dept-nav-dropdown a:hover {
	background-color: #999999 !important;
}

.general-content {
	font-size: 13pt;
	font-family: Helvetica, sans-serif
}


/* Card-Links */

.general-tile {
    width: auto;
    height: auto;
    border: 2px solid #4583d0;
    border: 2px solid var(--MOA-blue-light) !important;
    border-radius: 10px !important; 
    box-shadow: 4px 8px 8px 3px #00000022;
}

.general-tile-row {
	margin-bottom: 15px;
}


.general-tile-spacing :hover > .general-tile{
    border: 2px solid #001589;
    border: 2px solid var(--MOA-blue) !important;
    border-radius: 10px !important; 
}

.general-tile-spacing :hover > .general-tile > .general-tile-header {
	background-color: #001589;
	background-color: var(--MOA-blue);
	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.general-tile-spacing :hover > .general-tile > .general-tile-content{
    background: #e1e1e1;
    border-color: #001589;
    border-color: var(--MOA-blue);
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;

}

.general-tile-time {
	font-size: 12px;
	
}

.general-tile-date {
	font-size: 12px;
}

.general-tile-spacing {
	margin: 10px !important; 
	color: black;
}

.general-tile-spacing p{
	margin: 10px !important; 
	color: black;
}


.general-tile-spacing a:hover{
	text-decoration:none;
	color: black;
}


.general-tile-header {
    font-weight: bold;
    color: white;
    background-color: #4583d0;
    background-color: var(--MOA-blue-light);
    border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;
}

.general-tile-header :hover {
    background-color: #001589;
	background-color: var(--MOA-blue);
	border-top-left-radius: 5px !important;
    border-bottom-left-radius: 5px !important;

}

.general-tile-content {
    padding: 5px 5px 5px 5px;
    font-size: 14px;
    background: #fcfcfc;
    border-color: #4583d0;
    border-color: var(--MOA-blue-light);
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
}

.general-tile-content h2{
	font-size: 18px;
}