body {
	background: #fcfaf7;
	padding-top: 90px;
}

h1 {font-family:'trade-gothic-next', sans-serif;}

a {color: #333; transition: .2s linear all;}
a:hover {color: #333;}

.header, header {
	position: fixed;
	display: flex;
	align-items: center;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 90px;
	padding-left: 120px;
	background: #fcfaf7;
	color: white;
}
.header .row {display: flex;}
.header .row .columns {margin: auto;}

.logo {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	left: 0;
	width: 90px;
	height: 90px;
	background: #52cc83;
	color: white;
	z-index: 5;
}

.logo span {
	font-family: "clarendon-text-pro", serif;
    font-weight: 400;
    font-size: 21px;
    color: white;
}

.nav ul {position: relative;}
.nav ul li{list-style-type: none; display: inline-block; margin-right: 20px; text-transform: uppercase; font-weight: 500;}
.nav ul li a{color:#333;}
.nav ul li a:hover{color:#000; transition: linear all .3s;}
.right {position: absolute; display: flex; align-items: center; justify-content: center; top: 0; right: 120px; height: 90px;}
.right a {background-color: transparent; color: #333; padding: 10px;}

.count {display:inline-flex; justify-content: center; align-items: center; background-color: #ee5a66; color: #fff; border-radius: 30px; margin-left: 8px; height: 30px; width: 30px; text-align: center; line-height: 30px;}

.calendar-header {padding: 40px 0; border-top: 1px solid #333; border-bottom: 1px solid #333; color: #fff;}
.calendar-header h1 {text-transform: capitalize; font-size: 36px; color: #333; font-family:'clarendon-text-pro', serif;}
.calendar-wrap, .calendar-month {display: none;}
.calendar-week {margin-top: 40px;}
.calendar-day {padding: 10px; border-bottom: 1px solid #bcbab5; font-weight: bold; text-transform: uppercase;}
.calendar-cell {position: relative; height:200px; padding: 10px 0; border-bottom: 1px solid #ccc;}
.calendar-month {text-align: center; text-transform: uppercase; font-weight: bold; font-size: 36px; color: #333;}
.day {overflow: scroll;}
.calendar-cell a {font-size:12px; white-space:nowrap; display: block; width: 100%; overflow: hidden; line-height: 20px; color: #333;}

.next-month, .last-month {font-size: 30px;}
.next-month a, .last-month a{color: #333;}

.new-event {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	bottom: 30px;
	right: 30px;
	height: 75px;
	width: 75px;
	background: #52cc83;
	border-radius: 75px;
	transition: .2s linear all;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,0.10);
}

.new-event:hover {

	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.10);
}

.new-event i {
	color: white;
	font-size: 50px;
}

.event-single {
	padding: 20px 0;
	border-bottom: 1px solid #f2f2f2;
}

.event-single a {
	color: #333;
}

h3 {
	font-family:'clarendon-text-pro', serif;
}

input, textarea {
	background-color: transparent;
}

.big-title {
	display: block;
	width: 100%;
	padding: 20px 0;
	margin: 20px 0;
	font-size: 32px;
	border: none;
	font-family:'trade-gothic-next', sans-serif;
	font-weight: 200;
	color: #333;
	border-bottom:1px solid transparent;
	transition: linear all .3s;
}

.form-field {
	display: block;
	width: 100%;
	padding: 10px 0;
	margin: 10px 0;
	font-size: 18px;
	border: none;
	font-family:'trade-gothic-next', sans-serif;
	font-weight: 200;
	color: #333;
	border-bottom:1px solid transparent;
	transition: linear all .3s;
}

.form-textarea {
	display: block;
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	font-size: 18px;
	border: 1px solid #f2f2f2;
	font-family:'trade-gothic-next', sans-serif;
	font-weight: 200;
	color: #333;
	transition: linear all .3s;
	height: 400px;
}

.big-title:focus, .form-field:focus {
	outline: none;
	border-bottom:1px solid #333;
}

.form-textarea:focus {
	outline: none;
	border: 1px solid #f2f2f2;
}

input[type="checkbox"], input[type="checkbox"]:checked  {
	-webkit-appearance: none;
	display: inline-block;
	width: 20px;
	margin-right: 10px;
	margin-top: 5px;
}
input[type="checkbox"]:before {
	font-family: "entypo";
	font-size: 21px;
	color: #bcbab5;
	content:"\f600";
}

input[type="checkbox"]:checked:before {
	-webkit-appearance: none;
	font-family: "entypo";
	font-size: 21px;
	color: #52cc83;
	content:"\2713";
}

input[type="checkbox"]:focus {
	outline: none;
}

input[type="submit"] {
	-webkit-appearance: none;
	display: block;
	padding: 15px;
	color: #fff;
	background-color: #52cc83;
	border:1px solid #52cc83;
	transition: .2s linear all;
	width: 100%;
	margin-top: 15px;
	font-family:'trade-gothic-next', sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 16px;
}

input[type="submit"]:hover {
	background-color: #fff;
	color: #52cc83;
	cursor: pointer;
}

.big-submit {
    background: #333 !important;
    border: 1px solid #333 !important;
    color: white;
    font-family: "clarendon-text-pro", serif  !important;
    font-weight: 400  !important;
    -webkit-transition: 0.2s linear all;
    transition: 0.2s linear all;
    text-transform: capitalize !important;
}

.big-submit:hover {
	color: white !important;
	background-color: #333 !important;
}

.button-list {
	padding: 40px 0;
	margin-top: 40px;
}

a.action {
	-webkit-appearance: none;
	display: block;
	padding: 12px;
	color: #fff;
	background-color: #52cc83;
	border:1px solid #52cc83;
	transition: .2s linear all;
	width: 100%;
	margin-top: 15px;
	font-family:'trade-gothic-next', sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	text-align: center;
}

a.action:hover {
	background-color: #fff;
	color: #52cc83;
	cursor: pointer;
}

a.badness, .badness {
	background-color: #ce6767 !important;
	border:1px solid #ce6767 !important;
	cursor: pointer;
}

a.badness:hover, .badness:hover {
	color: #ce6767 !important;
	background-color: #fff !important;
	cursor: pointer;
}

a.norm {
	background-color: #6780ce;
	border:1px solid #6780ce;
	cursor: pointer;
}

a.norm:hover{
	color: #6780ce;
	background-color: #fff;
	cursor: pointer;
}

a.dark {
	background-color: #333;
	border:1px solid #333;
	cursor: pointer;
}

a.dark:hover{
	color: #333;
	background-color: #fff;
	cursor: pointer;
}

.opt-drawer {
	border-top: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
	margin: 20px 0;
	padding: 20px;
}

.show-hide, .box {
	display: none;
}

.opt-drawer p {
	font-size: 21px;
}

.inline {
	position: relative;
	-webkit-appearance: none;
	border: none;
	font-size: 30px;
	display: inline-block;
	padding: 0 30px;
	background-color: none;
	color: #52cc83;
	font-family:'clarendon-text-pro', serif;
}


label {
	display: block;
    font-size: 12px !important;
    font-family: 'Oswald', sans-serif;
    font-weight: 600;
    margin-top: 20px;
    text-transform: uppercase;
    padding-left: 10px;
}

.guest-layout {
	display: flex;
	display: -webkit-flexbox;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

.login-form {
	margin:auto;
	padding: 30px;
	border:1px #ccc solid;
	border-radius:5px;
	background-color: #fff;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	display: none;
}

.login-logo {
	text-align: center;
	width:100%;
	padding: 50px;
}

.login-logo img {
	width:50%;
}

.lined {
	display: block;
	border: none;
	background: transparent;
	-webkit-appearance: none;
	color: #333;
	border-bottom: 1px solid #999;
	width: 100%;
	padding: 15px 10px;
	font-size: 16px;
	margin-bottom: 20px;
	transition:.2s linear all;
}

.lined:focus {
	outline: none;
	border-bottom: 1px solid #fff;
	background: rgba(0,0,0,0.1);
}

.taxonomy {
	display: block;
	height: auto;
	max-height: 250px;
	overflow: scroll;
}

.taxonomy li:last-child {
	padding-bottom: 30px;
}

.page-pagination {
	text-align: center;
	padding: 25px 0;
	margin: 30px auto;
}

.pagination {
	position: relative;
	display: inline-block;
	margin: auto;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
	background-color: #fff;
}
.pagination li {
	display: inline-block;
	position: relative;
	padding: 5px 10px;
	border-right: 1px solid #ccc;
	transition: .3s all linear;
}

.pagination li:first-child {
	border-radius: 5px 0px 0px 5px;
	-moz-border-radius: 5px 0px 0px 5px;
	-webkit-border-radius: 5px 0px 0px 5px;

}

.pagination li:last-child {
	border-right: none;
	border-radius: 0px 5px 5px 0px;
	-moz-border-radius: 0px 5px 5px 0px;
	-webkit-border-radius: 0px 5px 5px 0px;
}

.pagination li a {
	color: #333;
	transition: .3s all linear;
	display: block;
	height: 100%;
	width: 100%;
}

.pagination li:hover {
	background-color: #f2f2f2;
}

.pagination li.active {
	background-color: #52cc83;
	color: #fff;
}

.pagination li.active a {
	color: #fff;
}

.notification {
	position: fixed;
	top: 50px;
	width: 100%;
	left: 0;
	right: 0;
}

.alert {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 30px;
	position: relative;
	margin-bottom: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius: 5px;
}

.alert p {
	font-size: 21px;
	margin-bottom: 0;
	color: #fff;
}

.notification-close {
	display: block;
	position: absolute;
	right: 0;
	height: 100%;
	top: 0;
	bottom: 0;
	display: flex;
	width: 50px;
	background-color: #333;
	color: #fff;
	transition:.3s linear all;
}

.alert:hover {
	cursor: pointer;
}

.alert:hover .notification-close {
	background-color: #52cc83;
}

.notification-close i {
	margin: auto;
	display: block;
	font-size: 30px;
	color: #fff;
}

.event-day-view {
	position: relative;
	margin-top: 80px;
	max-width: 960px;
	padding-left: 0;
	padding-right: 0;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	border-radius: 5px;
	overflow: hidden;
	background-color: #fcfaf7;
}

.event-day-view .exit {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	font-size: 21px;
}

.day-square {
	background:#52cc83;
	height: 600px;
	display: flex;
}

.date-wrap {
	margin: auto;
}

.day-square .month {
	display: block;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	font-size: 32px;
	margin-bottom: 20px;
	line-height: 1em;
}

.day-square .day {
	display: block;
	color: #333;
	text-align: center;
	font-size: 160px;
	margin-bottom: 0;
	line-height: 1em;
	font-family:'clarendon-text-pro', serif;
	overflow: hidden;
}

.events-list-square {
	height: 600px;
	padding: 20px 0;
	overflow: scroll;
}

.events-list-square ul, .events-list-square ul li {
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

.events-list-square ul {
	padding-bottom: 60px;
}

.events-list-square ul li a {
	padding: 10px;
	border-top: 1px solid #f2f2f2;
	font-family:'trade-gothic-next', sans-serif;
	color: #333;
}

.events-list-square ul li:first-child a {
	border-top: none;
}

.month, .calendar-day {
	font-family:'trade-gothic-next', sans-serif;
}

.calendar-day {
	font-weight: 400;
}

.day a {
	padding: 5px;
    transition: .2s linear all;
}

.day a:hover {
	background: #bcbab5;
}

.calendar-month, .day-number, .nav a {
	font-family:'clarendon-text-pro', serif;
	text-transform: capitalize;
	font-weight: 400;
}

.day-number {
	border-top: none;
}

.day-number a {
	border-top: none;
	font-size: 21px;
}

.day-number a:hover {
	border-top: none;
	background: transparent;
}

.menu {
	position: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fcfaf7;
	border-right: 5px solid #52cc83;
	top: 0;
	height: 90px;
	width: 90px;
	right: 0;
	transition: .3s linear all;
	cursor: pointer;
	z-index: 2;
}

.menu i {
	font-size: 24px;
	.transition;
}

.menu .open {
	display: block;
}

.menu .close {
	display: none;
}

.menu:hover, .menu.active {
	background: #52cc83;
}

.menu:hover i, .menu.active i {
	color: #fcfaf7;
}

.menu.active {
	width: 300px;
	background: #52cc83;
}

.menu.active .open {
	display: none;
}

.menu.active .close {
	display: block;
}


.menu-dropdown {
	display: none;
	position: fixed;
	background: #333;
	top: 90px;
	width: 300px;
	padding: 40px;
	right: 0;
	z-index: 2;
	transition: .3s linear all;
}

.menu-dropdown a {
	position: relative;
	font-family:'clarendon-text-pro', serif;
	color: white;
	transition: .3s linear all;
}

.menu-dropdown a:hover {
	padding-left: 20px;
}

.menu-dropdown a:before {
	position: absolute;
	display: block;
	align-items: center;
	justify-content: center;
	left: 0;
	top: -2px;
	font-size: 24px;
	bottom: 0;
	content: "\f462";
	font-family: 'ionicons';
	opacity: 0;
	transition: .3s linear all;
}

.menu-dropdown li {
	list-style: none;
	list-style-type: none;
}

.menu-dropdown a:hover:before {
	opacity: 1;
}


.menu-dropdown.active {
	display: block;
}

.Missoula-calendar .Glacier,.Missoula-calendar .Yellowstone,.Missoula-calendar .Southeast,.Missoula-calendar .Northeast {
	display: none;
	transition: .2s linear all;
}
.Glacier-calendar .Missoula,.Glacier-calendar .Yellowstone,.Glacier-calendar .Southeast,.Glacier-calendar .Northeast {
	display: none;
	transition: .2s linear all;
}
.Yellowstone-calendar .Glacier, .Yellowstone-calendar .Missoula, .Yellowstone-calendar .Southeast,.Yellowstone-calendar .Northeast {
	display: none;
	transition: .2s linear all;
}
.Southeast-calendar .Glacier, .Southeast-calendar .Missoula,.Southeast-calendar .Yellowstone,.Southeast-calendar .Northeast {
	display: none;
	transition: .2s linear all;
}
.Northeast-calendar .Glacier, .Northeast-calendar .Missoula,.Northeast-calendar .Yellowstone, .Northeast-calendar .Southeast {
	display: none;
	transition: .2s linear all;
}
.Glacier-calendar .Glacier {
	display: block;
	transition: .2s linear all;
}
.Yellowstone-calendar .Yellowstone {
	display: block;
	transition: .2s linear all;
}
.Missoula-calendar .Missoula {
	display: block;
	transition: .2s linear all;
}
.Southeast-calendar .Southeast {
	display: block;
	transition: .2s linear all;
}
.Northeast-calendar .Northeast {
	display: block;
	transition: .2s linear all;
}

.serif {
	font-family:'clarendon-text-pro', serif;
	font-weight: 400;
}

#add-occurance {
	color:#52cc83;
	font-size:1.4em;
	cursor:pointer;
	padding-left:20px;
}
.form-field.recurring {
	padding:8px;
	margin-top:8px;
}
.time_field {
	transition: .2s linear all;
}