Server : LiteSpeed System : Linux premium84.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64 User : claqxcrl ( 523) PHP Version : 8.1.32 Disable Function : NONE Directory :  /home/claqxcrl/claquemagazineawards.com/wp-content/themes/exs/assets/css/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

/*LearnPress*/
body.learnpress-page .lp-button{
	position: relative;
	border: 3px solid;
	border-color: transparent;
	display: inline-block;
	line-height: 1;
	font-size: var(--btn-fs);
	font-weight: normal;
	text-align: center;
	padding: 15px 23px 15px;
	border-radius: 1px;
	background-color: var(--colorDark);
	color: var(--colorLight);
	cursor: pointer;
	transition: color .25s, background-color .25s, border-color .25s ease-out, opacity .25s ease-out;
	height: auto;
}

body.learnpress-page .lp-button:hover{
	background-color: var(--colorMain);
}

body.learnpress-page form[name=search-course] .search-course-button{
	position: absolute;
}

body.learnpress-page form[name=search-course] .search-course-button:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 14px;
	margin-right: 1em;
	line-height: 0;
	content: '\f002';
}

body.learnpress-page #course-item-content-header .course-item-search{
	padding: .75em 1em;
}

body.learnpress-page #course-item-content-header .form-button.lp-button-back{
	line-height: 1;
}

body.learnpress-page #course-item-content-header .form-button.lp-button-back .lp-button{
	color: var(--colorDarkMuted);
	line-height: 1;
	background-color: transparent;
	font-size: 1.3em;
}

body.learnpress-page #course-item-content-header .form-button.lp-button-back .lp-button:hover{
	color: var(--colorMain);
}

body.learnpress-page #course-item-content-header .form-button.lp-button-back .lp-button:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 18px;
	margin-right: 1em;
	content: '\f177';
}

.modal-header button.close{
	border: none;
	background: transparent;
	color: var(--colorDarkMuted);
	padding: 5px 15px;
}

.modal-header h5{
	margin-bottom: 0;
}

#box .learn-press-message{
	border-radius: 0;
}

#box .learn-press-progress .progress-bg,
#box .learn-press-message{
	background-color: var(--colorBackground);
}

#box .learn-press-form .form-fields .form-field input[type=checkbox] + .description{
	display: inline;
}

#box .learn-press-breadcrumb{
	display: none;
}

#box form[name=search-course]{
	margin-bottom: 2em;
}

#box ul.learn-press-courses .course{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-bottom: 2em;
}

#box ul.learn-press-courses .course .course-thumbnail{
	margin-bottom: 1.25em;
}

#box ul.learn-press-courses .course .course-thumbnail img{
	width: 100%;
}

#box ul.learn-press-courses .course .course-info{
	font-size: .92em;
	margin-bottom: 1.5em;
}

#box ul.learn-press-courses .course .course-info .course-price{
	color: var(--colorMain);
}

#box .learn-press-pagination .page-numbers{
	padding: 0;
}

#box .learn-press-pagination .page-numbers > li a,
#box .learn-press-pagination .page-numbers > li span{
	border: none;
	padding: .75em 1em;
}

#box .learn-press-pagination .page-numbers > li span{
	background-color: var(--colorBackground);
}

#box .course-learning-summary > div{
	margin-bottom: 2em;
}

#box .single-course-info .lp-course-buttons{
	margin: 1em 0 .5em;
}

#box .single-course-info .learn-press-course-results-progress .items-progress,
#box .single-course-info .learn-press-course-results-progress .course-progress{
	float: none;
	width: 100%;
}

#box ul.learn-press-nav-tabs{
	border-color: var(--colorBorder);
	border-bottom-width: 1px;
	margin-bottom: 0;
}

#box ul.learn-press-nav-tabs .course-nav a{
	border: 1px solid var(--colorBorder);
	border-bottom-width: 0;
	background: var(--colorLight);
	margin-right: 3px;
	margin-bottom: -1px;
	position: relative;
}

