/*
 */

/* ==========================================================================
   Base Styles and Bootstrap Modifications
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #212121;
}

body {
    font-size: 14px;
    line-height: 1.4em;
    font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
    font-weight: 400;

}

::-moz-selection {
    background: #393939;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #393939;
    color: #fff;
    text-shadow: none;
}

#topo {
	background-image: url('../img/topo.png');
	background-repeat: repeat;
	padding: 0 0 0 0;
	margin-top: 0px;
	background-size: 200px 200px;
	background-attachment: fixed;

} 

#topo_magazine {
	background-image: url('../img/topo.png');
	background-repeat: repeat;
	padding: 3% 0 3% 0;
	background-size: 200px 200px;
	text-align: center;
} 


/*#banner {
	background-color: rgba(80, 80, 80, 0.8);
	
}

#banner p {
	padding-top: 1%;
	padding-bottom: 1%;
	margin-bottom: 0;
	color: #fff;
	font-size: 0.9em;
	text-align: center;
}

.banner a {
	color: #ccc;
	font-weight: 700;
	text-decoration: underline;
}

.banner a:visited {
	color: #ccc;
	font-weight: 700;
	text-decoration: underline;
} */


h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: 'Avenir Next', sans-serif;
	text-transform: uppercase;
	color: #5f5f5f;
	font-weight: 900;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

h1 {
	font-size: 3em;
	margin: 33px 0;
}

h2 {
	font-size: 2.4em;
	margin: 25px 0;
}

h3 {
	font-size: 2em;
	margin: 22px 0;
}

h4 {
	font-size: 1.6em;
	margin: 25px 0;
}

h5 {
	font-size: 1.2em;
	margin: 30px 0;
}

h6 {
	font-size: 1em;
	margin: 36px 0;
}


p {
	margin: 0 0 5%;
	font-size: 1.2em;	
}


a {
	color: #B90000;
	text-decoration: none;
}

a:visited {
	color: #B90000;
}

a:focus {
	outline: thin dotted;
}

a:active,
a:hover {
	color: #8c8c8c;
	outline: 0;
}

a:hover {
	text-decoration: underline;
}

ul {
	list-style-type: square;
	font-size: 1.2em;
	line-height: 1.6em;
}

li {
	margin-bottom: 3%;
}

/**
 * Header
 * ----------------------------------------------------------------------------
 */

.logo {
	width: 100%;
	margin: 13% 0 0 0;
	position: absolute;
}

.mts {
	width: 100%;
	margin: 0;
}

.navi {
	text-align: right;
	word-spacing: 1.5em;
	padding: 1% 8% 0% 0;
}

.navi a{
	color: white;
}

.navi a:hover{
	color: #000;
}

#navbg {
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 10px;
	border-radius: 0px;
	font-weight: 300;
    font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	text-transform: uppercase;
	font-size: 1.7em;
	background-color: #B02D24;
}


/*
 * FRONTPAGE stuff
 */



#hikeoly {
	background-position: center center;
    background-size: cover;
    background-attachment: relative;
    background-image: url('../img/cover/vert_www.jpg');
    min-height: 800px;
    padding-top: 150px;
}



/**
 * Footer
 * ----------------------------------------------------------------------------
 */

#logo_footer {
	width: 90%;
	padding: 30% 0 2% 0;
}

#footer_copyright {
	color: #000;
	font-size: 0.7em;	
	text-align: center;
	font-weight: 500;
	padding: 1% 9% 0 0;
}

#footer a:hover{
	color: #8c8c8c;
}


.sitemap {
	padding: 3% 0 3% 0;
}

.sitemap h4 {
	text-align: left;
	color: #222222;
	font-size: 1.2em;
	text-transform: uppercase;
	padding-bottom: 0;
	margin-bottom: 0;
}

.sitemap p {
	text-align: left;
	color: #222222;
	font-size: 0.8em;
	padding-top: 5%;
	font-weight: 700;
}

