/*---------------------------------------------------------------------------------

 Theme Name:   Data Eel
 Theme URI:    https://www.dataeel.com
 Description:  Custom child for Data Eel
 Author:       Jeremiah Castillo
 Author URI:   https://www.magencyllc.com
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

.login {
	border: 1px solid #fff;
	letter-spacing: 1px;
}

.registration {
	background-color: #0C71C3;
	margin-right: 10px !important;
	letter-spacing: 1px;
} 

.race-cards {
	background-color: red;
	letter-spacing: 1px;
	padding-left: 45px !important;
	padding-right: 55px !important;
}

@media (min-width: 1081px) {
    #pum-54786 {
        display: none !important;
    }
	
	html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
		padding-right: 0 !important;
	}
}



.lwp-blurb-right.et_pb_blurb_position_left .et_pb_blurb_content {
    display: flex;
    flex-direction: row-reverse;
}
 
.lwp-blurb-right.et_pb_blurb_position_left .et_pb_main_blurb_image {
    width: auto;
}
 
.lwp-blurb-right.et_pb_blurb_position_left .et_pb_blurb_container {
    padding-left: 0px;
    padding-right: 15px;
}


.race-cards li a {
	color: #000000 !important;
}

.race-cards li .sub-menu a {
	color: #ffffff;
}

.race-card {
  padding: 10px !important;
  border: 1px solid #cdcdcd;
  background-color: #fff;
  font-size: 80% !important;
	margin-bottom: 5px;
	width: 100%;
}

.race-card h3 {
	font-weight: bold;
	font-size: 17px !important;
	margin-bottom: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: center;
}

.race-card .btn-primary {
	width: 100% !important;
	padding: 5px 20px !important;
	margin-top: 0 !important;
}

.wpdm_cart_form {
	margin-top: 0 !important;
}

.et-menu .menu-item-has-children > a:first-child::after { 
	right: -20px !important;
}

.wpdm-download-link.btn.btn-primary,
.btn-danger {
	padding: 10px 35px;
	background-color: #ff0000;
	color: #fff !important;
	outline: 0;
	color: #ffffff !important;
  border-width: 0px !important;
  border-color: #ffffff;
  border-radius: 0px;
  letter-spacing: 1px;
  font-size: 14px;
  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
  text-transform: uppercase !important;
}

.btn-danger i {
	margin-right: 10px;
	width: 80px;
}

.pum-theme-52125 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close {
  color: #fff !important;
  font-size: 45px !important;
}

#race-card-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Open Sans', Helvetica, Arial, Lucida, sans-serif !important;
    font-size: 16px;
}

#race-card-table td {
    border: 1px solid #ddd;
    padding: 8px;
    vertical-align: top;
    width: 33.33%; /* Ensures each column takes up an equal portion of the table width */
    box-sizing: border-box;
}

#race-card-table .header {
    background-color: #0b71c3;
    color: #ffffff;
    padding: 10px;
    font-size: 17px !important;
    text-align: center;
    margin-bottom: 10px;
}

#race-card-table tr:nth-child(even) td {
    background-color: #f9f9f9;
}

#race-card-table tr:hover td {
    background-color: #e3e3e3;
}

.breaking-news-slider {
    background: #ff0000;
    color: #fff;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    animation: marquee 15s linear infinite;
}

.breaking-news-label {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}

.breaking-news-item {
    display: inline-block;
    margin-right: 20px;
    font-weight: bold;
	color: #E0FF00;
}



.breaking-news-item a {
    color: #fff;
    text-decoration: none;
}

@keyframes marquee {
    from { transform: translateX(100%); }
    to { transform: translateX(-100%); }
}


/* Responsive adjustments */
@media screen and (max-width: 768px) {
    #race-card-table {
        display: block;
		max-width: 100%;
    }
	
	#race-card-table tbody {
		  display: block;
		max-width: 100%;
	}

    #race-card-table td, 
	#race-card-table tr {
        display: block;
        width: 100%;
    }

    #race-card-table .header {
        font-size: 16px;
        margin-bottom: 5px;
    }
}


.wpdm-download-link.btn.btn-primary {
	background-color: #000;
	color: #fff !important;
}

