/*
Theme Name: Fernie2014
Theme URI: http://fernie.com
Description: Theme for Fernie.com 2014
Version: 1.0
Author: Fernie.com
Author URI: http://fernie.com
*/

/* HEADS UP: Everything that you will normally find here can be found in the library/less/wp.less */

body {
	padding-top:0px;
	background:#000 url(images/theme-background.jpg) no-repeat center top fixed;
	background-size:cover;
	font-family:"Open Sans", sans-serif; }
h1, h2, h3, h4, h5, h6 {
	font-family:"Open Sans", sans-serif; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	color:#00326c;}

#main {
	padding-right:0;	
}
.page-template-page-full-width-php #main {
	padding-right:15px;}

@media screen and (max-width:767px) {
	#main {
		padding-right:15px;	}
	body {
		background-size:contain;}
}

#content img { max-width:100%; height:auto;}

#content .fernie-google-maps img {
	max-width:none;}

.clearfix { clear:both;}

.bg-default {
	background:#f4f4f4;}
.bg-primary {
	background:#00326c;}
.bg-secondary {
	background:#006c4e;}
	
.padded-content {
	padding:15px;}

.row.row-collapse {
	margin-left:0px;
	margin-right:0px;
}	
.row.row-collapse > div {
	padding-left:0;	
	padding-right:0;
}

.label-success {
	background:#006c4e;}
	
@media screen and (min-width:992px) {
	.container {
		width:1000px;
		max-width:1000px; }}
		
@media screen and (min-width:768px) {
	#main.col-sm-8  {
		width:70.666666%;}
	#sidebar1.col-sm-4 {
		width:29.333333%;}}


/*---------------------------------------------------
* BUTTONS
---------------------------------------------------*/
.btn {
	border-radius:0;	
	text-transform:uppercase;
}
.btn.btn-primary,
a.btn.btn-primary {
	background:#00326c;
	border-color:#00326c;
	color:#fff;
}
.btn.btn-secondary,
a.btn.btn-secondary,
input[type="submit"],
button[type="submit"] {
	background:#006c4e;
	border-color:#006c4e;
	color:#fff;
}

#top-bar {
	background:#000;	
}
ul.top-nav {
	font-size:12px;
	padding:8px 0px;
	margin:0;	
}
ul.top-nav a {
	color:#fff;}

#top-bar ul.social-media {
	margin-bottom:0px;}
#top-bar ul.social-media li {
	padding-top:5px;
}

#top-bar .navbar-form {
	padding: 3px 15px;
	height:auto;
	margin-top:0px;
	margin-bottom:0px;
}
#top-bar .navbar-form input.form-control{
	height:26px;}

#header {
	padding:15px 0px;	
	position:relative;
}
#header h1 { margin:0;}

#logo {
	background:url(images/fernie-logo.png) no-repeat;
	display:block;
	width:187px;
	height:112px;
	overflow:hidden;
	text-indent:-999px;}

#header h2 {
	position:absolute;
	left:220px;
	top:30px;
	float:left;
	font-size:18px;
	font-weight:600;
	color:#002149;
	text-shadow:0px 0px 5px #fff,
	0px 0px 5px #fff,
	0px 0px 5px #fff,
	0px 0px 5px #fff,
	0px 0px 5px #fff,
	0px 0px 5px #fff;}
	
.navbar.navbar-default {
	background:#002149 url(images/menu-bg.png) repeat-x left top;
	margin-bottom:15px;
	border:none;
	border-radius:0;}
	
.navbar.navbar-default ul.navbar-nav > li > a {
	color:#fff;	
	font-size:12px;
	padding:15px 8px 15px 9px;}

