/*	user.css for spc_homepage	*/

:root {
 --spc-blue: 		#006d91;
 --spc-paleblue:  	#e0f7ff;
 --spc-paleblue-op5:  	#e6f3f57f;
 --spc-white:		#fff;
 --spc-darkgrey:	var(--gray-700);
 --spc-gradient-dark: #006d91;
 --spc-gradient-light: #7edfff;

 --cassiopeia-color-primary: var(--spc-blue);
 --cassiopeia-color-link: var(--spc-blue);
 --cassiopeia-color-hover: #424077;
 --spc-font-serif: var(--cassiopeia-font-family-body);
      /* was: "georgia, times new roman, times, serif"; */
}

.nav-tabs {
	border-bottom: none;
}

.metismenu.mod-menu .metismenu-item {
    padding: 0.1em 0.2em 0.1em 0.3em;
}

.container-header .metismenu > li > a::after {
	opacity: .9;
}

.container-header .metismenu > li.active > a::after {
    background-color: var(--link-color);	
}

@media (width >= 992px) {
	.container-header .metismenu > li.level-1.active > a,
	.container-header .metismenu > li.level-1.active > button, 
	.container-header .metismenu > li.level-1 > a:hover,
	.container-header .metismenu > li.level-1 > button:hover 
	{
   	 	text-decoration: none;
		color: var(--link-color);
	}
}

.spc-site-grid1 {
	grid-gap: 0 0;
}

.container-component > * + *, .footer {	
  margin-top: 0;
  background-color: var(--spc-paleblue);
}

body {
	background-color: var(--spc-paleblue);
}

.header, .footer, .container-header, .container-footer {
/*	background-color: var(--spc-blue); */
/*	background-image: linear-gradient(to bottom, var(--spc-paleblue), var(--spc-blue)); */
	background: linear-gradient(to bottom in hsl shorter hue, var(--spc-gradient-light) 1%, var(--spc-gradient-dark) 100%);
}	

h1, h2, h3, h4, h5, h6, 
 .h1, .h2, .h3, .h4, .h5, .h6 {
	color: var(--spc-blue); !important;
	font-family: var(--spc-font-serif);
}

h1.title {
    display: block;
    margin: 0px auto 0px auto;      /* keep the table centered */
    padding-top: 0.2rem;
    padding-bottom: 0.5rem;
    padding-right: 2rem;
    padding-left: 2rem;
    border-radius: 4px;
    text-align: center;
    background-color: var(--spc-blue);
    color: var(--spc-white);
    font-family: var(--spc-font-serif);
}

.badge-info {
  	color: black;
  	font-size: 1em;
}

input[class=search] {
  	border-radius: 4px;
  	border-color: white;
}

.spc-indent {
	margin-left: 1em;
	margin-right: 1em;
	line-height: 1.0;
	margin-bottom: 1em;
}

.spc-bolder {
  font-weight: calc(var(--body-font-weight) + 200);
}

.spc-blue {
	color: var(--spc-blue);
}

.spc-paleblue {
	color: var(--spc-paleblue);
}

.spc-white {
	color: var(--spc-white);
}

.spc-darkgrey {
	color: var(--spc-darkgrey);
}

.spc-copyright, .spc-tiny {
	font-size: .5em;
}

.spc-bg-clear {
	background-color: transparent;
}

.spc-bg-paleblue {
	background-color: var(--spc-paleblue);
}

.spc-bg-blue {
	background-color: var(--spc-blue);
}

.spc-text-center {
	text-align: center;
}

div.spc-latest-message {
  position: relative;
  top: 0;
  right: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--spc-light-blue);
  border: 1px solid var(--spc-blue);
  float: right;
}

.spc-no-list-style > ul {
    list-style: none;
}

#sspc-latest-message {
  position: relative;
  top: 0;
  right: 0;
  padding: 0;
  margin-left: 0;
  margin-right: 0;
  background-color: var(--spc-light-blue);
  border: 1px solid var(--spc-blue);
  float: right;">
}
.spc-module-card {
  	background-color: var(--spc-blue);
  	color: var(--spc-white);
  	font-family: var(--spc-font-serif);
  	text-align: center;
 }

