@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap');

/*HEADER*/
header#t3-header {
    /*Background-image: linear-gradient(#110a88, #29257b);*/
	Background-color: black;
}
@media (min-width: 1200px) {
#t3-header.t3-header .container { width: 100%; }
}
@media (min-width: 1200px) and (max-width: 1350px) {
	.logo { width: 20%; }
	.tx-main-menu { width: 75%; float: right;}
}
/*Footer*/
.t3-footer{
	background-color:#3a363a
}
.t3-footer small {
	margin: 15px;
	text-align:center;
	color: white;
}
/*OFF-CANVAS MENU*/
.off-canvas-toggle svg {
    filter: invert(1);
}
.t3-off-canvas .t3-off-canvas-body .nav.menu li a, .t3-off-canvas .t3-off-canvas-body .nav.menu li .separator {
    font-size: 20px;
    color: #505050;
    font-weight: 400;
	text-transform: capitalize;
}

/*NAVBAR*/
.navbar-default .navbar-nav > li > a {
	color: #ffffff;
	font-weight: 300;
    font-size: 14px;
	font-family: Roboto;
	/*letter-spacing: 1px;*/
}
.uk-navbar-nav>li.uk-active>a {
    color: #ffe100;
	font-weight: 400;
}

/*HEADER IMG*/
#qx-image-7680 img, #qx-image-7680 svg {
    width: 42%;
    border-style: none;
	-webkit-filter: drop-shadow(0px 4px 4px #353535);
    filter: drop-shadow(0px 4px 4px #353535);
}

/*FOOTER*/
.t3-footer .t3-copyright {
     border-top: 0px solid #3a363a; 
}

.gru-panel-teaser{
	height:285px;
}

.guru-powered{
	display:none;
}
ul.joms-dropdown.joms-arrow--top-left{
	width:200px;
}


/* JOMSOCIAL:  =========================================================<start> */
/* ec3333 > 100a88 */

.joms-landing .joms-landing__action {
	background: rgba(255, 255, 255, 0.8);
    padding: 10px;
	float: left
}
.joms-landing .joms-landing__action .joms-landing__text { text-align: left; }
.joms-landing .joms-landing__action .joms-landing__text h2 { color: #ffa90c; }
.joms-landing .joms-landing__action .joms-landing__text p { color: #000; font-weight: 500; }
.joms-landing { padding: 312px 48px 48px; padding: 70px 30px; }
.joms-landing .joms-landing__action .joms-user_action > div { float: left; }
.joms-landing .joms-landing__action .joms-user_action > div { padding-right: 10px; padding-left: 0px; }
.joms-landing .joms-landing__action .joms-user_action .joms-login .joms-login_dropdown { left: 0; }
.joms-landing .joms-landing__action .joms-user_action > div .joms-button--login span {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    border-left: 0px;
    float: left; 
}

.jomsocial-wrapper .jomsocial { padding: 0px; }
/*Login Button*/
.joms-button--primary, 
.joms-button--add, 
.joms-button--login, 
.joms-button__approve, 
.joms-postbox-tab .joms-postbox-save, 
.joms-postbox-tab .joms-postbox-done, 
.joms-focus__button--add { background: #100a88; }
.joms-landing .joms-landing__action .joms-user_action > div .joms-button--login:hover, 
.joms-landing .joms-landing__action .joms-user_action > div .joms-button--login:focus, 
.joms-landing .joms-landing__action .joms-user_action > div .joms-button--login:active { background: #d31010; }
.joms-landing .joms-landing__action .joms-user_action > div.joms-login:hover .joms-button--login span { background: #d31010; }
.joms-landing .joms-landing__action .joms-user_action .joms-login .joms-login_dropdown { border-top: 3px solid #d31010; }
/*Register Button*/
.joms-button--signup { background: #D31010;} /*changed to #D31010 from #000 1/17/20*/
.joms-button--signup:hover, 
.joms-button--signup:active, 
.joms-button--signup:focus { background: #D14A23; } /*changed to #D14A23 from #505050 1/17/20*/

/*TOOLBAR*/ 
.joms-toolbar--desktop > ul > li, 
.joms-toolbar--mobile > ul > li { padding: 10px 8px; }
.joms-subnav--desktop, 
.joms-toolbar--desktop, 
.joms-toolbar--mobile { background: #f7f7f7; background: #0f0a88; }
.joms-toolbar--desktop > ul > li.active, 
.joms-toolbar--desktop > ul > li:hover { background: #FFF; }
.joms-toolbar--desktop .joms-dropdown { width: 200px; }
.joms-toolbar > ul {background: #f7f7f7;}
.joms-toolbar--desktop > ul > li.active > a, 
.joms-toolbar--desktop > ul > li:hover > a { color: #100a88; }

/* SUBNAV */
.joms-subnav a { background: #222; color: #fff !important; }
.joms-subnav a:hover { background: #fff; color: #0e0e0e !important; }
.joms-subnav a.active { font-weight: normal; background: #100a88; }
.joms-subnav a.active:hover { color: #fff !important; }

/* -- Bigger fontsize -- */
.joms-subnav--desktop > ul > li > a, 
.joms-toolbar--desktop > ul > li > a, 
.joms-toolbar--mobile > ul > li > a { font-size: 14px; }

.joms-landing__action .joms-other a { font-size: 14px; }
.joms-landing__action .joms-checkbox span {font-size: 14px;}

.inputbox .input, 
.inputbox .attachment, 
.inputbox  { font-size: 16px; }
.joms-postbox-tab { font-size: 14px; }
.joms-postbox-tab .joms-postbox-cancel,
.joms-postbox-tab .joms-postbox-save, 
.joms-postbox-tab .joms-postbox-done,
.joms-activity-filter .joms-activity-filter-action { font-size: 16px; }
.joms-postbox-tab .joms-icon { height: 16px; width: 16px; }
.joms-dropdown,
.joms-popover > li { font-size: 14px; }
.joms-menu a, .joms-menu--user a { font-size: 14px; }
.joms-form__group > span,
.joms-table tr td  { font-size: 14px; }

#community-wrap small { font-size: 14px; }
.joms-tab__bar a { font-size: 14px; }
.joms-stream__actions a, 
.joms-comment__actions a, 
.joms-stream__status { font-size: 14px; }
.joms-comment .joms-comment__item { font-size: 16px; }
.joms-textarea__wrapper .joms-textarea { font-size: 16px; line-height: 19px; }
.joms-comment__reply svg.joms-icon.joms-icon--add { top: 40px; }

.joms-postbox-dropdown span { font-size: 14px; }
.joms-blankslate { font-size: 14px; }
.joms-focus .joms-focus__link a { font-size: 14px }

.joms-alert--warning, .joms-alert--danger, .joms-alert--info, .joms-alert--success { font-size: 15px; }

.joms-form__group > span, 
.joms-table tr td { font-size: 16px; }

/* -- COLOR -- */
.joms-landing .joms-landing__action .joms-other a:hover, 
.joms-landing .joms-landing__action .joms-other a:focus, 
.joms-landing .joms-landing__action .joms-other a:active { color: #100a88; }

.joms-tab__bar > a.active { background: #100a88; }
.joms-tab__bar a.active::before { border-color: #100a88 transparent transparent transparent; }
.joms-calendar__grid-title, .joms-calendar--week-day, .joms-calendar__event { background: #100a88;}

.jomsocial a { color: #100a88; }
.jomsocial a:hover { color: #d31010; }

.jomsocial a.liked, .jomsocial a.liked span { color: #d31010; }
.joms-comment .joms-comment__item .joms-comment__body .joms-comment__user:hover, 
.joms-comment .joms-comment__item .joms-comment__body .joms-comment__user:focus, 
.joms-comment .joms-comment__item .joms-comment__body .joms-comment__user:active { color: #d31010; }

.joms-tab__bar a,
.joms-tab__bar > a:focus, 
.joms-tab__bar > a:hover { color: #fff; }

.joms-form__group,
.joms-form__legend { color: #000000; }

.innerpgbar { background: #100a88; }

.joms-js-form--login .joms-input--append svg { fill: #0f0a88; }

/* --  BUTTON -- */
/*Neutral*/
.joms-button--neutral, 
.joms-button--more, 
.joms-button--comment, 
.joms-button__reject, 
.joms-postbox-tab .joms-postbox-cancel, 
.joms-focus__button--options {
    border: 1px solid #e9e6e6;
    background: #e9e6e6;
    color: #000000 !important;
}
.joms-button--neutral:hover,  
.joms-button--more:hover, 
.joms-button--comment:hover, 
.joms-button__reject:hover, 
.joms-postbox-tab .joms-postbox-cancel:hover, 
.joms-focus__button--options:hover, 
.joms-button--neutral:active,  
.joms-button--more:active, 
.joms-button--comment:active, 
.joms-button__reject:active, 
.joms-postbox-tab .joms-postbox-cancel:active, 
.joms-focus__button--options:active, 
.joms-button--neutral:focus,  
.joms-button--more:focus, 
.joms-button--comment:focus, 
.joms-button__reject:focus, 
.joms-postbox-tab .joms-postbox-cancel:focus, 
.joms-focus__button--options:focus {
    background: #767676;
    text-decoration: none;
    color: #e9e6e6 !important;
}

.joms-button--primary:hover, 
.joms-button--add:hover, 
.joms-button--login:hover, 
.joms-button__approve:hover, 
.joms-postbox-tab .joms-postbox-save:hover, 
.joms-postbox-tab .joms-postbox-done:hover, 
.joms-focus__button--add:hover, 
.joms-button--primary:active, 
.joms-button--add:active, 
.joms-button--login:active, 
.joms-button__approve:active, 
.joms-postbox-tab .joms-postbox-save:active, 
.joms-postbox-tab .joms-postbox-done:active, 
.joms-focus__button--add:active, 
.joms-button--primary:focus, 
.joms-button--add:focus, 
.joms-button--login:focus, 
.joms-button__approve:focus, 
.joms-postbox-tab .joms-postbox-save:focus, 
.joms-postbox-tab .joms-postbox-done:focus, 
.joms-focus__button--add:focus { background: #d31010; }


.joms-button--secondary, 
.joms-button__next,  
.joms-focus__button--message {
    background: #f6ad16;
    color: #fff !important;
    color: white !important;
}
.joms-button--secondary:hover, 
.joms-button__next:hover, 
.joms-focus__button--message:hover, 
.joms-button--secondary:active, 
.joms-button__next:active, 
.joms-focus__button--message:active, 
.joms-button--secondary:focus, 
.joms-button__next:focus, 
.joms-focus__button--message:focus { background: #f69816; }

/*Privacy Button*/
@media only screen and (min-width: 481px) {
.joms-form__group.has-privacy .joms-button--privacy { padding: 10.83282px; }
}
.joms-button--privacy {border: 1px solid #e0e2e4; background: #ffffff;color: #000000 !important;}
.joms-button--privacy:hover,
.joms-button--privacy:active,
.joms-button--privacy:focus { border: 1px solid #f7f7f7; background: #f7f7f7;color: #fff !important; }
.joms-button--privacy .joms-icon { fill: #717171; }

/*edit profile btn*/ #joms-app--aboutme-special .joms-module__footer .joms-button--full { font-size: 14px;font-weight: bold; }
/* Pagination */ .joms-pagination ul li { line-height: 58px;} 

/*FORMS*/
.uk-select:not([multiple]):not([size]), 
select:not([class*="uk-"]):not([multiple]):not([size]) { border: 1px solid transparent; background-image: none; }

.cRegister #sponsor_username { width: auto;}

/* Update */
.joms-dropdown > li, .joms-popover > li {
    color: #000000;
	padding: 8px 14.83282px;
    border-bottom: 1px solid #f5f5f5;
	}
.joms-dropdown > li:last, .joms-popover > li:last { border-bottom: 0px; }
.joms-subnav--desktop > ul > li > a, 
.joms-toolbar--desktop > ul > li > a, 
.joms-toolbar--mobile > ul > li > a {
    font-size: 15px;
	color: #000000; 
	color: #ffffff;
	}
.joms-media__calendar .month { background: #ed3333; }
.joms-module .joms-media--event .joms-media__body { color: #000000; }

/*Update Landing Action*/
.joms-landing .joms-landing__action #form-login .joms-button--login { 
	padding: 12px 24px;
    float: left;
    width: 50%;
    margin-right: 10px;
	}
.joms-landing .joms-landing__action .joms-landing__content {
    border-top: 0px solid #ececec;
    border-bottom: 0px solid #ececec;
    padding: 0px;
    margin-bottom: 0px;
}
.joms-landing .joms-landing__action .joms-landing__text p { font-size: 16px; }
.joms-landing__action .joms-checkbox span { font-size: 15px; }
.joms-landing .joms-landing__action #form-login .joms-checkbox input { border: 1px solid #5f5f5f; }
.joms-landing__action .joms-checkbox, .joms-landing__action a { margin-right: 10px; }

@media (max-width: 480px) {
.joms-landing .joms-landing__action #form-login .joms-button--login { float: none; } 
}

.joms-subnav--desktop .joms-icon, 
.joms-toolbar--desktop .joms-icon, 
.joms-toolbar--mobile .joms-icon { fill: #ffffff; }
.joms-subnav--desktop .joms-icon:hover, 
.joms-toolbar--desktop .joms-icon:hover, 
.joms-toolbar--mobile .joms-icon:hover { fill: #000; }

/* JOMSOCIAL: =========================================================<end> */



/* PP - PayPlans */
#pp .pp-toolbar { 
	background-color: #000000 !important;
    border-color: #000000 !important;
    border-radius: 0px;
	}

#pp .special-container {
    background: #f72858;
    padding: 10px;
    color: #fff;
    font-size: 18px;
}
#pp .special-container strong { color: #fff700; font-size: 25px; }

#pp input::placeholder { color: #4bb751; }

#pp .o-card { background: none; }

/* PP Buttons */
#pp .btn-pp-default {
    color: #fff!important;
    background-color: #000!important;
    border-color: transparent!important;
}
#pp .btn-pp-primary {
    color: #fff!important;
    background-color: #100a88!important;
    border-color: transparent!important;
}
#pp .btn-pp-primary.active, 
#pp .btn-pp-primary:active, 
#pp .btn-pp-primary:focus, 
#pp .btn-pp-primary:hover, 
.open>#pp .btn-pp-primary.dropdown-toggle_ {
    color: #fff!important;
    background-color: #000!important;
}


/*=============SHIKA=================*/
button.btn.un-btn-primary.un-big-btn {
    margin-left: 15px;
}
.text-center {
    margin: 5px;
}
.container-fluid.mb-20 .row {
    display: block;
}
.progress-bar{
	background-color: #63b140;
}

/*--Lesson Title Row Width--*/
.tjlms_toc__lesson-title.col-xs-9 {
    width: 80%;
}

/*--Title Label Alignment--*/
span.d-inline.fs-15 {
    vertical-align: top;
}
span.label.label-default {
    display: none;
}

/*--Warning Label Alignment--*/
span.label.label-warning {
    position: absolute;
    display: flow-root;
    left: 595px;
    margin-top: -20px;
    background: #ff0000;
    padding: 1px 1px 1px 1px;
    width: 90px;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
}

/*--Button Alignment--*/
.row .col-xs-3 {
    position: absolute;
}
button.br-0.btn.btn-small.btn-primary.pull-right {
    margin-left: 600px;
	border-radius: 5px;
    position: absolute;
}

/*--Success Label Alignment--*/
span.label.label-success {
    position: absolute;
	display: flow-root;
    left: 595px;
    margin-top: -20px;
    background: #20a505;
    padding: 1px 1px 1px 1px;
    width: 90px;
    text-align: center;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
}
/*Unenrolled Buttons*/
	button.br-0.btn.btn-small.btn-disabled.bg-lightgrey.pull-right {
		margin-left: 600px;
		border-radius: 5px;
		position: absolute;
	}

/*--Lessons Design--*/
.lessons-module_inner:nth-child(even) {
    background-image: linear-gradient(to right, #e1f3ffc2 , #f9fdff00);
    color: #1b5e98;
    border-top: 1px solid #337ab71f;
    border-bottom: 1px solid #337ab71f;
}

button.btn.un-btn-primary.un-big-btn {
    margin-left: 15px;
    background: rgb(20,117,0);
    border-radius: 15px;
    font-size: 16px;
    padding-bottom: 30px;
    color: white;
    font-weight: 600;
}
button.btn.un-btn-primary.un-big-btn:hover {
	background: #20a505;
}
.tjBs3 .d-table-cell{
	padding: 10px;
}

@media (min-width: 320px) and (max-width: 480px){
	/*--Button Alignment--*/
	button.br-0.btn.btn-small.btn-primary.pull-right {
		margin-left: 250px;
		margin-top: 25px;
	}
	/*--Success Label Alignment--*/
	span.label.label-success {
		left: 250px;
		margin-top: 210px;
	}

	.tjlms_toc__lesson-title {
		display: flex !important;
	}
	span.lesson-img {
		width: 100px;
	}

	.tjlms_toc__lesson-title.col-xs-9 {
		width: 100% !important;
	}
	.row{
		margin-left: -10px;
	}
	img.d-inline[title] {
		display: none !important;
	}
	span.d-inline.fs-15{
		font-size: 12px;
	}
	span.label.label-warning {
		position: absolute;
		left: 250px !important;
		margin-top: 210px !important;
	}
	.tjBs3 .pl-10{
		width: 60%;
	}
	.tjBs3 .d-table-cell {
		display: inline-block !important;
		width: 100%;
	}
	.tjlms-course-header .tjlms-course-header__img img{
		width: 100%;
	}
	h1.mt-0 {
		text-align: center;
		font-weight: 600;
		font-size: 34px;
	}
	button.br-0.btn.btn-small.btn-disabled.bg-lightgrey.pull-right {
		margin-left: 245px;
		margin-top: 35px;
	}
	
}


/*===SHIKA CERTIFICATE===*/
div#sbox-window {
    width: 1010px !important;
}
input.btn.btn-blue {
    display: none;
}

.btn-toolbar{
	display: flex;
}
textarea#jform_description {
    width: 100%;
}
/*Create Lessons*/
.tjBs3 .my-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    display: inline-block;
}

.tjBs3 .row-fluid {
    margin-left: auto;
    margin-right: auto;
}
.modal-body.lesson-type-containers .row-fluid {
    text-align: center;
}
/*Courses View*/
.tjlmspin__cat {
    display: none;
}

/*GTRANSLATE*/
div#Mod143{
    position: fixed !important;
    float: right;
    margin-bottom: -130px;
    z-index: 9;
    text-align: right;
    margin-right: 25px;
    top: 65px !important;
    left: 80% !important;
}
a.flag span{
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
	background: #fff;
    padding: 5px;
    border: solid 0px;
    border-radius: 2px;
}



/*MOBILE GTRANSLATE CONFIG*/
div#Mod145 {
	display: none;
}
.t3-sl {
    padding-bottom: 0;
    padding-top: 0;
    position: absolute;
}

@media (min-width: 320px) and (max-width: 900px){

	/*GTRANSLATE - OFF-CANVAS & MENU*/

	/*
	.modulegg_translate2{
		margin-top: -5px !important;
		margin-left: 15px!important;
		display: inline;
		position: absolute;
	}
	
	ul.menumenu-cl {
		margin-left: 30px !important;
	}
	*/

	a.flag img{
		height: 32px !important;
	}
	a.flag span{
		font-size: 12px !important;
	}
	/*GTRANSLATE - MOBILE: Outside*/
	div#Mod145 {
		position: fixed !important;
		z-index: 9;
		text-align: right;
		top: 80px !important;
		left: 120px;
		display: block !important;
	}
	.t3-sl {
		padding-bottom: 0px;
		padding-top: 0px;
	}
	.t3-spotlight.t3-spotlight-1.row {
		position: absolute;
	}
}