/**
 * Theme Name:     Hello Elementor Child
 * Author:         Mediaplus Team
 * Template:       hello-elementor
 * Text Domain:	   hello-elementor-child
 * Description:    Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
 */
body {
    font-family: "Open Sans", sans-serif !important;
    font-size: 14px;
    line-height: 1.8;
    color: #4a4a4a;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
form label {
    margin-bottom: 3px;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    margin: 0 0 20px;
    color: #333;
    line-height: 1.4;
}
.woocommerce-MyAccount-navigation ul li a:before,
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout #payment ul.payment_methods .wc_payment_method > input[type="radio"]:first-child:checked + label:before,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal,
.woocommerce ul.products li.product li.category a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .product-inner .added_to_cart:hover,
.product_meta .posted_in a:hover,
.product_meta .tagged_as a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
.woocommerce .oceanwp-grid-list a.active,
.woocommerce .oceanwp-grid-list a:hover,
.woocommerce .oceanwp-off-canvas-filter:hover,
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover,
.widget_product_categories li a:hover ~ .count,
.widget_layered_nav li a:hover ~ .count,
.woocommerce ul.products li.product:not(.product-category) .woo-entry-buttons li a:hover,
a:hover,
a.light:hover,
.theme-heading .text::before,
.theme-heading .text::after,
#top-bar-content > a:hover,
#top-bar-social li.oceanwp-email a:hover,
#site-navigation-wrap .dropdown-menu > li > a:hover,
#site-header.medium-header #medium-searchform button:hover,
.oceanwp-mobile-menu-icon a:hover,
.blog-entry.post .blog-entry-header .entry-title a:hover,
.blog-entry.post .blog-entry-readmore a:hover,
.blog-entry.thumbnail-entry .blog-entry-category a,
ul.meta li a:hover,
.dropcap,
.single nav.post-navigation .nav-links .title,
body .related-post-title a:hover,
body #wp-calendar caption,
body .contact-info-widget.default i,
body .contact-info-widget.big-icons i,
body .custom-links-widget .oceanwp-custom-links li a:hover,
body .custom-links-widget .oceanwp-custom-links li a:hover:before,
body .posts-thumbnails-widget li a:hover,
body .social-widget li.oceanwp-email a:hover,
.comment-author .comment-meta .comment-reply-link,
#respond #cancel-comment-reply-link:hover,
#footer-widgets .footer-box a:hover,
#footer-bottom a:hover,
#footer-bottom #footer-bottom-menu a:hover,
.sidr a:hover,
.sidr-class-dropdown-toggle:hover,
.sidr-class-menu-item-has-children.active > a,
.sidr-class-menu-item-has-children.active > a > .sidr-class-dropdown-toggle,
input[type="checkbox"]:checked:before {
    color: #9c9efe;
}
.woocommerce .oceanwp-grid-list a.active .owp-icon use,
.woocommerce .oceanwp-grid-list a:hover .owp-icon use,
.single nav.post-navigation .nav-links .title .owp-icon use,
.blog-entry.post .blog-entry-readmore a:hover .owp-icon use,
body .contact-info-widget.default .owp-icon use,
body .contact-info-widget.big-icons .owp-icon use {
    stroke: #9c9efe;
}
.woocommerce div.product div.images .open-image,
.wcmenucart-details.count,
.woocommerce-message a,
.woocommerce-error a,
.woocommerce-info a,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle,
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.owp-product-nav li a.owp-nav-link:hover,
.woocommerce div.product.owp-tabs-layout-vertical .woocommerce-tabs ul.tabs li a:after,
.woocommerce .widget_product_categories li.current-cat > a ~ .count,
.woocommerce .widget_product_categories li.current-cat > a:before,
.woocommerce .widget_layered_nav li.chosen a ~ .count,
.woocommerce .widget_layered_nav li.chosen a:before,
#owp-checkout-timeline .active .timeline-wrapper,
.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count,
.show-cart .wcmenucart-cart-icon .wcmenucart-count,
.woocommerce ul.products li.product:not(.product-category) .image-wrap .button,
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
#site-navigation-wrap .dropdown-menu > li.btn > a > span,
.thumbnail:hover i,
.post-quote-content,
.omw-modal .omw-close-modal,
body .contact-info-widget.big-icons li:hover i,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #9c9efe;
}
.thumbnail:hover .link-post-svg-icon {
    background-color: #9c9efe;
}
body .contact-info-widget.big-icons li:hover .owp-icon {
    background-color: #9c9efe;
}
.current-shop-items-dropdown {
    border-top-color: #9c9efe;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-bottom-color: #9c9efe;
}
.wcmenucart-details.count:before {
    border-color: #9c9efe;
}
.woocommerce ul.products li.product .button:hover {
    border-color: #9c9efe;
}
.woocommerce ul.products li.product .product-inner .added_to_cart:hover {
    border-color: #9c9efe;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
    border-color: #9c9efe;
}
.woocommerce .oceanwp-grid-list a.active {
    border-color: #9c9efe;
}
.woocommerce .oceanwp-grid-list a:hover {
    border-color: #9c9efe;
}
.woocommerce .oceanwp-off-canvas-filter:hover {
    border-color: #9c9efe;
}
.owp-product-nav li a.owp-nav-link:hover {
    border-color: #9c9efe;
}
.widget_shopping_cart_content .buttons .button:first-child:hover {
    border-color: #9c9efe;
}
.widget_shopping_cart ul.cart_list li .owp-grid-wrap .owp-grid a.remove:hover {
    border-color: #9c9efe;
}
.widget_product_categories li a:hover ~ .count {
    border-color: #9c9efe;
}
.woocommerce .widget_product_categories li.current-cat > a ~ .count {
    border-color: #9c9efe;
}
.woocommerce .widget_product_categories li.current-cat > a:before {
    border-color: #9c9efe;
}
.widget_layered_nav li a:hover ~ .count {
    border-color: #9c9efe;
}
.woocommerce .widget_layered_nav li.chosen a ~ .count {
    border-color: #9c9efe;
}
.woocommerce .widget_layered_nav li.chosen a:before {
    border-color: #9c9efe;
}
#owp-checkout-timeline.arrow .active .timeline-wrapper:before {
    border-top-color: #9c9efe;
    border-bottom-color: #9c9efe;
}
#owp-checkout-timeline.arrow .active .timeline-wrapper:after {
    border-left-color: #9c9efe;
    border-right-color: #9c9efe;
}
.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count {
    border-color: #9c9efe;
}
.bag-style:hover .wcmenucart-cart-icon .wcmenucart-count:after {
    border-color: #9c9efe;
}
.show-cart .wcmenucart-cart-icon .wcmenucart-count {
    border-color: #9c9efe;
}
.show-cart .wcmenucart-cart-icon .wcmenucart-count:after {
    border-color: #9c9efe;
}
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery .active a {
    border-color: #9c9efe;
}
.woocommerce ul.products li.product:not(.product-category) .woo-product-gallery a:hover {
    border-color: #9c9efe;
}
.widget-title {
    border-color: #9c9efe;
}
blockquote {
    border-color: #9c9efe;
}
#searchform-dropdown {
    border-color: #9c9efe;
}
.dropdown-menu .sub-menu {
    border-color: #9c9efe;
}
.blog-entry.large-entry .blog-entry-readmore a:hover {
    border-color: #9c9efe;
}
.oceanwp-newsletter-form-wrap input[type="email"]:focus {
    border-color: #9c9efe;
}
.social-widget li.oceanwp-email a:hover {
    border-color: #9c9efe;
}
#respond #cancel-comment-reply-link:hover {
    border-color: #9c9efe;
}
body .contact-info-widget.big-icons li:hover i {
    border-color: #9c9efe;
}
#footer-widgets .oceanwp-newsletter-form-wrap input[type="email"]:focus {
    border-color: #9c9efe;
}
blockquote,
.wp-block-quote {
    border-left-color: #9c9efe;
}
body .contact-info-widget.big-icons li:hover .owp-icon {
    border-color: #9c9efe;
}
.woocommerce div.product div.images .open-image:hover,
.woocommerce-error a:hover,
.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-message a:focus,
.woocommerce .button:focus,
.woocommerce ul.products li.product:not(.product-category) .image-wrap .button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button[type="submit"]:hover,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button[type="submit"]:focus,
.button:hover,
.button:focus,
#site-navigation-wrap .dropdown-menu > li.btn > a:hover > span,
.post-quote-author,
.omw-modal .omw-close-modal:hover,
body div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
    background-color: #7e80f3;
}
a:hover {
    color: #9c9efe;
}
a:hover .owp-icon use {
    stroke: #9c9efe;
}
.container {
    width: 1250px;
}
body .theme-button,
body input[type="submit"],
body button[type="submit"],
body button,
body .button,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #9c9efe;
}
body .theme-button:hover,
body input[type="submit"]:hover,
body button[type="submit"]:hover,
body button:hover,
body .button:hover,
body div.wpforms-container-full .wpforms-form input[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form input[type="submit"]:active,
body div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
body div.wpforms-container-full .wpforms-form button[type="submit"]:active,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
body div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
    background-color: #7e80f3;
} /* Blog CSS */
.ocean-single-post-header ul.meta-item li i {
    color: #000000;
}
.ocean-single-post-header ul.meta-item li .owp-icon use {
    stroke: #000000;
} /* Header CSS */
#site-navigation-wrap .dropdown-menu > li > a,
.oceanwp-mobile-menu-icon a,
.mobile-menu-close,
.after-header-content-inner > a {
    line-height: 60px;
}
#site-header.has-header-media .overlay-header-media {
    background-color: rgba(0, 0, 0, 0.5);
} /* WooCommerce CSS */
#owp-checkout-timeline .timeline-step {
    color: #cccccc;
}
#owp-checkout-timeline .timeline-step {
    border-color: #cccccc;
}
.woocommerce ul.products li.product li.owp-woo-cond-notice span,
.woocommerce ul.products li.product li.owp-woo-cond-notice a {
    color: #333333;
}
.woocommerce-MyAccount-navigation ul li a:before {
    color: #9c9efe;
}
.woocommerce-MyAccount-navigation ul li a:hover {
    color: #9c9efe;
}
.woocommerce-checkout .woocommerce-info a {
    color: #9c9efe;
}
input[type="button"],
input[type="reset"],
input[type="submit"],
button[type="submit"],
.button,
body div.wpforms-container-full .wpforms-form input[type="submit"],
body div.wpforms-container-full .wpforms-form button[type="submit"],
body div.wpforms-container-full .wpforms-form .wpforms-page-button {
    display: inline-block;
    font-family: inherit;
    background-color: #9c9efe;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0;
    padding: 14px 20px;
    border: 0;
    cursor: pointer;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#ad-posting-title{
	font-size:10pt;
}

