/* Re-color the title on the homepage */
.banner h1 span {
    color: #77D777 !important;
}

/* Re-color bold text on free lesson page */
.banner p span {
	color: initial !important;
}

/* Remove bullets from Safecharge's payment methods list */
#sc_apms_list li {
	list-style: none;
}

/* Remove bullets from footer menu */
#menu-footer li {
	list-style: none;
}

/* Checkout page - International phone field */
.intl-tel-input.allow-dropdown input, .intl-tel-input.allow-dropdown input[type=tel], .intl-tel-input.allow-dropdown input[type=text], .intl-tel-input.separate-dial-code input, .intl-tel-input.separate-dial-code input[type=tel], .intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px !important;
    padding-left: 52px !important;
    margin-left: 0 !important;
}

/* Hide "Have a coupon?" message on the checkout page */
.woocommerce-form-coupon-toggle {
	display: none;
}

/* Prettify post-lesson content like Quiz and Assignment */
.ld-tabs-content h2 {
	margin-top: 48px;
	margin-bottom: 16px;
}
.post-lesson-content {
	text-align: center;
}
.post-lesson-content .wpProQuiz_text .wpProQuiz_button {
	display: inline-block !important;
}

/* Paint player buttons black because some videos are white and the play button becomes invisible */
.mejs-overlay-button {
    background-image: url('/wp-content/themes/learn/img/mejs-controls-dark.svg') !important;
}

/* Paint pause button */
.controls.pause:after,
.controls.pause:before {
	background: #3b55e6 !important;
}

/* Hide info about quizes from each lesson so that lower-level customers wouldn't be confused that they don't see them when they open a lesson */
/*.ld-item-components,
.ld-item-details {
	display: none !important; 
}*/

/* Align vertically the radio button for each lesson, by default it's lower than the lesson title to give space for additional lesson resources which we won't have */
.learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-preview .ld-status-icon {
	margin-top: 0;
}

/* Styles for currency switcher in the packages section */
.packages #alg_currency_selector {
	margin-bottom: 64px;
}
.packages #alg_currency_selector a {
	font-size: 22px;
	background-color: rgba(255, 255, 255, 0.9);
	color: #3b55e6;
}

/* Make credit card fields and such smaller on the checkout page */
.woocommerce-checkout #payment div.form-row {
	padding: 0;
}

.woocommerce-checkout .input-radio {
	height: auto;
}

.woocommerce-checkout #payment .place-order,
.woocommerce #payment>.form-row {
	padding: 1em !important;
}

.woocommerce-terms-and-conditions-wrapper a {
	text-decoration: underline;
}

/* Hide product quantity as it's not relevant for this project */
.woocommerce-checkout-review-order-table .product-quantity {
	display: none;
}

/* I've added another item to the list and background got broken */
.packages__container-item:before {
	min-height: 590px !important;
}
@media (max-width: 640px) {
	.packages__container-item:before {
			min-height: 524px !important;
	}
}


/* Pricing packages styles */
.packages .price s {	
	color: #c8c8c8;	
}
.packages__container-item .btn {
	max-width: 220px;
}
.packages__container-item.orange,
.packages__container-item.blue,
.packages__container-item.dark-blue,
.packages__container-item.brown {
    background-position: 8% 0;
}

/* Color #1 */
.packages__container-item.orange .price {
    color: #77D777;
}
.packages__container-item.orange .btn {
		background-color: #77D777 !important;
    border-color: #77D777 !important;
}
.packages__container-item.orange .btn:hover {
	background: #fff !important;
	color: #77D777 !important;
}
/* Color #2 */
.packages__container-item.blue .price {
    color: #6DDFDF;
}
.packages__container-item.blue .btn {
		background-color: #6DDFDF !important;
    border-color: #6DDFDF !important;
}
.packages__container-item.blue .btn:hover {
	background: #fff !important;
	color: #6DDFDF !important;
}
/* Color #3 */
.packages__container-item.dark-blue .price {
    color: #9F59D7;
}
.packages__container-item.dark-blue .btn {
		background-color: #9F59D7 !important;
    border-color: #9F59D7 !important;
}
.packages__container-item.dark-blue .btn:hover {
	background: #fff !important;
	color: #9F59D7 !important;
}
/* Color #4 */
.packages__container-item.brown .price {
    color: #F1C733;
}
.packages__container-item.brown .btn {
		background-color: #F1C733 !important;
    border-color: #F1C733 !important;
}
.packages__container-item.brown .btn:hover {
	background: #fff !important;
	color: #F1C733 !important;
}

