/*
Theme Name: Lenovo Think Smarter
Theme URI: https://LenovoThinkSmarter.com
Template: twentytwenty
Author: Tandem Create
Author URI: https://tandemcreate.co.za
Description: Lenovo Think Smarter Website for Channel Program
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-styles,wide-blocks,accessibility-ready
Version: 1.5.1598280320
Updated: 2020-08-24 16:45:20

*/

#password-lost-form input[type="text"],
#password-lost-form input[type="password"],
#password-lost-form input[type="tel"],
#password-lost-form input[type="email"],
#password-lost-form input[type="date"],
#password-lost-form input[type="number"] {
	padding: 1rem;
	margin: 5px;
}

#password-lost-form label {
	margin: 5px;
}

#wpadminbar {
	z-index: 9999999;
}

#navOuter {
	margin-left: 10px;
	margin-right: 10px;
	box-shadow: 0 7px 8px rgba(0, 0, 0, 0.4);
	border-bottom-right-radius: 40px;
	border-bottom-left-radius: 40px;
	max-width: 99% !important;
	min-height: 100px;

}

nav#navOuter {
	background: linear-gradient(to right, #7A126B, #294E95) !important;
}

#navigation .nav-link:hover {
	color: #F16A52 !important;
}

p {
	margin: 0;
	color: #11184F;
}

.contact-us .forminator-input,
.contact-us .forminator-textarea,
.contact-us .forminator-select {
	color: #11184F !important;
}

/* Placeholder text styling */
.contact-us .forminator-input::placeholder,
.contact-us .forminator-textarea::placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

/* Cross-browser placeholder support */
.contact-us .forminator-input::-webkit-input-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-input::-moz-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-input:-ms-input-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-textarea::-webkit-input-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-textarea::-moz-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-textarea:-ms-input-placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

/* Select dropdown text and options */
.contact-us .forminator-select {
	color: #11184F !important;
}

.contact-us .forminator-select option {
	color: #11184F !important;
	background-color: #fff !important;
}

/* Select placeholder/default option styling */
.contact-us .forminator-select option[value=""],
.contact-us .forminator-select option:disabled {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

/* Forminator custom select styling (if using custom dropdowns) */
.contact-us .forminator-custom-form .forminator-select2-container .select2-selection--single .select2-selection__placeholder {
	color: #7A126B !important;
	opacity: 0.7 !important;
}

.contact-us .forminator-custom-form .forminator-select2-container .select2-selection--single .select2-selection__rendered {
	color: #11184F !important;
}

.contact-us .forminator-ui#forminator-module-4805.forminator-design--default .forminator-select2 + .forminator-select .selection .select2-selection--single[role="combobox"] .select2-selection__rendered {
	color: #11184F !important;
}

.contact-us .forminator-button-submit {
	background: #7A126B !important;
	color: #fff !important;
	border-radius: 4px !important;
	border: 1px solid #7A126B !important;
	padding: 10px 20px !important;
}

.contact-us .forminator-button-submit:hover {
	background: #fff !important;
	color: #7A126B !important;
	border: 1px solid #7A126B !important;
}

.footer-social a {
	background: #E1251B !important;
	border-radius: 4px !important;
	border: 1px solid #E1251B !important;
	padding: 5px 10px !important;
}

.footer-social a:hover {
	background: #FFFFFF !important;
	color: #E1251B !important;
	border: 1px solid #E1251B !important;
}

#site-footer {
	background: url(/wp-content/uploads/2025/11/ThinkSmarter-Website-Icons_Footer_updated.png) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

body:not(.dashboard) .countDownWhite {
	background: rgba(255, 255, 255, 0.15);
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	border: 2px solid silver;
	border-radius: 16px;
	padding: 20px 40px !important;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
	margin-top: 50px;
	margin-bottom: 50px;
}

.countDownWhiteGradient:not(.homeCountBg) .hurrytimer-cdt {
	background: #7A126B !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 16px !important;
	padding: 30px 60px !important;
	box-shadow: none !important;
	width: auto !important;
}