.btn {
	width: 320px;
}

.w3eden #wpdmreg, .w3eden #wpdmlogin {
	max-width: 800px !important;
}

.w3eden .color-success, .w3eden .color-green {
	color: #0C71C3;
}

/* arrow link wrapper */
.slider-down-arrow {
	position: absolute;
	z-index: 10;
	bottom: 70px;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 32px;
}
/* arrow link */
.slider-down-arrow a {
	line-height: 1em;
	display: inline-block;
	color: white;
	text-shadow: 0 1px 8px rgba(0,0,0,0.5);
	transition: all 0.2s ease;
}
/* animate the arrow link if not hovered,
note: this uses animation via Divi Booster */
.slider-down-arrow a:not(:hover) {
	animation: fullwidth-header-bounce 2.2s ease-out infinite;
}
/* add hover effect on arrow link */
.slider-down-arrow a:hover {
	text-shadow: 0 2px 10px rgba(0,0,0,0.85);
}

@media (min-width: 1200px) {
	/* increase arrow size, and adjust positioning, for larger screens */
	.slider-down-arrow {
		bottom: 90px;
		font-size: 48px;
	}	
}

@media (max-width: 980px) {
	/* hide arrow when stuff stacks */
	.slider-down-arrow {
		display: none;	
	}
}

.et_pb_button {
	padding: 15px 45px !important;
}

.w3eden div#wpdmlogin, .w3eden div#wpdmreg {
	border: 0 !important;
}

.w3eden #wpdm-dashboard-sidebar #logo-block {
	display: none;
}

.w3eden .pmpro-plans.pmpro-default .panel .panel-heading {
	text-align: center !important;
}

.plan-name {
	font-size: 35px;
	font-weight: bold;
}

.w3eden .plan-recurring-price {
	font-size: 15px;
	padding-top: 10px !important;
}

.btn,
#pay_btn,
.btn-addtocart,
.w3eden div.panel.card-credit .panel-footer .credit-price,
.w3eden .pmpro-plans .btn-lg {
	font-size: 14px !important;
	text-transform: uppercase;
	background-image: none !important;
	background-color: #0C71C3;
	font-family: Open Sans,Arial,sans-serif;
	border-radius: 0 !important;
	color: #fff !important;
	outline: 0 !important;
	padding: 10px 35px;
	border: 0 !important;
}

.btn:hover {
	opacity: 0.8;
	text-decoration: none;
}

.w3eden .text-center {
	margin-top: 25px !important;
}

.wpdmpp-product-price {
	display: none; 
}
.wpdm-download-link.btn.btn-primary {
	margin-bottom: 15px !important;
}

#race-card-table th, #race-card-table td {
	vertical-align: top;
}

.page-id-49734 #wppmcheckout {
    display: block;
    position: fixed !important;
    top: 0;
    left: 0;
	right: 0;
	bottom: 0;
     z-index: 99999;
    width: 100%; /* Adjust as needed */ 
	height: 100%;
    max-width: 100% !important; /* Adjust as needed */
    background: rgba(0,0,0,0.8); /* Set background color */
    padding: 20px; /* Adjust as needed */
}

.page-id-49734 
#wppmcheckout
.popup-close-btn {
    position: absolute; /* Position it inside the popup */
    top: -20px; /* Adjust as needed */
    right: -20px; /* Adjust as needed */
    width: 30px; /* Size of the circle */
    height: 30px; /* Size of the circle */
    border-radius: 50%; /* Make it a circle */
    background-color: #ff0000; /* Red background color */
    color: #ffffff; /* White color for the 'X' */
    text-align: center; /* Center the text inside the circle */
    line-height: 30px; /* Center the text vertically */
    cursor: pointer; /* Change cursor on hover */
    font-size: 20px; /* Size of the 'X' */
    font-weight: bold; /* Make the 'X' bold */
}

.page-id-49734 
.popup-close-btn:hover {
    background-color: #cc0000; /* Darker shade of red on hover */
}


.page-id-49734 .plan-recurring-price {
	display: none !important;
}

.page-id-49734 #checkout-form {
	max-width: 450px;
	margin: auto auto;
	background: #fff;
	padding: 20px;
	margin-top: 10%;
	position: relative !important;
}