.sitemap hr {
	display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #222222;
    padding: 0;
    margin-top: 2%;
    margin-bottom: 5%;
}
.sitemap ul {
	position: relative;
	list-style-type: square;
	text-align: left;
	font-size: 0.9em;
	text-transform: uppercase;
	font-weight: 700;
	padding-left: 15px;

}


/*Style for sitemap links*/
.sitemap a {
	display:auto;
	height: auto;
	text-align: left;
	line-height: auto;
	color: #A92B22;
	text-decoration: none;
}

.sitemap a:visited {
	color: #A92B22;
}

.sitemap a:hover {
	color: #fff;
}

#footer_magazine {
	padding: 30px 0 0 0;
}

#footer {
	background: #ffffff;
	border-top: 1px solid #EFEFEF;
	border-bottom: 3px solid #EFEFEF;
}

#searchside_footer {
	color: #fff;
	padding: 0 0 0 0;
	font-size: 0.8em;
	width: 100%;
}

.duckduckinput {
	margin-bottom: 2%;	
	background-color: rgba(39, 39, 39, 0.5);
	color: #fff;
}


/*Styles for Products*/

.herowrap {
	box-shadow: 2px 2px 2px #9f9f9f;
	margin-bottom: 3%;
}


/* MADE IN */

#madein {
    max-height: 450px;
    background-position: center center;
    background-size: cover;
    background-attachment: relative;
    text-align: center;
    background-image: url('../img/bg/chalet.jpg');
    padding-bottom: 3%;
}


.textdivider h1 {
	color: #fff;
	padding-top: 2%;
	font-size: 2.5em;
	text-transform: uppercase;
	font-weight: 500;
}

.textdivider h3 {
	color: #fff;
	font-size: 1.4em;
	text-transform: uppercase;
	font-weight: 500;
}

.textdivider p {
	color: #fff;
	font-size: 1.4em;
	font-weight: 500;
}


.textdivider i {
	color: #fff;
	padding-left: 2%;
	padding-right: 2%;
	
}

#fourohfour {
    background-position: center center;
    background-size: cover;
    background-attachment: relative;
    text-align: center;
    background-image: url('../img/bg/404.jpg');
    padding: 15% 0 25% 0;
    color: #fff;
    text-align: center;
}

#fourohfour h1 {
	
	color: #fff;
	font-size: 5em;
	padding: 0;
}

#fourohfour p {

	font-size: 1.8em;

}





.mc-field-group {
	padding-bottom: 1%;
	
}

/* Form fields, general styles first. */
button,
input,
textarea {
	border: 1px solid #b1b1b1;
	font-family: inherit;
	padding: 5px;
}

input,
textarea {
	color: #141412;
}

input:focus,
textarea:focus {
	border: 2px solid #c3c0ab;
	outline: 0;
}



/* Buttons */
button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
	background: #B02D24; /* Old browsers */
	border: none;
	color: #fff;
	display: inline-block;
	padding: 5px 15px 5px;
	text-decoration: none;
	text-transform: uppercase;
}



/**
 * Single Posts
 * ----------------------------------------------------------------------------
 */




.cardbox {
	background-color: #fff;
	border: 1px solid #EFEFEF;	
	border-top: none;
}

#contenttxt {
	padding: 8% 0% 0% 0%;
}

#contenttxt p{
	font-size: 1.3em;
	line-height: 1.6em;
	color: #000;
}

#contenttxt p:nth-of-type(1) {
	font-size: 1.5em;
	line-height: 1.6em;
}

#contenttxt p:first-of-type:first-letter {
    font-size: 6em;
    float: left;
    line-height: 85px;
    font-style: italic;
    padding-right: 15px;
    color: #B02D24;
    font-weight: 900;
}


#contenttxt blockquote p:nth-of-type(1) {
	border-left: none;   
	font-size: 1.3em;
	text-align: left;
	padding-left: 0%;
	color: #000;
}

#contenttxt blockquote p:first-of-type:first-letter {
    font-size: inherit;
    line-height: inherit;
    font-style: inherit;
    padding-right: 0;
    color: inherit;
    font-weight: inherit;
}

