/* - variables- */
:root {
	--main-color: #212529;
}

#user-nav > a {
	color: #343434;
}

#user-nav {
	padding-top: 25px;
}

@media only screen and (min-width: 1501px) {

	body {
		display: none;
	}

	#ccc-page-container {
		-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
		box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
		margin: auto;
		width: 1500px;
	}
}

#page-links {
	display: inline-block;
}

button#accountDropdown {
	padding: 5px 10px 5px 0;
}

/* - button/icon background - */
.btn-info, .Icon__CircleWrap--info, .product-flag.product-flag-free, .ProductIcon__LargeCircle--course, .ProductIcon__SmallCircle--course {
	background: var(--main-color);
}

.search-refine-button__contents {
	color: #343434;
}

#app-header {
	background-color: #fff;
}

ul.nav {
	color: #343434;
}

span.Dropdown__ToggleIcon--header.icon-right {
	color: #343434;
}

span.Dropdown__ToggleText {
	color: #343434;
}

/* - button :hover - */
.btn-info:hover, .btn-info:focus, .ProductIcon__LargeCircle--course:focus {
	background: var(--main-color);
	filter: brightness(85%);
}

.product-results .product-tile:hover {
	box-shadow: inset 0px -5px 0px var(--main-color);
}

/* - feature-search - */
.feature-region {
	background-image: inherit;
}

#search-form .search-form-container {
	background-color: #aaded7;
}

.search-refine-button__text {
	color: #343434;
}

.icon.search-refine-button__icon.icon-circle-down {
	color: #343434;
}

.icon.search-refine-button__icon.icon-circle-up {
	color: #343434;
}

#page-links a {
	color: #343434;
	display: inline-block;
	font-size: 14px;
	padding: 5px 10px 5px 0;
}

#page-links .piped-list > li:after {
	color: #343434;
	content: "|";
}

#user-nav {
	padding-top: 25px;
}

#page-links {
	display: inline-block;
}

button#accountDropdown {
	padding: 5px 10px 5px 0;
}

/* Carousel CSS */
.carousel-inner .item img {
	width: 100%;
}

.feature-region {
	background-image: none;
}

.product-tile .product-footer {
	color: #343434;
}

/* Hover effect on course listings */
.product-link:hover {
	color: #2e1a47;
	transform: scale(1.05);
}

.product-link {
	color: #000;
	transform: none;
	transition: transform 0.5s ease;
}

/* green underline when hover over listings */
.product-results .product-tile:hover {
	box-shadow: inset 0px -5px 0px #aaded7;
}

/* end hover effect on course listings */

/* Change enrollment button on listing description page */
span.css-1biq480-baseButton__content {
	background-color: #aaded7;
}

/* Hide the Drop Course option from the student dashboard */
.col-xs-2.col-sm-1 {
	display: none;
}

/* =================  CCC header / footer css   =========== */

@font-face {
	font-family: 'ETmodules';
	src: url('https://canineconditioningcoach.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot');
	src: url('https://canineconditioningcoach.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.eot?#iefix') format('embedded-opentype'),
	url('https://canineconditioningcoach.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.woff') format('woff'),
	url('https://canineconditioningcoach.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.ttf') format('truetype'),
	url('https://canineconditioningcoach.com/wp-content/themes/Divi/core/admin/fonts/modules/all/modules.svg#et-modules') format('svg');
	font-weight: normal;
	font-style: normal;
}

header#app-header {
	display: none;
}

header.ccc-header > div {
	display: flex;
	flex-direction: column;
}

@media screen and (min-width: 1200px) {
	header.ccc-header .et_pb_row {
		margin: auto;
		width: 1170px;
	}
}

header.ccc-header div.et_pb_section_0_tb_header {
	background-color: #aaded7;
	padding-bottom: 0px;
	padding-top: 0px;
}

header.ccc-header div.et_pb_section_0_tb_header > div {
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: space-between;
	padding-bottom: 10px;
	padding-top: 10px;
}

header.ccc-header div.et_pb_section_0_tb_header ul {
	display: flex;
	flex-direction: row;
}

header #menu-top-menu li {
	padding: 0;
}

#menu-top-menu li a {
	color: rgba(0, 0, 0, .6);
	display: block;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	padding-bottom: 8px;
	padding-left: 23px;
	padding-right: 23px;
	padding-top: 5px;
	position: relative;
	text-decoration: none;
	text-transform: uppercase;
}

#menu-top-menu li a:hover {
	background: none;
	opacity: .7;
}

#menu-top-menu > li:not(:last-child) {
	border-right: 1px solid rgba(72, 120, 138, 0.2);
}

#menu-top-menu a, #menu-top-menu a:hover {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

@media screen and (max-width: 767px) {

	#menu-top-menu li a {
		padding-left: 15px;
		padding-right: 15px;
	}
}

@media screen and (max-width: 567px) {

	#menu-top-menu li a {
		font-size: 12px;
		padding-left: 10px;
		padding-right: 10px;
	}
}


