/*
Theme Name: Maximisers V2
Theme URI: http://thecareerfarm.com
Description: A theme created for The Career Farm
Version: 1.0
Template: clbase
*/

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');

body {
    font-family: 'Lato', sans-serif;
	color: #444;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', sans-serif;

}

h1 {
	font-size: 2em;
	color: #35a8e0;
	text-transform: uppercase;
}

h2 {
	font-size: 1.8em;
}

hr {
    background: #FFF;
    border-top: solid 1px #DBDBDB;
    border-bottom: solid 1px #DBDBDB;
    height: 1px;
    display: block;
	margin: 3rem auto;
}

#topnav {
	text-transform: uppercase;
    margin: .8rem 0 0;
    display: block;
}

#topnav li {
    margin-left: 1.5em;
}

#topnav li a {
    color: #444;
}

.top-bar a {
	color: #FFF;
	text-transform: uppercase;
}

.top-bar a .navtitle {font-weight: bold; font-size: 16px}
.top-bar a .navsubtitle {font-weight: lighter;
	font-size: 0.8em;
}


.top-bar .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
	border-color: #FFF transparent transparent;
}

.top-bar .is-dropdown-submenu {
	border: none;
}


#mainbody {
	margin-top: 3rem;
}

.videoWrapper {
    border: 10px solid #35a8e0;
    margin: auto;
    width: 74%;
	padding-bottom: 42%;
    padding-top: 0;
	overflow: hidden;
}
.videoWrapper iframe {
    height: 96%;
    margin: 1%;
    width: 98%;
}

.vidlength {
    margin-left: 13%;
    margin-top: -1em;
    margin-bottom: 2em;
}

#mainbody .download {
    display: block;
    background: #464646;
    color: #FFF;
	 overflow: hidden;
	margin-bottom: 1rem;
}


#mainbody .download i {
    float: right;
    background: #e20613;
    font-size: 2.7em;
    padding: .3em;
}

#mainbody .download span {
    float: left;
    font-size: 22px;
    padding: 1rem;
}
#mainbody .download:hover {
    color: #FFF;
    background: #333;
}

#site-footer {
	color: #b6b6b6;
	margin-bottom: 2rem;
}

#site-footer a {
	color: #999;
	margin-bottom: 2rem;
}

.is-drilldown-submenu-parent > a::after {
	border-color: transparent transparent transparent #FFF;
}

.js-drilldown-back > a::before {
	border-color: transparent #FFF transparent transparent;
}

.module-index-box {
    margin-bottom: 2rem;
}

.module-index-box-contents {
    padding: 1rem 1rem .1rem;
}

.module-index-box-contents .attachment-post-thumbnail {
    padding-bottom: .5rem;
}

.module-index-box h2 {
    font-weight: lighter;
	margin-bottom:  1rem;
}

.exercise-meter {
    padding: .5rem;
}

.not-started .em-0 {
    background: #e20613;
    color: #FFF;
}
.not-started .em-1, .not-started .em-2, .partially-complete .em-2 {
    background: #999999;
    color: #AAA;
}

.partially-complete .em-0 {
    background: #f29100;
    color: #FFB54F;
}
.partially-complete .em-1 {
    color: #FFF;
    background: #f29100;
}

.complete .em-0, .complete .em-1, .complete .em-2 {
    background: #51c94b;
    color: #7de577;
}
.complete .em-2 {
    color: #FFF;
}

.exercise-meter p {
    margin-bottom: 0;
}

.module-link {
    padding: 1rem 0;
    font-size: 1.4em;
}
.module-link a {
    color: #444;
    border-bottom: dotted 1px #CCC;
    padding-bottom: .4rem;
}
.module-link a:hover {
    color: #E20613;
}

#module-nav {
    padding: 0 1rem;
}


.exercise-instruction {
    font-size: 1.4em;
    text-align: center;
    margin: auto;
}

.is-dropdown-submenu-parent {
    padding: 0 2rem 0 0;
}

.exercise-link {
	font-weight: bold;
	font-size: 1.5em;
}

.f-dropdown {
    background: #FFF;
    list-style: none;
    border: solid 1px #EEE;
    padding: .5rem;
	max-height: 15rem;
	overflow: auto;

}
.f-dropdown li {
    padding: .5rem;
	cursor: pointer
}