.navbar.navbar-default ul.navbar-nav > li > a:hover {
	color:#ddd;}
	
.navbar-collapse {
	padding-left:0px;
	padding-right:0px;}

.navbar.navbar-default ul.navbar-nav > li.active > a {
	color:#333;}

@media screen and (max-width:767px) {
	ul.top-nav { 
		display:none;}
	
	.navbar-collapse.navbar-responsive-collapse {
		padding-left:15px;
		padding-right:15px;}
	.navbar-nav ul.dropdown-menu {
		display:block;
		position:relative;	
		border:none;
		float:none;
		background:#002856;}
	.navbar-nav ul.dropdown-menu a {
		color:#fff;
	}
	ul.nav li.dropdown > ul.dropdown-menu .dropdown-menu {
		display:block;
		position:relative;	
		left:0px;
		border:none;
		float:none;
		background:#002856;}
		
	#header h2,
	.weather-widget {
		display:none;
	}
	#header h1 a {
		margin:0 auto;
	}
	
	.clear-for-small {
		clear:both;
	}
	
}


/* Weather Widget */
.weather-widget {
	padding:10px;
	background:rgb(0,0,0);	
	background:rgba(0,0,0,0.7);	
	width:260px;
	float:right;
	color:#fff;
	position:relative;}
.weather-widget h3 {
	margin-top:0px;}
.weather-widget .temp {
	float:left;
	width:73%;}
.weather-widget .temp span {
	display:block;
	font-size:12px;}
.weather-widget .temp.number {
	font-size:30px;}
.weather-widget .weather-more {
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:12px;
}
.weather-widget .weather-more a{
	color:#fff;}

/* clear-day */
.weather-widget .weather-icon {
	position:absolute;
	right:15px;
	top:10px;
	background:url(images/meteocons.png) no-repeat left top;
	display:inline-block;
	width:85px;
	height:80px;
}

/* clear-night */
.weather-widget .weather-icon._01n,
.weather-widget .weather-icon.clear-night {
	background-position: -90px 0; 
}
/* partly-cloudy-day */
.weather-widget .weather-icon._02d,
.weather-widget .weather-icon.partly-cloudy-day {
	background-position: -170px 0; 
}

/* partly-cloudy-night */
.weather-widget .weather-icon._02n,
.weather-widget .weather-icon.partly-cloudy-night {
	background-position: -250px 0; 
}

/* cloudy */
/*.weather-widget .weather-icon._03d,
.weather-widget .weather-icon._03n {
	background-position: -330px 0; 
}*/

/* cloudy */
.weather-widget .weather-icon._04d,
.weather-widget .weather-icon._04n,
.weather-widget .weather-icon.cloudy {
	background-position: -328px -81px; 
}

/* rain */
.weather-widget .weather-icon._09d,
.weather-widget .weather-icon._09n,
.weather-widget .weather-icon.rain {
	background-position: -568px 0px; 
}
/*
.weather-widget .weather-icon._10d,
.weather-widget .weather-icon._10n {
	background-position: -489px 0px; 
}

.weather-widget .weather-icon._11d,
.weather-widget .weather-icon._11n {
	background-position: -407px -81px; 
}
*/

/* snow */
.weather-widget .weather-icon._13d,
.weather-widget .weather-icon._13n,
.weather-widget .weather-icon.snow {
	background-position: -168px -81px; 
}
/* sleet */
.weather-widget .weather-icon._50d,
.weather-widget .weather-icon._50n,
.weather-widget .weather-icon.sleet {
	background-position: -250px -81px; 
}

/* wind */
.weather-widget .weather-icon.wind {
	background-position: -651px 0px; 
}

/* wind */
.weather-widget .weather-icon.fog {
	background-position: -579px -81px; 
}

.wpp-list li {
	min-height:45px!important;}

#content-wrapper {
	background:#FFFFFF;
	padding:15px;}
#content {
	padding-top:0px;}
	
.listings {
	margin-bottom:15px;	
}
	
	
/*---------------------------------------------------
* CONTENT BOX
---------------------------------------------------*/	
.content-box {
	margin-bottom:15px;
}

.content-box .heading h2 {
	display:inline-block;
	padding:10px 10px 7px;	
	color:#fff;
	margin:0;
	text-transform:uppercase;
	font-size:20px;
	min-width:245px;
	vertical-align:middle;
}

.content-box .heading a {
	display:inline-block;
	padding:0px 0px 0px 10px;
	font-weight:600;}

.content-box .heading.blue {
	border-bottom:3px solid #00326c;}
	.content-box .heading.blue h2 {
		background:#00326c;}
	.content-box .heading.blue a {
		color:#00326c;}

.content-box .heading.green {
	border-bottom:3px solid #006c4e;}
	.content-box .heading.green h2 {
		background:#006c4e;}
	.content-box .heading.green  a {
		color:#006c4e;}
.content-box .heading.red {
	border-bottom:3px solid #a53c00;}
	.content-box .heading.red h2 {
		background:#a53c00;}
	.content-box .heading.red a {
		color:#a53c00;}
	
.content-box-links {
	background:#a58100;
	padding:8px;}
	.content-box-links ul {
		margin-bottom:0;}
	.content-box-links a {
		color:#fff;
		font-weight:600;}

@media screen and (max-width:767px) {
	.content-box .heading h2 {
		font-size:16px;
		min-width:0px;
	}
}

/*---------------------------------------------------
* POST LOOP
---------------------------------------------------*/	

.post-loop article {
	margin-bottom:0!important;
	padding-bottom:0!important;
	position:relative;
}

.post-loop article {
	border-bottom:2px solid #00326c!important;	
	border-right:1px solid #ddd;
	border-left:1px solid #ddd;}
	.post-loop article:first-child {
		border-top:1px solid #ddd;}
	.post-loop article h3 {
		margin-top:10px;
		margin-bottom:1px;
		line-height:115%;}
	.post-loop article h3 a {
		color:#00326c;
		font-weight:bold;
		font-size:20px;}
	
	.post-loop article p.meta {
		font-size:11px;
		text-transform:uppercase;
		font-style:normal;}

	.post-loop article .featured-image {
		float:left;
		width:150px;
		height:150px;	
		overflow:hidden;
		margin-right:15px;}
		.post-loop .featured-image img {
			width:100%;
			height:auto;}

.post-loop .read-more {
	position:absolute;
	right:0px;
	bottom:0px;	
}
@media screen and (max-width:480px) {
	.post-loop article .featured-image {
		float: none;
		width: 100%;
		height: auto;
		margin-right: 0px;
	}	
	.post-loop .content {
		padding-left:15px;
		padding-bottom:30px;
	}
}

/*---------------------------------------------------
* EVENT LOOP
---------------------------------------------------*/	

#main .event-loop h4.date {
	font-size:16px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:4px;}
#main .event-loop h3.event-title {
	font-size:14px;
	margin-top:0px;}
	
#main .event-loop .featured-image {
	float:left;
	width:75px;
	height:75px;
	overflow:hidden;
	margin-right:15px;
}
.event-loop .featured-image img {
	width:100%;
	height:auto;	
}

#main .featured-event h4.date {
	font-size:18px;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:4px;}
#main .featured-event h3 {
	margin-top:8px;	}
	
#main .featured-event .featured-image {
	max-height:200px;	
	overflow:hidden;
	position:relative;}
	#main .featured-event .featured-image .label {
		position:absolute;
		top:8px;
		right:0;
		font-size:16px;
		text-transform:uppercase;
		font-weight:lighter;
		border-radius:0;}
	#main .featured-event .featured-image img {
		width:100%;
		height:auto;}
	#main .featured-event .content {
		padding-left:15px;	
	}

@media screen and (max-width:767px) {
	#main .featured-event .featured-image {
		width:100%;	
	}
	#main .featured-event .content {
		padding-left:0px;	
	}
}

/*---------------------------------------------------
* BLOGS LOOP - Homepage
---------------------------------------------------*/	

.blog-title {
	padding:8px 2px 2px 8px!important;}
.blog-title h4 {
	margin:0;
	font-size:14px;
	font-weight:600;}

#blog-slider {
	position:relative;}

#blog-slider > div {
	margin-bottom:8px;
	padding-bottom: 8px;
	border-bottom:1px solid #ddd;
}