.spc-module-card2, .spc-module-card-revtxt {
  	border-color: var(--spc-blue);
  	background-color: var(--spc-white);
  	border-width: 2px;
  	border-top: 2px;
  	color: black;
  	font-family: var(--spc-font-serif);
  	text-align: center;
 }

/*	This class replicates the formatting of .p3 to display heading in an article */

h3.spc-nonmodule-card, h4.spc-nonmodule-card {
    display: block; 
    margin: 0px auto 0px auto; /* keep the table centered */
  	padding-top: 0.2rem;
  	padding-bottom: 0.5rem;
  	padding-right: 2rem;
  	padding-left: 2rem;
  	border-radius: 4px;
	text-align: center;
	background-color: var(--spc-blue);
	color: var(--spc-white);
	font-family: var(--spc-font-serif);
}

h3.spc-nonmodule-card::before, h4.spc-nonmodule-card::before,
h3.spc-nonmodule-card-revtxt::before, h4.spc-nonmodule-card-revtxt::before {
	text-align: center;
	padding-top: 0.5rem;
	font-family: var(--spc-font-serif);
}

h4.spc-nonmodule-card, h4.spc-nonmodule-card-revtxt {
	font-size: 1em;
}

h9.spc-nonmodule-card-revtxt {
    display: block; 
    margin: 0px auto 0px auto; /* keep the table centered */
  	padding-top: 0px;
  	padding-bottom: 0.5rem;
  	padding-right: 2rem;
  	padding-left: 2rem;
  	border-radius: 4px;
  	border-color: var(--spc-blue);
  	background-color: var(--spc-white);
  	border-width: 2px;
  	border-top: 2px;
  	color: black;
  	font-family: var(--font-sans-serif);
  	text-align: center;
}

.spc-nonmodule-card, p.spc-nonmodule-card, div.spc-nonmodule-card,
	div.spc-nonmodule-card-revtxt, h3.spc-nonmodule-card-revtxt  {
 	display: block;
    margin: 0px auto 0px auto; 			/* keep the table centered */
	background-color: var(--spc-blue);
	color: var(--spc-white);
  	padding-top: 0.2rem;
  	padding-bottom: 0.2rem;
  	padding-right: 2rem;
  	padding-left: 2rem;
  	border-radius: 4px;
	text-align: center;
	font-weight: var(--cassiopeia-font-weight-headings,700);
	font-family: var(--spc-font-serif);
}

h3.spc-nonmodule-card-revtxt {
	border: 2px solid;
  	border-color: var(--spc-blue);
  	background-color: var(--spc-white);
  	color: var(--spc-blue); !important;
	font-family: var(--spc-font-serif);
}

.spc-center-block {
	display: table; /* keep the background color wrapped tight */
    margin: 0px auto 0px auto; /* keep the table centered */
  	padding-top: 0rem;
  	padding-bottom: 0rem;
  	padding-right: 2rem;
  	padding-left: 2rem;
  	text-align: center;
	background-color: var(--spc-paleblue);
}

.spc-outdent-1 {
	text-indent: -1rem;
}

.spc-pwebbox-content {
	max-width: 900px;
}

.modal-dialog {
	max-width: 900px;
}

.spc-icon-small {
	width: 15px;
	height: 10px;
}

.spc-table {
  border-spacing: 0;
  width: 100%;
  display: table;
}

.spc-table tr:last-child td:first-child, tr:last-child, table {
    border-bottom-left-radius: 5px;
}

.spc-table tr:last-child td:last-child, tr:last-child, table {
    border-bottom-right-radius: 5px;
}


.spc-table tr:first-child td:first-child, tr:first-child, table {
    border-top-left-radius: 5px;
}

.spc-table tr:first-child td:last-child, tr:first-child, table {
    border-top-right-radius: 5px;
}