#box ul.learn-press-nav-tabs .course-nav.active:after,
#box ul.learn-press-nav-tabs .course-nav:hover:after{
	background-color: var(--colorMain);
	bottom: auto;
	width: auto;
	top: 0;
	left: 0;
	right: 4px;
}

#box #learn-press-course-tabs .course-tab-panel{
	border: 1px solid var(--colorBorder);
	border-top-width: 0;
	padding: 1.5em;
}

@media (min-width: 992px) {
	#box #learn-press-course-tabs .course-tab-panel{
		padding: 3em;
	}
}

@media (min-width: 768px) {
	#box .course-flex-1-3{
		display: flex;
		align-items: flex-start;
	}

	#box .course-info-wrap{
		width: 70%;
	}
}

#box .course-summary .single-course-info{
	margin-bottom: 2em;
	border-top: 3px solid var(--colorMain);
}

@media (min-width: 768px) {
	#box .course-summary .single-course-info{
		flex-grow: 33;
		width: 33%;
		order: 2;
		margin-left: 2em;
	}
}

#box .course-summary .single-course-info ul{
	padding: 0;
}

#box .course-curriculum ul.curriculum-sections .section-header{
	border-color: var(--colorBorder);
	border-bottom-width: 3px;
}

#box .course-curriculum ul.curriculum-sections .section-header .section-title:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	margin-right: 1em;
	position: relative;
	bottom: .15em;
	content: '\f054';
}

#box .course-curriculum ul.curriculum-sections .section-header .section-desc{
	font-size: .92em;
	margin-bottom: 1em !important;
}

#box .course-curriculum ul.curriculum-sections .section-content .course-item{
	font-size: inherit;
	background: transparent;
	border-bottom-color: var(--colorBorder);
}

#box .course-curriculum ul.curriculum-sections .section-content .course-item .section-item-link:before{
	font-size: inherit;
	padding-top: 1em;
	padding-bottom: 1em;
}

#box .course-curriculum ul.curriculum-sections .section-content .course-item .item-name,
#box .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta{
	padding-top: 1em;
	padding-bottom: 1em;
}

#box .course-curriculum ul.curriculum-sections .section-content .course-item .course-item-meta .course-item-status:before{
	font-size: inherit;
}

#box .course-curriculum ul.curriculum-sections .section-content .course-item.item-locked .course-item-status:before{
	color: var(--colorDarkMuted);
}

#box .course-author .author-name p{
	margin-bottom: 0;
}

#box .lp-single-course .course-price{
	color: var(--colorDarkMuted);
}

body.course-item-popup #box #learn-press-course-curriculum{
	background: var(--colorLight);
	border-color: var(--colorBorder);
}

body.course-item-popup #box #learn-press-content-item{
	background: var(--colorLight);
}

body.course-item-popup #box #learn-press-content-item .content-item-wrap{
	margin-top: 3em;
	margin-bottom: 3em;
}

body.course-item-popup #box .learn-press-content-protected-message{
	background-color: var(--colorBackground);
}

#box #course-item-content-header{
	background-color: var(--colorBackground);
	border-color: var(--colorBorder);
}

#box #course-item-content-header .course-item-search button{
	color: var(--colorDarkMuted);
}

#box #course-item-content-header .toggle-content-item{
	border-color: var(--colorBorder);
}

#box .course-item-nav .prev a,
#box .course-item-nav .next a{
	color: var(--colorMain);
}

#box .quiz-intro li label{
	line-height: inherit;
}

#box .quiz-progress{
	background-color: var(--colorBackground);
}

#box .quiz-progress .progress-items .progress-item{
	color: var(--colorDarkMuted);
}

#box .answer-options .answer-option{
	margin: 1em 0;
	background-color: var(--colorBackground);
	color: var(--colorDarkMuted);
}

#box .answer-options .answer-option .option-title:before{
	background-color: var(--colorBorder);
}

#box .answer-options .answer-option:hover{
	background-color: var(--colorBackground);
}

#box .answer-options .answer-option:hover .option-title:before{
	background-color: var(--colorMain);
}

#box .answer-options .answer-option input[type=checkbox],
#box .answer-options .answer-option input[type=radio]{
	top: .05em;
	background-color: var(--colorLight);
	border-color: var(--colorBorder);
}