.fade {
	opacity: 1;
}

.race-card .alert-info {
	display: none;
}

#cart-total .input-group {
	max-width: 100% !important;
}

#save-cart, #empty-cart {
	width: 25%; 
	font-size: 14px;
}

.w3eden .input-wrapper {
	border: 0;
	border-bottom: 1px solid #c1c1c1;
}

#loginform label {
	display: none;
}

#loginform-submit,
.wpdm-reg-link.color-primary {
	color: #fff !important;
	padding: 13px 45px !important;
	font-size: 14px !important;
	text-transform: uppercase;
	  font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif !important;
}

.panel-plans h3 span {
	display: none;
}

#wpdmpp-paypal-button-container:empty::before {
	display:none !important;
}

.card-fav {
	display: none !important;
}

.wpdm-download-link {
	display:block;
	width: 100% !important;
	min-width: 100% !important;
}

#credits-info {
	background-color: #fff7df;
	color: #000000 !important;
	padding: 15px;
	font-size: 18px !important;
}

#buy-more a{
	color: #fff !important;
	font-weight: bold;
	text-decoration: underline;
}

#cards-purchased .btn {
	background-color: #0c71c3 !important;
	color: #fff !important;
	font-size: 12px !important;
	padding: 8px 15px !important;
	width: auto !important;
	font-weight: normal !important;
	text-transform: capitalize !important; 
	letter-spacing: none !important;
}

#cards-purchased th {
	background-color: #e6e6e6;
}

#cards-purchased h2 {
	background-color: #ffb43f;
	color: #ffffff;
	padding: 10px 15px;
}

#buy-more {
	background-color: #008001;
	color: #fff;
	font-size: 18px;
	font-weight: bolder;
	padding: 15px;
}

#buy-more a {
	color: #fff;
	font-size: 18px;
}

#dashboard {
	margin: 10px 0;
}

#dashboard-welcome h2 {
	background-color: #ffb43f;
	color: #ffffff;
	padding: 10px 15px;
}

#dashboard-welcome {
	margin-top: 20px !important;
	color: #000 !important;
}

#edit-profile {
	margin-top: 20px !important;
}

#edit-profile-form {
	margin-top: 25px;
}
#cards-purchased .btn-success.focus, #cards-purchased .btn-success:focus,
#cards-purchased .btn-success:hover  {
	box-shadow: none !important;
}

.plan-name {
	font-size: 25px !important;
	color: #000 !important;
}

.w3eden div.panel.card-credit .panel-footer .credit-price {
	border-radius: 0 !important;
}

.w3eden .pmpro-plans.pmpro-default .panel {
	margin-top: 10px !important;
	padding-bottom: 25px;
}

.et-menu li li {
	width: 100% !important;
	min-width: 225px;
}

.et-menu li li a {
	width: 100% !important;
	min-width: 225px !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49380 a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49380.current-menu-item a
{
	color: #FFB43F !important;
}
	
.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49800 a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49800.current-menu-item a {
	color: #2ea3f2 !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49803 a,
.et_pb_menu_0_tb_header.et_pb_menu .nav li.race-cards ul.sub-menu li.menu-item-49803.current-menu-item a {
	color: #73bd79 !important;
}

.w3eden div.panel.card-credit .panel-footer .credit-price {
	background-color: #008001 !important;
}

.w3eden div.panel.card-credit .panel-body h3 {
	border: 1px solid #008001 !important;
    color: #008001 !important;
}

.w3eden div.panel.card-credit.selected h3, .w3eden div.panel.card-credit:hover h3 {
	background: #008001 !important;
	color: #fff !important;
}

.w3eden .pmpro-plans .btn-lg {
	background-color: #008001 !important;
}

.nav li li {
padding: 0 !important;
}

.et-menu .sub-menu li {
	font-size: 12px !important;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	right: 0 !important;
	left: auto;
}


.et_pb_menu_0_tb_header.et_pb_menu ul li a, .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a, .et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a {
	color: #999999 !important;
}

.menu-item-52038 {
	border-top: 1px solid #999;
}

.menu-item-4938 {
	padding-bottom: 15px !important;
}

#pay_btn.disabled {
  background-color: #999999 !important;
  color: #666666 !important;
}

.panel-checkout-pms {
	display: none !important;
}

.pagination {
    text-align: center;
    margin-top: 20px;
}

.pagination a,
.pagination span {
    display: inline-block;
    padding: 10px 15px;
    margin: 0 5px;
    border: 1px solid #0c71c3; /* Border color */
    border-radius: 0px; /* Square border */
    text-decoration: none;
    color: #0c71c3; /* Text color */
    font-size: 14px;
}

.pagination a:hover {
    background-color: #0c71c3; /* Background color on hover */
    color: #ffffff; /* Text color on hover */
}

.pagination .current {
    background-color: #0c71c3; /* Active page background color */
    color: #ffffff; /* Active page text color */
    border-color: #0c71c3; /* Active page border color */
}

/* Zebra striping for the table rows */
#purchase-cards tr:nth-child(odd) {
    background-color: #ffffff; /* White for odd rows */
}