blockquote {
	padding-left: 7%;
    border-left: 5px solid #B02D24;
    text-align: left;
	font-size: 1em;
	margin: 5%;
	margin-bottom: 10%;
	}

blockquote p{
    font-size: 1.3em;
	text-align: left;
}


#datestamp {
	font-size: 0.9em;
	color: #B02D24;	
	padding-top: 8%;
	text-align: center;
	font-weight: 500;
}

#datestampPages {
	font-size: 0.9em;
	color: #B02D24;	
	padding: 8% 0;
	text-align: right;
	font-weight: 500;
}

.cardwrap {
	margin:auto;
	position:relative;
}
.cardwrap img {
	width:100%;
	height:auto;
}
.cardh1 {
	position:absolute;
	text-align: left;
	top:5px;
	left:;
	right:0;
	bottom:0px;
	overflow:auto;
}
.cardh1-inner {
	display:table;
	width:100%;
	height:100%;
}
.cardh1-content {
	display:table-cell;
	vertical-align:bottom;
}
.cardh1-content h1 {
	margin:0 0%;
	background-color: rgba(27, 27, 27, 0.3);
	
	color: #fff;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 900;
}




.cardh1-content h4 {
	margin:0 0%;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 5px;
	color: #fff;
}





#categorybtn {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #fff;
	background-color: #B02D24;
	font-style: italic;
	font-weight: 500;
	padding: 2% 5%;
	margin: -25px 0% 0% 5%;
	float: right;
	box-shadow: 2px 2px 0px black;
	}

#categorybtn a{
	color: #fff;

	}



.blockbox {
	text-align: justify;
	font-style: normal;
	font-size: 0.8em;
	line-height: 2.2em;
	border: 2px solid #EFEFEF;
	width: 40%;
	padding: 3%;
	background-color: #fcfcfc;
	color: #000;
	float: right;	
	padding: 2%;
	margin: 2% 0% 2% 8%;	
}



DDblockquote h3 {
	margin-top: 2%;
	padding-bottom: 2%;
	margin-bottom: 5%;
	border-bottom: 1px solid #DC0000;
	
}



/**
 * Articles Page
 * ----------------------------------------------------------------------------
 */
#articlesBox {
	padding-top: 5%;
	background-color: #fff;
}

.articlesImage {
	padding: 3%;
	
}

.articlesMeta {
	text-align: right;
	padding: 0 3%;
	font-size: .9em;
}

#articlestxt {
	padding: 2% 0% 0% 0%;
}

.articlesH {
	margin: 0%;
	padding: 1% 3%;
}

.articlesH a{
	color: #5f5f5f;
}

#articlestxt p{
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 1% 3% 0 3%;
}

#mtnHr {
	margin: 0 0 3% 0;
	padding: 0;
	border-color: #B02D24;
}





#datestampPages {
	font-size: 0.9em;
	color: #B02D24;	
	padding: 8% 0;
	text-align: right;
	font-weight: 500;
}

.cardwrap {
	margin:auto;
	position:relative;
}
.cardwrap img {
	width:100%;
	height:auto;
}
.cardh1 {
	position:absolute;
	text-align: left;
	top:5px;
	left:;
	right:0;
	bottom:0px;
	overflow:auto;
}
.cardh1-inner {
	display:table;
	width:100%;
	height:100%;
}
.cardh1-content {
	display:table-cell;
	vertical-align:bottom;
}
.cardh1-content h1 {
	margin:0 0%;
	background-color: rgba(27, 27, 27, 0.3);
	padding: 3% 16.7777777%;
	color: #fff;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 900;
}




.cardh1-content h4 {
	margin:0 0%;
	background-color: rgba(0, 0, 0, 0.3);
	padding: 5px;
	color: #fff;
}


#categorybtn {
	font-size: 1.3em;
	text-transform: uppercase;
	color: #fff;
	background-color: #B02D24;
	font-style: italic;
	font-weight: 500;
	padding: 2% 5%;
	margin: -25px 0% 0% 5%;
	float: right;
	box-shadow: 2px 2px 0px black;
	}

#categorybtn a{
	color: #fff;

	}