.progress {
	background: #ffffff !important;
	border: 3px solid #7A126B !important;
	height: auto !important;
	border-radius: 8px !important;
}

.progress-bar-striped {
	min-width: 5%;
	padding: 15px !important;
	background: linear-gradient(45deg,
			#7A126B 0%,
			#294E95 42.5%,
			#294E95 85%, white 85%,
			white 100%) !important;
	background-size: 100% 100% !important;
}

.progress-bar-striped.zero {
	background: #ffffff !important;
	color: #11184F !important;
}

.progress-bar-striped.full {
	background: linear-gradient(to right, #7A126B, #294E95) !important;
}

.grayGradientBG {
	min-height: 0 !important;
}

#mainContent,
.default-singular #mainContent,
.trainings #mainContent,
.training #mainContent,
.updates #mainContent,
.hiw #mainContent,
#mainContent.quiz,
.contact-us #mainContent {
	margin-top: 0 !important;
}

#countdownTimer,
.trainings #countdownTimer,
.training #countdownTimer,
.updates #countdownTimer,
.hiw #countdownTimer,
.quiz #countdownTimer,
.contact-us #countdownTimer {
	padding-top: 100px !important;
}

.trainings #updatesContent {
	min-height: 0px;
}

.default-singular #updatesContent {
	background: #fff !important;
	min-height: 0px;
	padding-top: 90px !important;
}

.trainings .grayGradientBG,
.quiz .grayGradientBG,
.training .grayGradientBG,
.updates .grayGradientBG,
.hiw .grayGradientBG,
.contact-us .grayGradientBG,
.profile-dashboard .grayGradientBG,
.default-singular .grayGradientBG,
.lenovoupdate .grayGradientBG,
#traningDash {
	background: #fff !important;
	color: #11184F !important;
}

.quiz_section * {
	color: #11184F !important;
	font-size: 1.5em;
}

#mainContent form input.qsm-btn.qsm-submit-btn.qmn_btn {
	border-radius: 15px;
	background: #11184F !important;
	border: 1px solid #11184F;
	font-size: 2.4em !important;
}

#mainContent form input.qsm-btn.qsm-submit-btn.qmn_btn:hover {
	border-radius: 15px;
	background: #ED6B53 !important;
	border: 1px solid #ED6B53;
	font-size: 2.4em !important;
}