/*---------------------------------------------------
* FORUM TOPIS LOOP
---------------------------------------------------*/	
.content-box .bbpress-avatar {
	overflow:hidden;
	width:56px;
	height:56px;
	border-radius:50%;}
	.content-box .bbpress-item {
		margin-top:10px;}
	.content-box .bbp-forum-title {
		color:#000;
		font-weight:600;}
.content-box  .bbpress-content {
	padding-left:10px!important;
	padding-right:10px!important;	
}

/*---------------------------------------------------
* CONTENT
---------------------------------------------------*/	
.page-header {
	margin-top:0;	
	padding-bottom:0;
	border-bottom:none;
}

p.tags {
	border-top: 1px solid #eeeeee;
	margin-top:15px;
	padding-top: 9px;	
}
.alignnone,
.aligncenter,
.alignleft,
.alignright {
	margin-bottom:10px;}

.post_content img.aligncenter,
.post_content img.alignleft,
.post_content img.alignright {
	margin-bottom:15px!important;}

img.alignleft {
	margin-right:15px;}

img.alignright{
	margin-left:15px;}

/*---------------------------------------------------
* BBPRESS
---------------------------------------------------*/	
.bbp-forums { clear:both; }
.bbp-forums .forum {
	margin-bottom:15px;
	padding-bottom:10px;
	border-bottom:1px solid #ddd;	
}