.ui-helper-hidden-accessible{display:none}

.ui-dialog {
    background: #FFF;
    padding: 1rem;
    border: solid 1px #EEE;
    border-radius: 5px;
}

.dummybutton {
	color: #FFF!important;
}

.realbutton {
	display: none;
}


#confirmation button {
    display: inline;
    margin: 0 1rem;
}

textarea.tall {
	min-height: 10rem;
}

/* WooCommerce */

.woocommerce span.onsale, .single-product .product_meta {
	display: none;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background: #35A8E0;
  color: #FFF!important;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background: #1d8fc4;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	width: 100%;
}

.woocommerce-info {
    border-top-color: #35a8e0;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    margin: 0 0 1em;
}

.woocommerce-cart #coupon_code {
	width: 120px
}

#payment hr {
margin-bottom: 1rem;
}

#billing_email_field {
	width: 100%;
}

/* Fixes */

[data-dropdown-menu] ul, [data-responsive-menu] ul, [data-responsive-toggle] ul {
  display: none;
}

.has-cookie-bar #catapult-cookie-bar button {
  background: #35A8E0;
  color: #FFF;
  font-size: 1.2em;
  padding: 1rem;
}

.has-cookie-bar #catapult-cookie-bar button:hover {
  background: #1e96ce;
}

/* Colours */

.bg-blue, .top-bar, .top-bar ul, .title-bar {
	background-color: #35a8e0;
}

.fg-blue {
	color: #35a8e0;
}

.fg-red, .module-link .complete-exercise, #mainbody a {
	color: #E20613;
}

.fg-green {
	color: #51C94B;
}

.button.bg-green:hover, .button.bg-green:focus {
	background: #229B1B;
}

.bg-green {
	background: #51C94B;
	color: #FFF!important;
}

.bg-light-grey {
	background: #e8e8e8;
	text-align: center;
}

.fg-black, #mainbody a:hover {
	color: #444;
}

/*Comparison functionality*/

.comparison-container {
    overflow: hidden;
    position: relative;
	width: 100%;
	margin-top: 2rem;
}
.comparison-slider-item {
    float: left;
    display: block;
}

.comparison-nav {
    clear: both;
    margin: 2rem 0 ;
    overflow: hidden;
	width: 100%;
	text-align: center;
}

.comparison-progress {
	font-weight: bold;
}

.comparison-item {
cursor: pointer;
margin-bottom: 1rem;
background: #CCC;
}

.comparison-item:hover, .comparison-item label:hover, .comparison-item input:hover {
	cursor: pointer;
}

.comparison-item.checked {
background: #51C94B;
}

.btn {
    background-color: #2199e8;
    border: 1px solid transparent;
    border-radius: 0;
    color: #fefefe;
    cursor: pointer;
    display: inline-block;
    font-size: 0.9rem;
    line-height: 1;
    margin: 0 0 1rem;
    padding: 0.85em 1em;
    text-align: center;
    transition: background-color 0.25s ease-out 0s, color 0.25s ease-out 0s;
    vertical-align: middle;
}

.btn:focus, .btn:hover {
    background-color: #1583cc;
    color: #fefefe;
}

#ws-plugin--s2member-profile-submit {
    display: block;
    width: auto!important;
}
#ws-plugin--s2member-profile table tr {
    background: none;
}
#ws-plugin--s2member-profile table tbody, #ws-plugin--s2member-profile table tfoot, #ws-plugin--s2member-profile table thead {
	border: none;
}

input[type="checkbox"] {
      transform:scale(1.2, 1.2);
    }

table tbody tr:nth-child(2n) {
    background: #FFF!important;
}
table tbody tr {
    border-bottom: solid 1px #EEE;
}

/*End of comparison functionality*/

/* Exercises */

.accordion-item .accordion-title {
    background: #35a8e0;
    color: #fff !important;
    font-size: 1.5em;
}

.accordion-title::before {
    margin-top: -.75rem;
}

.accordion-item .accordion-title:hover, .accordion-item .accordion-title:focus {
	background: #1D8FC4;
}

.accordion-item {
    margin-bottom: 1rem;
}
.accordion-content {
    border-bottom: solid 1px #e6e6e6!important;
}


