/*!
Theme Name: drkatford
Theme URI: http://underscores.me/
Author: Digital Guider
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: drkatford
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

drkatford is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


.blog-listing .post-image img{
	    height: 230px;
    object-fit: cover;
}

.contact-form-parent form input[type="text"],
.contact-form-parent form textarea,
.contact-form-parent form input[type="email"],
.contact-form-parent form input[type="tel"],
.contact-form-parent form select
{
	padding: 10px;
    margin-bottom: 20px;
    border: solid 1px rgba(0, 0, 0, 0.25);
    height: auto;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}


.contact-form-parent form .wpcf7-not-valid-tip{
	    margin-top: -20px;
    margin-bottom: 20px;
}


.services-page-parent .pagination-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 2rem;
}

.services-page-parent .page-numbers {
    display: inline-block;
    padding: 8px 14px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
    color: #333;
    font-size: 16px;
    text-decoration: none;
    transition: all 0.3s ease;
}

.services-page-parent .page-numbers:hover,
.services-page-parent .page-numbers:focus {
    background-color: #c200f0;
    color: #fff;
    border-color: #333;
    text-decoration: none;
}

.services-page-parent .page-numbers.current {
    background-color: #c200f0;
    color: #fff;
    border-color: #333;
    cursor: default;
}

.services-page-parent .page-numbers.prev,
.services-page-parent .page-numbers.next {
    font-weight: bold;
}


.other-services h4 a{
	color:#c5a6a6;
}
.other-services h4 a:hover{
	color:#fff;
	text-decoration: underline;
}

.other-services .servicerow{
    display: flex;
    justify-content: center;
}

/* Truncate paragraph to 4 lines */
.truncate-text4line {
    display: -webkit-box;
    -webkit-line-clamp: 4; /* number of lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.resource-sec-middle-content ul{
    padding: 0;
    list-style: none;
}

.resource-sec-middle-content ul li {
    position: relative;
    display: block;
    padding: 0px;
    padding-left: 30px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    font-size: 15px;
    line-height: 1.6em;
	    margin: 5px 0 5px 0;
}

.resource-sec-middle-content ul li:before {
    position: absolute;
    left: 0;
    font-family: "FontAwesome";
    content: "\f00c";
    margin-right: 12px;
    width: 20px;
    line-height: 1;
    padding: 4px 0;
    font-size: 15px;
    display: inline-block;
    text-align: center;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
	    color: var(--secondary-color);
}

.resource-sec-middle-content  ol {
    list-style-type: none;
    counter-reset: ordered;
    margin-left: 50px;
}

.resource-sec-middle-content  ol li {
    font-weight: 500;
    margin-bottom: 20px;
    font-size: 18px;
}

.resource-sec-middle-content  ol li::before {
    background: rgba(var(--secondary-color-rgb), .2);
    border-radius: 50%;
    color: var(--bg-dark-1);
    content: counter(ordered);
    counter-increment: ordered;
    display: inline-block;
    font-weight: 400;
    margin-left: -50px;
    margin-top: -5px;
    padding: 5px 5px;
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
}

.resource-sec-middle-content  h2,
.resource-sec-middle-content  h3,
.resource-sec-middle-content  h4,
.resource-sec-middle-content  h5,
.resource-sec-middle-content  h6{
	    color: var(--primary-color);
		font-size: 32px;
		margin-bottom: 20px;
}

.resource-sec-middle-content  h2{
		font-size: 34px;
}
.resource-sec-middle-content  h4{
		font-size: 28px;
}
.resource-sec-middle-content  h5{
		font-size: 18px;
		color:unset;
}

.resource-sec-middle-content .bg-color h2,
.resource-sec-middle-content .bg-color h3,
.resource-sec-middle-content .bg-color h4,
.resource-sec-middle-content .bg-color h5,
.resource-sec-middle-content .bg-color h6{
	color:#fff;
}

.resource-sec-middle-content .bg-color p{
	font-weight: 600;
}


/* Target WooCommerce My Account page */
.woocommerce-account .woocommerce {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

/* Navigation (left column) */
.woocommerce-account .woocommerce-MyAccount-navigation {
	flex: 0 0 250px;
	width: 100%;
	max-width: 250px;
	border: 1px solid #ddd;
	padding: 20px;
	background-color: #f9f9f9;
}

/* Content (right column) */
.woocommerce-account .woocommerce-MyAccount-content {
	flex: 1;
	width: 100%;
	border: 1px solid #ddd;
	padding: 20px;
	background-color: #fff;
}


.woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.woocommerce-MyAccount-navigation li {
	margin-bottom: 10px;
}

.woocommerce-MyAccount-navigation a {
	display: block;
	padding: 10px;
	color: #333;
	background: #eee;
	border-radius: 5px;
	text-decoration: none;
	transition: background 0.3s;
}

.woocommerce-MyAccount-navigation a:hover,
.woocommerce-MyAccount-navigation .is-active a {
	background: #0071a1;
	color: #fff;
}


.ld-course-wrapper {
  padding: 30px;
  max-width: 1200px;
  margin: auto;
}
.ld-course-main-content {
  display: flex;
  gap: 30px;
}
.ld-course-content {
  flex: 2;
}
.ld-course-sidebar {
  flex: 1;
  background: #f9f9f9;
  padding: 20px;
  border-radius: 8px;
}
.ld-course-header {
  background: #2a2c91;
  color: #fff;
  padding: 30px;
  border-radius: 10px;
  margin-bottom: 30px;
}


.ld-course-sidebar section,
.ld-enrollment section{
    padding:0;
}


.ld-course-list-content .ld_course_grid .thumbnail.course img{
    height:250px;
    object-fit: cover;
}

.coursegrid .learndash-block-inner .items-wrapper.grid{
    height:unset !important
}

.coursegrid  .learndash-course-grid .items-wrapper .grid-2 .thumbnail img{
    height: 300px;
    object-fit: cover;
}


.wc-block-components-button__text{
    display: inline-block;
    font-family: var(--title-font);
    text-align: center;
    color: #fff;
    outline: 0;
    font-weight: bold;
    text-decoration: none;
    padding: 8px 25px;
    font-size: 14px;
    border: none;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
        background: var(--primary-color);
}


.woocommerce-page .wc-block-components-checkout-place-order-button{
    border: none;
    background: none;
}

.single-course-page .ld-alerts .ld-course-status{
    display: none !important;;
}


.learndash-wrapper .ld-focus .ld-focus-main .ld-focus-content {
    min-height: 100vh;
}


.subtitle{
	color:#fff;
}






/************Woocommerce styling***************/
/* Style for WooCommerce product listing boxes */
.prodlisting ul.products li.product {
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05);
    transition: all 0.3s ease;
    text-align: center;
    overflow: hidden;
}

/* Hover effect */
.prodlisting ul.products li.product:hover {
    box-shadow: 0 8px 25px rgba(0,0,0,0.1);
    transform: translateY(-4px);
}

/* Product image */
.prodlisting ul.products li.product img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
    border-radius: 8px;
}