.bbp-forum-topic-count > div,
.bbp-forum-reply-count > div,
.bbp-forum-freshness > div {
	display:table;
	width:90px;
	height:90px;
	border-radius:50%;
	background:#f4f4f4;
}	
.bbp-forum-topic-count > div > span,
.bbp-forum-reply-count > div > span,
.bbp-forum-freshness > div > span {
	display:table-cell;
	vertical-align:middle;
	text-align:center;	
}
.bbp-forum-freshness {
 font-size:11px;}
 
.bbp-recent-topic p {
	font-size:12px;	
}

/*---------------------------------------------------
* EVENTS
---------------------------------------------------*/
.event_list {
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid #ddd;
	clear:both;
}
.event_list .item .item_img {
	max-width:150px;
	float:left;
	margin-right:15px;
}
.event_list .item .item_img img {
	max-width:100%;
	height:auto;}

.em-navigation .page-numbers {
	padding:4px 8px;
	display:inline-block;
	margin-right:5px;
	border:1px slid #ddd;	
}

/* Event Calendar
-------------------------------------------------------------- */
table.dbem-calendar.table tr.days-names {
	font-weight: bold;
} 
table.fullcalendar td {
	position:relative;
	padding-top:15px;}
table.fullcalendar td > a {
	position:absolute;
	top:3px;
	right:3px;
}
table.em-calendar td.eventless-pre, .dbem-calendar td.eventless-post {
	color: #ccc;
}
table.em-calendar td.eventful-pre a, table.em-calendar td.eventful-post a{
	color: #aaa;
	text-decoration:underline;
}
table.em-calendar td.eventful a, table.em-calendar td.eventful-today a {
  color: #FD7E29;
}
 table.em-calendar td.eventless-today {
   background-color: #CFCFCF;  
}
table.em-calendar thead {
	font-size: 120%;  
	font-weight: bold;
	background-color:#f1f1f1;  
}
table.fullcalendar {
	border-collapse: collapse;
	width:100%;
}
table.fullcalendar td {
	margin:0; !important
	padding:1px; !important
	text-align: left;
	width: 50px;  
	height: 50px;             
	border: 1px solid #ccc;
}
.dbem-calendar-full ul {
	font-size: 80%;     
	list-style: none;
}
.em-calendar {
	font-size:11px;
}
.em-calendar ul {
	list-style:none;
	margin:0;
	padding:0;
}
.em-calendar td {
	padding:0;
	margin:0;
}
.eventful {
	padding: 0;
	margin: 0;
	background-color: #EBF8FF;
}
.eventful-today {
	background-color:#A8E8E7;
}
.em-calendar td ul li a {
	display:inline-block; padding:1px 4px; position:relative; font-size:11px; text-decoration:none; cursor:pointer; color:#fff; border:1px solid #ccc; background-color:#F3F3F3; background-image:-webkit-gradient(linear, 0% 100%, 0% 0%, from(#ccc), to(#ddd)); -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.35), 0 1px 0 rgba(0,0,0,0.35); margin-bottom:5px;
}
div.em-calendar-wrapper { position:relative; }
div#em-loading { position:absolute; width:100%; height:100%; background:#FFFFFF url(../images/loading.gif) 50% 50% no-repeat; left:0px; top:0px; opacity:0.8; filter:alpha(opacity=80)}


