/*
 Theme Name:   TrueTandem custom SIS
 Theme URI:    https://www.truetandem.com/
 Description:  Custom Child theme for Picostrap5
 Author:       TrueTandem
 Author URI:   https://www.truetandem.com/
 Version:      1.0.0
 Template: picostrap5 
 Text Domain:  picostrap5
 License: GPL-2.0
 License URI: http://www.opensource.org/licenses/gpl-license.php
*/

/*


Do not edit this file.

To add your own CSS, edit  the file: 

sass/_custom.scss 

...and add your own CSS (or SCSS!) statements.

To recompile the SASS bundle, click the "RECOMPILE SASS" link on top.

To edit the  SCSS pipeline, view and edit the file: sass/main.scss


*/
/* Add your CSS code here.

For example:
.example {
    color: red;
}

For brushing up on your CSS knowledge, check out http://www.w3schools.com/css/css_syntax.asp

End of comment */

@font-face {
    font-family: 'allura';
    src: url("./fonts/Allura-Regular.ttf") format('truetype');
}

.application-card.mdl-card{
	width:100%;
}

.card-title h3{
	margin:0px;
	color:#002147;
}

.mdl-textfield__label_select {
  text-align: left;
  width: 100%;
  display: block;
  color: #002147;
	font-size : 13px;
}
.card-row.card-description p {
  margin: 0;
  font-size: 17px;
  color: #002147;
  font-weight: bold;
}
.group_buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 20px;
  padding: 20px 0px;
  margin-top: 15px;
  grid-template-rows: 1fr;
}
.group_buttons .btn.btn_form {
  outline: none;
  border: none;
  padding: 11px;
  background: #edac00;
  color: #002147;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Open Sans Condensed' !important;
  font-size: 21px;
  border-radius: 5px;
}
.group_buttons .btn.btn_form:hover{
	background: #002147;
	color:#fff;
}

/* Custom button css for gravity forms program application */
#application .gform_page_footer .gform_save_link, .gform_previous_button {
  background-color: rgb(240, 240, 240) !important;
  color: black !important;
  border: 1px solid #000 !important;
  border-radius: 2px !important;
}

#application .gform_page_footer .gform_save_link:hover, .gform_previous_button:hover {
  background-color: rgb(200, 200, 200) !important;
}

#application .gform_page_footer .gform_next_button{
  background-color: #377dff;
  color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
}

#application .gform_page_footer .gform_next_button:hover {
    background-color: #135F96;
}

#application .gform_page_footer  input[type=submit]{
  background-color: #377dff;
  color: #fff;
  border: 1px solid #000;
  border-radius: 2px;
}

#application .gform_page_footer  input[type=submit]:hover{
  background-color: #135F96;
}

/* Steps CSS */
#niu-application{
	text-align: center;
    position: relative;
    margin-top: 20px;
}
#niu-application fieldset{
	 background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0; 
    padding-bottom: 20px;
    position: relative;
}

#niu-application fieldset:not(:first-of-type) {
    display: none
}

#progressbar {
    margin-bottom: 0;
    overflow: hidden;
    color: lightgrey;
}

#progressbar .active {
    color: #edac00;
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400;
}
#progressbar {
  counter-reset: section;
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 25px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
	font-family: 'Anton';
    counter-increment: section;
    content: counter(section);
	font-weight: bold;
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #edac00;
}

.progress {
    height: 20px;
}

.progress-bar {
    background-color: #673AB7;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

#progressbar {
  display: inline-flex;
  width: 100%;
  margin: 30px auto; 
  padding: 0px;
}

input.action-button,input.action-button-previous{
  outline: none;
  border: none;
  padding: 11px 60px;
  background: #edac00;
  color: #002147;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Open Sans Condensed' !important;
  font-size: 21px;
  border-radius: 5px;
	margin-top:30px;
	width: 25%;
}
[type="text"] {
    height: 37px;
}
.action-button:hover,.action-button-previous:hover{
	background: #002147;
	color:#fff;
}

@media only screen and (max-width: 992px) {
input.action-button,input.action-button-previous{
	width: 100%;
	}
#progressbar li {
	width:33.33%;
	margin-bottom:16px;
	}
	.group_buttons {
		 grid-template-columns: 1fr;
	}
	#progressbar {
		display:inline-block;
	}
	#progressbar li::after{
		top: 15px;
	}
	#progressbar li::before{
		width: 30px;
		height: 30px;
		line-height: 25px;
		font-size: 15px;
	}
	#progressbar li{
		font-size: 12px;
		line-height: 13px;
	}
	#progressbar{
		margin-bottom:0px;
	}
	.mdl-card {
  width: 100% !important;
}
}

.application-requirements-card.mdl-card{
	width:100%;
}

