/* container background colors - custom class */
.white-background-89 {
	background-color: rgb(255 255 255 / 89%);
	padding-left: 15px;
	padding-right: 15px;}

.csu-green-bg {
	background-color: #1e4d2b;
	padding-left: 15px;
	padding-right: 15px;}
					.csu-green-bg * {
						color: white;}
.csu-gold-bg {
	background-color: #C8C372;
	padding-left: 15px;
	padding-right: 15px;}
					.csu-gold-bg * {
						color: #1e4d2b;}
.oval-green-bg {
	background-color: #006144;
	padding-left: 15px;
	padding-right: 15px;}
					.oval-green-bg * {
						color: white;}
.lovers-lane-bg {
	background-color: #82c503;
	padding-left: 15px;
	padding-right: 15px;}
					.lovers-lane-bg * {
						color: #1e4d2b;}
.energy-green-bg {
	background-color: #CFFC00;
	padding-left: 15px;
	padding-right: 15px;}
					.energy-green-bg * {
						color: #1e4d2b;}
.flower-trial-red-bg {
	background-color: #E56A54;
	padding-left: 15px;
	padding-right: 15px;}
					.flower-trial-red-bg * {
						color: black;}
.powered-purple-bg {
	background-color: #7E5475;
	padding-left: 15px;
	padding-right: 15px;}
					.powered-purple-bg * {
						color: white;}
.horsetooth-blue-bg {
	background-color: #008FB3;
	padding-left: 15px;
	padding-right: 15px;}
					.horsetooth-blue-bg * {
						color: black;}
.stalwart-slate-bg { 
	background-color: #105456;
	padding-left: 15px;
	padding-right: 15px;}
					.stalwart-slate-bg * {
						color: white;}
.sunshine-bg {
	background-color: #FFC038;
	padding-left: 15px;
	padding-right: 15px;}
					.sunshine-bg * {
						color: #1e4d2b;}


									/* container border colors - custom class */
.csu-green-border {
	border: 2px solid #1e4d2b;
	padding: 15px;}

.csu-gold-border {
	border: 2px solid #C8C372;
	padding: 15px;}

.oval-green-border {
	border: 2px solid #006144;
	padding: 15px;}

.lovers-lane-border {
	border: 2px solid #82c503;
	padding: 15px;}

.energy-green-border {
	border: 2px solid #CFFC00;
	padding: 15px;}

.flower-trial-red-border {
	border: 2px solid #E56A54;
	padding: 15px;}

.powered-purple-border {
	border: 2px solid #7E5475;
	padding: 15px;}

.horsetooth-blue-border {
	border: 2px solid #008FB3;
	padding: 15px;}

.stalwart-slate-border { 
	border: 2px solid #105456;
	padding: 15px;}

.sunshine-border {
	border: 2px solid #FFC038;
	padding: 15px;}


									/* section spacing */

.elementor-section {
  padding-top: 65px;
}


									/* spacing - custom class */
.no-space {
  padding-top: 0;
}

.extra-padding {
	padding-left: 30px;
	padding-right: 30px;
}

									/* full width - custom class */
.full-width {
	display: block;
	width: 100%;
}

									/* buttons - custom classes for the button element */
.centered-button {
	text-align: center;
	justify-content: center;
}

									/* links - custom class to change color on hover */

.hover-color a:hover, .hover-color a:focus {
	color: #1e4d2b !important; 
	border-color: #82C503 !important;
}

									/* toggle element */

.elementor-toggle-item {
  padding: 15px;
}

.elementor-toggle-item h2, .elementor-toggle-item h3,  .elementor-toggle-item h4, .elementor-toggle-item h5, .elementor-toggle-item h6 {
    --font-size: var(--font-size-default-large);
	--font-weight: var(--font-weight);
}

.elementor-toggle .elementor-tab-title .elementor-toggle-icon.elementor-toggle-icon-left {
	margin-right: 8px;
}

.elementor-toggle-item img {
	display: block;
	padding-top: 15px;
	padding-bottom: 20px;
}

									/* icon lists element */

.elementor-widget .elementor-icon-list-item {
  padding: 25px; 
}


									/* tables */

.tablepress tr, .tablepress td {
	border: 2px solid #ddd;
}

.tablepress .row-1 {
	border: 2px solid #1e4d2b; 
}

.tablepress th {
	border: 2px solid #1e4d2b; 
}


									/* tutorials footer - custom classes for the sections */

.tutorials-footer-heading {
	background-color: #82c503;
	text-align: center;
}

.tutorials-footer {
	border: 5px solid #82c503;
}


									/* tutorials footer */

#menu-tutorials-concepts {
	column-count: 2;
}

#menu-tutorials-concepts li {
	padding: 7px 25px 7px 0;
	-webkit-column-break-inside: avoid; 
	page-break-inside: avoid; 
	break-inside: avoid;
}

#menu-tutorials-content-types {
	column-count: 2;
}

#menu-tutorials-content-types li {
	padding: 7px 25px 7px 0;
	-webkit-column-break-inside: avoid; 
	page-break-inside: avoid; 
	break-inside: avoid;
}

#menu-tutorials-tools {
	column-count: 2;
}

#menu-tutorials-tools li {
	padding: 7px 25px 7px 0;
	-webkit-column-break-inside: avoid; 
	page-break-inside: avoid; 
	break-inside: avoid;
}

@media only screen and (max-width: 930px) {
  #menu-tutorials-concepts, #menu-tutorials-content-types, #menu-tutorials-tools {column-count: 1;}
} 


									/* embedded videos - custom class for the video element */

.video-600 {
	max-width: 600px;
}

									/* embedded videos - custom class for the div within a toggle element */

.video-600-inline iframe {
	max-width: 600px;
	max-height: 300px;
}

									/* core concepts tutorial pages - custom class for the text editor element */

.concept-list li, .concept-list li::marker {
	padding-top: 15px;
	padding-bottom: 15px;
	color: #1e4d2b;
	font-weight: 600;
} 


									/* footer buttons - custom classes for each of the footer link types - sitewide */

.footer-button a {
	display: block; 
	background-color: #C8C372;
	border: 3px solid white;
	color: #006144;
	font-size: 1.5rem;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	padding: 25px 15px;
}

.footer-button a:hover, .footer-button a:focus {
	background-color: #CFFC00;
} 

.custom-footer-links a:hover, .custom-footer-links a:focus {
	color: #CFFC00;
} 

.hover-outline img:hover, .hover-outline img:focus {
	border: solid 2px #CFFC00;
}