/**
 * Custom

 * Any custom styles implemented in the OmniUpdate environment
 * should go here
 */
/* A-to-Z */
.list-inline {display: flex; flex-wrap: wrap;}
.wysiwyg #az ul li::before {content:none;}


/* A-to-Z letters */
.wysiwyg #az ul:first-of-type {
  display: flex;
  flex-wrap: wrap;
}
.wysiwyg #az ul:first-of-type li::before {
  content: none;
}
.wysiwyg #az ul:first-of-type li {
	width: 40px;
}

.accordion {
  padding: 0px 0 41px;
  margin: 0;
}

/* spacing for anchor tags due to breadcrumb bar */
.anchor-space {
	scroll-margin-top: 10em;
}

.contact_comp_phone:active {
    color: #cc0a2f;
  }
.contact_comp_phone:hover {
    color: #ffffff;
  }


.donate_amount { /*, .donate_amount:link, .donate_amount:active, .donate_amount:visited {*/
	border: 1px solid #ffffff;
	display: block;
}

.donate_amount_link {
	display: flex;
	text-decoration: none;
	color: #ffffff; 
	padding: 10px;
	transition: transform .6s ease-in-out;
}

.donate_text {
	flex: 2; 
	font-weight: normal;
	color: #ffffff;
}
@media (min-width: 700px) {
	.donate_text {
		flex: 3; 

	}
}

.donate_text_amount {
	color: #ffffff;
	font-size: xx-large; 
	font-weight: bold; 
	flex: 2; 
	text-align: center;
}
@media (min-width: 700px) {
	.donate_text_amount {
		flex: 1; 
	}
}
.donate_amount_link:hover .donate_text_amount {
	transform: scale(1.4);
  	transition: transform .6s;
}
/*.donate_amount_link:hover .donate_text {
	color: #595858;
}*/


/* Container for flexboxes */
.r-row {
    display: flex;
    flex-direction: row;
    width:100%;
    height:auto;
    justify-content: center;
  }
  
  /* Create equal columns */
  .r-column {
    width: 50%;
    padding: 1rem;
  }



  /* On screens that are 1020px wide or less, make the columns stack on top of each other instead of next to each other */
  @media screen and (max-width: 1020px) {
    .r-row {
      flex-direction: column;
    }

    .r-column {
        width:100%;
    }
  }
  @media screen and (max-width: 600px) {
    .r-row {
      flex-direction: column;
	margin-bottom:2rem;
		justify-content:center;
    }

    .r-column {
        width:100%;
		margin-top:2rem;
		justify-content:center;
		padding:0rem;
    }
  }

/*
    This file is meant to serve as a starter for customizing the CSS of
    the Acalog/Omni CMS catalog connector.
    Please exercise caution in what you style and how you style it.
    As the connector receives updates, you may need to re-download this file to style additional features.
    You may need to use !important in some places to make sure your styles override the connector defaults.

    To style elements on a single view, see the "Views" section at the bottom of this file.
*/

/*
    --Top-level--
    These elements are included on all views
*/
.mc-acalog-connector-wrapper {
  /* The main wrapper for the app */
}
.mc-acalog-connector-wrapper a:not([class*="mc-btn"]) {
  /* Links (that aren't styled as buttons) */
}

/* 
 --Generic selectors--
 These elements are used across multiple views for
 common features
*/
.mc-acalog-connector-wrapper [data-el="error"] {
  /* Error wrapper */
}
.mc-acalog-connector-wrapper [data-el="loading"] {
  /* Loading spinner */
}

/*
  --View-specific--
  These elements are specific to a single view
*/

/* Course */
.mc-acalog-connector-wrapper [data-el="course-body"] {}
.mc-acalog-connector-wrapper [data-el="course-title"] {}
.mc-acalog-connector-wrapper [data-el="course-description"] {}

/* Course List */
.mc-acalog-connector-wrapper [data-el="course-list"] {}
.mc-acalog-connector-wrapper [data-el="course-list-item"] {}
.mc-acalog-connector-wrapper [data-el="course-list-item-link"] {}

/* Program */
.mc-acalog-connector-wrapper [data-el="program-body"] {}
.mc-acalog-connector-wrapper [data-el="program-title"] {visibility: none;}
.mc-acalog-connector-wrapper [data-el="program-description"] {}
.mc-acalog-connector-wrapper [data-el="program-cores"] {}
.mc-acalog-connector-wrapper [data-el="program-core-plain"] {}
.mc-acalog-connector-wrapper [data-el="program-core"] {}
.mc-acalog-connector-wrapper [data-el="program-core-title"] {color:#ac1a2f!important;}
.mc-acalog-connector-wrapper [data-el="program-core-description"] {}
.mc-acalog-connector-wrapper [data-el="program-core-courses"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-link"] {}

.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-left"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-left-credits"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-right"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-right-credits"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-before-body"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-before"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-before-credits"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-after-body"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-after"] {}
.mc-acalog-connector-wrapper [data-el="program-core-course-adhoc-after-credits"] {}

/* Program List */
.mc-acalog-connector-wrapper [data-el="program-list"] {list-style-type:none!important; display: grid; grid-template-columns: repeat(auto-fill, 560px);}
.mc-acalog-connector-wrapper [data-el="program-list-item"] {padding:.5rem; font-size:1rem;}
.mc-acalog-connector-wrapper [data-el="program-list-item-link"] {color:black; text-decoration:none; font-weight:bold; transition: color 0.25s ease-in-out;}
.mc-acalog-connector-wrapper [data-el="program-list-item-link"]:hover {color:#ac1a2f;}
.mc-acalog-connector-wrapper [data-el="program-list-item-link"]::after {content:'>'; color:#ac1a2f; display:inline-block; vertical-align:middle; transform: scale(1.2); font-weight:bold; padding-left:1rem;}
.mc-acalog-connector-wrapper [data-el="program-list-item-link"]::after:hover {transform: scale(.5)}
