/*
 Theme Name: Richard Child Theme
 Theme URI: https://www.nine9webdesign.com
 Description: A Child Theme for Divi
 Author: Nine9 Web Design
 Author URI: https://www.nine9webdesign.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
*/

/* Add your custom styles below */

/************************ MENU ************************/
#page-container #et-secondary-menu .et-cart-info,
#page-container #et-top-navigation .et-cart-info {
    display: none !important; 
}

.bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:after,
.bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:after,
.bracketed_in #top-menu > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item):not(.centered-inline-logo-wrap) a > span:before,
.bracketed_in .et_pb_menu__menu > nav > ul > li:not(.menu-item-has-children):not(.dipi-cta-button-menu-item) a > span:before {
    top: 2px !important;
}

#page-container #main-header {
    box-shadow: none;
}

#page-container #main-header.et-fixed-header {
    box-shadow: 0 0 7px rgba(0,0,0,0.1) !important;
}

#page-container { 
	overflow: hidden !important;
}

@media only screen and (max-width: 980px) {
	.logo_container {
		z-index: 9999;
	}
}

#page-container .um a.um-link,
.jb-login-to-apply a,
.um-field a {
    font-weight: bold;
}

/************************ SIDE CART ************************/
body .xoo-wsc-icon-basket4:before {
    content: "\e089";
    font-family: ETmodules !important;
}

/************************ MEMBERS / JOBS ************************/
#page-container .um:not(.um-admin) {
    margin-bottom: 0px!important;
}

#page-container .um-profile-body {
    max-width: 100%;
}

#page-container .yop_user .um-profile.um-viewing .um-field-label {
    background: #eeeeee;
    border-radius: 15px;
    padding: 5px 10px;
    margin: 3px;
	min-width: 200px;
}

#page-container .yop_user .um-viewing .um-field-area {
    padding: 5px 10px;
    display: flex;
    align-items: center;
}

#page-container .yop_user .um-viewing .um-field {
    padding: 0px;
    border: 1px solid #EEEEEE;
    border-radius: 15px;
    margin-bottom: 15px;
}

#page-container .yop_user .um-header {
    padding: 0 0 15px 0;
    border-bottom: none;
}

#page-container .yop_members .um-directory .um-members-wrapper .um-members.um-members-list .um-member,
#page-container .yop_members .um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    border-radius: 15px;
}

#page-container .um #um_field_9_cv_upload .um-single-file-preview {
	margin-bottom: 0px;
}

@media only screen and (min-width: 600px) {
	#page-container .yop_user .um-viewing .um-field {
		flex-direction: row;
		display: flex;
	}
}

@media only screen and (max-width: 599px) {
	#page-container .yop_user .um-profile.um-viewing .um-field-label {
		border-radius: 15px 15px 0px 0px;
	}
}

/* Filters */
#page-container input.jb-search-location,
#page-container .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-search-line {
    width: 100%;
}

#page-container input.jb-search-line,
#page-container input.jb-search-location,
#page-container .select2-container .select2-choice,
#page-container .select2-container-multi .select2-choices,
#page-container .select2-drop, .select2-drop-active,
#page-container .select2-drop.select2-drop-above,
#page-container .um .um-form input[type=number],
#page-container .um .um-form input[type=password],
#page-container .um .um-form input[type=search],
#page-container .um .um-form input[type=tel],
#page-container .um .um-form input[type=text],
#page-container .um .um-form textarea,
#page-container .um .upload-progress {
    border: 1px solid #ddd!important;
    border-radius: 10px;
}


#page-container input.jb-search-line,
#page-container input.jb-search-location{
	padding: 10px;
}

#page-container .um-directory .um-member-directory-header .um-member-directory-header-row .um-member-directory-nav-line .um-member-directory-filters .um-member-directory-filters-a a {
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 14px;
    color: #000;
}

#page-container .jb-form-button,
#page-container .jb-button,
#page-container .um-member-directory-header .um-button {
    -moz-border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    border-radius: 50px!important;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #004952;
	color: #fff;
	border: 1px solid #004952;
}

#page-container .um a.um-button:hover,
#page-container .um input[type=submit].um-button:hover,
#page-container .picker__box, 
#page-container .picker__nav--next:hover,
#page-container .picker__nav--prev:hover,
#page-container .um .um-field-group-head,
#page-container .um .um-members-pagi span.current,
#page-container .um .um-members-pagi span.current:hover,
#page-container .um .um-profile-nav-item.active a,
#page-container .um .um-profile-nav-item.active a:hover,
#page-container .um-modal-btn, .um-modal-btn.disabled,
#page-container .um-modal-btn.disabled:hover,
#page-container .um-modal-header,
#page-container .upload,
#page-container div.uimob800 .um-account-side li a.current,
#page-container div.uimob800 .um-account-side li a.current:hover,
#page-container .um a.um-button, .um a.um-button.um-disabled:active,
#page-container .um a.um-button.um-disabled:focus,
#page-container .um a.um-button.um-disabled:hover, .um input[type=submit].um-button,
#page-container .um input[type=submit].um-button:focus {
    background: #004952;
	color: #fff;
}

#page-container .um a.um-link,
#page-container .um .um-cover-add:hover,
#page-container .um .um-field-checkbox.active:not(.um-field-radio-state-disabled) i,
#page-container .um .um-field-radio.active:not(.um-field-radio-state-disabled) i,
#page-container .um .um-item-meta a,
#page-container .um .um-member-less a:hover,
#page-container .um .um-member-more a:hover,
#page-container .um .um-member-name a:hover,
#page-container .um .um-members-pagi a:hover,
#page-container .um .um-profile-subnav a.active,
#page-container .um .um-tip:hover,
#page-container .um-account-name a:hover,
#page-container .um-account-nav a.current,
#page-container .um-account-side li a.current span.um-account-icon,
#page-container .um-account-side li a.current:hover span.um-account-icon,
#page-container .um-dropdown li a:hover,
#page-container i.um-active-color,
#page-container span.um-active-color {
    color: #004952;
}