#purchase-cards tr:nth-child(even) {
    background-color: #FFB43F; /* Light gray for even rows */
}

/* Optional: Adding padding to table cells for better readability */
#purchase-cards td {
    padding: 10px;
}

/* Optional: Styling table headers */
#purchase-cards th {
    background-color: #0c71c3; /* Header background color */
    color: #ffffff; /* Header text color */
    padding: 10px;
    text-align: left;
}

.w3eden .pmpro-plans .btn-lg.disabled {
	background-color: red !important;
}

#wpdm-dashboard-contents .nav-tabs {
	display: none;
}

#wpdm-dashboard-contents #wppmcheckout {
	max-width: 100% !important;
}

#wpdm-dashboard-contents #checkout-form .panel-success {
	display: none;
}

.login-form-meta-text .color-blue {
	font-size: 14px !important;
}

.et_mobile_menu .race-cards.dt-open ul.sub-menu {
	background-color: #000 !important;
}

@media (min-width: 981px) {
	.cart_item_unit_price {
		width: 12%;
	}
}

@media (max-width: 980px) {
	.registration {
		margin-right: 0 !important;
		margin-bottom: 10px;
	}

}


@media (min-width: 641px) {
	
}


@media (max-width: 640px) {
	.w3eden .wpdm_cart thead {
		display:block;
	}
	
		.cart_item_unit_price {
		width: 100%;
	}
	
	.cart_header {
		display: flex;
	}
	
	.cart_header th {
		flex: 1;
	}
	
	.wpdm_cart tbody tr {
		display: flex;
	}
	
	.wpdm_cart .cart-buttons {
		display: block;
	}
	
	.wpdm_cart tbody td {
		flex: .75;
	}
	
	.wpdm_cart .small-flex {
		flex: 0.2;
	}
	
	.wpdm_cart .medium-flex {
		flex: 1.2;
	}
	
	.wpdm_cart .large-flex {
		flex: 1.5;
	}
	
	.w3eden .wpdm_cart tr {
   	 border-bottom: 0;
	}
	
	#save-cart, #empty-cart {
		width: 100%;
	}
	
	.amt {
		text-align: right;
	}
	
	.race-cards {
		padding-left: 5px !important;
		background-color: #000 !important;
	}
	
	.race-cards a {
		background-color: red !important;
		display: block;
	}
	
	.race-cards .sub-menu, .race-cards .sub-menu a {
		background-color: #000 !important;
	}
	
	
	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .green-text a {
		color: green !important;
	}

	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .orange-text a {
		color: #cc5500 !important;
	}
	
	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .blue-text a {
		color: #2ea3f2 !important;
	}
	
	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .yellow-text {
		border-top: 1px solid #fff;
	}
	
	.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu .yellow-text a {
		color: #fff !important;
	}
	
	
	.race-cards a.mobile-toggle {
		background-color: #000 !important;
	}
	
	.wpdm-ppc h2 {
		  font-size: 16px !important;
		}
}

#race-card-table .header {
	background-color: #945200 !important;
}

.w3eden .btn-primary {
	background-color: #2ea3f2 !important;
}

#empty-cart {
	background-color: #000 !important;
}

#pay_btn {
	background-color: #35C34D !important;
}