/*
	******This file is made to test the basic layout css ******
	Theme Name: MountainPassions
	Theme URI: http://www.mountainpassions.com
	Description: HTML5 Blank MP Theme
	Version: 1.4.3
	Author: Julia Moss
	Author URI: http://www.mountainpassions.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/
/*=================colour library======================
#E50029 bright red
#AC1018 dark red
#755D38 brown
#D3C6A4 dark beige
#FBF0C2 pale yellow
#F7E17B bright yellow
#FFCC00 dark yellow
#4C4D51 dark grey - standard text
#BC97A3 grey
#A0A99C lichen
#DFE5DE very pale lichen
#DFE4CC pale green/grey
#BEBC9D dark green/grey
#BFB977 lime green
#B7D238 bright lime green
#225B9B royal blue
#80A8DA pale blue
#C4DBF2 very pale blue
#D7EEEA hint of blue 
#EDE9E1 hint of beige
#B6B159 tan
#49986E green


*/
/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:14px 'Pontano Sans', sans-serif;
	}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
	clear:both;
}
img {
	max-width:100%;
	vertical-align:bottom;
}

a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
#wrapper {
	width: 100%;/*1280px*/
	height: 100%;
	position:relative;
}


#container {
	width: 1110px;
	margin: 0px auto;
	
}

article, aside, details, figcaption, figure, footer, header, nav, section, summary {
    display: block;
}
.page-content {
	margin: 40px 0;
}

.col-xl {
	width: 100%;
	float: left;
}

/* header */

.header_image {
	background-image: url(); /*1440 x 550*/
	background-size: cover;
}

/* logo */
.logo {

}
.logo-img {

}
/* nav */
.hamburger {
	display: none;
	background: url(img/menu.png) no-repeat left center;
	height: 50px;
	cursor: pointer;
}
.nav {
	background: #4C4D51;
}
.nav ul {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	height: 50px;
	list-style: none;
	font-size: 16px;  
    font-family: "Oswald", sans-serif;  
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    
}

/*style all a links*/
.nav a {
	padding: 0 10px 0 10px;
	text-decoration: none;
	line-height: 50px;
	color: #b7d238;
	font-family: "Oswald", sans-serif;
	
}
.nav ul li {
	display: inline-block;
	width: 180px;
}
.nav ul li:hover {
	background-color: #333;
}
.nav ul li a:visited {
	color: #ccc;
	display: block;
	padding: 10px;
	text-decoration: none;
}
.nav ul li a:hover {
	color: #ccc;
	text-decoration: none;
} 

.nav ul ul {
	position: absolute;
	display: none;
	left: 0;
	opacity: 0;
	background-color: #333;
	text-align: left;
	font-size: 14px;

}

.nav ul ul a {
	line-height: 50px;
	display: block;
	min-width: 250px;
}
/*sub-menu display*/
.nav ul li {
	position: relative;
	float: left;
	background: #4C4D51;
}

.nav ul ul {
	position: absolute;
	display: none;
	left: 0;
	opacity: 0;
	background: #4C4D51;
}

.nav ul li:hover ul {
	position: absolute;
	display: block;
	top: 100%;
	opacity: 1;
}

.nav ul ul li {
	display: block;
	border-top:1px solid #666;
	min-width: 250px;
}

.nav ul ul li a:visited {
	color: #ccc;
}
.nav ul ul li a:hover {
	color: #099;
}



#company_footer li {
	display: inline;
	list-style-type: none;
	padding-right: 20px;
	text-align: right;
}
#company_footer a {
	color: #4C4D51;
}


/*nav clearfix*/
.nav:before,  
.nav:after {  
    content: " ";  
    display: table;  
}  
.nav:after {  
    clear: both;  
}  
.nav {  
    *zoom: 1;  
}

/*CONTENT*/
.read-feature {
	color: #4C4D51;
	font-size: 14px;
}
.skiregion-intro-block {
	width:33%;
	float:left;
	display:block;
	min-height: 1px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
}
.features-intro-block {
	width:33%;
	display:block;
	min-height: 1px;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
}
/*ski region intro clearfix*/
.skiregion-intro-block:before,
.skiregion-intro-block:after {
	content: " ";
	display: table;
}
.skiregion-intro-block:after {
	clear: both;
}
.skiregion-intro-block {
	*zoom: 1;
}
/*loop index pages*/
.index-teaser-block {
	width: 100%;
	border: 1px solid silver;
	margin-top: 10px;
	height: auto;
	

}

.index-teaser-thumbnail {
	display: inline-block;
	vertical-align: top;
	background-color: #000;
	
}
.index-teaser-title a, .index-teaser-subtitle-skidomain {
	margin: 0;
	color: #EDE9E1;
}