.scoreboardSection {
	background: linear-gradient(to right, #7A126B, #294E95) !important;
}

.trainings .title h1,
.trainings .title h2,
.trainings .title h3,
.quiz .title h1,
.quiz .title h2,
.quiz .title h3,
.training .title h1,
.training .title h2,
.training .title h3,
.updates .title h1,
.updates .title h2,
.updates .title h3,
.hiw .title h1,
.hiw .title h2,
.hiw .title h3,
.how .titleContent h1,
.how .titleContent h2,
.how .titleContent h3,
.contact-us .title h1,
.contact-us .title h2,
.contact-us .title h3,
.profile-dashboard .title h1,
.profile-dashboard .title h2,
.profile-dashboard .title h3,
.profile-dashboard .latestTitle h1,
.profile-dashboard .latestTitle h2,
.profile-dashboard .latestTitle h3,
#traningDash .title h1,
#traningDash .title h2,
#traningDash .title h3,
.default-singular .title h1,
.default-singular .title h2,
.default-singular .title h3 {
	color: #11184F !important;
	font-family: gbold, sans-serif !important;
}

.scoreboardSection .title h1,
.scoreboardSection .title h2,
.scoreboardSection .title h3 {
	color: #fff !important;
	font-family: gbold, sans-serif !important;
}

.hiw .titleContent p {
	color: #11184F !important;
}

.trainings .title .green,
.quiz .title .green,
.training .title .green,
.updates .title .green,
.hiw .title .green,
.contact-us .title .green,
.profile-dashboard .title .green,
#traningDash .title .green,
.default-singular .title .green {
	color: #11184F !important;
	font-family: gbold, sans-serif !important;
}

.scoreboardSection .title .green {
	color: #fff !important;
	font-family: gbold, sans-serif !important;
}

.trainings .title p,
.trainings .excerpt p,
.quiz .title p,
.quiz .excerpt p,
.training .title p,
.training .excerpt p,
.updates .title p,
.updates .excerpt p,
.hiw .title p,
.hiw .excerpt p,
.contact-us .title p,
.contact-us .excerpt p,
.contact-us p,
.profile-dashboard .title p,
.profile-dashboard .excerpt p,
.profile-dashboard .latestTitle p,
.profile-dashboard .titleContent p,
#traningDash .title p,
#traningDash .excerpt p,
.default-singular .title p,
.default-singular .excerpt p {
	color: #11184F !important;
	font-family: gbook, sans-serif !important;
	font-size: 2rem !important;
	line-height: 1.6 !important;
}

.scoreboardSection .title p,
.scoreboardSection .excerpt p {
	color: #fff !important;
	font-family: gbook, sans-serif !important;
	font-size: 2rem !important;
	line-height: 1.6 !important;
}

.scoreboardSection .VMBOuter a.VMB {
	background: #fff !important;
	color: #11184F !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	border: 1px solid #fff !important;
	text-decoration: none !important;
	font-size: 1.8rem !important;
	font-family: gbold, sans-serif !important;
	width: 100% !important;
	text-align: center;
}

.scoreboardsInner {
	align-items: center !important;
	justify-content: center !important;
}

.scoreboardSection .VMBOuter a.VMB:hover {
	background: transparent !important;
	color: #fff !important;
	border: 1px solid #fff !important;
}

.scComAvgTitle {
	display: flex !important;
	width: 100% !important;
	border: 1px solid #fff !important;
	border-radius: 0 !important;
}

.scComBody {
	border: 1px solid #fff !important;
	border-radius: 0 !important;
	margin: 0 !important;
	padding: 5px !important;
}

.scComBody .scComBodyPos {
	background: transparent !important;
	border-radius: 0 !important;
	border: none !important;
}

.scComBodyCM {
	border: none !important;
	border-radius: 0 !important;
	/* width: calc(100% - 25px); */
}

.scComBodyP {
	border: none !important;
	border-radius: 0 !important;
}

.scComBody .scComBodyPos p {
	background: transparent !important;
	color: #fff !important;
}

.scComBody.row {
	margin: 0;
}

.scComBody p {
	margin-bottom: 0 !important;
}

.trainings .cta .white.whiteAlways,
.trainings .cta .white.whiteAlways.certificate_link,
.quiz .cta .white.whiteAlways,
.quiz .cta .white.whiteAlways.certificate_link,
.training .cta .white.whiteAlways,
.training .cta .white.whiteAlways.certificate_link,
.updates .cta .white.whiteAlways,
.updates .cta .white.whiteAlways.certificate_link,
.hiw .cta .white.whiteAlways,
.hiw .cta .white.whiteAlways.certificate_link,
.contact-us .cta .white.whiteAlways,
.contact-us .cta .white.whiteAlways.certificate_link,
.profile-dashboard .cta .white.whiteAlways,
.profile-dashboard .cta .white.whiteAlways.certificate_link,
#traningDash .cta .white.whiteAlways,
#traningDash .cta .white.whiteAlways.certificate_link,
.default-singular .cta .white.whiteAlways,
.default-singular .cta .white.whiteAlways.certificate_link {
	background: #4D144A;
	color: #fff !important;
}

.trainings .cta .white.whiteAlways:hover,
.trainings .cta .white.whiteAlways.certificate_link:hover,
.quiz .cta .white.whiteAlways:hover,
.quiz .cta .white.whiteAlways.certificate_link:hover,
.training .cta .white.whiteAlways:hover,
.training .cta .white.whiteAlways.certificate_link:hover,
.updates .cta .white.whiteAlways:hover,
.updates .cta .white.whiteAlways.certificate_link:hover,
.hiw .cta .white.whiteAlways:hover,
.hiw .cta .white.whiteAlways.certificate_link:hover,
.contact-us .cta .white.whiteAlways:hover,
.contact-us .cta .white.whiteAlways.certificate_link:hover,
.profile-dashboard .cta .white.whiteAlways:hover,
.profile-dashboard .cta .white.whiteAlways.certificate_link:hover,
#traningDash .cta .white.whiteAlways:hover,
#traningDash .cta .white.whiteAlways.certificate_link:hover,
.default-singular .cta .white.whiteAlways:hover,
.default-singular .cta .white.whiteAlways.certificate_link:hover {
	background: #fff;
	color: #4D144A !important;
	border: 1px solid #4D144A !important;
}

.trainings .cta .green.quiz,
.trainings .cta .green.greenAlways.certificate_link,
.quiz .cta .green.quiz,
.quiz .cta .green.greenAlways.certificate_link,
.training .cta .green.quiz,
.training .cta .green.greenAlways.certificate_link,
.updates .cta .green.quiz,
.updates .cta .green.greenAlways.certificate_link,
.hiw .cta .green,
.hiw .cta .green.greenAlways.certificate_link,
.contact-us .cta .green.quiz,
.contact-us .cta .green.greenAlways.certificate_link,
.profile-dashboard .cta .green,
.profile-dashboard .cta .green.greenAlways.certificate_link,
#traningDash .cta .green,
.default-singular .cta .green {
	background: #F16A52;
	color: #fff !important;
}

.trainings .cta .green.quiz:hover,
.trainings .cta .green.greenAlways.certificate_link:hover,
.quiz .cta .green.quiz:hover,
.quiz .cta .green.greenAlways.certificate_link:hover,
.training .cta .green.quiz:hover,
.training .cta .green.greenAlways.certificate_link:hover,
.updates .cta .green.quiz:hover,
.updates .cta .green.greenAlways.certificate_link:hover,
.hiw .cta .green:hover,
.hiw .cta .green.greenAlways.certificate_link:hover,
.contact-us .cta .green.quiz:hover,
.contact-us .cta .green.greenAlways.certificate_link:hover,
.profile-dashboard .cta .green:hover,
.profile-dashboard .cta .green.greenAlways.certificate_link:hover,
#traningDash .cta .green:hover,
.default-singular .cta .green:hover {
	background: #fff;
	color: #F16A52 !important;
	border: 1px solid #F16A52 !important;
}

.trainings .cta .score,
.quiz .cta .score,
.training .cta .score,
.updates .cta .score,
.hiw .cta .score,
.contact-us .cta .score,
.profile-dashboard .cta .score,
#traningDash .cta .score {
	color: #F16A52 !important;
	border: #F16A52 3px solid !important;
	font-weight: 700;
}