#articlesBox h1 {
	font-size: 4em;
	font-weight: 100;
	text-align: center;
	
}



/**
 * 5.1 Entry Header
 * ----------------------------------------------------------------------------
 */

.sidebar .entry-header .entry-meta {
	padding: 0;
}

.entry-thumbnail img {
	display: block;

	width; 
}



.entry-header h1 {
	margin-bottom: 10px;
	margin-top: 20px;
	
}



.entry-title a {
	color: #8c8c8c;
}

.entry-title a:hover {
	color: #B90000;
}

.merch {
	text-align: center;

}



/**
 * 5.0 Content
 * ----------------------------------------------------------------------------
 */

.hentry {
	padding: 3% 0;
}





/* Images */
.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

figure.wp-caption.alignleft,
img.alignleft {
	margin: 5px 20px 5px 0;
}

.wp-caption.alignleft {
	margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
	margin: 5px 0 5px 20px;
}

.wp-caption.alignright {
	margin: 5px 0 5px 10px;
}

img.aligncenter {
	margin: 5px auto;
}

img.alignnone {
	margin: 0 0% 0 0%;
}

.wp-caption .wp-caption-text,
.entry-caption,
.gallery-caption {
	color: #220e10;
	font-size: 0.9em;
	font-style: italic;
	font-weight: 500;
	margin: 3px 0 24px;
}


.entry-content img.alignleft,
.entry-content .wp-caption.alignleft {
	margin-left: 0px;
}

.entry-content img.alignright,
.entry-content .wp-caption.alignright {
	margin-right: 0px;
}



div.wp-caption.alignright img[class*="wp-image-"] {
	float: right;
}

div.wp-caption.alignright .wp-caption-text {
	padding-left: 10px;
}

img.wp-smiley,
.rsswidget img {
	border: 0;
	border-radius: 0;
	box-shadow: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.wp-caption.alignleft + ul,
.wp-caption.alignleft + ol {
	list-style-position: inside;
}



/*
 * Responsive images
 *
 * Fluid images for posts, comments, and widgets
 */
.entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
	max-width: 100%;
}

/* Make sure images with WordPress-added height and width attributes are scaled correctly. */
.entry-content img,
.entry-summary img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
}

img.size-full,
img.size-large,
img.wp-post-image {
	height: auto;
	max-width: 100%;
}

/* Make sure videos and embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
}

iframe.noScrolling{
		width: 100%; 
		height: 500px;
        overflow: hidden;
        margin-top: 5%;
        }
        
.mapcolor {
	background-image: url('../img/topo.jpg');
	background-repeat: repeat;

}       


/* Override the Twitter embed fixed width. */
.entry-content .twitter-tweet-rendered {
	max-width: 100% !important;
}


.entry-content ul {
	position: relative;
	list-style-type: square;
}

.entry-content li {
	display:list-item;
	float: none;
	padding-bottom: 2%;
}

/*Style for menu links*/
.entry-content li a {
	display: inline;
	min-width: 90px;
	height: 50px;
	text-align: left;
	line-height: 0px;
	text-decoration: none;
}



/*
 * A better looking default horizontal rule
 */

 hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

 img {
    vertical-align: middle;
}

/*
 * Allow only vertical resizing of textareas.
 */

 textarea {
    resize: vertical;
}


/* ==========================================================================
   General styles
   ========================================================================== */



.navbar-toggle {
background-color: #B90000;
border: 0px solid transparent;
border-radius: 0px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #16a085;
	color: white;
}

.navbar-collapse {
  max-height: 140px;
  padding-right: 10px;
  padding-left: 10px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0px solid transparent;
  box-shadow: inset 0 0px 0 rgba(255, 255, 255, .1);
}




a img {
    background: none;
}

.odd a img {
    background: #f5f5f5;
}


/* Paragraph & Typographic */


.centered {
    text-align: center;
}

.paragraph-lead {
    font-size: 20px;
    color: #3498db;
}

strong {
    font-weight: 700;
}

em {
    font-weight: 300;
}