/*.index-ski-teaser-stats {
	display: inline-block;
	width: 300px;
	height: 210px;
	border: none;
	vertical-align: top;
	margin: 0 5px 0 5px;

}*/
.index-ski-teaser-text {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	border: 1px solid #000;
}

/* ski reviews - location, ski village, ski area and best for boxes*/
.inprofile_image {
	position: relative; 
   width: 100%; /* for IE 6 */
}

.inprofile_image h2 {
	position: absolute; 
   top: 250px; 
   left: 0; 
   width: 100%;
	
}
.inprofile_image h2 span {
 	font-size: 1.3em;
	font-weight: bold;
   text-transform: uppercase;
   color: white; 
   letter-spacing: -1px;  
   background: rgb(0, 0, 0); /* fallback color */
   background: rgba(0, 0, 0, 0.6);
   padding: 10px; 
}



div.text-module {
	width: 100%;
	float: left;
	}

div.inprofile_content_box {
	width: 50%;
	float: left;
	height: auto;	
}

.inprofile_content_box p {
	font-size: 1.2em;
}
/* in profile ski resort stats and info */

div.inprofile_statsbox {
	width: 300px;
	float: left;
	background-color: grey;
    color: #4c4d51;
    padding: 10px 10px;
    margin: 20px auto 30px 100px;
 	
}
.ip_resort_sub_para {
	margin-bottom: 20px;
}
.ip_name, .ip_domain_name {
	 font-family: "Oswald", sans-serif;  
	 font-size: 16px;
    font-weight: 700;
	text-transform: uppercase;
}
.inprofile_logo {
	margin: 10px 10px 20px 10px;
	display: inline-block;
}
.ip_altitude_title, .ip_terrain_km_title, .ip_lifts_title, .ip_dom_terrain_title, .ip_dom_lifts_total,
.ip_skiingthere_title, .ip_snowboarding_title, .ip_xcountry_title, .ip_stayingthere_title {
	font-size: 18px;
	color: #4C4D51;

}   
.ip_altitude_min, .ip_altitude_max  {
	font-size: 16px;
	font-weight: bold;
}
.ip_terrain_km, .ip_green_runs, .ip_blue_runs, .ip_red_runs, .ip_black_runs, 
.ip_dom_terrain_km, .ip_dom_green_runs, .ip_dom_blue_runs, .ip_dom_red_runs, .ip_dom_black_runs  {
	font-size: 16px;
	font-weight: bold;
}
.ip_lifts_total, .ip_magiccarpet, .ip_draglifts, .ip_chairlifts, .ip_telemix, .ip_cabriolet, 
.ip_funitel, .ip_gondolas, .ip_cablecars, .ip_funicular, 
.ip_dom_lifts_total, .ip_dom_magiccarpet, .ip_dom_draglifts, .ip_dom_chairlifts, .ip_dom_telemix, 
.ip_dom_cabriolet, .ip_dom_funitel, .ip_dom_gondolas, .ip_dom_cablecars, .ip_dom_funicular	{
	font-size: 16px;
	font-weight: bold;
}
.ip_skiingthere_beginners, .ip_skiingthere_intermediates,
.ip_skiingthere_expert, .ip_skiingthere_scenery {
	font-size: 16px;
	font-weight: bold;
}
.ip_boarding_desc, .ip_snowparks,
.ip_snowboarder_cross, .ip_half_pipe {
	font-size: 16px;
	font-weight: bold;
}
.ip_xcountry_desc, .ip_xcountry_ski {
	font-size: 16px;
	font-weight: bold;
}
.ip_stayingthere_value, .ip_stayingthere_accommodation,
.ip_stayingthere_diningout, .ip_stayingthere_nightlife, .ip_stayingthere_charm {
	font-size: 16px;
	font-weight: bold;
}
.hearts-1 {
	background: rgba(10,10,10,0.2);
	display: block;
}
.hearts-1:before {
	content: '❤︎';
}
.hearts-2 {
	background: rgba(10,10,10,0.2);
	display: block;
}
.hearts-2:before {
	content: '❤︎ ︎❤︎';
}
.hearts-3 {
	background: rgba(10,10,10,0.2);
	display: block;
}
.hearts-3:before {
	content: '❤︎ ︎❤︎ ❤︎';
}
.hearts-4 {
	background: rgba(10,10,10,0.2);
	display: block;
}
.hearts-4:before {
	content: '❤︎ ︎❤︎ ❤︎ ❤︎';
}
.hearts-5 {
	background: rgba(10,10,10,0.2);
	display: block;
}
.hearts-5:before {
	content: '❤︎ ︎❤︎ ❤︎ ❤︎ ❤︎';
}
.handiski, .goodpoints, .badpoints, .ourtips {
	font-size: 18px;
	
}
.border_left {
	border-left: 2px solid silver;
	margin-left: 100px;

	
}
/*------------------------------------*\

/* sidebar */
.sidebar {

}
/* footer */
.footer {
	background-color: #E3DFDE;
	border-top: 6px solid #AC1018;
	border-bottom: 1px solid #111;
	padding: 15px 10px;
}


    POSTS