#traningDash .VMBOuter a.VMB {
	background: #F16A52 !important;
	color: #fff !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	border: 1px solid #F16A52 !important;
	text-decoration: none !important;
	font-size: 1.8rem !important;
	font-family: gbold, sans-serif !important;
	width: 100% !important;
	text-align: center;
}

#traningDash .VMBOuter a.VMB:hover {
	background: #fff !important;
	color: #F16A52 !important;
	border: 1px solid #F16A52 !important;
}

#updatesDash {
	background: url(/wp-content/uploads/2025/11/VirtualGlobe_G2030192156-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	position: relative;
}

#intro {
	height: auto;
	padding: 120px 0 30px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(/wp-content/uploads/2025/11/RiceTerrace_G1771248997-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	border-bottom: 10px solid #7A126B !important;
}

#intro .scoresEarned p,
#intro .overallProgress p {
	color: #11184F !important;
}

#intro h1,
#intro h2,
#intro h3,
#intro p {
	color: #fff !important;
}

.introContent {
	text-align: center;
	color: #fff !important;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: auto;
	padding-top: 100px;
	width: auto;
	margin: auto;
	background: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(20px) !important;
	-webkit-backdrop-filter: blur(20px);
	border: 2px solid silver;
	border-radius: 16px;
	padding: 20px 40px !important;
	max-width: 1024px
}

div#introInner h3 {
	text-shadow: none;
}

div#introInner .welcome-title {
	font-size: 3rem;
	margin-bottom: 10px !important;
}

div#introInner .welcome-text {
	font-size: 2rem;
	margin-bottom: 20px !important;
}