pre {
    background: #ebebeb;
    border: none;
    font-family: "Monaco";
    font-size: 16px;
    color: #666;
    padding: 20px;
    line-height: 28px;
}

small {
    font-size: 12px;
}






/* Images */
.overflow-image {
    margin-top: -65px;
}

/* Links */
a {
    color: #B90000;
    word-wrap: break-word;

    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}

a:hover,
a:focus {
    color: #c0392b;
    text-decoration: none;
    outline: 0;
}

a:before,
a:after {
    -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
    -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
    -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
    -o-transition: color 0.1s ease-in, background 0.1s ease-in;
    transition: color 0.1s ease-in, background 0.1s ease-in;
}



/**
 * SEARCH
 * ----------------------------------------------------------------------------
*/




.search
{
  padding-bottom: 0px;
}
 
.search li
{
	list-style: none;
	margin: 0 0 0em 0;
	padding-left: 1em;
	text-indent: -1em;
}
 
.search time
{
	margin-left: 0em;
	font-size: .75em;
	color: #fafafa;
}
 
/*the form*/
#search {
    font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	width: 100%;

	margin: 0px auto 0;
	margin-left: 0px;
}

#searchside {
	color: #fff;
	margin-left: 0px;
	padding-bottom: 5%;
}

 
#search input {
    font-family: 'Avenir Next', 'Helvetica-Neue', sans-serif;
	font-weight: 700;
	background-color: #fafafa;
	border: 1px solid #B90000;
	padding: 1% 4%;
	color: #8C8C8C;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0x;
	border-radius: 0px;
	-webkit-box-shadow: 0 0px 0 rgba(255,255,255,.5);
	-moz-box-shadow: 0 0px 0 rgba(255,255,255,.5);
	box-shadow: 0 0px 0 rgba(255,255,255,.5);
}
 
#search input:focus {
	outline: none;
	-webkit-box-shadow: 0 0px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
	-moz-box-shadow: 0 0px 0 rgba(255,255,255,.2), 0 0 8px #4f4f4f;
	box-shadow: 0 0px 0 rgba(255,255,255,.2), 0 0 12px #4f4f4f;
}


#searchside input {
	border: 1px solid #B90000;
	padding: 1% 3%;
	color: #8C8C8C;
}
 
 
 
/* FRONT LONG SCROLL */

#front p{
	color: #fff;
	font-weight: 400;
	line-height: 1.6em;
}

#front h2{
	color: #fff;
	font-weight: 700;
	font-size: 4em;
	margin: 0 0;
}

#front h3{
	color: #fff;
	font-weight: 700;
	font-size: 2.5em;
	margin: 0 0;
}

.fronthr {
	display: block;
	background-color: #fff;
	border-top: 10px solid #fff;
	padding: 0;
	margin: 0;
}

.front1small {
	font-size: 0.8em;
	text-align: right;
	margin-bottom: 0;
	
}


#frontwrap1 {
	background-position: center center;
    background-size: cover;
    background-attachment: relative;
    background-image: url('../img/cover/deerpark.jpg');
    min-height: 800px;
    padding-top: 150px;
}

#front1bg {
	background-color: #fff;
	margin: 0px 0 30px 0;
	text-align: left;
	padding: 9%;
}

#front1bg p{
	color: #000;
}

#front1bg h3{
	color: #000;
}
#front1bg h2{
	color: #000;
}


#frontwrap2 {

    min-height: 600px;
    padding-top: 150px;
}

#calendar {
	width: 80%;
	margin: 120px 0 0 0;
	border: 0px solid #fff;
	box-shadow: 8px 8px #000;
	
}

#calendartxt {
	text-align: left;
	background-color: #fff;
	margin: 0px 0 0 0;
	padding: 3%;
}

#calendartxt p{
	color: #000;
}

#calendartxt h2{
	color: #000;
}

#calendartxt h3{
	color: #000;
}



#raute {
	background-position: center center;
    background-image: url('../img/cover/myguide.jpg');
	background-repeat: no-repeat;
	min-height: 500px;
}