.group_buttons_requirements button{
	  outline: none;
	  border: none;
	  padding: 11px 50px;
	  background: #edac00;
	  color: #002147;
	  text-transform: uppercase;
	  font-weight: 500;
	  font-family: 'Open Sans Condensed' !important;
	  font-size: 21px;
	  border-radius: 5px;
}

.group_buttons_requirements{
	text-align: center;
	margin:20px auto;
}

.group_buttons_requirements button:hover{
	background: #002147;
	color:#fff;
}
.credit-completion-plan-card.mdl-card{
	width:100%;
}

.group_buttons_requirements button{
	  outline: none;
	  border: none;
	  padding: 11px 50px;
	  background: #edac00;
	  color: #002147;
	  text-transform: uppercase;
	  font-weight: 500;
	  font-family: 'Open Sans Condensed' !important;
	  font-size: 21px;
	  border-radius: 5px;
}

.group_buttons_requirements{
	text-align: center;
	margin:20px auto;
}

.group_buttons_requirements button:hover{
	background: #002147;
	color:#fff;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
	width: 100%;
text-align: center;
}

.btn_upload_file {
	border: 2px solid #fff;
	color: #fff;
	background-color: #002147;
	padding: 15px 20px;
	border-radius: 8px;
	font-size: 20px;
	font-weight: bold;
	width: 80%;
	min-width: 80%;
	margin: auto;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  width:100%;
}

.card-row.card-description-credit {
  padding-top: 20px;
}
.card-row.card-description-credit p {
  margin: 0;
  font-size: 17px;
  color: #002147;
  font-weight: bold;
}




.ultp-dashboard-course__name a:hover{
	color:rgb(237,172,0)!important
}

.bbp-breadcrumb a:hover,
.bbp-body a:hover, 
.bbp-replies a:hover, 
.bbp-forum-title:hover, 
.uo-border a:hover,
.ld-table-list-item a:hover,
.ld-primary-color-hover:hover{
	color:rgb(237,172,0)!important
}
#link_button-46-8766 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 18px;
    color: #f7f7f7;
    font-size: 18px;
    font-weight: 700;
    transition-duration: 0.5s;
	border-top-width: 0 !important;
    border-left-width: 0 !important;
    border-right-width: 0 !important;
    border-radius: 0 !important;
}
#link_button-46-8766{
	text-decoration: none;
    border-style: solid;
    border-width: 0;
    transition-timing-function: ease-in-out;
    transition-property: background-color, color, border-color;
}
#link_button-46-8766:hover{
	border-color: #f7f7f7;
	border-bottom-width: 2px;
}

#section-123-39{
	background-image:unset !important;
	background-color:rgb(0,33,71)!important;
}

.ld-breadcrumbs-segments a{
	color:rgb(0,33,71)!important;
}

#fancy_icon-9-9382{
	display: inline;
	position: absolute;
    top: 5px;
    right: 5px;
    cursor: pointer;
	border:unset;
}

#text_block-70-8766{
	font-family: 'Roboto Condensed';
    font-size: 18px;
}
#_header_right-29-8766:hover{
	border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-bottom-color: #02063d;
    border-bottom-width: 2px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
}
#_header_right-29-8766 #link_button-49-8766:hover{
	color:#02063d !important;
}
#link_button-22-4738 {
  background-color: rgb(0,33,71) !important;
  color: white !important;
  border-color: rgb(0,33,71) !important;
}






.dynamic-content {
	padding:0 !important;
	max-width:2500px !important;
}
#div_block-9-1622{
	height:100% !important;
}
#section-98-4443{
	position:relative ;
	z-index:10
}
.ct-section-inner-wrap{
	margin-left:0 !important;
	max-width:2500px !important;
}
.card-row-3-cols.fieldGroupDegree{
	grid-template-columns:1fr 1fr 1fr 1fr 100px !important;
} 

.card-row-3-cols{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  grid-template-rows: auto;
  gap: 25px;
}
.card-row-2-cols{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows: auto;
  gap: 25px;
}
#wpfooter{
  position:relative !important;
}
.mdl-card__supporting-text{
  max-width: 90%;
  margin: auto;
  padding: 20px 0px;
}
.mdl-textfield{
   width:100%;
}
.mdl-card{
  width: 70%;
}
.card-row.submit.card-row-3-cols-submit,.card-row.submit.card-row-2-cols-submit {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 20px 0px;
}

.registration-form-system{
  margin-top:45px;
}
.mdl-textfield > select
{
border: 0px;
    border-bottom: 1px solid #000;
  background: transparent;
  font-size: 12px !important;
  padding: 0 !important;
}
.mdl-textfield > select option[disabled=""]{
    padding: 0 !important;
}

@media only screen and (max-width: 768px) {
  .card-row-3-cols{
      grid-template-columns:1fr;
  }
    .card-row-2-cols{
      grid-template-columns:1fr;
  }
  .mdl-card {
  width: 90% !important;
}
  .registration-form-system {
  margin-top: 15px;
}
  .dynamic-content{
    width: 100% !important;
  }

}