/*---------------------------------------------------
* WIDGETS
---------------------------------------------------*/
.home-top-widget {
	background:#f4f4f4;
}
.home-top-widget img {
	display:block;
	margin:0 auto;
}

.fernie_recent_posts_widget img {
	width:100%;	
}
.fernie_recent_posts_widget  {
	background:#f4f4f4;
}
.fernie_recent_posts_widget .row {
	margin-left:0;
	margin-right:0;	
	padding-left:7px;
	padding-right:7px;
}
.fernie_recent_posts_widget .row > div {
	padding-left:7px;
	padding-right:7px;	
	padding-top:7px;
	padding-bottom:7px;
}
	
#sidebar1 .widgettitle,
#content .widgettitle {
	background:#00326c;
	display:block;
	padding:10px 10px 7px;	
	color:#fff;
	margin:0;
	text-transform:uppercase;
	font-size:20px;
	min-width:none;
}

.widget ul {
	padding:0;
	list-style:none;}
	
#sidebar1 .widget ul,
#content .widget ul {
	padding:10px 15px;
	background:#f4f4f4;}

#sidebar1 .widget ul li,
#content .widget ul li {
	padding-bottom:6px;
	margin-bottom:6px;
	border-bottom:1px solid #ddd;
	font-size:12px;
	font-weight:bold;}

.home-top-widget {margin-bottom:15px;}

.simple_ads_manager_widget img {
	width:100%;
	height:auto;	}
	
#footer .widget ul.really_simple_twitter_widget li,
.widget ul.really_simple_twitter_widget li {
	font-weight:300;
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:1px solid #022a58;}

/* webcam-widget */
.webcam_thumbnail {
	max-height:110px;
	overflow:hidden;
	position:relative;	}
	.webcam_thumbnail img {
		position:relative;top:-50px;
		width:100%;}
	.webcam_thumbnail a.cam-link {
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		display:block;
		padding:10px 10px 10px 10px;
		color:#fff;
		background:rgb(0,0,0);
		background-color:rgba(0,0,0,0.8);}
		.webcam_thumbnail a.cam-link .caret-right {
			margin-top:4px;
			margin-right:5px;}
			
/* newsletter widget */
.fernie_newsletter_widget .form-control {
	margin-bottom:5px;
	width:100%;}

/* LOGIN WIDGET */
.bbp_widget_login form {
	padding:10px 14px 14px;
	margin-bottom:15px;
	background:#f4f4f4;}
.bbp_widget_login form input[type="text"],
.bbp_widget_login form input[type="password"]{
	width:100%;}
.bbp_widget_login form button[type="submit"] {
	display:block;
	padding:5px 10px;
	width:100%;}
.bbp-login-links a {
	display:inline-block;
	float:none!important;
	clear:none!important;
	margin-right:15px;
	margin-top:5px;}

div.bbp-submit-wrapper { display:block!important;clear:both!important;float:none;}

/* SLIDER WIDGET */
#gallery{
	padding:15px 15px 0px;
	background:#fff;
	position:relative;
	overflow:hidden;	
}
.slide-caption {
	position:absolute;
	top:15%;
	left:50px;
	text-shadow:0px 0px 5px #000;
	color:#fff;
}
.slide-caption h3 {
	padding-right:40px;}
.slide-caption h3,
.slide-caption h3 a {
	text-transform:uppercase;	
	font-size:40px;
	font-weight:600;
	color:#fff;

}
.slide-caption h3 a:hover {
	text-decoration:none;}
.slide-caption p {
	font-size:18px;	
	font-weight:100;
	max-width:500px;
}
.slide-caption .btn {
	padding:10px 20px;	
}

.slide-nav {
	color:#fff;
	position:absolute;
	bottom:0px;
	left:15px;
	right:15px;
	background:rgba(0,0,0,0.7);
	z-index:100;	
}

.slide-nav h4 {
	font-size:15px;}

.slide-nav ul.slides {
	display:table;
	table-layout:fixed;
	width:100%;}
.slide-nav ul.slides li {
	display:table-cell;
	cursor:pointer;
	padding:10px;	
	height:100px;
	transition:all .5s ease;}
	
.slide-nav ul.slides li.flex-active-slide {
	background:rgba(0,108,78,0.8);	
}
.slide-nav ul.slides li p {
	font-size:12px;
	font-weight:100;}

@media screen and (max-width:992px) {
	.slide-nav {
		display:none;
	}
}
@media screen and (max-width:767px) {
	.slide-nav {
		display:none;
	}
	.slide-caption h3,
	.slide-caption h3 a {
		font-size:20px;}
	.slide-caption p {
		font-size:12px;	
	}
	
}
@media screen and (max-width:480px) {
	.slide-caption p {
		display:none;
	}
	.slide-caption a.btn {
		display:none;}
}
	
/*---------------------------------------------------
* RELATED POST
---------------------------------------------------*/	
.thumbnail img {
	width:100%;
	height:auto;
}
.list-group a {
	min-height:60px;	}
.list-group a:first-child {
	border-radius:0;}
.list-group a img {
	width:40px;
	margin-right:10px;
	height:auto;
	float:left;	
}

.row.related-posts {
	margin-left:-7px;
	margin-right:-7px;	
}
.row.related-posts > div {
	padding-left:7px;
	padding-right:7px;
}
.related-posts .caption {
	padding-left:0;
	padding-right:0;}
.related-posts .caption h3 {
	font-size:14px;
	margin-top:0px;
}
.related-posts .caption h3 a {
	font-weight:bold;}

/*---------------------------------------------------
* FOOTER
---------------------------------------------------*/	

#footer {
	background:#00326c;
	padding:40px 15px 20px;
	color:#fff;}
	
#footer .widgettitle {
	color:#fff;
	margin-bottom:12px;
	text-transform:uppercase;}

