body{
	color:#000;
	font-family: 'Roboto', sans-serif;
	background:#f5f5f5;
}
body.login{
    background-color:#fff;
    color: #424242;
}
:focus{
	outline: none;
}
h1{
	font-family: 'Roboto', sans-serif;
}
p{
	color:#000;
	font-size:.875em;
}
a{color:#333;}
.login-box{
    background-color: #fff;
    color: #666;
    padding: 1rem;
	overflow:hidden;
	border-bottom: 1px solid #C9C9C9;
}
.notify{
  background:#ff4b00;
  color:#fff;
  padding:.6rem;
  font-size:.8rem;
}
.notify a{
  color:#fff;
  border-bottom:1px dotted;
}
.notify a:hover{
  border-bottom:none;
}
.header{
	background-color:#fff;
}
.header .logo2{

}

.header .logo{
	padding:1.5rem;
	width:17rem;
	margin:auto;
}
.header.submit{
	padding:1.5rem .5rem;
}
.header.submit h1{
    color:#105f5c;
    font-weight:800;
}
.button.indicator{
    background-color:#ec7734;
    margin:0;
    padding:.5rem .7rem;
}
.button.submit{
    background-color: #105f5c;
    font-size: 14px;
    padding: 15px 0;
    margin-bottom: 40px;
    text-transform: uppercase;
}
.button.submit:hover{
    background-color: #ed7d31;
}
.secondary .lg-action{
	border-top: 1px solid #C2C2C2;
	background: #fff;
	font-size:13px;
	padding:20px 0;
}
.secondary a .lg-action:hover {
	text-decoration:underline;
}
.secondary a .lg-action {
	color:#2e75b5;
}
.title-text{
	padding:10px 0;
	font-size:14px;
}
.title-text a{
  border-bottom:1px dotted;
}
.main-content{
	padding-top:2rem;
	padding-bottom:2rem;
}
.main-content.form{
	padding-top:0;
}
.white{
	background:#fff;
	padding:1.5rem;
	margin:1.5rem;
}
.button{
	text-transform:uppercase;
}
.button.grey{
	background-color:#fff;
	color:#000;
	border:2px solid #e5e5e5;
	letter-spacing:.1rem;
}
.button.grey.active{
	background-color:#e5e5e5;
}
.button.expanded{
	font-weight:700;
	padding:1.2rem;
}
.selection-buttons{
	padding:1rem 1.5rem 0 1.5rem;
}
.footer{
	margin-top:2rem;
	font-size:.7rem;
}
/* Customize the label (the container) */
.container {
  	display: block;
  	position: relative;
  	padding-left: 35px;
  	margin-bottom: 12px;
  	cursor: pointer;
  	font-size: 22px;
  	-webkit-user-select: none;
  	-moz-user-select: none;
  	-ms-user-select: none;
  	user-select: none;
}
/* Hide the browser's default checkbox */
.container input {
  	position: absolute;
  	opacity: 0;
  	cursor: pointer;
}
/* Create a custom checkbox */
.checkmark {
  	position: absolute;
  	top: 0;
  	left: -2px;
  	height: 22px;
  	width: 22px;
  	background-color: #fff;
  	border: 1px solid #999;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
  	background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
  	background-color: #ec7734;
    border: 1px solid #ec7734;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  	content: "";
  	position: absolute;
  	display: none;
}
/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  	display: block;
}
/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 8px;
    top: 5px;
    width: 4px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