.full-width-video .videoWrapper {
	width: 100%;
	padding-bottom: 57%;
}

.full-width-video .vidlength {
	margin-left: 0
}

#key-content {
font-size: 1.2em;
}

#key-content li {
	border-bottom: dotted 1px #DDD;
	padding-bottom: .25rem;
	margin-bottom: .25rem;
}

#key-content li:last-child {
	border-bottom: none;
}

#key-content li i {
	margin-top: 0.25rem;
}

#site-header #logo {
	max-height: 50px
}

li.is-submenu-item {
	font-size: 0.9em
}

#course-progress {
	border: solid 10px #EEE;
}

#course-progress .completion-indicator, #progress-key .completion-indicator {
	overflow: hidden;
	width: 1rem;
	height: 1rem;
	float: right;
	background-color: #CCC;
	text-indent: -9999px;
	border-radius: 50%;
	margin-top: 0.25rem;
}

#course-progress .completion-indicator.complete, #progress-key .completion-indicator.complete {
	background-color: #51c94b;
}

#course-progress .completion-indicator.partially-complete, #progress-key .completion-indicator.partially-complete {
	background-color: #f29100;
}

#course-progress .completion-indicator.not-started, #progress-key .completion-indicator.not-started {
	background-color: #e20613;
}


#course-progress td {
  padding: 0.25rem 0.5rem
}

.overall-course-status {
	background-color: #35A8E0;
	margin-left: -1rem;
	margin-right: -1rem;
	margin-bottom: -1rem!important;
	padding: 1rem;
	margin-top: 2rem!important;;
	color: #FFF;
	text-align: center;
}

#progress-key {
	background-color: #F5F5F5;
	border: solid 1px #EEE;
	margin: 1rem 0;
}

#progress-key hr {
    margin: .5rem 0;
}

#course-progress h5 i {
	float: right;
	font-size: 1.5em;
}

#course-progress h5 a {
	color: #2E3187
}

#course-progress h5 a:hover {
	color: #1f236d;
}

form.quiz-not-accessible {
    display: none;
}

.accordion-item .accordion-title.cf-quiz-attempt-pass {
    background-color: #35dd35;
}

.accordion-item .accordion-title.cf-quiz-attempt-pass:active, .accordion-item .accordion-title.cf-quiz-attempt-pass:hover, .accordion-item .accordion-title.cf-quiz-attempt-pass:focus {
    background-color: #2fc42f;
}

.accordion-item .accordion-title.cf-quiz-attempt-fail {
    background-color: #dd3535;
}

.accordion-item .accordion-title.cf-quiz-attempt-fail:active, .accordion-item .accordion-title.cf-quiz-attempt-fail:hover, .accordion-item .accordion-title.cf-quiz-attempt-fail:focus {
    background-color: #c13030;
}

.skema-campus-list {
    margin: 0;
}

.skema-campus-list a.button, #skema-class-import a.button {
    color: #FFF!important;
}

.skema-campus-list .button.active {
    background: #35dd35;
}

#gform_2, #gform_confirmation_wrapper_2 #gquiz_confirmation_message, .previous-quiz-attempts {
    max-width: 800px;
    margin: 2rem auto;
    border: solid 1px #EEE;
    padding: 2rem;
}

.gform_wrapper.gravity-theme #gform_2 .gform_fields {
    margin: 3rem 0;
}


.gform_wrapper.gravity-theme #gform_2 .gform_fields .gfield_required {
    display: none;
}

.gform_wrapper.gravity-theme #gform_2 .gfield_label {
    margin-bottom: 2rem;
}

.gform_wrapper.gravity-theme #gform_2 .gf_progressbar_percentage.percentbar_blue {
    background-color: #51c94b;
}

.gform_wrapper.gravity-theme #gform_2 .gform_fields [type="checkbox"], .gform_wrapper.gravity-theme #gform_2 .gform_fields [type="file"], .gform_wrapper.gravity-theme #gform_2 .gform_fields [type="radio"] {
    margin-bottom: 0;
}

.gform_wrapper.gravity-theme #gform_2 .gfield-choice-input + label {
    max-width: calc(100% - 50px);
    vertical-align: text-top;
    line-height: 1.3em;
}

.gform_wrapper.gravity-theme #gform_2 .gchoice {
    margin-bottom: 1rem;
}