/* Product title */
.prodlisting ul.products li.product h2.woocommerce-loop-product__title {
    font-size: 18px;
    font-weight: 600;
    margin: 10px 0;
    color: #333;
}

/* Price styling */
.prodlisting ul.products li.product .price {
    color: #28a745;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}

/* Add to cart button */
.prodlisting ul.products li.product .button {
    background-color: #0073aa;
    color: #fff;
    padding: 10px 18px;
    font-size: 14px;
    border: none;
    border-radius: 6px;
    transition: background-color 0.3s ease;
}

.prodlisting ul.products li.product .button:hover {
    background-color: #005c8f;
}


.single-product section.prodlisting{
	padding: 0;
}
section.prodlisting h1{
    font-size:32px;
}
section.prodlisting h2{
    font-size:26px;
}




.servicelist .circle {
    width: 90px;
    height: 90px;
    object-fit: cover;
}

.gallslider img{
	height:319px;
	width:319px;
	object-fit: cover;
}
/************Woocommercs listing styling***************/


.services-page-parent .services-counceling-card .alt-font,
.servicelist .services-counceling-card .alt-font{
	display:none;
}

.services-page-parent .services-counceling-card img.img-fluid {
	height:100px;
	width:100px;
	object-fit: cover;
}

.slider-title .lineonetext{
	color:#fff;
}


.ld-accordion__subheading{
	font-family: var(--title-font);
    font-weight: var(--title-font-weight);
    color: #202020;
}

.ld-accordion__items .ld-accordion__item-header .ld-accordion__item-title{
	color: #7b8893;
}

.ld-focus-content h1{
	font-size:36px;
}
.ld-focus-content h2{
	font-size:32px;
}

.ld-focus-content h3{
	font-size:28px;
}

.ld-focus-content h4{
	font-size:24px;
}
.ld-focus-content h5{
	font-size:22px;
}



.wpmake-advance-user-avatar-container header{
    width: auto;
    position: unset;
    left: 0;
    z-index: 1001;
    background: none;
    margin: 0;
}


div#ult-login-no-setup-notice {
    display: none;
}

#print-below-btn {
    text-align: center;
    margin: 0 40%;
    width: 171px;
    background: #4144eb;
    color: #fff;
    border: none;
    font-weight: bold;
}

/* Responsive: stack on smaller screens */
@media screen and (max-width: 768px) {
	.woocommerce-account .woocommerce {
		flex-direction: column;
	}
	
	#de-subheader.op-2 {
        margin-top: 100px !important;
    }

	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		max-width: 100%;
	}
}


@media (min-width: 992px) {
    .offset-lg-6.left-class {
        margin-left: 0;
    }
}