#page-container .jb-form-button {
	padding: 5px 20px;
}

#page-container .jb-form-button:hover,
#page-container .jb-button:hover,
#page-container .um-button:hover {
    cursor: pointer;
}

#page-container .um-field .select2.select2-container .select2-selection,
#page-container .um-search-filter .select2.select2-container .select2-selection {
    min-height: 40px;
    height: 100%;
	border-radius: 10px !important;
}

#page-container .um-field .select2.select2-container .select2-selection .select2-selection__arrow:before,
#page-container .um-search-filter .select2.select2-container .select2-selection .select2-selection__arrow:before {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Jobs */
#page-container .jb-salary-filter .jb-double-range input[type=range] {
	box-shadow: none;
    -webkit-box-shadow: none;
}

#page-container .jb-salary-filter .jb-double-range input[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    background: #004952;
    /*height:10px;
    width:10px;*/
}

#page-container select.jb-job-type-filter {
    border-radius: 5px;
}

input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea {
    border-radius: 5px;
	padding: 8px;
}

input[type=number] {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
    border-radius: 5px;
	padding: 8px;
}

@media only screen and (max-width: 599px) {
	#page-container .jb-salary-filter {
		width: 100%;
	}
}

#page-container .um-profile-nav-item a:hover,
#page-container .yop_members .um-directory .um-members-wrapper .um-members.um-members-list,
#page-container .yop_members .um-directory .um-members-wrapper .um-members.um-members-grid .um-member {
    border-radius: 15px;
}

/* Dashboard buttons */
#page-container .um .um-profile-nav-item.active a,
#page-container .um .um-profile-nav-item.active a:hover {
	border-radius: 15px;
	color: #fff!important;
}

#page-container .um-profile-nav {
    background: #eee;
	border-radius: 15px;
}

#page-container .um-profile-nav-item a {
    color: #333!important;
}

#page-container .um-profile-nav-item a:hover {
    color: #fff!important;
}

.um-cover,
.um-cover-e {
    border-radius: 25px;
}

/************************ DONATIONS ************************/
#page-container .donation_sec .woonp {
    flex-direction: column;
}

#page-container .donation_sec .woonp label {
    margin-right: 0px;
    margin-bottom: 10px;
}

#page-container .donation_sec .woonp input {
    width: 100% !important;
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 15px;
    max-width: 450px;
}

#page-container .donation_sec .woonp label {
    margin-right: 0px;
    margin-bottom: 10px;
    text-transform: uppercase;
	font-weight: 900;
    letter-spacing: 1px;
}

#page-container .wc-block-components-quantity-selector {
    display: none;
}

#page-container .wc-donation-amount {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#page-container .wc-donation-amount input[type=number] {
	min-width: 300px;
	text-align: center;
}

/************************ CHECKOUT / CART ************************/
#page-container .wc-block-checkout__terms {
    display: none;
}

:root :where(.wp-element-button, .wp-block-button__link) {
    background-color: #004952 !important;
    border-radius: 100px !important;
}

body:not(.woocommerce-block-theme-has-button-styles) .wc-block-components-button:not(.is-link):focus {
    box-shadow: 0 0 0 2px #004952 !important;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 2px #004952 !important;
}

.woocommerce-cart #main-content .container,
.woocommerce-cart #main-content .container,
.woocommerce-checkout #main-content .container,
.woocommerce-checkout #main-content .container {
    padding-top: 0px !important;
	width: 100% !important;
	max-width: 100% !important;
}

.woocommerce-cart .entry-content,
.woocommerce-checkout .entry-content {
    max-width: 80%;
    margin: auto;
}

.woocommerce-cart .main_title,
.woocommerce-checkout .main_title {
    background: #004952;
    text-align: center;
    padding: 20px 0px;
    color: #fff;
	text-shadow: 0.1em 0.2em 0.5em rgba(0,0,0,0.05);
	letter-spacing: 1px;
}

.woocommerce-cart .main_title {
	margin-bottom: 50px;
}

.woocommerce-checkout .main_title {
    margin-bottom: 20px;
}

.woocommerce-cart .add_to_cart_button,
.woocommerce-cart .wc-block-cart__submit-button,
.wc-block-components-button,
.woocommerce-checkout .wc-block-components-checkout-place-order-button{
	background: #004952;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #ff !important;
}

.wc-points-rewards-redeem-form button {
	background: #004952;
	color: #fff !important;
}

.woocommerce-cart h2 {
	margin-top: 24px;
}

.woocommerce-checkout .wc-block-components-button:not(.is-link):focus,
.woocommerce-cart .wc-block-components-button:not(.is-link):focus {
    box-shadow: 0 0 0 2px #004952 !important;
    box-shadow: inset 0 0 0 1px #fff,0 0 0 2px #004952 !important;
    outline: 3px solid transparent !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked:before {
	background: #004952 !important;
}

.wc-block-components-radio-control .wc-block-components-radio-control__input:checked {
    border: 1px solid #004952 !important;
}

.woocommerce-cart .entry-content, .woocommerce-checkout .entry-content {
    min-height: 43vh;
}

/************************ JOBS ************************/
.job_back_btn {
	display: inline-block;
    margin-top: 25px;
}

/************************ RESTRICTED MESSAGE ************************/
#page-container .restricted_employ_yop {
    min-height: 55vh !important;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 900;
}