.previous-quiz-attempts h2 {
    margin-bottom: 1rem;
}

.previous-quiz-attempts .accordion-title {
    font-size: 1em!important;
}

#skema-report {
    font-size: 0.85em;
}

#skema-class-import .form-entry {
    border-bottom: solid 1px #EEE;
    margin-bottom: 1rem;
}

.is-dropdown-submenu-parent.main-menu-item-count-6 {
    padding-right: 1.5rem;
}

.top-bar a .navsubtitle.same-as-subtitle {
    display: none;
}

fieldset.correct-from-previous .gfield_description {
    background-color: #51c94b;
    color: #FFF;
    padding: 1rem 25px 1rem 1rem!important;
    margin-bottom: 2rem;
    background-image: url("images/white-check.png");
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 98% center;
    margin-top: -0.5rem;
}

.brand-skema .button {
    font-size: 1.25em;
    background-color: #d95b4d;
}

.brand-skema .button:hover {
    background-color: #b74235;
}

.brand-skema .button.secondary {
    background-color: #5A6677;
}

.brand-skema .button.secondary:hover {
    background-color: #3f4c5e;
}

.brand-skema .button.small {
    font-size: .9em;
}

tr.skema-item-edit-row {
    display: none;
}


.callout.maximiser-ai-prompt {
    border: none;
}

.callout.maximiser-ai-prompt button, .callout.maximiser-ai-prompt h3 {
    margin-bottom: 0;
}

.callout.maximiser-ai-prompt h3 {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
    line-height: 1.6em
}

.callout.maximiser-ai-prompt {
    margin-bottom: 2rem;
}

.callout.maximiser-ai-prompt a.button {
    padding: .85rem 1.5rem;
    font-weight: bold;
    color: #FFF!important;
    margin-bottom: 0;
}

.callout.maximiser-ai-prompt span {
    margin-right: .75rem;
}

#maximiser-ai-prompt-window {
    padding: 2rem;
}

.callout.personalised-ai-prompt-container {
    border: none;
    padding: 2rem;
    margin-top: 2rem;
}


.callout.personalised-ai-prompt-container h4 {
    text-align: left;
    margin-bottom: 1rem;
}


.callout.personalised-ai-prompt-container button {
    margin-bottom: 0;
}

.personalised-ai-prompt-copy-notification {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    padding: 10px;
    background-color: #4caf50;
    color: white;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

/* End of Exercises */

@media screen and (max-width: 39.9375em) {

	hr {
    margin: 1.5rem 0!important;
	}

	h1, h2 {
		font-size: 1.5em;
	}


	#mainbody {
    margin-top: 1rem;
	}

	#mainnav {
		margin-top: 1.5rem;
	}

	.navtitle {
    display: none;
}

    .top-bar a .navsubtitle.same-as-subtitle {
        display: block;
    }


	hr {
    margin: 1.5rem 0;
	}

	.top-bar-right li i {
    display: block!important;
    font-size: 16px;
    margin-bottom: 0.5rem;
}
.top-bar-right li {
    text-align: center;
    font-size: 12px;
}

	.videoWrapper {
    border: 4px solid #35a8e0;
    margin: auto;
    padding-bottom: 54.25%;
    padding-top: 0;
    width: 100%;
}

	.vidlength {
    margin-left: 0;
	}

	.download {
    margin-bottom: 1em;
    font-weight: bold;
}
.download span {
    font-size: 16px;
}
.download i {
    font-size: 34px;
}

	.comparison-item {
		width: auto!important;
	}


.em-0 p, .em-1 p, .em-2 p {
    display: none;
}

	.exercise-meter .columns {
    min-height: 1.5rem;
}


	.module-link {
    font-size: 1em;
}

	#module-nav .module-link {
    text-align: center;
    padding: .5rem;
}
#module-nav {
    border-top: solid 1px #EEE;
    padding: 1rem;
    border-bottom: solid 1px #EEE;
}


#key-content {
font-size: inherit;
}


#mainbody .download span {
	font-size: 16px;
}


#mainbody .download i {
	font-size: 35px;
}

.exercise-link {
	font-size: 1.2em;
}

    .callout.maximiser-ai-prompt h3 {
        font-size: 1.2em;
    }

}