@media only screen and (max-width: 767px) {
	#_nav_menu-23-8766 .menu-side-lms-container, #_nav_menu-67-8766 .menu-side-lms-not-logged-container{
		background: #02063d;
		min-height: 100%;
		justify-content: center;
		align-items: center;
		display: flex;
	}
}


.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab{
	color: white !important;
}
.table{
	margin-bottom: 0rem !important;
}
div.dataTables_wrapper div.mdc-layout-grid{
	padding: 0px !important;
}
#loginform > p > input.button-primary, .mdl-button--accent{
	background-color : #0000002b !important;
	color : #212529 !important;
	border : 1px solid #212529 !important;
	font-family : 'Open Sans Condensed' !important;
	font-size : 14px !important;
}

#loginform > p > input.button-primary:hover{
	background-color : #212529 !important;
	color : #fff !important;
	border : 1px solid #fff !important;
	font-family : 'Open Sans Condensed' !important;
	font-size : 14px !important;
}

h1{
	line-height:1.2 !important;
}
label{
	    margin-bottom: 0.5rem !important;
}
h3{
	font-size:1.75rem !important;
	font-weight: 500 !important;
    line-height: 1.2 !important;
}
body{
	line-height:1.5 !important;
}
.wp-block-group__inner-container{
  width:100%;
  display: flex;
  align-content:top;

}
#DataTables_Table_0_wrapper{
	width:100%;
}
/*credit_completion_plan*/
#link_text-237-1622{
	display:none !important;
}
/*application_exist*/
#link_text-222-1622{
	display:none !important;
}
/*current_application*/
#div_block-286-1622{
	display:none !important;
}
/*application_requirements*/
#link_text-236-1622{
	display:none !important;
}



.wp-block-column{

    width:40%;  
	display: inline-block;
	height:auto;
    font-size:40px;
}
.wp-block-columns{
    display: flex;

}
.wpProQuiz_questionListItem input{
      max-width:800px;

}
#wpProQuiz_questionEssay_question_12_23{
  border: 3px solid #346699;
}
.modal-header{
    align-items:center !important;
}

.modal-title {
    color: white;
    font-size: 50px;
    text-shadow: -1px 1px 0 #000,
    1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.modal-body{
    margin:0px !important;
}

.modal-header{
    background:#0000002b !important;
}
.modal-footer{
    background:#0000002b !important;
    padding:5px !important;
    justify-content:center !important;
}

.rotate-icon{
	transform: rotate(42deg);
}

button#epkb-search-kb {
  background: #333 !important;
}
span.eckb-article-title__text {
  color: #336699;
}
.epkb-doc-search-container {
  background-color: #333366 !important;
}
h2.epkb-cat-name {
  color: #333333 !important;
}
/*#eckb-article-body .eckb-article-toc ul a.active {
  background-color: #336699 !important;
  color: #fff !important;
}*/
 .eckb-navigation-button, ul.eckb-breadcrumb-nav > li > span > span,.eckb-navigation-button, ul.eckb-breadcrumb-nav > li > span > a > span , #eckb-article-body .eckb-article-toc__title, #eckb-article-body .eckb-article-toc__inner {
  color: #336699 !important;
}
.eprf-article-meta__star-rating, .epkbfa-chevron-down, .eprf-stars-container{
  color: #99CC66 !important;
}

#eckb-article-body .eckb-article-toc__inner{
  border-color: #336699 !important;
}
span.eprf-stars-module__statistics__stat-wrap__stat-inside {
  background-color: #99CC66 !important;
}
.eckb-article-content-author-container, .eckb-meta-data-feature-icon epkbfa epkbfa-calendar, .eckb-article-content-created-date-container, .eckb-article-content-last-updated-date-container {
    color: #336699 !important;
}
span.eckb-print-button-container > span {
    color: rgb(237,172,0) !important;
}
.eckb-article-content-body > h2, .eckb-article-title, div#eckb-article-content-body > h3, div#eckb-article-content-body > h4, div#eckb-article-content-body > h5, div#eckb-article-content-body > h6 {
  color: #333 !important;
}
.elay-sidebar__cat-container li a:hover .elay-article-title {
  color: rgb(237,172,0) !important;
}
a>span.gf_step_label {
color: #1e2022!important;
}

.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::before {
    background-color: #A0C491!important;
}
.gform_wrapper.gravity-theme .gf_step_completed .gf_step_number::after {
    color: #1e2022!important;
}

 option:empty
{
  display:none;
}

.ct-inner-content {
    margin: 0px 0 50px;
}

input[name="input_108"] {
    font-family: allura, cursive;
    font-size: x-large !important;
}