/* Student Area page */
.page-id-20 h1 {
	display: none;
}

.page-id-20 h2 {
	margin-bottom: 24px;
	margin-top: 24px;
}

/* Fix extra large H1 header in articles */
section.trfx-article-wrapper h1 {
	text-align: initial;
  margin-bottom: initial;
}

/* Fix styling */
header ul li a:hover {
    color: #fff;
}
.process__container-item .img {
	background-color: #fff !important;
}
.process__container-item .img:before,
.process__container-item .img:after {
	border-color: #3b55e6 !important;
}
.courses {
	background: #eeeeee !important;
	color: #111111 !important;
}
.courses__container-item.beginner .title {
	background: #54d0ab !important;
}
.courses__container-item.intermediate .title {
	background: #5162ce !important;
}
.courses__container-item.advanced .title {
	background: #a054ce !important;
}
.courses__container-item .middle {
	background: none !important;
	color: #111111 !important;
	font-weight: 900;
}
.courses__container-item {
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	background: #ffffff !important;
}
.copyright {
	color: #999 !important;
}
.disclaimer {
	background: #EFF0F2 !important;
	color: #191919 !important;
	font-size: 16px !important;
	line-height: 26px !important;
}
#menu-menu > li > a:hover {
  color: #1E2949 !important;
}
.woocommerce a {
	color: #333;
}

/* Condense top right buttons to accomodate language switcher */
@media (min-width: 641px) {
	.menu__right li:last-child {
			margin-left: 19px !important;
	}
}
.lang-menu>li.trp-language-switcher-container {
	border-width: 1px !important;
}

/* Add lang switcher */
.lang-menu > li.trp-language-switcher-container {
  border: 2px solid #ffffff;
  border-radius: 4px;
  position: relative;
}
.lang-menu > li.trp-language-switcher-container .sub-menu {
  min-width: 150px;
}
.lang-menu > li.trp-language-switcher-container > a {
  padding: 12px 8px;
  min-width: 45px;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.lang-menu > li.trp-language-switcher-container > a span {
  display: flex;
  justify-content: center;
}
.lang-menu > li.trp-language-switcher-container > a span > .trp-ls-language-name {
  display: none;
}

@media (max-width: 1199px) {
  .lang-menu {
    margin: 0 0 0 auto;
  }
  .lang-menu ul.sub-menu {
    left: -50px;
  }
}
@media (max-width: 640px) {
  .lang-menu > li.trp-language-switcher-container > a {
    padding: 8px;
    min-width: 30px;
    min-height: 30px;
  }
}

/* Fix Safechage on step 2 */
.container #sc_second_step_form button#place_order {
    background-color: #3b55e6;
    color: white;
    margin-left: 15px;
}

#sc_second_step_form a.button {
    background: #fff!important;
    color: #3b55e6!important;
    padding: 11px 20px;
}

#sc_second_step_form a.button,
#sc_second_step_form button#place_order {
    border: 1px solid #3b55e6!important;
    border-radius: 8px!important;
    letter-spacing: 0.1em!important;
    text-transform: uppercase!important;
    font-family: Black,sans-serif!important;
    font-size: 14px!important;
}

#sc_second_step_form #sc_card_holder_name,
#sc_second_step_form #sc_card_holder_name::placeholder,
#sc_second_step_form .apm_fields input,
#sc_second_step_form .apm_fields input::placeholder {
    font-family: sans-serif !important;
    color: #333 !important;
    font-size: 16px;
    border-radius: 4px!important;
    border: none;
}

#sc_second_step_form #sc_card_holder_name::placeholder,
#sc_second_step_form .apm_fields input::placeholder {
    color: gray !important;
    font-size: 16px;
    font-family: sans-serif !important;
    font-weight: 400;
}

#sc_second_step_form .apm_fields input {
    border: 1px solid #ccc!important;
}

#sc_second_step_form .apm_fields input:focus {
    box-shadow: none!important;
}

#sc_second_step_form .apm_fields input {
    padding: 5px !important;
}

#sc_second_step_form .SfcField {
    border-radius: 4px!important;
    border: 1px solid #ccc;
}

#sc_second_step_form .apm_container .apm_fields {
    width: 260px;
}

#sc_second_step_form {
    max-width: 500px;
    margin: 0 auto;
}
#sc_second_step_form #sc_apms_list {
    max-width: 300px;
    /*margin: 0 auto 10px;*/
}