#submit-saved-notification {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--e-global-color-primary);
    color: white;
    padding: 20px;
    border-radius: 5px;
    z-index: 1000;
    text-align: center;
    max-width: 80%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.custom-back-to-job-listing-css{
	position: absolute;
    cursor: pointer;
    z-index: 1;
    margin-top: -59px;
}

.jobsearch-jobdetail-listthumb img{
	height:100px;
	width:100px;
}

.custom-found-text-css{
	width:50%;
}

.temp-display-none{
	display:none !important;
}

@media (max-width: 480px) {
	.custom-found-text-css{
		width:100%;
	}
	
	.jobsearch-joblisting-classic-wrap{
		border-radius:50px !important;
	}
	
	.jobsearch-employer-dashboard-nav{
		display:none;
	}
	.custom-main-dashboard-nav{
		display:block;
	}
	
}

@media (max-width: 600px) {
	.wrap-image-mobile{
/* 		width:50% !important; */
		width:38% !important;
	}
	
	.wrap-image-mobile figure{
		width:100% !important;
		border-radius:15% !important;
	}
	
	.wrap-image-mobile figure img{
		border-radius:15% !important;
	}
	
	.mobile-display-css{
		display:flex !important;
		width:50% !important;
		flex-direction: column;
		padding-left:10px !important;
	}
	
	.mobile-display-css-1 a{
/* 		font-size: 26px; */
		font-size: 12px !important;
    	color: #000;
	}
	
	.mobile-display-css-1 p{
		font-size: 12px !important;
    	color: #000;
	}
	
	.mobile-display-css-1 p{
		display: flex;
		color: #444;
		font-weight: 400;
	}
	
	.mobile-display-css-2{
/* 		font-size: 14px; */
		font-size: 11px !important;
		font-weight: 400;
		padding-top: 10px;
	}
	
	.apply-job:has(> .custom-mobile-hide > .jobsearch_apply_job){
		align-items:flex-start;
	}
	
	
	.not-login-css {
		display: block !important;
	}
	
	.jobsearch_candidate_info .wrap-info{
		width:100% !important;
	}
	
	.warp-view-one-left, .warp-view-one-right {
		width: 100% !important;
	}
	
	.warp-view-one-mobile{
		display:block !important;
	}
	
	.mobile-contact-info{
		display:flex !important;
		flex-direction:column;
		
	}
	
	.mobile-contact-info .invit{
		justify-content:left !important;
	}
	
	.mobile-contact-info .invit .jobsearch-whatsapp-msgcon{
		text-align: left;
    	padding-top: 20px;
	}
	
	
	
	.new-apply-job-mobile-button > .jobsearch_side_box{
		width:auto !important;
	}
	
	.new-apply-job-mobile-button > .jobsearch_side_box > .jobsearch_apply_job_wrap{
		margin-right:0 !important;
	}
	
	.new-apply-job-mobile-button > .jobsearch_side_box > .jobsearch_apply_job_wrap a {
		font-size: 12px !important;
		margin: 0 !important;
		font-weight: normal !important;
		line-height: 1;
		border-radius:15px !important;
		
	}
	
	.new-apply-job-mobile-button > .jobsearch_side_box > .jobsearch_apply_job_wrap small{
		font-size: 12px !important;
		margin: 0 !important;
		font-weight: normal !important;
		line-height: 1;
		padding: 2px 9px !important;
	}
	
	.new-apply-job-mobile-button > .jobsearch_side_box > .jobsearch_apply_job_wrap .jobsearch-applyjob-btn:before{
		display:none;
	}
	
	.mobile-typo-wrap-css{
		padding:0 !important;
		border:none !important;
	}
	
	.mobile-typo-wrap-css h2{
		margin-bottom:0 !important;
	}

	.extra-padding-mobile-custom{
		padding-bottom:0;
		
	}
	
	.jobsearch_candidate_info .wrap-info:has(> .custom-mobile-hide){
		padding-left:0 !important;
	}
	
	.custom-font-size-applicants h2{
		font-size:18px !important;
	}
	
	.custom-css-app-applicants-date{
		text-align:left !important;
	}
	
	.desktop-hide{
		display:block !important;
	}
	
	.viewed-mobile-css-app-applicants{
		margin-left: 0px;
		float: left;
		width: 100%;
		padding-top: 10px !important;
	}
	
	.shortlisted-mobile-css-app-applicants{
		padding-left: 75px !important;
	}
	
	.custom-all-applicant-mobile-content ul li{
		width:100% !important;
	}
	
	.custom-all-applicant-mobile-content > .jobsearch-user-email{
		
	}
	
	.custom-all-applicant-mobile-content > .jobsearch-pst-title{
		
	}
	
	.mobile-all-applidation-detail{
		padding-bottom:15px !important;
	}
	.mobile-all-applicant-font{
		font-size:13px !important;
	}
	.mobile-all-applicant-header-font{
		font-size:16px !important;
	}
	
	.new-applicants-notifications-custom-css{
		width:66vw !important;
	}
	
	.action-edit a.edit-post{
		margin-bottom:20px !important;
	}
	.jobsearch-jobdetail-content{
		margin-bottom:15px !important;
	}
	
	.jobsearch-profile-title{
		padding-bottom:0 !important;
	}
}