div#introInner p {
	font-size: 1.5rem;
}

.scoresEarned,
.overallProgress {
	padding: 10px 20px;
	text-align: center;
	color: #11184F !important;
	background: #fffd;
	border-radius: 8px;
	margin: 15px;
	padding: 10px 20px;
}

.welcomeScoresandProgress {
	width: 100%;
}

.ScoresandProgressInner {
	background: transparent !important;
	border: none !important;
	border-radius: 0;
	padding: 1em;
}

.homeCountBg {
	background: transparent !important;
}

div#introInner section#countdownTimer {
	margin-top: initial !important;
}

.dashboard .hurrytimer-cdt .hurrytimer-headline {
	margin-bottom: 10px !important;
}

div#introInner section#countdownTimer {
	padding-top: 0px !important;
}

.countDownGreen .hurrytimer-cdt {
	background: #7A126B !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	border-radius: 16px !important;
	padding: 30px 60px !important;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
	width: auto !important;
}

#traningDash .cta a.white {
	background: #4D144A;
	border: 1px solid #4D144A !important;
	color: #fff !important;
	border-radius: 4px;
}

.trainings #webinarContent {
	background: linear-gradient(to right, #7A126B, #294E95) !important;
}

.trainings #webinarContent .title h1,
.trainings #webinarContent .title h2,
.trainings #webinarContent .title h3,
.trainings #webinarContent .excerpt p {
	color: #fff !important;
}

.trainings #countdownTimer,
.training #countdownTimer {
	background: url(/wp-content/uploads/2025/11/GlassBuildings_G1635940044-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

#trainingFrame {
	background: #11184F !important;
	color: #fff !important;
}

.hiw #countdownTimer {
	background: url(/wp-content/uploads/2025/11/Vector_G1148091793-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.profile-dashboard #countdownTimer {
	background: url(/wp-content/uploads/2025/11/ForestTrail_G1310264866-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.contact-us #countdownTimer {
	background: url(/wp-content/uploads/2025/11/Lightscape_G1368644161-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

.lenovoupdate #countdownTimer {
	background: url(/wp-content/uploads/2025/11/DynamicArches_G1869224559-scaled.jpg) !important;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}

/* Method 2: ID starts with "update-" */
[id^="update-"] .otherUpdates {
	/* border-radius: 8px; */
	box-shadow: 0 7px 8px rgba(0, 0, 0, 0.4);
}

/* [id^="update-"] .otherUpdates div:nth-child(1) {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

[id^="update-"] .otherUpdates div:nth-child(2) {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
} */

.sectionChangeBG {
	min-height: 0px !important;
}

#updatesDash .cta a.white {
	background: #FFF;
	border: 1px solid #FFF !important;
	color: #11184F !important;
	border-radius: 4px;
}

#updatesDash .cta a.white:hover {
	background: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	color: #fff !important;
	border: 1px solid silver !important;
}

#updatesDash .VMBOuter a.VMB {
	background: #fff !important;
	color: #11184F !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	border: 1px solid #fff !important;
	text-decoration: none !important;
	font-size: 1.8rem !important;
	font-family: gbold, sans-serif !important;
	width: 100% !important;
	text-align: center;
}

#updatesDash .VMBOuter a.VMB:hover {
	background: rgba(255, 255, 255, 0.15) !important;
	backdrop-filter: blur(20px);
	-webkit-backdrop-filter: blur(20px);
	color: #fff !important;
	border: 1px solid silver !important;
}

.reports-button {
	background: #F16A52 !important;
	color: #fff !important;
	padding: 10px 20px !important;
	border-radius: 4px !important;
	border: 1px solid #F16A52 !important;
	text-decoration: none !important;
	font-size: 1.8rem !important;
	font-family: gbold, sans-serif !important;
	width: auto !important;
	text-align: center;
}

.reports-button:hover {
	background: #fff !important;
	color: #F16A52 !important;
	border: 1px solid #F16A52 !important;
}

@media screen and (max-width: 1024px) {
	#navOuter {
		margin-left: 0;
		margin-right: 0;
		min-height: 50px;
	}
}