#summit {
	width: 60%;
	margin: 110px 0 0 0;	
}
#summittxt {
	text-align: right;
	margin: 140px 0 0 0;
}

#summittxt p{
	color: #fff;
}

#summittxt h2{
	color: #fff;
}

#summittxt h3{
	color: #fff;
}


#frontwrap4 {
	background-position: center center;
    background-size: cover;
    background-attachment: relative;

    background-image: url('../img/goats.jpg');
    min-height: 500px;
}


.frontbtnAlign {
	text-align: center;
	padding-top: 5%;
}

.frontbtn {
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 0px;
	border: 2px solid #A2382D;

	background-color: #A2382D;
	color: white;
	padding: 7px 25px;
	-webkit-transform: ;
	transform: ;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}

.frontbtn:hover {
    color: #A2382D;
    background-color: white;
    border-color: #A2382D;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}




/**
 * 4.2 Navigation
 * ----------------------------------------------------------------------------
 */

.main-navigation {
	clear: both;
	margin: 0 auto;
	max-width: 1080px;
	min-height: 45px;
	position: relative;
}

ul.nav-menu,
div.nav-menu > ul {
	margin: 0;
	padding: 0 40px 0 0;
}

.nav-menu li {
	display: inline-block;
	position: relative;
}

.nav-menu li a {
	color: #212121;
	display: block;
	font-size: 0.9em;
	line-height: 1;
	padding: 15px 20px;
	text-decoration: none;
}

.nav-menu li:hover > a,
.nav-menu li a:hover,
.nav-menu li:focus > a,
.nav-menu li a:focus {
	background-color: #220e10;
	color: #fff;
}

.nav-menu .sub-menu,
.nav-menu .children {
	background-color: #220e10;
	border-top: 0;
	padding: 0;
	position: absolute;
	left: 0px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(0px, 0px, 0px, 0px);
}

.nav-menu .sub-menu ul,
.nav-menu .children ul {
	border-left: 0;
	left: 100%;
	top: 0;
}

ul.nav-menu ul a,
.nav-menu ul ul a {
	color: #fff;
	margin: 0;
	width: 100px;
}

ul.nav-menu ul a:hover,
.nav-menu ul ul a:hover,
ul.nav-menu ul a:focus,
.nav-menu ul ul a:focus {
	background-color: #db572f;
}

ul.nav-menu li:hover > ul,
.nav-menu ul li:hover > ul,
ul.nav-menu .focus > ul,
.nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.nav-menu .current_page_item > a,
.nav-menu .current_page_ancestor > a,
.nav-menu .current-menu-item > a,
.nav-menu .current-menu-ancestor > a {
	color: #bc360a;
}

.menu-toggle {
	display: none;
}



.site-header .search-form {
	position: absolute;
	right: 20px;
	top: 1px;
}

.site-header .search-field {
	background-color: transparent;
	background-image: url(images/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 34px;
	position: relative;
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 1px;
}

.site-header .search-field:focus {
	background-color: #fff;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 230px;
}


/*
 * Category
 */



#categoryBIG {
	font-size: 0.9em;
	text-transform: uppercase;
	color: white;
	text-align: right;
	width: 100%;
	background-color: #c10000;		
	padding: 1% 3%;
}


#category a {
	color: white;
	
}

#categoryBIG a {
	color: white;
}


.categorywrap {
	margin:auto;
	position:relative;
}

.categorywrap img {
	width:100%;
	height:auto;
}

.categoryh1 {
	position:absolute;
	text-align: right;
	top:0;
	left:0;
	right:10px;
	top:5px;
	overflow:auto;
}

.categoryh1-inner {
	display:table;
	width:100%;
	height:100%;
}


.podcastsub {
	padding-top: 35%;
}

.podcastsub h6{
	margin: 5% 0;
}

.podcastsub ul{
	font-size: 1em;
	padding-left: 10%;
}

.podcastsub li{
	list-style-type: none;
}




/*
 * Webcam stuff
 */

#webcam {
	padding-top: 5%;
	padding-bottom: 5%;
	
}

#webcam h3 {
	padding-top: 3%;
	padding-bottom: 0;
	margin-bottom: 0;
}