header.ccc-header .ccc_flex_row_center {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

header.ccc-header .ccc_flex_row_center .et_pb_image_0_tb_header {
	margin-left: 0;
	max-width: 300px;
	text-align: left;
}

header.ccc-header .ccc_flex_row_center .et_pb_image_0_tb_header img {
	height: auto;
	max-width: 100%;
}

header.ccc-header #ccc-main-menu {
	background-color: #212529;
	padding-bottom: 0px;
	padding-top: 0px;
}

header.ccc-header #ccc-main-menu .et-menu a:hover {
	background: none;
	opacity: .7;
}

header.ccc-header #ccc-main-menu > div {
	min-height: 85px;
	padding-bottom: 12px;
	padding-top: 12px;
}


.et-menu a, .et-menu a:hover {
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}

.et_pb_menu .et-menu > li {
	padding-left: 11px;
	padding-right: 11px;
}

#menu-primary-menu a {
	color: white;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	font-size: 16px;
	font-weight: 600;
	padding: 5px 15px 3px 5px;
	text-transform: uppercase;
}

ul#menu-primary-menu li.current-menu-item a {
	background: none;
	color: #aaded7;
}

#menu-primary-menu .ccc-menu-home a {
	font-family: 'ETmodules';
	font-size: 18px !important;
	margin-top: -2px;
}

/* Style the menu to be inline */
#menu-primary-menu {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Style each menu item */
#menu-primary-menu li {
	display: inline; /* Display each <li> inline */
	margin: 0; /* Remove default margins */
	padding: 0 10px; /* Add padding for spacing */
	white-space: nowrap; /* Prevent line breaks inside menu items */
}

#menu-primary-menu,
#menu-primary-menu:focus,
#menu-primary-menu li a,
#menu-primary-menu li,
#menu-primary-menu li:focus {
	outline: none !important;
	background-color: transparent; /* Ensure background is transparent */
}

/* Prevent white background on click */
#menu-primary-menu li a:active {
	background-color: transparent;
}

/* Ensure menu items wrap to the next line if necessary */
#menu-primary-menu {
	overflow: hidden; /* Ensure proper wrapping */
}

footer {
	background-color: #f1f1f1 !important;
	border-top: solid 4px #aaded7;
	color: #343c44;
	display: none;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	-webkit-font-smoothing: antialiased;
	font-weight: 500 !important;
	line-height: 2em;
	padding-bottom: 15px;
	padding-top: 15px;
}

.ccc_footer {
	display: flex;
	flex-display: row;
	flex-wrap: nowrap;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

@media screen and (max-width: 767px) {

	.ccc_footer {
		flex-wrap: wrap;
	}

	.ccc_footer .et_pb_column_0_tb_footer.et_pb_column_0_tb_footer {
		padding-right: 0;
		width: 100%;
	}

	.ccc_footer .et_pb_column_1_tb_footer.et_pb_column_1_tb_footer,
	.ccc_footer .et_pb_column_2_tb_footer.et_pb_column_2_tb_footer {
		width: 50%;
	}
}

@media screen and (min-width: 768px) {

	.ccc_footer {
		width: 750px;
	}
}

@media screen and (min-width: 992px) {

	.ccc_footer {
		width: 970px;
	}
}

#header-menu-container {
	padding-right: 23px;
}

#header-menu-container a,
#header-menu-container button {
	color: rgba(0, 0, 0, .6);
	display: block;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	outline: none;
	padding-bottom: 8px;
	padding-top: 5px;
	text-decoration: none;
	text-transform: uppercase;
}

span.user-menu-popover.user-menu-popover ul a:hover,
#header-menu-container a:hover,
#header-menu-container button:hover {
	opacity: 0.7;
}
span span:has(.user-menu-popover) {
	border-radius: 3px !important;
}

span.user-menu-popover.user-menu-popover ul a {
	color: rgba(0, 0, 0, .6);
	display: block;
	font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
	outline: none;
	text-decoration: none;
	text-transform: uppercase;
}

@media screen and (min-width: 992px) {

	.ccc_footer {
		width: 970px;
	}
}


@media screen and (min-width: 1200px) {
	.ccc_footer {
		width: 1170px;
	}
}

.ccc_footer h3 {
	color: #333;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	padding-bottom: 10px;
}

.ccc_footer a {
	background: transparent;
	border: 0;
	color: #48788a;
	font-size: 18px;
	margin: 0;
	outline: 0;
	padding: 0;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	vertical-align: baseline;
}

a, a:hover {
	text-decoration: none;
}

.ccc_footer img {
	height: auto;
	max-width: 100%;
}

.ccc_footer .et_pb_column_0_tb_footer {
	margin-bottom: 0;
	margin-right: 0;
	padding-right: 60px;
	width: 50%;
}

.ccc_footer .et_pb_column_1_tb_footer,
.ccc_footer .et_pb_column_2_tb_footer {
	margin-right: 0;
	padding-left: 0px;
	width: 25%;
}

.et_pb_image {
	line-height: 0;
	margin-left: auto;
	margin-right: auto;
}

.ccc_title_with_logo {
	align-items: center;
	display: flex;
	flex-direction: column-reverse;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-bottom: 0px !important;
	padding-top: 30px;
	width: 90%;
}

.ccc_title_with_logo > div > div > span {
	display: flex;
	justify-content: center;
}

.ccc_title_with_logo img {
	max-height: 50px;
	width: auto;
}
