@orange:#ef4c38;
@gold:#ffcc00;
@teal:#008489;


.fancyfont {
	font-weight: bold;
	font-family: 'Montserrat',sans-serif;
}
.normalfont {
	font-family: helvetica,arial,sans-serif;
}

.museo {
	font-family: 'museo-slab',Georgia,serif;
}

.transition (@tranwhich: all; @trantime: .25s; @trantype:ease;) {
	transition: @tranwhich @trantime @trantype;
	-moz-transition: @tranwhich @trantime @trantype;
	-ms-transition: @tranwhich @trantime @trantype;
	-o-transition: @tranwhich @trantime @trantype;
	//-webkit-backface-visibility: hidden;
}
.boxsizing{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.box-shadow (@string) {
	-webkit-box-shadow: @string;
	-moz-box-shadow:    @string;
	box-shadow:         @string;
}

.transform(@string){
	-webkit-transform: @string;
	-moz-transform: 	 @string;
	-ms-transform: 		 @string;
	-o-transform: 		 @string;
}

*{
	outline: none;
}
html {
	position: relative;
}
body {
	max-width: 100%;
	background: url('i/bg_tile.png') repeat fixed;
	margin: 0;
}

a {
	color:@orange;
	text-decoration: none;
}

h1,h2,h3 {
	.fancyfont;
}

h2 {
	a {
		color: #444;
		background: #74dde1;
		font-size: 24px;
		.transition;
		.box-shadow (0 0 0 6px #74dde1;);
		line-height: 1.5;
		&:hover {.box-shadow (0 0 0 9px #74dde1;);}
		&:active {.box-shadow (0 0 0 12px #74dde1;);}
	}
}

#all {
	max-width: 1000px;
	position: relative;
	z-index: 2;
	#pencil {
		position: absolute;
		background: url('i/pencil.png') 0 0 no-repeat;
		right: 38px;
		bottom: -5px;
		width: 97px;
		height: 18px;
	}
}

#header {
	width: 100%;
	.inner{
		max-width: 1000px;
		text-align: right;
		margin: 0 auto;
		padding: 20px;
		.search-bar{
			input[type="text"] {
				background: @gold;
				.transition;
				&:focus {background:#FF982A;}
				color: black;
				.fancyfont;
				border: 0;
				border-radius: 5px;
				.boxsizing;
				height: 26px;
				padding: 3px 10px;
				&::-webkit-input-placeholder {color:black;}
				&:-moz-placeholder {color:black;}
				&::-moz-placeholder {color:black;}
				&:-ms-input-placeholder {color:black;}
			}
			input[type='submit']{
				background: @orange;
				border: 0;
				border-radius: 50px;
				width: 30px;
				height: 30px;
				font-weight:bold;
				color: white;
				cursor: pointer;
				.transition;
				-webkit-font-smoothing: antialiased;
				-webkit-backface-visibility:hidden;
				&:hover {  .transform (scale(1.2);); }
				&:active { .transform (scale(1.3);); }
			}
		}
	}
}

#hero {
	max-height: 333px;
	overflow: hidden;
	// height:317px;
	// .rsOverflow {min-height: 200px;}
	// .rsImg {min-height: 200px;min-width: 100%;}
	.wallop-slider__btn {
		background: red;
		border: 0;
		border-radius: 50px;
		height: 20px;
		width: 20px;
		cursor: pointer;
		bottom: 10px;
		&:disabled {
			opacity: .5;
		}

		&.wallop-slider__btn--next {
			position: absolute;
			right: 10px;
		}
		&.wallop-slider__btn--previous {
			position: absolute;
			right: 35px;
		}
	}
}

#navigation {
	.boxsizing;
	background: #e7e5ca;
	height: 61px;
	border-top: 5px solid #e7e5ca;
	border-bottom: 10px solid #e7e5ca;
	ul {}
	ul, li {list-style: none; margin: 0;}
	li {
		display: inline-block;
		height: 100%;
	}
	.menu > li.current_page_item > a,.menu > li.current-menu-ancestor > a {
		color: @orange;
		font-weight: 900;
		background: url('i/img_nav-active.png') center bottom no-repeat;
	}

	// Level 1
	.menu {
		height: 100%;
		list-style: none;
		position: relative;
		display: inline-table;
		&:after {
			content: ""; clear: both; display: block;
		}
		li {
			float: left;
			position: relative;
			a {
				.transition;
				.boxsizing;
				font-size: 17px;
				color: black;
				padding: 13px 12px 0;
				text-transform: uppercase;
				text-decoration: none;
				font-family: "museo-slab",Georgia,serif;
				display: inline-block;
				min-height: 51px;
				background: url('i/img_nav-active.png') center 100px no-repeat ;
				z-index: 2;
				&:hover{color:@orange;background: url('i/img_nav-active.png') center bottom no-repeat ;}
			}
			&:hover {
				> ul {
					display: block;
					opacity: 1;
					max-height: 800px;
					top: 100%;
					.box-shadow (5px 5px 2px 1px rgba(51, 51, 51, 0.27););
				}
			}
		}
	}

	// Level 2
	.sub-menu {
		&:first-child {
			opacity: 1;
		}
		.transition(opacity;);
		.boxsizing;
		background: @orange;
		left: -30px;
		min-width: 340px;
		opacity: 0;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 5;
		max-height: 0;
		overflow: hidden;
		li {
			display: block;
			float: none;
			position: relative;
			text-align: left;
			&.current_page_item > a {
				font-weight: 700;
			}
			a {
				.boxsizing;
				min-height: 60px;
				padding: 20px 40px;
				display: block;
				color: #fff;
				background: none;
				text-transform: capitalize;
				&:hover {
					color: @gold;
					background: darken(@orange, 5%);
				}
			}
		}
	}
}

#connect {
	background: @orange;
	height: 60px;
	font-family: 'Montserrat', sans-serif;
	color: white;
	font-size: 21px;
	text-align: right;
	padding-right: 10px;
	margin-top: -5px;
	overflow: hidden;
	span{
		display: inline-block;
		padding: 15px 10px;
		float: right;
	}
	.links {
		float: right;
		height: 100%;
		.boxsizing;
		padding: 5px 0 0 10px;
		white-space: nowrap;
		font-size: 0;
		a {
			.transition;
			background: url('i/img_social.svg') 0 0 no-repeat white;
			border-radius: 100px;
			display: inline-block;
			height: 50px;
			width: 50px;
			margin-left: -5px;
			opacity: .7;

			.transform(scale(.7););
			&:hover{.transform(scale(1););opacity: 1;}
			&:active{.transform(scale(1.2););}
			&.facebook {background-position: 0px 0;}
			&.youtube {background-position: -50px 0;}
			&.twitter {background-position: -100px 0;}
			&.flickr {background-position: -150px  0;}
			&.rss {background-position: -200px 0;}
		}

	}
}

#content {
	background: white;
	overflow: hidden;
	position: relative;
	#left-column {
		// float: left;
		position: absolute;
		left: 0;
		top: 0;
		width:316px;
		.boxsizing;
		padding: 20px 0;
	}
	#right-column {
		margin-left: 316px;
		float: left;
		border-left:1px solid @gold;
		min-height: 1340px;
		min-width: 69%;
		padding: 10px 30px 30px;
		text-align: left;
		.boxsizing;
		.normalfont;
	}
	#right-column.homepage {
		padding: 10px 0px 30px 30px;
		.post {
			h2 {
				margin-top: 0;
			}
			.post-thumbnail {
				// float: left;
				position: absolute;
			}
			.post-data {
				// float:left;
			}
		}
		.post:first-child {
			.boxsizing;
			clear: both;
			float: none;
			margin: 20px 0 40px;
			padding-right: 20px;
			width: 100%;
			&:after {
				visibility: hidden;
				display: block;
				content: "";
				clear: both;
				height: 0;
				zoom:1;
			}
			h2 {
				a {font-size: 21px;}
				margin-bottom: 10px;
			}
			p {
				margin: 10px 0;
			}
			.post-thumbnail img{
				float: left;
				margin-right: 20px;
				width: 200px;
				height: auto;
			}
			.post-data {
				// width: 410px;
				margin-left: 230px;
				min-height: 200px;
			}
		}
		.post:not(:first-child){
			margin-bottom: 30px;
			.boxsizing;
			padding-right: 20px;
			width: 50%;
			float: left;
			height: 245px;
			h2 {
				line-height: .9;
				margin-bottom: 10px;
				a {
					font-size: 14px;
					.box-shadow (0 0 0 4px #74dde1;);
					&:hover {.box-shadow (0 0 0 9px #74dde1;);}
				}
			}
			p {
				font-size: 13px;
			}
			.post-thumbnail img {
				float: left;
				margin-right: 20px;
				width: 110px;
				height: auto;
			}
			.post-data {
				// width: 179px;
				margin-left: 125px;
			}
		}
	}

	.navigation {
		clear: both;
		padding-top: 20px;
		div {
			display: inline-block;
			margin-right: 15px;
		}
	}
	.meta {
		font-size: 10px;
		.museo;
	}
	.more-link {
		font-weight: bold;
		color: @orange;
	}

	// .stArrow{display: none;}
	// .st_facebook_hcount {
	// 	background: url('i/icon_fb.png') 0 0 no-repeat;
	// 	width: 23px!important;
	// 	height: 24px!important;
	// 	display: inline-block!important;
	// 	// *{opacity: 0;}
	// }
	// .st_twitter_hcount {
	// 	background: url('i/icon_twitter.png') 0 0 no-repeat;
	// 	width: 23px!important;
	// 	height: 24px!important;
	// 	display: inline-block!important;
	// 	margin-right: 8px;
	// 	// *{opacity: 0;}
	// }
	// .st_email_hcount {
	// 	background: url('i/icon_email.png') 0 0 no-repeat;
	// 	width: 33px;
	// 	height: 24px;
	// 	display: inline-block;
	// 	// *{opacity: 0;}
	// }
	.stButton .st-email-counter {
		width: 30px;
	}
	.stButton .st-twitter-counter {
		width: 22px;
	}
	.stButton .st-facebook-counter {
		width: 18px;
	}
	.stMainServices{
		background: none!important;

	}
	.st_facebook_hcount {
		background: url('i/icon_fb.png') 0 0 no-repeat;
		width: 56px!important;
		height: 24px!important;
		display: inline-block!important;
		// *{opacity: 0;}
		white-space: nowrap;
	}
	.st_twitter_hcount {
		background: url('i/icon_twitter.png') 0 0 no-repeat;
		width:53px!important;
		height: 24px!important;
		display: inline-block!important;
		margin-right: 8px;
		white-space: nowrap;
		// *{opacity: 0;}
	}
	.st_email_hcount {
		background: url('i/icon_email.png') 0 0 no-repeat;
		width: 61px;
		height: 24px;
		display: inline-block;
		white-space: nowrap;
		// *{opacity: 0;}
	}


}

#footer {
	background: @orange;
	overflow: hidden;
	padding: 30px 0 40px;
	text-align: center;
	width: 100%;
	position: relative;

	.inner {
		.boxsizing;
		color: white;
		font-size: 11px;
		font-family: 'museo-slab',Georgia,serif;
		margin: 0 auto;
		max-width: 1000px;
		min-height: 80px;
		padding: 0 20px;
		position: relative;
		text-align: left;
		text-transform: uppercase;

		.column {
			float: left;
			width: 150px;
			li {list-style: none;}
			li:first-of-type {display: none;}
			&.one {width:280px;padding-top: 0px;}
			&.two {width: 180px;}
			a {
				color: white;
				text-decoration: none;
				display: block;
				&:hover {color:#e0e31a;}
			}
		}
		.charm-logo {
			background: url('i/img_silverstreamlogo.svg') no-repeat;
			display: block;
			height: 48px;
			position: absolute;
			right: 20px;
			top: 50px;
			width: 48px;
			.transition;
			-webkit-transform: scale(.7);
			&:hover { -webkit-transform: scale(1); }
			&:active { -webkit-transform: scale(1.2); }
		}
		.silverstream-logo {
			background: url('i/img_silverstreamlogo.svg') no-repeat;
			display: block;
			height: 56px;
			position: absolute;
			right: 20px;
			top:40px;
			width: 48px;
			.transition;
			-webkit-transform-origin:bottom center;
			-webkit-transform: scale(.7);
			&:hover { -webkit-transform: scale(1); }
			&:active { -webkit-transform: scale(1.2); }
		}
	}
}

#wpstats {display: none;}

.sidr {
	.normalfont;
	ul, li {list-style: none; margin: 0; padding:0;}

	.menu {
		li {
			a {
				color: #FFD95F;
				font-weight: bold;
				text-decoration: none;
				padding: 10px;
				display: block;
				font-size: 16px;
				border-bottom: 1px solid #222222;
				//border-top: 1px solid #4E4E4E;
				text-transform: uppercase;
				.fancyfont;
			}
		}
	}

	.sub-menu {
		li {
			a {
				.normalfont;
				text-transform: capitalize;
				color: white;
				font-size: 13px;
				font-weight: normal;
				padding-left: 20px;
			}
		}
	}
}

#sidr-left-link {
	display: none;
	position: absolute;
	left: 15px;
	.boxsizing;
	padding: 7px 5px;
	top: 16px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	.bar {
		width: 100%;
		height: 5px;
		background: red;
		display: block;
		margin-bottom: 4px;
	}
}