#webcam p {
	font-size: 0.9em;
	
}

.webimage {
	max-height: 200px;
	overflow: hidden;
	
}


/*
 * Post stuff
 */






	
	.cardglobe {
	color: #B90000;	
	padding-top: 1%;
	padding-bottom: 1%;
	font-size: 0.8em;
	text-align: right;
	
	}
	
	.cardtxt {
	font-size: 1.1em;
	line-height: 1.7em;
	padding-top: 3%;
	color: #000;
	}
	
	
	
	
	
	.cardsh1 {
	position:absolute;
	text-align: center;
	top:5px;
	left:0;
	right:0;
	bottom:0px;
	overflow:auto;
	}
	
	
	.cardsh1 a {
	color: white;
	
	}
	
	.hikefbox {
	background-color: #b8b8b8;
	font-size: 0.6em;
	text-align: left;
	color: #fff;
	}
	
	.cardhikeh1 {
	text-align: center;	
	}


		
	

/* MEDIA QUERIES */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
  /* For iPad portrait layouts only */
	.logo {
		width: 25%;
		padding-top: 3%;
		padding-bottom: 3%;
		margin: 0%;	
	}
	
	#logo_footer {
		width: 40%;
		padding-bottom: 2%;
	}
	
}


@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
  /* For iPad landscape layouts only */


	#logo_footer {
		width: 25%;
		padding-bottom: 2%;
	}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : portrait) {   
/* For iPhone portait layouts only */ 



	#logo_footer {
	width: 40%;
	margin: auto;
	padding: 2% 0;
	}
	
	#footer_copyright {
	text-align: center;
	padding: 1% 0% 0 0;
	}
	
	.navi {
	font-size: .8em;
	font-weight: 500;
	text-align: center;
	word-spacing: 1em;
	}
	
	.logo {
	margin: auto;
	width: 40%;
	padding: 2% 0 0 0;	
	position: inherit;
	}	
	
	#contenttxt {
	padding: 8% 5% 2% 5%;
	}
	
	.mtsLine {
	width: 50%;
	margin: auto;
	}
	
	.cardh1-content h1 {
	padding: 3% 3%;
	color: #fff;
	font-size: 1.8em;
	line-height: 1.2em;
	}
	
	#categorybtn {
	font-size: .9em;
	padding: 2% 3%;
	margin: -20px 0% 0% 2%;
	float: right;
	}
	
	#frontwrap1 {
	min-height: 500px;
	}
	
	#front1bg {
	margin: 200px 0 0 0;
	}
	
	#calendar {
	width: 70%;
	margin: 10% auto 0;
	}
	
	#calendartxt {
	margin: 10% auto 0;
	}

	#raute {
	background-position: center center;
	background-image: url('../img/raute.png');
	background-color: #B02D24;
	background-repeat: no-repeat;
	min-height: 300px;
	}
	
	#summit {
	width: 50%;
	margin: 10% auto 5%;	
	}
	
	#summittxt {
	margin: 10% auto 0;
	}
	
	.frontbtnAlign {
	text-align: center;
	}

	.podcastsub {
	padding-top: 0%;
	}
	
}

@media only screen and (min-device-width : 320px) and (max-device-width : 568px) and (orientation : landscape) { 
  /* For iPhone landscape layouts only */

	#logo_footer {
		width: 40%;
		margin: auto;
		padding: 2% 0;
	}
	
	.navi {
	font-size: .8em;
	font-weight: 500;
	text-align: center;
	word-spacing: 1em;
	
	}
	
	.logo {
	margin: auto;
	width: 20%;
	padding: 2% 0 0 0;	
	position: inherit;
	}	
	
	#contenttxt {
	padding: 8% 5% 2% 5%;
	}
	
	.mtsLine {
	width: 50%;
	margin: auto;
	}	
	.cardh1-content h1 {
	padding: 3% 3%;
	color: #fff;
	font-size: 2.5em;
	line-height: 1.2em;
	}
	
	.frontbtnAlign {
	text-align: center;
	}


}