#box .answer-options .answer-option input[type=checkbox]:after,
#box .answer-options .answer-option input[type=radio]:after{
	border-color: var(--colorMain);
}

#box .answer-options .answer-option input[type=checkbox]:checked ~ .option-title:before,
#box .answer-options .answer-option input[type=radio]:checked ~ .option-title:before{
	background-color: var(--colorMain);
}

#box .lp-quiz-buttons{
	margin: 2em 0;
}

#box .quiz-result{
	margin: 2em auto;
}

#box .quiz-result .result-achieved{
	border-color: var(--colorMain);
}

#box .quiz-result.failed .result-achieved{
	color: var(--colorMain);
}

#box .quiz-result .result-require{
	margin: .5em 0;
	color: var(--colorDarkMuted);
}

#box .quiz-result .result-grade .result-message{
	font-size: inherit;
	color: var(--colorDarkMuted);
}

#box #learn-press-user-profile .learn-press-form-login,
#box #learn-press-user-profile .learn-press-form-register,
#box #learn-press-checkout-login,
#box #learn-press-checkout-register{
	border-color: var(--colorBorder);
	background-color: var(--colorLight);
	padding: 1.5em;
}

#box #learn-press-profile-header{
	background-color: var(--colorBackground);
}

#box #learn-press-profile-nav{
	background: transparent;
}

#box #learn-press-profile-nav:before{
	background: transparent;
	border-right: 1px solid var(--colorBorder);
	left: -1px;
}

#box #learn-press-profile-nav .tabs > li a{
	padding: .75em 1em;
}

#box #learn-press-profile-nav .tabs > li a:hover{
	color: var(--colorDarkMuted);
	background-color: var(--colorBackground);
}

#box #learn-press-profile-nav .tabs > li ul a{
	padding: .75em 1.25em;
}

#box #learn-press-profile-nav .tabs > li ul a:before{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 10px;
	margin-right: 1em;
	position: relative;
	bottom: .15em;
	content: '\f054';
}

#box #learn-press-profile-nav .tabs > li ul li.active a{
	color: var(--colorDarkMuted);
	font-weight: bold;
}

#box #learn-press-profile-nav .tabs > li:hover:not(.active) > a{
	color: var(--colorDarkMuted);
	background-color: var(--colorBackground);
}

#box #learn-press-profile-nav .tabs > li:hover:not(.active) ul{
	background-color: var(--colorLight);
	box-shadow: 3px 0 10px 3px rgba(0, 0, 0, .05);
}

#box #learn-press-profile-nav .tabs > li.active > a{
	background-color: var(--colorLight);
	border: 1px solid var(--colorBorder);
	border-right: 0;
	border-left: 3px solid var(--colorMain);
}

#box #learn-press-profile-nav .tabs > li.active.has-child > a{
	border-bottom: 0;
	background-color: var(--colorBackground);
}

#box #learn-press-profile-nav .tabs > li.active ul{
	background: var(--colorLight);
	font-size: .92em;
	border-bottom: 1px solid var(--colorBorder);
	border-left: 3px solid var(--colorMain);
	padding: 0;
}

#box .lp-tab-sections{
	background: transparent;
	border-bottom: 1px solid var(--colorBorder);
	margin-bottom: 2em;
}

#box .lp-tab-sections .section-tab a,
#box .lp-tab-sections .section-tab span{
	padding: 1em 1.5em;
	border: 1px solid var(--colorBorder);
	border-bottom: 0;
	background-color: var(--colorLight);
	margin-bottom: -1px;
	margin-right: 3px;
}

#box .lp-tab-sections .section-tab span{
	border-top-color: var(--colorMain);
}

#box .lp-sub-menu{
	padding: 0;
	border-bottom: 1px solid var(--colorBorder);
	margin-bottom: 2em;
}

#box .lp-sub-menu span,
#box .lp-sub-menu a{
	line-height: 1;
	display: inline-block;
	padding: .75em 1.5em;
	border: 1px solid var(--colorBorder);
	border-bottom: 0;
	background-color: var(--colorLight);
	margin-bottom: -1px;
	margin-right: 0;
}