.widget_text {
	margin-bottom: 20px;
	h2 {
		.fancyfont;
		background: #ffad2d;
		font-size: 16px;
		text-align: center;
		margin: 0 27px 10px;
		padding: 10px 0 7px;
	}
}

.widget_gce_widget {
	// display: none;
	margin-bottom: 30px;
	ul,li{
		margin: 0;
		padding: 0;
		list-style: none;
	}
	h2 {
		.fancyfont;
		background: #ffad2d;
		font-size: 16px;
		text-align: center;
		margin: 0 27px 20px;
		padding: 10px 0 7px;
	}
	.calendar-event {
		margin-bottom: 15px;
		width: 250px;
		vertical-align: top;
	}
	.calendar-date{
		.museo;
		font-weight: 900;
		color: #333!important;
		background: #35bfc6;
		border-radius: 50px;
		padding: 11px;
		margin-right:12px;
		display: inline-block;
		vertical-align: top;
	}
	.calendar-title{
		.museo;
		font-weight: 300;
		color:black!important;
		display: inline-block;
		width: 150px;
		text-align: left;
		vertical-align: top;
		margin: 11px 0 0 0;
		font-size: 15px;
	}
}

.fb_iframe_widget{
	position: absolute!important;
	left: 11px;
}

.newsletter-link {
	font-family: 'museo-slab', Georgia, serif;
	font-weight: 300;
	color: black !important;
	display: inline-block;
	/* width: 150px; */
	text-align: center;
	vertical-align: top;
	margin: 6px 0 10px 0;
}