\*------------------------------------*/


.excerpt {

}



/*------------------------------------*\
    IMAGES
\*------------------------------------*/
.icon-widget {
	background-image: url(http://www.mountainpassions.com/wordpress/wp-content/uploads/2014/12/sample-icon.png);
	background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 150px auto;
    display: block;
    height: 150px;
    line-height: 200px;
    margin: 0 auto 30px;
    overflow: hidden;
    text-indent: -9999em;
    transition: all 0.3s ease 0s;
    width: 150px;
}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

body {
	color: #4C4D51;	
	font-family: 'Pontano Sans', sans-serif;
	font-size: 14px;
	line-height: 1.5;
	word-wrap: break-word;
}
body,
#body-core { 
	background: white;
	min-width: 320px;
}

/* Responsive screen width */
body.layout-fixed,
body.layout-fixed #body-core,
body.layout-fixed #site-header,
body.layout-fixed #notification { 
	min-width: 960px;
}

/* Headings */
h1,h2,h3,h4,h5,h6 {
	color: #4C4D51;
	clear: both;
	margin: 0 0 0.8em;
	font-family: Open Sans, Helvetica, Arial;
	line-height: 1.2em;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
h1 {
	font-size: 2em;
	font-family: Oswald, sans-serif;
}

h2 {
	font-size: 1.8em;
	cursor: default;
	font-weight: 500;
	margin: 0.25em 0;
	padding: 0;
}
h3 {
	cursor: default;
    font-size: 1.5em;
    font-weight: 300;

}
h4 {
	font-size: 1em;
}
h5 {
	font-size: 0.8em;
}
h6 {
	font-size: 0.6em;
}

@font-face {
	font-family: 'Pontano Sans', sans-serif;
	src:url('fonts/'Pontano Sans', sans-serif.eot');
	src:url('fonts/'Pontano Sans', sans-serif.eot?#iefix') format('embedded-opentype'),
		url('fonts/'Pontano Sans', sans-serif.woff') format('woff'),
		url('fonts/'Pontano Sans', sans-serif.ttf') format('truetype'),
		url('fonts/'Pontano Sans', sans-serif.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}
/* Text elements */
p {
	font-size: 1.4em;
	line-height: 1.4em;
}
ul, ol {
	margin: 0 0 20px 20px;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
	margin-bottom: 0;
	margin-left: 1.5em;
}
b, strong {
	font-weight: bold;
}
dfn, cite, em, i {
	font-style: italic;
}
blockquote {
	font-style: italic;
	margin: 0 1.5em;
}

.block h3 {
	font-size: 1.8em;
}
.pullquote_left {
	padding-right: 20px;
	width: 300px;
	float: left;
	color: #C0A270;
	font-size: 1.8em;
	text-align: left;
	line-height: 1.8em;
}

.dropcap {
	float: left;
	color: #BDBC9D;
	padding-top: 1pt;
	padding-right: 2pt;
	font: 80px/60px Times, serif, Georgia;
}



/* Links */
a {
	cursor: pointer;
	text-decoration: none;
	outline: 0 none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a {
	font-weight: bold;
}
a:visited {
	color: #BFB977;
}
a:hover, h3:hover {
	color: #b7d238;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (max-width:1279px) {
	#container {
		width: 100%;
}
	.inprofile_content_box {
		width: 60%;
	}
	.inprofile_resort_statsbox {
		width: 40%
	}
	img {
		max-width: 100%;
	}
	.hamburger {
		display: block;
	}
	.nav ul {
		display: none;
		height: auto;
	}
	.nav ul,
	.nav li {
		float: none;
		font-size: 14px;
	}
	.nav li {
		display: block;
	}
	.nav ul li {
		float: none;
		display: block;
	}
	.nav ul ul {
		position: relative;
		opacity: 1;

	}
	.nav ul li:hover ul {
		display:block;
	}
	.nav ul li:hover ul {
		position:relative;
		top: 0;
		opacity: 1;
	}

@media only screen and (max-width:1024px) {

}
@media only screen and (max-width:800px) {
	
div.inprofile_content_box {
	width: 100%;
}
}
@media only screen and (max-width:540px) {

	
}
@media only screen and (max-width:320px) {
	#container {
		width: 320px;
	}
}


@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}
.date, .author, .comments {
	display: none;
}
.copyright {
	font-size: 12px;
}
.contact_us {
	text-align: right;
	font-size: 14px;
}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}
