/* ===== Primary Styles ========================================================
   Author: Dan Mitchell / Vitamin Cornwall
   ========================================================================== */


@media only screen and (max-width: 1360px) {
	
	.sidebar,
	.is-collapsed .mainside .sidebar:hover {
		width: 250px;
	}
	.main {
		margin-left: 250px;
	}
	
	.addevidence {
		padding: 1.5em 1.5em;
		text-align: center;
	}
		.addevidence .img {
			display: none;
		}
		.addevidence span {
			float: none;
			width: auto;
			display: block;
		}

}

@media only screen and (max-width: 1024px) {
	.learnerimagecontainer {
		width: 160px;
	}
}


@media only screen and (max-width: 1240px) {

	.is-collapsed .meinfo {
		display: none !important;
	}
	
	.is-collapsed .sidebar .addevidence,
	.is-collapsed .sidebar .addlearner {
		display: none;
	}

}

@media only screen and (max-width: 960px) {
	
	.panel-login {
		position: fixed;
		box-shadow: none;
		left: 0;
		top: 0;
		width: 100vw;
		height: 100vh;
		margin:0;
		transform: none;
		border-radius: 0;
	}
	

	.main {
		background: #eaf1f9
	}
	
	
	.main-content {
		padding: 20px 10px 20px 10px;
		padding-bottom: 100px;
	}
	
	.app-wrapper .inner {
		padding: 0px 10px;
	}
	
	.learnerimagecontainer {
		position: relative;
		width: 130px;
		}
		
	.learnerimageholder {
		border-radius: 1.5em;
		border: 10px solid #eaf1f9;
		background: #f0f0f0;
		width: 100%;
		height: 130px;
		position: relative;
		overflow: hidden;
	}
	
	.salutation h1 {
		font-size: 30px;
		margin: 0;
		color: #2667c6;
	}
	
	.l + .l {
		margin-left: 0em;
		margin-top:0.5em;
	}
	
	.salutation .btn {
		font-size: 15px;
		margin-top: 0.5em;
	}
	
	.box{
		width: 100%;
		border-radius: 1em;
	}
	
	.r{
		float: none;
		display:inline-block;
		width:100% !important;
	}
	
	.row .l {
		margin-bottom: 1em;
	}
	.row .r {
		margin-bottom: 1em;
	}
	
	.chartContainer {
		display: inline-block;
		width: 40%;
		height: 99px;
		margin-right: 5%;
		vertical-align: top;
		position: relative;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: hidden;
		margin-bottom:20px;
	}
	
	.reportfilterbox {
		margin-top: 1em;
	}
	
	.subject-heading > .chartContainer{
			min-height: 150px;
	}
	
	.uploadgallery > .container > .l {
	}
	
	.progress-area {
		text-align: center;
	}
	.progress-bar {
		margin-left: auto;
		margin-right: auto;
	}
	.progress-text {
		display: block;
		margin: 1em 0 1em 0;
	}
	
	.empty-placeholder .img {
		font-size: 3em;
		margin-bottom: 20px;
	}
	
	.uploadedfiles {
		margin: 0 0 0.5em 0;
		margin-right: -2%;
	}
	
	.row {
		margin-bottom: 0.5em;
	}
	
	.empty-placeholder strong{
		line-height:20px;
	}
	
	h1 > .btn-primary{
		margin-top:30px;
	}
	
	.subject-evidence-list .item.notdone::before {
		line-height: 39px;
	}
	
	.chartContainer.alt {
		margin-bottom:0px;
		height:130px;
		width:130px;
	}
	
		.chartContainer.alt .tally {
			font-size:1.5em;
			top: 50%;
		}
	
	
	.subject-row .tile .text{
		width:100%;
	}
	
	.uploadbox .learnerimageholder {
		border-radius: 1.5em;
		border: 10px solid #eaf1f9;
		background: #f0f0f0;
		width: 100%;
		height: 209px;
		position: relative;
		overflow: hidden;
		margin-bottom:20px;
	}
	
	.form label {
		width: 100%;
	}
	
	.header li.dropdown-user ul.dropdown-menu {
		min-width: 180px;
		padding: 15px;
		border-radius:10px;
	}
	
	
	.salutation{

	}
	
	.salutation p{
		font-size:18px;
	}
	
	.file-imgholder{
		height:200px;
		border-radius: 0.3em;
	}
	
	
	.l {
		float: none;
		width:100% !important;
	}
	
	.learnerheader .l:first-child {
		margin-right: 2em;
	}
	
	
	.btn-success{
		width:100%;
		padding-top:13px;
		padding-bottom:13px;
	}
	
	.evidence-area .checkbox span{
		height:40px !important;
		width:40px  !important;
	}
	
	.evidence-area .checkbox input ~ span::after {
		left: 14px;
		top: 10px;
	}
	
	.subject-title {
		margin: 0;
		font-size: 20px;
	}
	
	.subject-title small{
		font-size: 16px;
		display: block;
	}
	
	.addevidence.long h4 {
		color: #2667c6;
		font-size: 20px;
	}
	
	.file ul.menu .dropdown-ellipsis > a > .title {
		padding: 0;
		font-size: 20px;
		font-weight: bold;
	}
	
	
	.file-thumb {
		padding: 2em 2em;
	}
	
	.file-info-area h3 {
		margin: 0 0 0.5em 0;
		font-size: 24px;
		float: left;
		margin-bottom: 0px;
		display: block;
		width: 100%;
	}
	
	.file-title-box h4 {
		font-size: 20px;
	}
	
	.mobileHide{
		display:none !important;
	}
	
	
	.header ul > li.dropdown-user > a i {
		color: #2667c6;
		margin-left:0px;
		font-size:24px;
	}
	
	
	.header ul > li.dropdown-user > a {
		border-radius: 1.5em;
		padding:10px;
		height:auto;
		width:auto;
		min-height:auto;
		min-width:auto;
		line-height:15px;
		margin: 12.5px 0;
		background: #fff;
		box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.25);
	}
	
	
	.file-title-box h4 ul.menu {
		float: right;
	}
	
	.tint-red .tint-bg .tint-bg-text {
		width: 100%;
	}
	
	
	
	
	.subject-panel .subject-row .chartContainer.alt {
		width: 90px;
		height: 90px;
		margin-bottom: 20px;
	}
	
	.subject-evidence-list .item{
		padding-left:10px;
		padding-top:55px;
	}
	
	.subject-evidence-list .item::before {
		content: "";
		color: #fff;
			line-height: 40px;
		position: absolute;
		left:10px;
		top: 0;
		width: 40px;
		height: 40px;
		background: #dde1e6;
		border-radius: 50%;
		-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.10);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.10);
	box-shadow: inset 2px 2px 5px 0px rgba(0,0,0,0.10);
	}
	
	.subject-evidence-list .item.done::before {
		font-family: 'Font Awesome 5 Free';
		font-weight: 900;
		content: "\f00c";
		line-height: 40px;
	}
	
	
	
	.addevidence{
		display:table;
	}
	
		.addevidence.long .btn{
			width:100%;
			display: table-footer-group; 
		}
		
		.addevidence.long h4{
			display: table-header-group;
		}
		
		.addevidence p{
			display:none;
		}
		
		.addevidence.long .img{
		display:none;
		}
	
	.file{
		width:265px;
	}
	
	h1 {
		font-size: 24px;
	}

	.reflectheader {
		margin-bottom: 3em;
	}
	.reflectheader h1 {
		text-align: center;
	}
		.layout-combo {
			float: none;
			text-align: center;
			position: absolute;
			left: 50%;
			top: 70%;
			transform: translateX(-50%);
		}
		.layout-combo a:first-child {
			margin-left: 0;
		}
	
	
	
	.uploadbox .r {
		width: 100%;
	}
	
	.uploadbox .l {
		width: 100%;
	}
	
	.inlineselects .inlineselect{
		width: 100%;
	}
	
	.shortpanel ul.menu .dropdown-ellipsis > a > .title {
		padding: 0;
		font-size: 25px;
		font-weight: bold;
	}
	
	.shortpanel {
		max-width: 265px;
	}
	.shortpanel .img {
		width: 100%;
		height: 265px;
	}
	
	.accordion-toggle-button {
		right: 8px;
		top: 19px;
	
	
	}
	
	.subject-row .tile .text em{
		font-size:18px;
		line-height:22px;
		margin-top:10px;
	}
	
	.subject-evidence-list {
		font-size: 15px;
		display: none;
	}
	
	.file-title-box h5 {
		margin: 0;
		padding: 0;
		margin-top: 5px;
		float: right;
		font-weight: 400;
		font-size: 18px;
		line-height:22px;
	}
	
	
	.subject-title::before {
		top: 0;
		margin-top: 0.35em;
	}
	
	.subject-row .tile .text strong {
		font-size: 20px;
	}
	
	.subject-panel {
		padding: 1.4em;
		border-radius: 1em;
	}
	
	
	.addlearnerbox .r {
		float: right;
		width: 100%;
		margin-top:25px;
	}
	
	
	.form .item-third,
	.form .item-half {
		width: 100%;
		float: left;
		margin: 0 !important;
		margin-bottom:5px !important;
	}
	
	.form .item-third:nth-child(2) {
		margin-left:0px;
		margin-right:0px;
	}
	
	.form .item-quarters {
		flex-direction: column;
		align-items: stretch;
	}
	.form .item-quarter {
		margin: 0 0 2px 0;
	}
	
	.eight-col {
		width: 100%;
		margin-bottom:20px;
	}
	
	.four-col {
		width: 100%;
	}
	
	label + .checkbox{
		margin-left:0px;
	}
	
	.checkbox + .checkbox {
		margin-left: 0px;
	}
	
	.btn-primary {
		color: #fff !important;
		background-color: #2667c6;
		border-color: #2667c6;
		width: auto;
	}
	
	.btn-secondary {
		width:95%;
		margin-left:0px !important;
		margin-top:10px;
	}

	.btn-danger {
		margin-top:10px;
	}
	
	.subjectselects .col {
		float: left;
		width: 100%;
	}
	
	.subjectselects .item .sel {
		float: right;
		width: 100%;
	}
	
	.subject-row h4{
		font-size:22px;
	}
	
	ul.menu li > a .title i {
		font-size: 0.7em;
	}
	
	
	ul.menu li.dropdown.dropdown-ellipsis ul.dropdown-menu {
		padding: 0.5em;
		border-radius:1em;
	}
	
	.addevidence.long {
		width: 100%;
		margin: 1.5em auto 2em auto;
	}
	
	
	.subject-row .tile {
		display: inline-block;
		background: #fff;
		color: #7B889B;
		border-radius: 1em;
		padding: 1em;
		margin: 0 0 1em 0;
	}
	
	.nothing{
		background: #f2f3f7;
		border-radius: 1em;
		border: 1px dashed #bcc0c5;
		overflow: hidden;
		text-align: center;
		margin: -0.5em auto 1.5em auto;
		width: 100%;
		padding: 1em 1em;
		transition: all .2s ease;
	}
	
	.form textarea {
		margin-bottom: 0px;
	}
	
	/*
	.header{
		float:left;
		width:100%;
	}
	*/

	
	.btn-primary,
	.btn-secondary,
	.btn-danger {
		width: 100%;
	}
	
	.btn + .btn {
		margin-left: 0;
	}
	
	.show-mobile {
		display: block !important;
	}
	.hide-mobile {
		display: none !important; 
	}
	
	.header {
		background: #fff;
		width: 100% !important;
		box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.25);
	}

	.header .logo {
		display: block;
	}
	
	.mainside .logo {
		display: none;
	}
	
	.is-collapsed .mainside .sidebar {
		transform: translateX(-100%);
		width: 66% !important;
	}
	.is-collapsed .mainside .sidebar.isopen .meinfo {
		display: block !important;
	}
	.is-collapsed .main {
		margin-left: 0;
		margin-top: 69px;
	}
	
	.header ul > li.dropdown-user > a {
		background-color: #dde9f7;
		box-shadow: none;
	}
	
	.menubutton {
		display: block;
	}
	
	.salutation.lonely {
		text-align: center;
		margin-bottom: 1.25em;
	}
		.salutation.lonely .btn {
			width: 50%;
			margin-top: 1em;
		}
	
	.subject-heading {
		margin-bottom: 0.5em;
	}
	
	.subject-heading-text .btn {
		width: 70%;
	}
	
	.subject-heading .chartContainer {
		width: 150px;
		min-height: 150px;
		margin:0 0 1em 0;
	}
	.subject-container .chartContainer {
		width: 120px;
		min-height: 120px;
		margin:0 0 1em 0;
	}
	
	.subject-heading-text {
		display: block;
	}
	
	.subject-row {
		text-align: center;
	}
	.subject-row h4 {
		margin: 0;
		padding:0;
	}
		.subject-row h4::before {
			display: none;
		}
	
	.subject-row h4::before {
		top: 0;
		margin-top: 0.5em;
	}
	.subject-row h4 small {
		display: block;
	}
	
	.row .l,
	.row .r {
		max-width: 100% !important;
	}
	
	.buttonrow {
		margin-top: 1.5em;
	}
	
	.file {
		padding: 1em 1em;
		margin-bottom: 1em;
	}
	.layout-list .file {
		padding: 0.5em 1em;
	}
	
	.file ul.menu .dropdown-ellipsis > a > .title {
		font-size: 16px;
	}
	
	.file-thumb {
		margin-bottom: 0.5em;
	}
	
	.file-footer {
		margin-bottom: 0.5em;
	}
	
	.layout-list .file-thumb {
		width: 60px;
	}
	
	.layout-list .file-header {
		margin-left: 60px;
	}
	.layout-list .file-footer {
		margin-left: 60px;
	}

	.gallery-area {
		padding: 0;
		background: none;
	}
	.gallery-area .gallery-item {
		float: none;
		width: 100%;
		padding: 0;
		margin-bottom: 1em;
	}
	.gallery-area .gallery-item:last-child {
		margin-bottom: 0;
	}
	
	.gallery-area-1up .gallery-item {
		padding: 0;
	}
		.gallery-area-1up .gallery-item a {
			height: 300px;
			margin-bottom: 2em;
		}

	.shortpanel {
		max-width: 100%;
	}

	.learnerheader {
		background: #2667c6;
		padding: 20px 20px;
		margin-bottom:0;
		padding-top:30px;
		box-shadow: 0px 0px 30px -6px rgba(0,0,0,0.25);
		position: fixed;
		width:100%;
		min-height: 90px;
		top: 69px;
		left:0;
		z-index:99;
	}
	.learnerheader {
		position: sticky;
		top: 0;
		margin: -20px 0 0 0;
		margin-left: -20px;
		width: calc(100% + 40px);
	}
	.learnerheader + .container {
		padding-top: 20px;
	}
	.learnerheader + .box {
		margin-top: 20px;
	}
		.learnerheader .l:first-child {
			width: 80px !important;
			position: absolute;
			left: 20px;
			top: 50%;
			transform: translateY(-50%);
		}
			.learnerimagecontainer {
				width: 80px !important;
			}
			.addlearnerbox .learnerimagecontainer {
				width: 100% !important;
			}
				.learnerimageholder {
					height: 80px !important;
					border-width: 5px;
				}
				.addlearnerbox .learnerimageholder {
					height: 200px !important;
				}
			#profileform .learnerimagecontainer {
				width: 180px !important;
			}
				#profileform .learnerimageholder {
					height: 170px !important;
					border-width: 5px;
				}
		.learnerheader .l + .l {
			margin-top: 0;
			margin-left: 100px;
			float: none;
			width: auto !important;
		}
			.learnerheader .l .salutation {
				margin-top: 0;
				color: #fff;
			}
				.learnerheader .l .salutation h1 {
					color: #fff;
					float: none;
					margin-top: -15px;
					margin-bottom: 5px;
					font-size: 25px;
				}
				.learnerheader .l .salutation .btn {
					background-color: #fff;
					color: #2667c6 !important;
					float: left;
					width: auto;
					margin: 0;
					padding-top: 0.3em;
					padding-bottom: 0.2em;
					padding-left: 1em;
					padding-right: 1em;
				}
					.learnerheader .l .salutation .btn + .btn {
						margin-left: 0.3em;
					}
				.salutation p {
					font-size: 0.7em;
				}
	
	.uploadbox {
	}
	
	.uploadgallery {
		padding: 1em;
		margin: -20px -25px 1em -25px;
	}
	
	.filetile {
		width: 98%;
		margin: 0 0 1em 0;
	}
	.filetile:last-child {
	}
		.filetile .thumb {
			height: 180px;
		}
		.filetile .caption {
			text-align: center;
		}
		
	.gallery-area .gallery-item a span.icon {
		font-size: 5.5em;
	}
	
	.btnrow {
		text-align: center;
		padding-bottom: 4em !important;
		position: relative;
	}
	.btnrow .remove-learner-button {
		float: none !important;
		display: inline-block;
	}
	.btnrow button[type=reset] {
		width: auto;
	}
	
	.addlearnerbox .learnerimagecontainer {
		width: 100%;
	}
	.addlearnerbox .learnerimageholder {
		height: 200px;
	}
	
	.archived-subjects h2 {
		text-align: center;
	}
	
	.subject-side-bar-outer {
		margin-top: 2em;
	}
	
	.subject-evidence-list .item {
		padding-bottom: 1.5em;
		border-bottom: 1px solid #2667c6;
	}
	.subject-evidence-list .item:last-child {
		border-bottom: 0;
	}
	
	.subject-panel {
	}
	
	.beta {
		width: 35px;
		height: 35px;
	}
	
	.btn i {
		float: none;
		margin: 0;
	}
	
	.item-pretext i {
		display: none;
	}
	
	.btn-addtoanothersubject {
		margin-top: 1em;
		font-size: 0.9em;
	}
	
	.activityfeedfilter .form > div {
		width: 100%;
	}
	.activityfeedfilter .form input {
		flex: 1;
	}
	
	.__addtocalendarblock input {
		-webkit-appearance: none;
	}
	
	.subjectselects {
		flex-direction: column;
	}
	
	.modal {
		align-items: flex-start !important;
	}
}

@media only screen and (max-width: 550px) {
	.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
		display: flex;
		flex-direction: column;
	}

	.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) .fc-button-group:nth-child(1) {
		display: none;
	}

	.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) button {
		margin-bottom: 5px;
	}
	
	.fc .fc-toolbar-title {
		font-size: 1.4em !important;
	}
	
	.btn + .btn {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 320px) {
	
	.learnerheader .l .salutation h1 {
		font-size: 18px;
	}
	
}


/*
@media only screen and (min-device-width: 320px) and (orientation: landscape) {
	.landscape-blocker {
		display: block;
	}
}
@media only screen and (min-device-width: 375px) and (orientation: landscape) {
	.landscape-blocker {
		display: block;
	}
}
@media only screen and (min-device-width: 414px) and (orientation: landscape) {
	.landscape-blocker {
		display: block;
	}
}
*/