.extra-padding-mobile-custom{
	padding-bottom:20px;
}

.candidate_portfolio ul li * {
    display: inline-block;
}

.candidate_portfolio_custom_css ul{
	list-style-type: none;
}
.candidate_portfolio_custom_css{
	padding: 0 0px 30px 30px !important;
}
.custom-edit-font-color{
	color:#9C9EFE !important;
}

.desktop-hide{
	display:none;
}
.default-font-color{
	color:initial !important;
}
.mobile-padding{
	padding: 0 30px;
}

.jobsearch-profile-title{
	text-align:center;
	padding-bottom:15px !important;
}

.dash-hdtabchng-btn{
	float:none !important;
}

/* CSS to disable scrolling and dragging when modal is open */
html.no-scroll,
body.no-scroll {
    overflow: hidden; /* Prevent scrolling */
    -webkit-overflow-scrolling: none; /* Disable momentum scrolling on touch devices */
    touch-action: none; /* Prevent touch interactions */
}

/* Disable drag and text selection */
html.no-scroll * {
    -webkit-user-select: none; /* Prevent text selection in WebKit */
    -moz-user-select: none;    /* Prevent text selection in Mozilla */
    -ms-user-select: none;     /* Prevent text selection in Internet Explorer/Edge */
    user-select: none;         /* Prevent text selection in modern browsers */
    -webkit-touch-callout: none; /* Prevent touch callout */
    -webkit-user-drag: none;    /* Disable element dragging */
}