#cform fieldset, #cform label, #cform input, #cform textarea, #cform select, #cform th, #cform td, #cform p, #cform h2, #cform h3, #cform h4, #cform ul, #cform ol{
	font-family: 'Roboto', sans-serif!important;
}
label{
	text-transform: uppercase;
	font-weight:800;
	padding-top:1.5rem !important;
}
#cform p.description{
	font-size:.8rem;
	padding-bottom:.5rem !important;
}
#cform input.button{
	color:#fff;
	padding:2rem;
	margin-top:1rem;
}
.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    font-size: .6rem;
}
#embed_code_box {
display:none;
}
#embed_code_box_audio {
display:none;
}
#cform h3 {
    font-family: 'Roboto', sans-serif!important;
    font-size: .8rem !important;
    font-weight: 400 !important;
    text-transform:uppercase;
    margin-bottom:.8rem !important;
    margin-top:1.5rem !important;
}
.multi-form h3 {
    font-family: 'Roboto', sans-serif;
    font-size: .9rem;
    font-weight: 600;
    text-transform:uppercase;
    margin-bottom:.8rem;
    margin-top:1.5rem;
}
.multi-form h3.first {
    margin-top:.0 !important;
}
.checkboxes{
	font-size:.8rem;
}
[type=checkbox], [type=file], [type=radio] {
    position: relative;
    top: .15rem;
}
[type=file], [type=radio] {
    margin: 0 0 1rem;
}
[type=checkbox]{
    margin: 0;
}
form.multi-form {
  padding: 20px 0;
}
form.multi-form fieldset:not(.active) {
  display: none;
}
form.multi-form fieldset.active:first-of-type ~ .buttons .prev,
form.multi-form fieldset.active:first-of-type ~ .buttons .submit {
  display: none;
}
form.multi-form fieldset.active:not(:last-of-type) ~ .buttons .submit {
  display: none;
}
form.multi-form fieldset.active:last-of-type ~ .buttons .next {
  display: none;
}
form.multi-form [type=text], textarea{
  font-size:.8rem;
}
.multi-form .button.grey {
    background-color: #ccc;
    text-transform: none;
    font-weight: 700;
    letter-spacing: 0;
    border: none;
}
#cform a.button.secondary {
    background-color: #767676;
    color: #fefefe;
}
.entry-edit{
  border-bottom:2px solid #e5e5e5;
  padding:.6rem 0;
}
.entry-edit a{
  color:#696969;
  font-size:.85rem;
  font-weight:600;
  line-height:.8rem;
}
.entry-edit.dam-list a{
  color:#2196f3;
  font-size:.85rem;
  font-weight:400;
  line-height:.8rem;
}
.entry-edit.dam-list a:hover{
  border-bottom:1px dotted;
}
.entry-edit .title{
  color:#696969;
  font-size:1rem;
  font-weight:600;
  line-height:1rem;
  padding:5px 0 5px 0;
}
.entry-edit a.button{
  color:#fff;
  background-color:#105f5c;
  margin-bottom:0;
}
.entry-edit span{
  color:#989898;
  font-size:.8rem;
}
.entry-edit.dam-list{
  font-size:.85rem;
  line-height:1.3rem;
}
.pagination{
  padding-top:1rem;
}
.pagination a.active{
  background:#105f5c;
  color:#fff;
}
.top-links {
    font-size: .8rem;
    text-transform: uppercase;
    color: #777;
}
.top-links a {
    color: #777;
    position: relative;
    top: .4rem;
    left: -1rem;
}
.status{
  font-style: italic;
  font-size:.8rem;
  text-transform: capitalize;
}
.status.open{
  color:#31c737;
}
.status.closed{
  color:#ff1c1c;
}
.status.pending{
  color:#2196f3;
}
select{
  font-size:.8rem;
  text-transform:capitalize;
}

.pagetitle{

	font-size: 20px;
	font-weight: bold;
	margin: auto;
  color: #105F5C;
}


/*============These styles will apply to MEDIUM SIZE SCREENS AND BIGGER========== */
@media only screen and (min-width: 40.063em) {

.logo2{
    width:18rem;

}

.logo{
    width:18rem;
    margin:1rem auto;
}
fieldset .grid-x>.small-1{
	width: 3%;
}
fieldset .grid-x>.small-11{
	width: 97%;
}
fieldset .stack .grid-x>.small-1{
	width: 6%;
}
fieldset .stack .grid-x>.small-11{
	width: 94%;
}
.top-links {
    padding-top:1.3rem;
}



}

/*============X-LARGE SCREENS AND BIGGER========== (this is the size of our monitors at full width)*/
@media only screen and (min-width: 90.063em) {

}
/*=============================
STYLES BELOW HERE ARE FOR SPECIFIC SCREEN SIZES ONLY and include a MIN and MAX
=============================*/

/*============Medium Only SCREENS==========*/
@media only screen and (max-width: 800px) {
	.logo2{
	    width:170px;
	    margin:1rem auto;
	}
}


	/*============Medium Only SCREENS==========*/
	@media only screen and (max-width: 400px) {
		.logo2{
		    width:100px;

		}
}