#footer .widget {
 font-size:12px;
 margin-bottom:25px;
 }
 
 
#footer .widget ul {
	margin:0;
	padding:0;
	list-style:none;}
	
#footer .widget ul li {
	font-weight:bold;}

#footer .widget_links li {
	display:inline-block;
	width:49%;
	padding-right:10px;}

#footer .padded-content {
	padding:0px;	
}

#footer a {
	color:#f1f1f1;
	font-weight:400;
}

#footer .widget .bg-primary,
#footer .widget .bg-secondary,
#footer .widget .bg-default {
	background:none;
}
#footer .btn.btn-primary {
	background:#ddd;
	border-color:#ddd;
	color:#00326c;	
}

.caret-right {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-left: 6px solid #fff;
    display: inline-block;
    height: 0;
    opacity: 1;
    vertical-align: top;
    width: 0;
}

.stButton .stFb, .stButton .stTwbutton, .stButton .stMainServices,
.stButton .stButton_gradient {
	height:auto!important;}

.widget iframe,
.tab-pane iframe {
	width:100%;
	max-width:100%;
}

.FernieSnowConditions {
	background:#1175a0;
	background-size:contain;
	padding:10px 15px 10px;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.FernieSnowConditions table.table {
	margin-bottom:10px;
}
.FernieSnowConditions img {
	margin-bottom:10px;
}
.FernieSnowConditions a,
.FernieSnowConditions a:hover,
.FernieSnowConditions a:active {
	color:#fff;
}

.wp-editor-container {
	border:1px solid #ddd;
}

.wp-caption {
	background:#f1f1f1;
}
.wp-caption img {
	margin-bottom:10px;
}
.wp-caption p{
	font-size:11px;
	padding-left:10px;
	padding-right:10px;
}

.ilc-webcam object {
	max-width:100%;
}
@media (max-width:768px) {
	.ilc-webcam object {
		width:320px;
		height:180px;
	}
}