/* Task #SP1 */
.jobsearch-resume-education-wrap > small {
	font-weight: bold;
}

.jobsearch-candidate-resume-wrap:before,
.jobsearch-candidate-resume-wrap .jobsearch-candidate-title:before,
.jobsearch-candidate-resume-wrap .jobsearch-candidate-title:after,
.jobsearch-resume-education > ul > li:before {
	display: none;
}

.jobsearch-candidate-resume-wrap,
.jobsearch-typo-wrap .jobsearch-candidate-resume-wrap {
	padding: 27px 20px 0;
    border: 2px solid #9c9efe;
    margin-bottom: 20px;
    border-radius: 30px;
}

.jobsearch-candidate-section .jobsearch-add-skills,
.jobsearch-candidate-resume-wrap .jobsearch-company-gallery,
.jobsearch-typo-wrap .jobsearch-candidate-resume-wrap .jobsearch-company-gallery {
	margin-bottom: 0;
	padding-bottom: 0;
}

.jobsearch-candidate-resume-wrap > .jobsearch-add-popup {
	top: 27px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 95%;
}

.jobsearch-candidate-resume-wrap .jobsearch-add-skills-wrap .jobsearch-pst-title {
	padding: 12px 0px 0px 35px;
}

.editor-length .counter-wrap {
	font-size: 12px;
}

#dashboard-tab-my-freelance-plan-15945 > .jobsearch-employer-dasboard:first-of-type > .jobsearch-employer-box-section
{
	display:none !important;
}

/* Task #9: Notification */
.notificate-item-content {
	font-size: 13px;
	line-height: 1.5;
}

.notificate-item-content p {
	margin: 0;
}

a.notificate-item-btn,
.notificate-item-btn {
	background: #9c9efe;
    color: #fff !important;
    padding: 0 5px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 12px;
}

.notificate-item-actions {
	display: flex;
	gap: 10px;
}

.jobsearch-hdrnotifics-list {
	max-height: 400px;
    overflow-y: auto;
}