#box .lp-sub-menu span{
	border-top-color: var(--colorMain);
}

#box .lp-avatar-preview{
	background-color: var(--colorBackground);
}

#box .profile-recover-order{
	margin-top: 4em;
	border-radius: 0;
	border-color: var(--colorBorder);
}

@media screen and (max-width: 480px) {
	#box #learn-press-profile-nav:hover #profile-mobile-menu{
		background: var(--colorDarkMuted);
		color: var(--colorLight);
	}

	#box #learn-press-profile-nav .learn-press-tabs{
		background-color: var(--colorLight);
		color: var(--colorDarkMuted);
		z-index: 2;
		box-shadow: 0 0 20px 0 rgba(100, 100, 100, .15);
	}

	#box #learn-press-profile-nav .learn-press-tabs li a{
		color: var(--colorDarkMuted);
	}

	#box #learn-press-profile-nav .tabs > li.active a,
	#box #learn-press-profile-nav .tabs > li.active > a{
		background-color: var(--colorLight);
		border: none;
	}

	#box #learn-press-profile-nav .tabs > li.active ul{
		border: none;
		background-color: var(--colorLight);
	}

	#box #learn-press-profile-nav .tabs > li.active ul,
	#box #learn-press-profile-nav .tabs > li.active a,
	#box #learn-press-profile-nav .tabs > li:hover ul,
	#box #learn-press-profile-nav .tabs > li:hover a{
		background-color: var(--colorLight);
	}
}

#box .lp-list-table tbody tr{
	color: var(--colorFont);
}

#box .lp-list-table tbody tr:nth-child(odd){
	background: transparent;
}

#box .lp-list-table thead tr{
	color: var(--colorDarkMuted);
}

#box .lp-list-table th,
#box .lp-list-table td{
	border-color: var(--colorBorder);
	background: transparent;
}

#box .lp-list-table thead tr th{
	color: var(--colorDarkMuted);
	background-color: var(--colorBackground);
}

#box #learn-press-checkout{
	margin-bottom: 2em;
}

#box .learn-press-checkout-comment{
	margin-top: 2em;
	margin-bottom: 4em;
}

#box #learn-press-payment .payment-methods .payment-method-form{
	background-color: var(--colorBackground);
	border-color: var(--colorBorder);
}

#box #learn-press-payment .payment-methods .lp-payment-method > label{
	border-left: 3px solid transparent;
}

#box #learn-press-payment .payment-methods .lp-payment-method.selected > label{
	background-color: var(--colorBackground);
	border-left: 3px solid var(--colorMain);
}

#box .lp-widget .lp-course-info-fields .lp-course-info .lp-label{
	background-color: var(--colorMain);
}

#box .lp-course-info-fields{
	padding: 0;
}

#box .widget .course-entry .course-cover img{
	width: 100%;
}

#box .widget .course-entry .course-title{
	font-size: 1.15em;
	margin: 1em 0 .5em;
}

#box .widget .course-entry .course-meta-field{
	margin: .5em 0;
}

#box .widget .course-entry .course-meta-field:not(.course-student-number):not(.course-lesson-number){
	color: var(--colorMain);
	font-weight: bold;
}

#box .widget .course-entry + .course-entry{
	margin-top: 1em;
	padding-top: 1.5em;
	border-top: 1px solid var(--colorBorder);
}

#box .widget .side-image .course-entry .course-cover{
	float: left;
	max-width: 80px;
	margin-right: 1em;
}

#box .widget .side-image .course-entry .course-detail{
	overflow: hidden;
}

#box .widget .side-image .course-entry .course-detail .course-title{
	margin-top: 0;
}

#box .widget .side-image .course-entry + .course-entry{
	margin-top: .5em;
	padding-top: 1em;
}

#box [class*=lp-widget] .widget-footer .pull-right:after{
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 8px;
	margin-left: 1em;
	position: relative;
	bottom: .15em;
	content: '\f054';
}