/*======================================
Theme Name: Yoodle Divi Child Theme
Theme URI: https://www.yoodle.com/
Description: This is a Divi child theme to store custom theme code and snippets from the Yoodle Dev team
Author: Yoodle
Author URI: https://www.yoodle.com/
Author Email: arlaysha@yoodle.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/* ===== NOTES ==================================================================
 * 
 * Using a Divi child theme is a great way to add advanced customization to your theme without having to worry about erasing those changes each time you update the Divi Theme. In fact, a Divi Child theme has many benefits. It allow you to better organize all of your custom CSS/Code in one place, making it easier to collaborate with others. This will also help protect your code from clients who have access to custom code within the theme customizer and settings./
 * 
 * =============================================================================== */

/*add your custom CSS below this line*/

/****Style guide Typography Arlaysha****/
h1 {
	font-family: Roc Grotesk W05 Regular;
	font-weight: bold;
}

h2 {
	font-family: Karmina;
}

h3 {
	font-family: Roc Grotesk W05 Regular;
	font-weight: normal;
}

h4 {
	font-family: Roc Grotesk W05 Regular;
	font-weight: normal;
}

h5,
h6 {
	font-family: Work Sans;
	font-weight: normal;
}

p {
	font-family: Work Sans;
	font-weight: regular;
}

/*----end Typography code---*/
/*remove underline from menu links- Arlaysha 7-16-23*/
.main-navigation>
div>ul>li>a {
	text-decoration: none!important;
}


/****improving Divi accessibility- Arlaysha*********************/
 /*Add underline to paragraph text links and links within lists-Arlaysha 7-16-23 */
p>a,
ol>li>a,
ul>li>a {
	text-decoration: underline;
}

#et-main-area a, #et-main-area a:hover { text-decoration: underline; }

/* change the appearance of selected links using the :focus selector to make it clear which link is selected for keyboard navigation*/
#et-main-area a:focus {
	background: ffffff00;
}
/*end Accessibility**/

/*change text column to 2 for degree major and minor lists tabs- responsive- Arlaysha*/
text-column-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-width: 200px;
	-moz-column-width: 200px;
	column-width: 200px;
}

/*change text column to 3- responsive- Arlaysha*/
text-column-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	-webkit-column-width: 150px;
	-moz-column-width: 150px;
	column-width: 150px;
}


/* style mpf output as buttons */
.facetwp-counter {
	display: none;
}

.facetwp-link {
	background-color: #f2c880;
	border: none;
	color: black;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 25px;
}

.facetwp-link.checked {
	background-color: #d29f13;
	border: none;
	color: black;
	padding: 15px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	margin: 4px 2px;
	cursor: pointer;
	border-radius: 25px;
}

.hidden {
	display: none;
}


/* FacetWP Integration - Dave Welch - 08/13/2023 */


/* Home Page Program Search */
.homepageProgramOption {
	margin: 10px;
}

.homepageProgramOption .prgramButtonLabel {
	color: #F6F2E8;
	margin-bottom: 10px;
	font-size: 17px;
}

.homepageProgramOption .facetwp-type-checkboxes {
	display: flex;
	flex-flow: row wrap;
}

.homepageProgramOption .facetwp-checkbox {
	padding: 8px 16px;
	margin: 3px;
	border-radius: 14px;
	background: #F6F2E8;
	color: #000;
}

.homepageProgramOption .facetwp-checkbox.checked {
	background: #D29F13;
	color: #FFF;
}

.homepageProgramOption .facetwp-dropdown {
	padding: 8px 16px;
	margin: 3px;
	border-radius: 14px;
	background: #F6F2E8;
	color: #000;
	width: 80%;
	font-size: 18px;
	line-height: 1.7em;
}

.facetwp-reset {
	background-color: #C3052F;
	border: none;
	color: #fff;
	margin: 5px 0px;
	padding: 5px;
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 5px;
}

/* Listing Page */
.facetwp-input-wrap {
	width: 100% !important;
	height: 30px !important;
}

.facetwp-type-fselect .fs-label-wrap,
.facetwp-facet input,
.facetwp-facet select {
	width: 100% !important;
	border: 1px solid #000;
}

.program-button {
	background-color: #2A3650;
	color: #fff;
	text-transform: uppercase;
	padding: 5px;
	border-radius: 3px;
}

.exploreButton {
	background-color: #1E8EA6;
	color: #fff;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px;
	border-radius: 3px;
	border: none;
}

.facetwp-selections li {
	border-radius: 3px;
	background-color: #F6F2E8;
	padding: 3px;
	margin: 3px;

}


.facetwp-pager {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

.facetwp-page {
	color: #1E8EA6;
	margin-bottom: 5px;
}

.facetwp-page.first {
	margin-left: 30%;
}

.facetwp-page.last {
	margin-right: 30%;
}

.facetwp-page.active {
	border-bottom: 3px solid #1E8EA6;
}

.facetwp-page.next,
.facetwp-page.prev {
	border-radius: 10px;
	padding: 5px;
	border: 1px solid #1E8EA6;
	color: #1E8EA6;
	vertical-align: middle;
}

.facetwp-page.next {
	width: 70px;
	text-align: right;
}

.facetwp-page.prev {
	width: 110px;
	text-align: left;
}

/*style child page list- Arlaysha 8-15-23*/

ul.wpb_page_list {
    list-style-type: circle;
    padding: 10px;
}