@media (max-width: 1000px)  {
  #footer .inner .column.one {
  	padding-top: 0;
  	padding-bottom: 10px;
  	float: none;
  }
}

@media (max-width:1000px) {
	#left-column{display: none;}
	#right-column{width: 100%!important;margin-left: 0!important;min-height: 100px!important}
}

@media (max-width:660px)  {
  #navigation {
  	display: none;
  }
  html,body {top: 0;}
  #sidr-left-link {
  	display: block;
  }
  // .homepage .post {
  // 	width: 100%!important;
  // 	height: auto!important;
  // 	margin-bottom: 20px!important;
  // 	h2 a {
  // 		font-size: 18px!important;
  // 	}
  // 	.post-data {
  // 		// width: 100%!important;
  // 		margin-top: 15px;
  // 	}
  // }

	#content #right-column.homepage {
		padding: 0 0 0 10px;
	}
	#content #right-column.homepage .post:first-child  p {
		font-size: 13px;
	}
	#content #right-column.homepage .post:first-child .post-data {
		margin-left: 125px;
	}
	#content #right-column.homepage .post:first-child .post-thumbnail img {
		width: 110px;
	}

	.homepage .post {
		width: 100%!important;
		height: auto!important;
		margin-bottom: 20px!important;
  	h2 a {
  		font-size: 18px!important;
  	}
  	.post-data {
  		// width: 100%!important;
  		margin-top: 5px;
  	}
  }
}

// Online Course Widget
#text-9 {
	font-family: 'museo-slab', Georgia, serif;
	font-weight: 300;
  font-size: 13px;
	text-align: left;
  a {
  	color:black;
  }
  img {
  	float: left;
		margin: 0 10px 0 28px;
  }
  strong {
  	font-weight: 600;
  }
}

.a2a_count { width: 20px !important; }