div.spc-read-more-button a.spc-read-more-button {
 	font-size:14px;
 	font-weight:normal;
 	text-decoration:none;
 	display:block;
 	border:1px solid #ccc;
 	border-radius:2px;
 	background:  repeat-x;
 	background-position-y:40%;
 	padding:4px;
 	margin-bottom:1px;
 	line-height:normal
}

div.breadcrumbs.card div.card-body {
	padding: 0rem;
}

/* **************************************************************
                   MENU Specific Mods - cassiopeia-spc-homepage
*************************************************************** */

.spc-link {
  color: var(--spc-blue);
  text-decoration: underline  7%;
  font-weight: calc(var(--body-font-weight) + 100);
}

.metismenu.mod-menu .metismenu-item {
  padding: 0.1em 0.2em 0.1em 0.3em;
}

.spc-menu-level-1	{
	font-size:	1.1em;
	border-radius: 5px;
	font-weight: calc(var(--body-font-weight) + 200);
}

.spc-menu-level-2	{
	font-size:	1.1em;
	color: 		var(--spc-blue) !important;
	background-color: var(--spc-paleblue) !important;
	border-radius: 5px;
	font-weight: calc(var(--body-font-weight) + 150);
	min-width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.spc-menu-level-3	{
	font-size:	1.1em;
	color: 		var(--spc-blue) !important;
	background-color: var(--spc-paleblue) !important;
	border-radius: 5px;
	font-weight: calc(var(--body-font-weight) + 150);
	min-width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.spc-menu-level-2d	{
	font-size:	1.1em;
	color: 		var(--spc-dev) !important;
	background-color: var(--spc-paledev) !important;
	border-radius: 5px;
	font-weight: calc(var(--body-font-weight) + 150);
	min-width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.spc-menu-level-3d	{
	font-size:	1.1em;
	color: 		var(--spc-dev) !important;
	background-color: var(--spc-paledev) !important;
	border-radius: 5px;
	font-weight: calc(var(--body-font-weight) + 150);
	min-width: 100%;
	padding-right: 0.5em;
	padding-left: 0.5em;
}

.mm-collapse {
	box-shadow: none !important;
	background-color: transparent !important;
}

/* **************************************************************
                   Mods for map display on home page
*************************************************************** */
.if-container {
  	position: relative;
  	overflow: hidden;
  	padding-top: 56.25%;
}

.responsive-iframe {
  	position: absolute;
  	top: 0;
  	left: 0;
  	bottom: 0;
  	right: 0;
  	width: 100%;
  	height: 100%
}

.spc-where {
  	width: 70%; 
   	margin: 2em auto 2em auto;
}

@media only screen and (max-width: 900px) {
  .spc-where {
	width: 100%; 
  	margin: 0 auto 0 auto;
  }
}

/* **************************************************************
                   SPC Connect With Us
*************************************************************** */

.ministries-table {
  	width: 70%; 
   	margin: 2em auto 2em auto;
	border-collapse: separate; 
	border-spacing: 10px;
    background-color: var(--spc-paleblue);
}

.ministries-table-td1 {
	width: 30%; 
  	vertical-align: top;
}

.ministries-table-td1 > img {
	max-width: 100%; 
    max-height: 100%;
	object-fit: cover !important;
  	overflow: hidden;
    text-align: center; 
  	vertical-align: top;
  	border: 1px solid #0088cc; 
	border-radius: 5px;
}

.ministries-table-td2 {
	width: 70%; 
	border-top: 3px solid #0088cc; 
  	vertical-align: top;
	
}

@media only screen and (max-width: 600px) {
  .ministries-table {
	width: 100% !important; 
  	margin: 0 auto 0 auto;
  }
  
  .ministries-td-block {
    display: block !important;
    width: 100% !important;
  }
  
  .ministries-table-td1 {
    border-top: 3px solid #0088cc !important; 
    border-right: 3px solid #0088cc !important; 
    border-left: 3px solid #0088cc !important; 
    border-radius: 5px 5px 0px 0px;
  }
    
  .ministries-table-td2 {
    border: none !important;
  }
}