Dashboard

Editing: style.css

/*
    Theme Name: Peakie 2015
    Theme URI: http://www.mountainpassions.com
    Description: Theme for MountainPassions
    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 RGB 196 219 242
#D7EEEA hint of blue 
#EDE9E1 hint of beige
#B6B159 tan
#49986E green
#76BA6A summer green
#C0A270 H2

/* Global Content Formatting and Styles */
@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;
}

body {
    line-height: 1.5em;
    font: 14px 'PT Sans', sans-serif;
    color: #4C4D51;
    overflow-x: hidden;
}
/*html5 display rule */

article,
aside,
details,
figcaption,
figure,
footer,
header,
nav,
section,
summary {
    display: block;
}
table {
    border:1px solid #4C4D51;
}
td {
    border-right: 1px solid #4C4D51;
}
tr {border-bottom: 1px solid #4C4D51; }
/*HOMEPAGE SLIDER */

div#slider {
    width: 100%;
    max-width: 1920px;
}
div#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: left;
}
div#slider figure img {
    width: 20%;
    height: auto;
    float: left;
}
div#slider {
    width: 100%;
    max-width: 1920px;
    overflow: hidden;
}
/*slider animation*/

@keyframes slidy {
    /*Each image in the slider will stay framed in the <div> for 20% of the total length of the animation, and move for 5%.*/
    
    0% {
        left: 0%;
    }
    20% {
        left: 0%;
    }
    25% {
        left: -100%;
    }
    45% {
        left: -100%;
    }
    50% {
        left: -200%;
    }
    70% {
        left: -200%;
    }
    75% {
        left: -300%;
    }
    95% {
        left: -300%;
    }
    100% {
        left: -400%;
    }
}
div#slider figure {
    position: relative;
    width: 500%;
    margin: 0;
    padding: 0;
    font-size: 0;
    left: 0;
    text-align: left;
    animation: 20s slidy infinite;
}
/*END SLIDER*/

.wrapper {
    max-width: 1130px;
    margin: 10px auto 0px auto;
    position: relative;
    background-color: #fff;
}
.extended-wrapper {
    width: 100%;
    margin: 0;
    background-color: #fff;
}
.extended-wrapper-footer {
    width: 100%;
    margin: 20px auto 0 auto;
    position: relative;
}
.extended-wrapper-grey {
    width: 100%;
    background-color: rgba(242, 242, 242, 1);
    margin: 0;
}
.extended-wrapper-dark {
    width: 100%;
    background-color: rgba(37, 37, 37, 0.8);
    margin: 0;
}
.extended-wrapper-sand {
    width: 100%;
    background-color: rgba(245, 241, 232, 1);
}
.extended-wrapper-blue-short {
    width: 100%;
    background-color: rgba(116, 167, 179, 1);
    height: 200px;
}
.feature-wrapper {
    width: 1130px;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    padding-top: 20px;
}
.feature-title h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 2.6em;
    font-weight: 400;
    color: #A7A4A4;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 0px;
}
.feature-sub-title h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 3.5em;
    font-weight: 400;
    color: #4C4D51;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 0px;
}
.extendfull {
    padding-left: 3000px;
    margin-left: -3000px;
    padding-right: 3000px;
    margin-right: -3000px;
    background-color: rgba(242, 242, 242, 1);
}
.extendleft {
    padding-left: 3000px;
    margin-left: -3000px;
    background-color: #BC97A3;
}
.extendright {
    padding-right: 3000px;
    margin-right: -3000px;
    background-color: #DEE5DE;
}
.grey {
    background-color: rgba(242, 242, 242, 1);
}
.sand {
    background-color: rgba(245, 241, 232, 1)
}
.teal {
    background-color: rgba(116, 167, 179, 1);
}
.beige {
    background-color: rgba(237,233,225, 0.8);
}
.cream {
    background-color: rgba(237, 227, 192, 0.7);
}
.text-white {
    color: #fff;
}
/* Headings */

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #4C4D51;
    clear: both;
    margin: 0;
    font-family: Oswald, sans-serif;
    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-family: 'PT Sans', sans-serif;
    font-size: 3.8em;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #4c4d51;
    text-align: center;
    padding: 0em;
    margin: 0em;
    cursor:default;
}
h2 {
    font-size: 1.8em;
    letter-spacing: 0.5px;
    font-weight: 400;
    color: #C0A270;
    margin: 0 0 .5em 0;
    padding: 0;
    
}
h3 {
    font-size: 1.5em;
    letter-spacing: 0.7px;
    font-weight: 300;
    margin: 0.25em 0 0.5em 0;
    
}
h4 {
    font-size: 1.2em;
    letter-spacing: 0.5px;
    margin: 0.25em 0 0.5em 0;
    font-weight: 400;
}
h5 {
    font-size: 0.8em;
}
h6 {
    font-size: 0.6em;
}
p {
    margin: 0 0 10px 0;
}
ul,
ol {
    margin: 0 0 1.5em 0;
}
ul {
    list-style: disc;
    padding: 0;
}
ol {
    list-style: decimal;
}
ul ul,
ol ol,
ul ol,
ol ul {
    margin-bottom: 0;
    margin-left: 20px;
}
b,
strong {
    font-weight: bold;
}
blockquote {
    font-style: italic;
    margin: 0 20px;
}
/* Links */

a {
    font-weight: bold;
    color: #225B9B;
    cursor: pointer;
    outline: 0 none;
    text-decoration: 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:hover {
    color: #AC1018;
    text-decoration: none;
}
a:visited {
    color: #C0A270;
    text-decoration: none;
}
h2 a {
    color: #C0A270;
    text-decoration: none;
}
h2 a:hover {
    text-decoration: none;
    color: #C0A270;
}
h2 a:visited {
    color: #C0A270;
}
/* Text elements */

p.copyright {
    font-size: 1em;
    margin-left: 0px;

}
.mobile-only {
    display: none !important;
}
.tablet-only {
    display: none;
}

p.caption {
    font-size: 0.8em;
}

.clear-fix {
    clear: both;
    line-height: 1px;
}
.advert {
    font-size: .5em;
    color: red;
}
/*Pagination / navigation*/

.navigation {}
/* mobile main nav

#mobile-menu {
    display: none;
    z-index: 999;
    position: absolute;
    left: -18px;
    background: #fff;
    top: 53px;
    width: 200px;
    text-align: left;
    font-size: 13px;
    border: 1px solid #EEE;
}
#mobile-menu li {
    margin-left: 14px;
    list-style: none;
}
#mobile-menu li ul {
    display: block !important;
    padding-left: 14px;
}
#mobile-nav li a {
    visibility: visible;
    line-height: 36px;
    width: 100%;
    float: left;
    text-decoration: none;
    font-weight: 400;
}

#mobile-nav li .menu-desc {
    display: none;
}

#mobile-nav {
    display: none;
    text-align: center;
    line-height: 42px;
    font-weight: bold;
    text-decoration: none;
    position: absolute;
    left: 0;
    text-align: right;
    top: 0;
    height: 43px;
    position:relative;
    float:left;
}
.menu-icon {
    background: url(img/menu.png) no-repeat left center;
    height: 50px;
    cursor: pointer;
}*/
/* main-nav */

nav {
    margin: 40px auto 0px 10px;
    z-index: 900;
}
nav ul {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0 auto;
    height: 40px;
    list-style: none;
    font-family: 'Raleway', sans-serif;
    background: #EDE9E1;
}

/* summer review nav */

.menu-holder {
    max-width: 1130px;

}
/*style all a links*/

nav a {
    padding: 0 6px 0 0;
    text-decoration: none;
    line-height: 40px;
    color: #4c4d51;
}
nav ul li {
    display: inline-block;
    width: auto;
    
}
nav ul li:hover {} nav ul li a:visited {
    color: #ccc;
    display: block;
    padding: 10px;
    text-decoration: none;
}
nav ul li a:hover {
    color: #AC1018;
    text-decoration: none;
}
nav ul li a:after {
    padding-left: 10px;
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/mobile_link_arrow.png);
}
nav ul.sub-menu li a:after {
    display: none;
}
nav ul ul {
    position: absolute;
    display: none;
    left: 0;
    opacity: 0;
    background: rgba(237, 233, 225, 0.6);
    text-align: left;
    font-size: 1em;
}
nav ul ul a {
    line-height: 40px;
    display: block;
    min-width: 350px;
    border-top: 1px solid silver;
    text-transform: none;
}
nav ul ul.sub-menu a:before {
    padding-left: 10px;
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/05/mobile_link_arrow.png);
}
/*sub-menu display*/

nav ul li {
    position: relative;
    float: left;
    background: #EDE9E1;
    padding: 0 0px 0 80px;
    z-index: 999;
}
nav ul ul {
    position: absolute;
    display: none;
    left: -90px;
    background: #EDE9E1;
}
nav ul li:hover ul {
    position: absolute;
    display: block;
    top: 100%;
    opacity: 1;
}
nav ul ul li {
    display: block;
    width: 370px;
}
nav ul ul li a:visited {
    color: #ccc;
}
nav ul ul li a:hover {
    color: #AC1018;
}
#company_footer li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    text-align: right;
}
#company_footer a {
    color: #4C4D51;
}
#company_footer a:hover {
    color: #AC1018;
    text-decoration: underline;
}
#company_footer a:visited {
    color: #BFB977;
}
/*nav clearfix*/

nav:before,
nav:after {
    content: " ";
    display: table;
}
nav:after {
    clear: both;
}
nav {
    *zoom: 1;
}
/* footer */

footer {
    width: 1423px;
    height: auto;
}
footer p {
    font-size: .9em;
    color: #fff;
    padding-left: 20px;
}
footer p a:link {
    color: #fff;
}
.footer-logo-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-bottom: 6%;
    vertical-align: top;
}
.footer-logo {
    /* svg into : object, img or inline */
    
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    /* only required for <img /> */
    
    height: 40px;
}
#footer {
    height: auto;
    position: relative;
}
#footer-wrap {
    width: 100%;
    height: auto;
    background-color: #252525;
}
.footer-wrap-outside {
    padding: 10px 0px;
}
.footer-wrap-outside:after {
    content: "";
    display: block;
    clear: both;
}
.footer-wrap-inside {
    width: 80%;
    padding-top: 20px;
    max-width: 100%;
    background-color: #252525;
    margin: 0 auto;
}
.footer-wrap-inside:after {
    content: "";
    display: block;
    clear: both;
}
.menu-social,
.menu-cookies,
.menu-about,
.menu-misc {
    display: inline-block;
    width: 24%;
    float: left;
    padding-left: 10px;
}
footer a {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1.1em;
    font-family: "Pontano Sans", sans-serif;
    line-height: 30px;
    font-weight: lighter;
}
footer ul li a:link {
    text-transform: none;
    text-align: left;
    background-color: #252525;
    width: 100%;
    padding-left: 0;
}
footer ul li a:hover {
    color: #D3C6A4;
    text-decoration: underline;
}
footer ul li a:visited {
    color: #ccc;
    text-decoration: none;
}
footer h3 {
    font-size: 1.2em;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #D3C6A4;
}
/* Layout (global rules for all sizes) */

body {
    margin: 0;
    padding: 0;
}
/*allows the body to touch the edge of the browser window*/

article {
    padding: 0px 0px 10px 0px;
}
/*gives space around the article*/
/*Header */

header {
    width: 100%;
    height: auto;
}
#header-wrap {
    width: 100%;
    height: auto;
    
}
#header {
    height: auto;
    position: relative;
}
.header-wrap-outside {
    height: auto;
    padding: 0px;
    background-color: #252525;
}
.header-wrap-outside:after {
    content: "";
    display: block;
    clear: both;
}
.logo-wrap {
    display: inline-block;
    position: relative;
    width: 100%;
    height:50px;
    margin-top: 1%;
}
.mp-hdr-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
   }
.mp-hdr-mobile {
    display: none;
}

/* CONTENT LAYOUT */
/*HOME PAGE & SUMMER RESORTS HOME CONTENT*/
.frontpage-container {
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    height: auto;
}
.frontpage-container::after {
    content: "";
    display: block;
    clear: both;
}
.main-content-container { /*summer frontpage main content excl. sidebar*/
    float: left;
    margin-top: 20px;
    width: 76%;
}
.home-content-info-group {
    display: block;
    width: 100%;
    margin: 0 auto;
}
.home-content-inner-wrapper  {
    max-width: 100%;
    margin: 0 auto 20px auto;
    position:relative;
    
}
/*Hero image */
.mountain-hero { /*background image summer home panel*/
    background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2016/05/mountain-walkers-Le-Monal-Tarentaise-summer-28599.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 3%;
    position: relative;
    overflow: hidden;
    }
    .mountain-hero--content h2{
    position: relative;
    margin: 5% auto 10% auto;
    font-family: 'PT Sans', sans-serif;
    font-size: 3em;
    padding-left: 0;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: center;
     }
    .mountain-hero--title { /*H1 */
    text-transform: uppercase;
    margin: 0;
    }
    .mountain-hero--title--first {/*top title*/
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    display: block;
    letter-spacing: 7px;
    margin-top: .3em;
    
    }
    .mountain-hero--title--second { /*second title*/
    font-size: 1.2em;
    color: #fff;
    display: block;
    letter-spacing: 3.9px;
    margin: .7em 0 0 0;
    }
    .mountain-hero--subtitle {
    font-size: 17.6px;
    font-size: 1.1rem;
    color: #fff;
    margin: 1em auto 0;
    max-width: 33em;
    }
    .mountain-hero--arrow {
    position: absolute;
    top: 80%;
    left: 46%;
    width:100px;
    height:60px ;
    }
    .mountain-hero--arrow img {
    max-width:50px;
    height: 50px;
    }
    .mountain-hero--arrow p{
    font-size: 1.3em;
    color: #fff;
    font-weight: 700;
    }
    .mountain-hero--winter {/*background image go to winter panel*/
     background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/09/winter-26313-1.jpg);   
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 0;
    position: relative;
    overflow: hidden;
    }
    
     /*go to winter rightarrow */
     .mountain-hero--arrow-winter {
        position: absolute;
        top: 80%;
        left: 45%;
        width:150px;
        height:60px ;
    }
    .mountain-hero--arrow-winter img {
        max-width:50px;
        height: 50px;
    }
    .mountain-hero--arrow-winter p{
        font-size: 1.3em;
        color: #fff;
        font-weight: 700;
        max-width:150px;
    }
    /*ends mountain hero */

.img-link-container {
    width:49%;
    float: left;
    height: 100px;
    margin-top: 40px;
    background-image: url("http://mountainpassions.com/summer/wp-content/uploads/2016/01/cablecar.svg");
    background-repeat: no-repeat;
    background-position: left top;
}

.snowflake-left {
    position: absolute;
    top:0%;
    left:0%;
    opacity: 0.4;
   z-index:100;
}    
.snowflake-right {
   position: absolute;
    top:30%;
    left:75%;
    opacity: 0.4;
}

.info-group-background-img {
    width: 100%;
    background: transparent url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/11/iPad-browse.jpg) no-repeat left top;
    height: 500px;
}
.home-content-info-group .img-block {
    display: block;
    text-align: center;
    width: 100%;
    max-height: 700px;
}
.home-content-info-group .content-block {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    max-height: 1000px;
    padding: 30px 0 30px 0;
    margin: 0 auto;
}

.home-content-inner-wrapper .img-block {
    display: inline-block;
    position: relative;
    padding: 0px;
    border: none;
    max-width: 100%;
}
.home-content-inner-wrapper .img-block span {
     display: block;
        position: absolute;
        width: auto;
        padding: 10px 10px 0 10px;
        height: 40px;
        font-family: 'PT Sans', sans serif;
        font-size: 1.5em;
        letter-spacing: -1px;
        text-align: left;
        color: rgba(76, 77, 81, 0.8);
        top: 40px;
        left: 0px;
        background-color: rgba(242, 242, 242, 0.5);
}
#link-panel .content-container .link-panel-hdr {
    width: 50%;
    float:left;
    position: relative;
    
}

#category-box .content-block h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 4em;
    font-weight: 400;
    letter-spacing: -0.03em;
    padding: 0em;
    margin: 0 2.5em 1.5em 0;
    cursor: pointer;
}

.content-block h2 a:link {
    color: #4C4D51;
    text-decoration: none;
    font-weight: 400;
}
.content-block h2 a:hover {
    text-decoration: none;
    color: #C0A270;
}
.content-block h2 a:visited {
    color: #C0A270;
}
.content-block h3 {
    font-family: 'PT Sans', sans-serif;
    font-size: 2.6em;
    font-weight: 400;
    color: #A7A4A4;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 0em;
    margin: 0em;
    cursor: default;
}
.content-block p {
    font-family: 'Pontano Sans', sans-serif, 'Helvetica', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.35em;
    margin: 20px 0 20px 0;
    padding: 20px 10px 20px 10px;
    text-align: center;
}

/*end homepage*/
/*POSTS LAYOUT*/

.content-container {
    max-width: 1130px;
    margin: 0px auto 10px auto;
    padding: 10px 0px 10px 0px;
}
.content-container:after {
    content: "";
    display: block;
    clear: both;
}
.extended-content-container {
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 0px 10px 0px;
}
.extended-content-container:after {
    content: "";
    display: block;
    clear: both;
}
/*single column*/

.feature-singlecol-container {
    max-width: 100%;
    margin: 0px auto 10px auto;
    padding: 10px 0px 10px 0px;
}
.feature-singlecol-container h3 {
    padding-left: 0;
}
.feature-singlecol-container .content p {
    font-size: 1.3em;
    padding: 0px;
}

.feature-singlecol-container .content-resort-location p {
    font-size: 1.5em;
    padding: 0px;
    text-align: center;
}
.feature-singlecol-container:after {
    content: "";
    display: block;
    clear: both;
}
/*two column*/

.content-container .inprofile2col {
    /*targets each area within the container*/
    
    width: 50%;
    float: left;
}
.content-container .inprofile2col-extended {
    /*targets each area within the container*/
    
    width: 60%;
    float: left;
}
.content-container .inprofile2col-condensed {
    /*targets each area within the container*/
    
    width: 40%;
    float: left;
}
.content-container .inprofile2col .content p {
    /*targets the content of each  area*/
    
    font-size: 1.3em;
    padding: 0px 25px 0px 0px;
}

.content-container .inprofile2col-extended .content p {
    font-size: 1.3em;
    padding: 0px 20px 0px 0px;
}

.content-container .inprofile2col .content-right p {
    /*targets the content of each  area*/
    
    font-size: 1.3em;
    float: right;
    padding: 0 0 0 25px;
}
.content-container .inprofile2col .content-right h2 {
    padding-left: 25px;
}
.content-container .inprofile2col .content-right:after {
    content: "";
    display: block;
    clear: both;
}

.content-right h3 {
    padding-left: 25px;
}
.content-container .inprofile2col .pullquote {
    font-family: 'PT sans-serif';
    line-height: normal;
    margin: 25px 10%;
    
 }
.pullquote-extract {
    display: block;
    font-size: 25px;
    line-height: 1.3em;
    text-indent: -40px;
    margin-bottom: 20px;
}
.pullquote-extract:before, .pullquote-extract:after {
    position: relative;
    top: 20px;
    font-family: Times;
    font-size: 60px;
    line-height: 0;
    font-weight: bold;
}
.pullquote-extract:before {
    content: '\201C';
    color: #E50029;
    margin-right: 10px;
}
.pullquote-extract:after {
    content: '\201D';
    color: #E50029;
    margin-left: 10px;
}
/*ski offers layout*/
.offers-content-container {
    margin: 0px auto 10px auto;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px dotted #4C4D51;
}

.offers-content-container .offers-text {
    width: 45%;
    float: left;
    padding-right: 5%;
    font-size: 1.1em;
}
.offers-content-container .offers-image {
    width: 50%;
    float: right;

}

.offers-content-container:after {
    content: "";
    display: block;
    clear: both;
}
/*ends ski offers layout*/

.dropcap { /*dropcap*/
    float: left;
    color: #C0A270;
    padding: 6px 3px 0 0;
    font: 80px/60px 'PT Sans', sans-serif;
}

aside {
    /*background-color: #D7EEEA;*/
    background-color: #EDE9E1;
    padding: 20px 20px 0 20px;
    margin: 0px 0px 0px 20px;
    float: right;
    border: 3px solid rgba(211, 198, 164, 1);
    
}

.inprofile2col-condensed .aside_content p {
    font-size: 1.2em;
    margin: 10px;
    padding-bottom: 20px;
}
.inprofile2col-condensed .aside_content p:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/mobile_link_arrow.png);
}
.inprofile2col .aside_content p {
    font-size: 1.2em;
    margin: 10px;
    padding-bottom: 20px;
}
.inprofile2col .aside_content p:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/mobile_link_arrow.png);
}
.inprofile2col .aside_content p:last-child {
    padding-bottom: 30px;
}
aside:after {
    content: "";
    display: table;
    clear: both;
}
/*three column*/

.content-container .inprofile3col {
    /*targets each  area within the container*/
    
    width: 33%;
    float: left;
    background-position: 0px 3px;
}
.content-container .inprofile3col h3 {
    text-transform: uppercase;
    font-size: 1.4em;
    margin-bottom: 5px;
}
#extra-info .inprofile3col h3 {
    color: #4C4D51;
    font-size: 1.6em;
}
#practical-information .content-container .bordertopw h2 {
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #bfb977;
    line-height: 1.2381em;
    border-top: 5px solid #4c4d51;
    border-bottom: 1px dotted #4c4d51;
    margin-top: 10px;
}
#activities-information .content-container .bordertopw h2 {
    font-size: 2em;
    font-weight: 500;
    letter-spacing: -0.3px;
    color: #bfb977;
    line-height: 1.2381em;
    border-top: 5px solid #4c4d51;
    border-bottom: 1px dotted #4c4d51;
    margin-top: 10px;
}
.content-container .inprofile3col h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 1.1em;
    letter-spacing: 0.5px;
    font-weight: bold;
}
.content-container .inprofile3col .content p {
    /*targets the content of each  area*/
    
    font-size: 1em;
    margin: 10px 10px 10px 0px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.35em;
}
img.practicalinfo_image {
    max-width:350px;
}

/*SKI RESORTS TABLES */

.scrollable {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
}
/* Slider Style Index Page for Posts - Category posts, Recent Posts */

#postsbycategory-full {} 
#postsbycategory-mobile {
    display: none;
}
.postsbycategory-box {
    /*ski reviews index pages 3 per row*/
    
    position: relative;
    width: 30%;
    max-height: 250px;
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 30px;
    
    overflow: hidden;
    display: inline-block;
}
.postsbycategory-box .postsbycategory-overbox {
    background-color: rgba(0, 0, 0, 0.60);
    top: 210px;
    color: #fff;
    display: block;
    height: 250px;
    position: absolute;
    text-align: center;
    transition: all 0.2s ease-out 0s;
    width: 100%;
}
.news-container .postsbycategory-box .postsbycategory-overbox {
    top:190px;
}
.postsbycategory-box:hover .postsbycategory-overbox {
    top: 0;
}
.postsbycategory-overbox p {
    color: #fff;
    text-align: left;
    font-size: 1em;
    text-transform: none;
    height: 70px;
    padding: 0 10px;
}
.postsbycategory-overbox h3 a:link {
    font-size: 1em;
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    color: #C0A270;
}
.postsbycategory-overbox h3 a:visited {
    color: #ffffff;
    text-decoration: none;
}
.postsbycategory-overbox h3 a:hover {
    color: #C0A270;
    text-decoration: none;
}
.postsbycategory-overbox h4 {
    color: #fff;
}

/*category posts overbox linkboxes*/
.postsbycategory-overbox .overbox-linkbox {
    display: block;
}
.postsbycategory-overbox .overbox-linkbox-button {
float: right;
display: inline-block;
clear: both;
margin-right: 30px;
padding: 5px 10px;
font-size: 1.1em;
color: #fff;
background: transparent;
width: 40%;
text-transform: uppercase;
text-align: center;
border: 1px solid white;
}
.postsbycategory-overbox .overbox-linkbox-button:link {
    color: #fff;
}
.postsbycategory-overbox .overbox-linkbox-button:visited {
    color: #fff;
    background: transparent;
}
.postsbycategory-overbox .overbox-linkbox-button:hover {
    color: #4C4D51;
    background: #C9BF00;
    border:none;
}

/*Style Index Page for Posts - Category posts, Recent Posts */

.postsbycategory {
    /*posts index pages 4 per row*/
    
    width: 23%;
    height: 330px;
    float: left;
    margin: 10px 0 30px 0;
    padding: 0 1% 0 1%;
}
.postsbycategory p {
    color: #4c4d51;
    text-align: left;
    font-size: 1em;
    text-transform: none;
    height: 70px;
}
.postsbycategory .hdr-container {
    height: 60px;
    padding: 10px 0 10px 0;
}

/* HOMEPAGE */
/*CATEGORY INDEX PAGES EDITORIAL*/
#quick-search { /*ski reviews search drop-down*/
    background-image: linear-gradient(to top, rgba(30, 75, 115, 1),  rgba(255, 255, 255, 0)),
                        url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/10/MP-snowflake-nat-blu20.svg);
    background-repeat:no-repeat,
                        no-repeat;
    background-position: top,
                        top left;
    padding-top: 50px;
    padding-bottom: 30px;
    margin-bottom: 50px;                    
}
.category-content-outside-wrapper {
    width: 100%;
    margin: 0 auto;
}
.category-content-outside-wrapper-top {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 50px 0;
}
.category-content-outside-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.category-content-outside-wrapper-top:after {
    content: "";
    display: block;
    clear: both;
}
.category-content-inner-wrapper {
    height: 100%;
    margin-bottom: 30px;
}
.category-content-inside-wrapper {
    height: 100%;
    max-height: 500px;
    float: left;
}
.category-content-inner-wrapper .snowflake-top {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/10/MP-snowflake-nat-blu20.svg) no-repeat;
    position: absolute;
    top: -100px;
    left: -220px;
}
.category-content-inner-wrapper .snowflake-low {
    position: absolute;
    top: 300px;
    left: 930px;
    width: 200px;
    height: auto;
}
.category-content-inner-wrapper .category-content {
    position: relative;
    display: block;
    width: 66%;
    margin: 0 auto;
    padding-top: 20px;
}
.category-content-resort-location {
    width:80%;
    margin:0 auto;
    padding: 20px 0 20px 0;
}
.category-content-resort-location p {
    font-family: 'Pontano Sans', sans-serif, 'Helvetica', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.35em;
    text-align: center;
}

.category-content-inner-wrapper .category-content span {
    display: block;
    position: absolute;
    top: 5%;
    left: 4%;
    bottom: 0;
    right: 0;
    
    
}
 .category-content-inner-wrapper .category-content span.summer-resorts-icon {   
    background: url(http://mountainpassions.com/summer/wp-content/uploads/2016/05/summer-resort-guides.svg) no-repeat top left;
    background-size: 13%;
    z-index: -1;
 }
  .category-content-inner-wrapper .category-content span.summer-activities-icon {   
    background: url(http://mountainpassions.com/summer/wp-content/uploads/2016/05/mountain-activities-1.svg) no-repeat top left;
    background-size: 14%;
    z-index: -1;
 }
 .category-content-inner-wrapper .category-content span.summer-mtn-living-icon {   
    background: url(http://mountainpassions.com/summer/wp-content/uploads/2016/05/mountain-life-style-button.svg) no-repeat top left;
    background-size: 14%;
    z-index: -1;
 }
  .category-content-inner-wrapper .category-content span.scenic-touring-icon {   
    background: url(http://mountainpassions.com/summer/wp-content/uploads/2016/05/scenic-touring.svg) no-repeat top left;
    background-size: 14%;
    z-index: -1;
 }

/*----------*/

.category-content h2 {
        font-family: 'PT Sans', sans-serif;
    font-size: 4em;
    font-weight: 400;
    letter-spacing: -0.03em;
    color: #4c4d51;
    text-align: center;
    padding: 0em;
    margin: 0em;
    cursor: default;
}

.category-content h3 {
    font-family: 'PT Sans', sans-serif;
    font-size: 2.6em;
    font-weight: 400;
    color: #A7A4A4;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 0px;
}
.category-content p {
    font-family: 'Pontano Sans', sans-serif, 'Helvetica', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.35em;
    text-align: center;
}

.category-content-box {
    position: relative;
    float: left;
    width: 100%;
}
.category-content-box h2 {
    font-family: 'PT Sans', sans-serif;
    font-size: 3em;
    font-weight: 400;
    color: #4c4d51;
    letter-spacing: -0.03em;
    text-align: center;
    padding: 10px 0px 0px 0px;
}
.category-content-box p {
    font-family: 'Pontano Sans', sans-serif, 'Helvetica', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.1px;
    line-height: 1.35em;
    text-align: center;
}
.col-xl {
    width: 100%;
    float: left;
    height: auto;
    margin-bottom: 20px;
}
/*open category listing box without overbox - homepage */
.open-postsbycategory-box {
   /*features index pages 3 per row*/
    position: relative;
    float:left;
    width: 30%;
    max-height: 450px;
    margin-right: 1%;
    margin-left: 1%;
    padding-bottom: 30px;
    overflow: hidden;
    display: inline-block;

}
.open-postsbycategory-box h2 a {
    color: #4C4D51;
}
.open-postsbycategory-box h2 a:hover {
    color: #C0A270;
}
.open-postsbycategory-box h3 a {
   font-family: 'PT Sans', sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: #4C4D51;
    letter-spacing: -0.03em;
    padding: 0em;
    margin: 0em;
    cursor: pointer;
    height:30px; 
}
.open-postsbycategory-box h3 a:hover {
   color: #76BA6A; 
}
.open-postsbycategory-box h4 {
    line-height: 1.5em;
}
.open-postsbycategory-box .excerpt {
    margin-bottom: 10px;
    height: 65px;
}
.open-postsbycategory-box p {
    font-size: 1em;
    margin: 10px 10px 10px 0px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.35em;
}
.linkbox {
    display: block;
}
.linkbox-button {
float: left;
display: inline-block;
clear: both;
margin-bottom: 10px;
padding: 5px 10px;
font-size: 1.1em;
color: #fff;
background: #E50029;
width: 40%;
text-transform: uppercase;
text-align: center;
}
.linkbox-button:link {
    color: #fff;
}
.linkbox-button:visited {
    color: #4C4D51;
    background: #C9B256;
}
.linkbox-button:hover {
    color: #4C4D51;
    background: #C9B256;
}

.linkbox-centre { /*see all button*/
display: inline-block;
clear: both;
margin-top: 20px;
margin-bottom: 50px;
padding: 5px 20px;
font-size: 1.8em;
color: #fff;
background: #C9B256;
width: 55%;
text-transform: uppercase;
text-align: center;
}
.linkbox-centre:link {
    color: #fff;
}
.linkbox-centre:visited {
    color: #fff;
    background: #C9B256;
}
.linkbox-centre:hover {
    color: #fff;
    background: #4C4D51;
}

/*AUTHOR BIO*/

.author-bio {
    border: 2px solid #c5c5c5;
    color: #4C4D51;
    max-width: 90%;
    height:auto;
    margin: 0 auto;
}
.author-info {
    
    text-align: center;
    margin: 0 auto;
}
.author-title {
    color: #4C4D51;
}
.author-description {
    width: 80%;
    margin: 0 auto;
}

#icons li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    
}

/*FOOTER STYLING*/

#company_footer li {
    display: inline;
    list-style-type: none;
    padding-right: 20px;
    text-align: right;
}
#company_footer a {
    color: #4C4D51;
}
#company_footer a:visited {
    color: #BFB977;
}
#company_footer a:hover {
    color: #AC1018;
    text-decoration: underline;
}
/*CONTENT*/

.read-feature {
    color: #4C4D51;
    font-size: 14px;
}
div.skiregion-intro-block {
    width: 30%;
    float: left;
    height: auto;
    padding: 1.5%;
}
div.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;
}
.skiregion-intro-detail
/* ski reviews - location, ski village, ski area and best for boxes*/

/*full-width hero images*/
.imageBlock, .imageBlock-heroImage {
    display: inline-block;
    position: relative;
    padding: 0px;
    border: none;
    max-width: 100%;
}
/*Centering background motif over hero image*/
.imageBlock-heroImage-skireviews span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/cablecar.svg) no-repeat center center;
    background-size: 10%;
}

.imageBlock-heroImage-skifeatures span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/cablecar.svg) no-repeat center center;
    background-size: 15%;
}
.imageBlock-heroImage-w-activities span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/snowshooz.svg) no-repeat center center;
    background-size: 15%;
}
.imageBlock-heroImage-mtnliving span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/chalet_icon_round.svg) no-repeat center center;
    background-size: 15%;
}
/*ends centered motifs*/

/*titles over images*/
.imageBlock span {
    display: block;
    position: absolute;
    width: auto;
    padding: 20px 20px 0 20px;
    height: 60px;
    font-family: 'PT Serif', serif;
    font-size: 3em;
    letter-spacing: -1px;
    text-align: left;
    color: rgba(76, 77, 81, 0.8);
    top: 40px;
    left: 0px;
    background-color: rgba(242, 242, 242, 0.5);
}
.imageBlock-insightImage span {
    display: block;
    position: absolute;
    width: auto;
    padding: 20px 20px 0 20px;
    height: 60px;
    font-family: 'PT Serif', serif;
    font-size: 2.7em;
    letter-spacing: -1px;
    text-align: left;
    color: rgba(76, 77, 81, 0.8);
    top: 40px;
    left: 0px;
    background-color: rgba(242, 242, 242, 0.5);
}
/*ends titles over images*/

div.ip_box_content {
    width: 600px;
    float: left;
    min-height: 400px;
    padding: 10px;
}
.ip_box_content p {
    font-size: 1.2em;
}
div.ip_box_handi,
.ip_box_yes {
    width: 50%;
    float: left;
    height: auto;
    padding: 10px;
    border: 1px solid silver;
}
div.ip_box_ski {
    width: 400px;
    float: right;
    color: #4c4d51;
    padding: 10px;
}
.beige {
    background-color: #EDE9E1;
}
.dark_grey {
    background-color: #4C4D51;
}
div.ip_box {
    width: 30%;
    float: left;
    height: auto;
    padding: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 1.5%;
    margin-right: 1.5%;
}
/* RESORT REVIEWS in profile ski resort stats and info */

div.inprofile_statsbox {
    width: 400px;
    float: right;
    background: #fff;
    border-left: 1px solid silver;
    border-top: 1px solid silver;
    color: #4c4d51;
    margin: 10px;
    padding: 10px;
    -webkit-box-shadow: 7px 7px 5px 0px rgba(196, 190, 196, 1);
    -moz-box-shadow: 7px 7px 5px 0px rgba(196, 190, 196, 1);
    box-shadow: 7px 7px 5px 0px rgba(196, 190, 196, 1);
}
.statsbox_title {
    margin: 0.8em 0 0 0;
}
/*.statsbox_text p { should be .inprofile3col .content p etc
    font-size: 1em;
    margin: 10px;
    font-family: 'Raleway', sans-serif;
    line-height: 1.5em; 
}*/

.ip_resort_sub_para {
    margin: 0 0 20px 10px;
}
.ip_name,
.ip_domain_name {
    font-family: "Oswald", sans-serif;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
}
.inprofile_logo_box {
    width: 100%;
    display: inline-block;
    padding: 10px;
}
.resort_logo,
.resort_info,
.domain_info {
    width: 50%;
    float: left;
}
.famplus_logo {
    float: left;
    min-width: 120px;
    margin: 10px auto 10px 10px;
}
.famplus_logo:after {
    content: '';
    display: block;
    clear: both;
}
.famplus_title,
.ip_altitude_title,
.ip_terrain_title,
.ip_lifts_title,
.ip_dom_terrain_title,
.ip_dom_lifts_title,
.ip_dom_lifts_total,
.ip_skiingthere_title,
.ip_snowboarding_title,
.ip_xcountry_title,
.ip_handiski_title,
.ip_stayingthere_title {
    font-size: 1.2em;
    color: #4C4D51;
    font-weight: 600;
    padding-bottom: 5px;
}
.ip_altitude_min,
.ip_altitude_max {
    font-size: 1.2em;
    font-weight: bold;
}
.piste_bar {
    padding: 10px 0 10px 0px;
}
.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: 1em;
    font-weight: 700;
}
.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: 1em;
    font-weight: bold;
}
.ip_skiingthere_beginners,
.ip_skiingthere_intermediates,
.ip_skiingthere_expert,
.ip_skiingthere_scenery,
.ip_attractions,
.ip_walking,
.ip_cycling,
.ip_activities {
    font-size: 1.2em;
    font-weight: bold;
}
.ip_boarding_desc,
.ip_snowparks,
.ip_snowboarder_cross,
.ip_half_pipe {
    font-size: 1.2em;
    font-weight: 400;
    margin-left: 10px;
}
.ip_xcountry_desc,
.ip_xcountry_ski,
.ip_bulletpts {
    font-size: 1.2em;
    font-weight: 400;
    margin-left: 10px;
}
.ip_bulletpts ul {
    padding: 0 20px 0 20px;
    list-style: disc;
}
.ip_bulletpts li {
    padding-bottom: 4px;
}
#extra-info .ip_bulletpts {
    color: #4C4D51;
    font-size: 1.2em;
}
.ip_stayingthere_title,
.ip_skiingthere_title {
    font-size: 1.2em;
    font-weight: bold;
}
.ip_stayingthere_value,
.ip_stayingthere_accommodation,
.ip_stayingthere_diningout,
.ip_stayingthere_nightlife,
.ip_stayingthere_charm,
.ip_stayingthere_summer_value,
.ip_stayingthere_summer_accom,
.ip_stayingthere_summer_diningout,
.ip_stayingthere_summer_nightlife,
.ip_stayingthere_summer_charm {
    font-size: 1.2em;
    font-weight: bold;
}
.hearts_box {
    width: 400px;
    margin: 10px auto 20px 0;
}
.hearts-1 {
    display: block;
}
.hearts-1:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/02/1-heart1.svg);
}
.hearts-2 {
    display: block;
}
.hearts-2:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/02/2-hearts1.svg);
}
.hearts-3 {
    display: block;
}
.hearts-3:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/02/3-hearts1.svg);
}
.hearts-4 {
    display: block;
}
.hearts-4:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/02/4-hearts1.svg);
}
.hearts-5 {
    display: block;
}
.hearts-5:before {
    content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/02/5-hearts1.svg);
}
.border_left {
    border-left: 2px solid silver;
    margin-left: 100px;
}
.heart-background-img-lge {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/heart_tint_lge.gif) no-repeat;
    border: none;
}
.heart-background-img-yel {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/heart_tint_yel.gif) no-repeat;
    border: 0;
}
.heart-background-img-ice {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/heart_tint_ice.gif) no-repeat;
    border: 0;
}
.heart-background-img-grn {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/heart_tint_green.gif) no-repeat;
    border: none;
}
.heart-background-img-buff {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/heart_tint_buff.gif) no-repeat;
    border: none;
}
.cone-background-img-grn {
    background-image: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/03/cone_tint_grn.gif) no-repeat;
    border: none;
}
/* MOUNTAIN LIVING styling */
.twitter-widget-outside-wrapper {
    width: 100%;
    margin: 0 auto;
    padding: 50px 0 50px 0; 
    background-image: url('http://www.mountainpassions.com/winter/wp-content/uploads/2015/12/twitter-icon.svg');
    background-repeat: no-repeat;
   background-size: 300px 300px;
   background-position: 10% 10%;
}
.twitter-widget-outside-wrapper:after {
    content: "";
    display: block;
    clear: both;
}
.twitter-widget-inside-wrapper {
    width: 70%;
    margin: 0 auto;
   height: 200px;  
   
}

h3.tweet-title {
    display: none;
}
.tp_recent_tweets li {
    font-size: 2.5em;
}

.feature_text_box {
    width: 50%;
    float: right;
    margin: 10px;
    padding: 0 10px;
}
.blu-bg {
    background-color: #D7EEEA;
}
.boxout_beige {
    width: 90%;
    background: #F5F5DC;
    padding: 3px;
    border: 2px solid #d3c6a4;
    margin: 0px 3px 5px 3px;
}
/*divider mp heart */

hr.mp-icon {
    height: 20px;
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2014/11/1_heart1.gif) no-repeat center;
    border: none;
}
/*divider eliptical line*/

hr.divider {
    border: 0;
    height: 2px;
}
hr.divider:before {
    top: -0.5em;
    height: 0.5em;
}
hr.divider:after {
    content: '';
    height: 0.5em;
    top: 1px;
}
hr.divider:before,
hr.divider:after {
    content: '';
    position: absolute;
    width: 100%;
}
hr.divider,
hr.divider:before {
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0) 75%);
}
body,
hr.divider:after {
    background: initial;
}
/*------------------------------------*\
/* PRE-HEADER */

#pre-header {
    background: #333;
    padding: 0px 50px;
    position: relative;
    height: 28px;
}
#pre-header a:link,
#pre-header a:visited {
    color: #fff;
    text-decoration: none;
}
#pre-header a:hover,
#pre-header a:focus {
    color: #fff;
    text-decoration: none;
}
#social-links li {
    float: left;
    margin-right: 3px;
    margin-top: 8px;
    font-size: 0.8em;
}
#social-links li a:link,
#social-links li a:visited {
    color: #ccc;
}
#social-links li a:hover {
    color: #fff;
}
/* HEADER SEARCH */
/*
#header-search {
    position: absolute;
    right: 30px;
    top:80px;
    clear: both;
}
#header-search div {
    width: 350px;
    text-align: right;
    position: relative;
}

#header-search input:focus {
    outline: 1px solid #808080;
}
#header-search #searchform {
    display: block;
    clear: both;
}
#header-search #searchform label {
    display: none;
}
#header-search #searchform input#s {
    width: 375px;
}

#header-search input#s {
    border: 1px solid #454545;
    padding: 3px 25px 3px 8px;
    margin: 0 0em 0 0;
    color: #a2a2a2;
    background: #333;
    font-size: 0.7em;
}
#header-search #searchsubmit {
    width: 14px;
    height: 14px;
    text-indent: -9999px;
    position: absolute;
    right: 5px;
    top: 4px;
}

*/
/*SKI RESORTS FORM*/

#resorts-list {
    border: none;
    width: 25%;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 30px;

}
#resorts-list form {
    
}
button, input, select, textarea {
  font-family : inherit;
  font-size   : 1.5em;
  width: 300px;
  margin:auto;
-webkit-box-sizing: border-box; /* For legacy WebKit based browsers */
     -moz-box-sizing: border-box; /* For legacy (Firefox <29) Gecko based browsers */
          box-sizing: border-box;
}
input {
    height: 2.5em; /* for IE */
    vertical-align: middle; /* This is optional but it makes legacy IEs look better */
}
/* end*/

/*TWITTER FEED*/
blockquote.twitter-tweet {
  display: inline-block;
  font-family: "Pontano-Sans", sans-serif;
  font-size: 2em;
  font-weight: bold;
  line-height: 2.1em;
  border-color: #eee #ddd #bbb;
  border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
  margin: 10px 5px;
  padding: 0 16px 16px 16px;
  max-width: 468px;
}
 
blockquote.twitter-tweet p {
  font-size: 16px;
  font-weight: normal;
  line-height: 20px;
}
 
blockquote.twitter-tweet a {
  color: inherit;
  font-weight: normal;
  text-decoration: none;
  outline: 0 none;
}
 
blockquote.twitter-tweet a:hover,
blockquote.twitter-tweet a:focus {
  text-decoration: underline;
}

/*FEATURES recipes section */
#recipes {
    padding: 20px 0px 0px 20px;
    margin-bottom: 30px;
    border: 1px solid silver;
    background-color: rgba(245, 241, 232, 1)
}

/*ADS Google ad block sizes*/
#resorts-ad {
    margin:0 20px 20px auto;
    max-width: 100%;
    clear: both;
}
.content-ad-2col {
    max-width: 500px;
    margin-top: 30px;

}
.content-ad-3col {
    max-width:350px;
    margin-left: 25px;
    
}

/*NEWS & OFFERS single posts with right sidebar */

.newswrapper {
    max-width: 1130px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    height: auto;
}
.newswrap-inside {
    width: 1130px;
    padding: 0px;
    float: left;
    max-width: 100%;
}
.news-container {
    float: left;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-top: 20px;
    width: 72%;
}

.dev-news-container {
    max-width: 75%;
    float: left;
    margin: 0 0px 0 40px;
    padding: 0 10px 20px 10px;
}
.newswrapper-container {
   max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background-color: #fff;
    height: auto; 
}
.newswrapper-container::after {
    content: "";
    display: block;
    clear: both;
}

#sidebar-right {
    max-width: 20%;
    float: left;
   margin: 10px auto;
    height: auto;
    background-color: #EDE9E1;
    /*border: 1px solid rgba(211, 198, 164, 1);*/
    }
#sidebar-widget {
    max-width: 20%;
    float: left;
    margin: 10px auto;
    height: auto;
}

.sidebar-content {
    margin-bottom: 15px;
    padding: 3px 10px 0 10px;
}
.sidebar-content p {
    font-size: 1em;
}
.sidebar-top-div {}  h3.widget-title, h3.sidebar-title  { /*Adverts*/
    width: 100%; 
    font-family: Oswald, sans-serif;
    font-size: 1.5em;
    font-weight: normal;
    letter-spacing: -0.3px;
    color: #4c4d51;
    line-height: 1.2381em;
    border-top: 5px solid #4c4d51;
    border-bottom: 1px dotted #4c4d51;
    
}
.sidebar-bottom-div {
   
}
.sidebar-content img {
    padding: 0px;

}
/*ends single with right sidebar*/

.icon-smile,
.icon-frown,
.icon-wink {
    border: none;
    width: 4em;
    margin: 0 auto;
    padding: 0 20px 0 0;
}
.icon-heart {
    border: none;
    width: 0.8em;
    margin: 0 auto;
    padding: 2px 10px 0 0;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/

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

.feature-img-wrapper, .inprofile-img-wrapper, .insight-img-wrapper {
    width: 100%;
    margin: 0 auto;
    max-height: 700px;
  
}

.insight-img,
.feature-img {
    display: block;
    margin-left: auto;
    margin-right: 0px;
    padding: 0px;
    border: none;
}
.image-container {
    max-width: 100%;
    padding: 0px 0px 15px 0px;
}
.image-container:after {
    content: "";
    display: block;
    clear: both;
}
.centered-image {
    float: left;
    display: block;
}
.single-image {
    float: left;
}
.left-image {
    float: left;
    position: relative;
    display: inline-block;
}
.inprofile2col .right-image {
    padding-right: 0;
}
.right-image {
    float: right;
    position: relative;
    display: inline-block;
}
/*arrows*/

.up-arrow, .down-arrow  {
    text-align: center;
    padding: 0px 0 20px 0;
}
.up-arrow p {
    padding-left: 0;
}

.link-arrow-box {
    width: auto;
    float: right;
    position: relative;
}

.link-arrow-box h3 {
    text-align: left;
    font-size: 2.1em;
    padding-right: 60px;
    margin-left: 0px;
}
.right-arrow-box {
    position: absolute;
    float: right;
    top: 5px;
    right:10px;
}
.link-arrow-box, .right-arrow-box :after {
     content: "";
    display: block;
    clear: both;
}

/*ad container width 50% */
.adgroup {
    width: 50%;
    margin: auto;
    padding: 30px 30px;
}
#ad-group-ski {
    margin: 30px 0px 30px 0px;
}
/*ADS Google ad block sizes*/
#resorts-ad {
    margin-bottom: 20px;
    clear: both;
}
.content-ad-2col {
    max-width: 500px;
    margin-top: 30px;
    
}
.content-ad-3col {
    max-width:350px;
    margin-left: 25px;
}
/*Centre advert block*/
.content-ad-1col {
    margin: 30px 0 30px 0;
    text-align: center;
}

.info-image {
    float: left;
    max-width: 90%;
}
.info_image:after {
    content: "";
    display: block;
    clear: both;
}
/* old image styles
.insetimage_L {
    float: left;
    border: 1px solid silver;
    padding: 2px;
    margin: 4px 6px 0 0;
}
.insetimage_R {
    float: right;
    border: 1px solid silver;
    padding: 2px;
    margin: 4px;
}

.leftimage {
    float: left;
    padding: 5px 15px 0px 0px;
}
.rightimage {
    float: right;
    padding: 5px 0px 0px 15px;
}
.padimage {
    padding: 6px 0px 2px 0px;
    background-color: #FFFFFF;
}
*/
/*------------------------------------*\
    TYPOGRAPHY
\*------------------------------------*/

blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}
blockquote p {
    display: inline;
}

hr {
    border-top: 2px dotted #bfb976;
    width: 90%;
}

.content-container .feature-singlecol-container .content .date-original {
    font-size: 0.8em;
    color: #ccc;
}
/* heading .bordertopw h2 on line 942 with .content-container*/
.heading_borderbotw {
    width: 100%;
    height: 20px;
    border-bottom: 5px solid #4c4d51;
}
.xl-hdr_bordertops {
    font-family: Oswald, sans-serif;
    font-size: 1.8em;
    font-weight: 300;
    letter-spacing: -0.3px;
    color: #76BA6A;
    line-height: 1.2381em;
    border-top: 5px solid #76BA6A;
    border-bottom: 1px dotted #76BA6A;
    margin-top: 10px;
}
.heading_borderbots {
    width: 100%;
    height: 20px;
    border-bottom: 5px solid #76BA6A;
}
.xl-hdr h2 {
    color: #AC1018;
    font-size: 2.5em;
}
.xxl-hdr {
    color: #404040;
    font-family: "Roboto Condensed", Helvetica, sans-serif;
    font-size: 4.8em;
    font-weight: 300;
    letter-spacing: -3px;
    line-height: 1.1471em;
    padding-bottom: 0;
    padding-top: 0.3824em;
}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*-----------Layout large screens----------------------*/

@media (max-width: 1024px) {
    .postsbycategory-box .postsbycategory-overbox {
        top: 185px;
        height: 230px;
    }
   
    .category-content-inner-wrapper .category-content span.summer-resorts-icon {   
    background-size: 15%;
 }
    .category-content-inner-wrapper .category-content span.summer-activities-icon {   
    background-size: 15%;
 }
 .category-content-inner-wrapper .category-content span.summer-mtn-living-icon {   
     background-size: 15%;
 }
  .category-content-inner-wrapper .category-content span.scenic-touring-icon {   
    background-size: 15%;
 }
 /*Front page */

}
@media (max-width: 990px) {

.content-container,
    .feature-singlecol-container {
        padding: 0px 20px 15px 20px;
    }
   .crp_related {
        padding: 0px 20px 0px 20px;
    }
}
/*---------------- Layout iPad --------------------*/
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

nav ul li {
    padding: 0 0px 0 50px;
}
    .mp-hdr-logo-flat {
    display: none;
}
    .dev-news-container {
    margin: 0 10px 0 0;
}
    .content-container,
    .feature-singlecol-container {
        padding: 0px 20px 15px 20px;
    }
    .inprofile2col .right-image {
        max-width: 97%;
        padding-right: 10px;
    }
    .inprofile2col .left-image {
        max-width: 97%;
    }
    .content-container .inprofile2col .content-right h2 {
    padding-left: 0px;
    }
    .content-container .inprofile2col .content-right p {
    padding-left: 0px;
    }
    /*Front page */
    
    
    .category-content-inner-wrapper .category-content span.summer-resorts-icon {
    background-size: 10%;
    }
    .category-content-inner-wrapper .category-content span.summer-activities-icon {
    background-size: 10%;
    }
    .category-content-inner-wrapper .category-content span.scenic-touring-icon {
    background-size: 10%;
    }
    .category-content-inner-wrapper .category-content span.summer-mtn-living-icon {
    background-size: 10%;
    }

/*Category Boxes*/
    .postsbycategory-box .postsbycategory-overbox {
    top: 160px;
    height: 230px;
    }
    
    .crp_related {
        padding: 0px 20px 0px 20px;
    }
    p.copyright {
        margin-left: 20px;
    }
    /* Footer */
    
    .menu-social,
    .menu-cookies,
    .menu-about,
    .menu-misc {
        width: 23%;
    }
    footer li a {
        font-size: 1em;
    }
    footer h3 {
        font-size: 1em;
    }

.content-container .inprofile2col .pullquote {
    font-size: 1.5em;
    line-height: 1.5em;
}
.imageBlock-heroImage span {
    font-size: 2.7em;
    left:0px;
    top:20px;
   }
    .imageBlock span {
    width: 40%;
    font-size: 2em;
    padding: 10px 10px 0 10px;
    height: 40px;
    left: 20px;
}
.imageBlock-insightImage span {
    width:95%;
    font-size: 2em;
    padding: 10px 10px 0 10px;
    height: 40px;
    left: 0px;
}
.icon-smile, .icon-frown, .icon-wink {
    width: 2.5em;
}
.content-ad-3col {
    max-width:300px;
    margin-left: 0px;
    
}
}
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
   .mp-hdr-logo-flat {
    display: none;
}
.mtn-living-icon {
    left:72%;
}
 .dev-news-container {
    max-width: 100%;
    margin: 0 10px 0 10px;
    padding: 0 5px 10px 5px;
}
 #sidebar-right {
    max-width: 45%;
    margin: 0px 10px 10px 10px;
    
}
#sidebar-widget {
    max-width: 45%;
    float: right;
    margin: 0px 10px 10px 10px;
}

.sidebar-top-div {
margin-left: 20px;
}
  
 .sidebar-content {
    margin-left: 0px;
 }

/*Hero image */
.mountain-hero {
    background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2016/02/Beaufortain-13695.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 10%;
    position: relative;
    overflow: hidden;
    }
    .mountain-hero--content h2{
    position: relative;
    margin: 5% 0 20% 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 3em;
    padding-left: 0;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: center;
     }
    .mountain-hero--title {
    text-transform: uppercase;
    margin: 0;
    }
    .mountain-hero--title--first {
    font-size: 2.5em;
    color: #fff;
    display: block;
    letter-spacing: 7px;
    margin-top: .3em;
    
    }
    .mountain-hero--title--second {
    font-size: 1em;
    color: #fff;
    display: block;
    letter-spacing: 3.9px;
    margin: 20px 0 0 0;
    }
    .mountain-hero--subtitle {
    font-size: 17.6px;
    font-size: 1.1rem;
    color: #fff;
    margin: 1em auto 0;
    max-width: 33em;
    }

/*Navigation resorts page*/
nav {
    width: 95%;
}
nav ul li {
    padding: 0 0px 0 35px;
}

.postsbycategory-box {
        width: 47%;
    }
    .postsbycategory-box .postsbycategory-overbox {
    top: 190px;
    height: 250px;
    width: 99%;
}
.linkbox-button {
    width: 60%;
}
.linkbox-centre {
    width: 80%;
}
img.practicalinfo_image {
    max-width: 230px;
}
.image-container {
    padding: 0 0 15px 0;
}

.content-right h3 {
    padding-left: 10px;
}
h3 {
    font-size: 1.2em;
}
p.copyright {
        margin-left: 20px;
    }
.mobile-only {
    display: none !important;
}
.tablet-only {
    display: none;
}
.content-ad-3col {
    display:none;
    
}
.content-container .inprofile2col .pullquote {
    font-size: 1.5em;
    line-height: 1.5em;
}
.feature-image-wrapper {
    padding:0px 0px 0px 0px;
}
/*Footer*/
.menu-social, .menu-cookies, .menu-about, .menu-misc {
    display: inline-block;
    width: 23%;
    float: left;
    padding-left: 10px;
}

}
/*------------------- Layout Medium Screens---------------------------- */

@media screen and (min-width: 501px) and (max-width: 800px) {
    .wrapper {
        max-width: 799px;
    }
    .mountain-hero {
    background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2016/02/Beaufortain-13695.jpg);
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 10%;
    position: relative;
    overflow: hidden;
    }
    .mountain-hero--content h2{
    position: relative;
    margin: 5% 0 20% 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 3em;
    padding-left: 0;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: center;
     }
    .mountain-hero--title {
    text-transform: uppercase;
    margin: 0;
    }
    .mountain-hero--title--first {
    font-size: 2.5em;
    color: #fff;
    display: block;
    letter-spacing: 7px;
    margin-top: .3em;
    
    }
    .mountain-hero--title--second {
    font-size: 1em;
    color: #fff;
    display: block;
    letter-spacing: 3.9px;
    margin: 20px 0 0 0;
    }
    .mountain-hero--subtitle {
    font-size: 17.6px;
    font-size: 1.1rem;
    color: #fff;
    margin: 1em auto 0;
    max-width: 33em;
    }

.mountain-hero--winter {
     background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2014/08/Cormet-de-Roselend-9326.jpg);   
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 10%;
    position: relative;
    overflow: hidden;
    }
    .mountain-hero--arrow {
        position: absolute;
        top:80%;
        left: 50%;
        width:100px;
        height:50px ;
        left: 44%;
    }
    .mountain-hero--arrow img {
        max-width:50px;
        height: 50px;
    }
    p.mountain-hero--arrow-text {
        display: none;
    }
.mountain-hero--arrow-winter {
        position: absolute;
        top:70%;
        left: 40%;
        width:150px;
        height:60px ;
    }
   
    .mountain-hero--arrow-winter img {
        max-width:50px;
        height: 50px;
    }
    .mountain-hero--arrow-winter p{
        font-size: 1.3em;
        color: #fff;
        font-weight: 700;
        max-width:150px;
    }

.linkbox-button {
    width: 80%;
}
.linkbox-centre {
    width: 80%;
}
    
    /*MP logos*/
  
    .mp-hdr-logo {
        height: 40px;
    }
    .mp-hdr-mobile {
    display: none;
}
    .footer-logo {
        height: 30px;
    }
    .footer-wrap-inside {
        width: 96%;
    }
    article {
        width: 100%;
    }
    .pullquote {
        font-size: 1.5em;
    }
    /*Navigation Resorts Page*/
nav {
    display: block;
    width: 40%;
    margin: 0 55% 0 5%;
    background-color: #EDE9E1;
}
nav ul li {
    padding: 0 0px 0 40px;
}

/*Headers*/
    
    h1 {
        margin: 0 0 20px 20px;
    }
    h2 {
        margin: 0 30px 20px 0px;
        font-weight: normal;
    }
    h3 {
        font-weight: normal;
    }
    h4 {
        font-weight: normal;
    }
     .mobile-only {
        display: none !important;

}
    .xl-hdr {
        font-size: 2.3em;
    }
    .xl-hdr_bordertopw h2 {
        margin-left: 0;
    }
    .hearts_box {
        margin-left: 10px;
    }
    .ip_bulletpts {
        font-size: 1.1em;
    }
    .ip_bulletpts ul {
        padding: 0px 20px;
    }
    .content-container {
        margin-bottom: 8px;
    }
    .category-container {
        width: 80%;
    }
    .feature-singlecol-container h2 {
        margin-left: 0;
    }
    .feature-singlecol-container h3 {
        margin-left: 0;
    }
    .feature-singlecol-container .content p {
        font-size: 1.1em;
    }
    .content-container .inprofile2col-extended {
        width: 50%;
    }
    .content-container .inprofile2col-condensed {
        width: 50%;
    }
    .content-container .inprofile2col .content h2 {
        margin-left: 0px;
        font-size: 1.5em;
    }
    .content-container .inprofile2col-extended .content h2 {
        margin-left: 0px;
        font-size: 1.5em;
    }
    .content-container .inprofile2col .content-right h2 {
        padding-left: 0px;
        font-size: 1.5em;
    }
    .content-container .inprofile2col .content p {
        padding: 0 10px 0 0;
        font-size: 1.2em;
    }
    .content-container .inprofile2col-extended .content p {
        padding: 0 10px 0 0;
        font-size: 1.1em;
    }
    .content-container .inprofile2col .content-right p {
        padding: 0 0 0 0px;
        font-size: 1.2em;
    }
    .content-container .inprofile3col h2 {
        font-size: 1.5em;
    }
    .content-container .inprofile3col .content {
        padding: 0px 6px 0px 0px;
    }
    /*ski deals */
    .offers-content-container .offers-text {
        width: 100%;
    }
    .offers-content-container .offers-image {
        display: none;
    }
    /*Category index page */
    
    .category-content-outside-wrapper-top {
        padding: 20px 0 20px 0;
    }
    .category-head {
        font-size: 48px;
        padding-top: 0.3824em;
    }

/*Home Page*/

.home-content-info-group .img-block,
    .home-content-info-group .content-block {
        width:100%;
        padding: 0px 0 10px 0;
    }
   .snowflake-left, .snowflake-right {
        opacity:0.2;
    }
    .content-block h1 {
        font-size: 3.3em;
        margin: 6px 0 0 0;
    }
    .content-block h3 {
        font-size:2.1em;
        padding-bottom: 6px;
     }
    
    
    .content-block h2 {
        font-size: 3.4em;
        padding: 0px;
        margin: 0 0 0 0;
    }
    .content-block p {
        font-size: 1.2em;
        padding: 0px 20px 0px 20px;
    }

/*category motifs*/
     .home-content-info-group .content-block span {
    top: 2%;
   
    }
 .home-content-info-group .content-block span.ski-reviews-icon {   
    background-size: 12%;
 }
 .home-content-info-group .content-block span.ski-features-icon {   
    background-size: 12%;
 }
 .home-content-info-group .content-block span.mtn-living-icon {   
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/chalet_icon_round.svg) no-repeat top left;
    background-size: 15%;
 }
  .home-content-info-group .content-block span.w-activities-icon {   
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/snowshooz.svg) no-repeat top left;
    background-size: 15%;
 }

/*Quick search box*/
#quick-search { /*ski reviews search drop-down*/
    background-image: linear-gradient(to top, rgba(30, 75, 115, 0.7),  rgba(255, 255, 255, 0)),
                        url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/MP-bloo-snowflake.png);
                       
    background-repeat:no-repeat,
                        no-repeat;
                       
    background-position: top,
                            top left;
    height: 300px;                
}
#quick-search h2 {
    color: #ffffff;
}
/*category listing boxes*/
.postsbycategory-box {
        width: 47%;
    }
    .postsbycategory-box .postsbycategory-overbox {
    top: 190px;
    height: 250px;
    width: 99%;
}
.open-postsbycategory-box {
    width: 30%;
}
.open-postsbycategory-box h2 {
    margin: 0 0 0 0;
    font-size: 1.2em;
    line-height: 1.5em;
    letter-spacing: 0.5px;
    height: 50px;
}
.open-postsbycategory-box h4 {
    font-size: 1em;
    height: 35px;
}
.open-postsbycategory-box p {
    font-size: 0.8em;
    line-height: 1em;
}
.open-postsbycategory-box .excerpt {
    margin-bottom: 10px;
    height: 100px;
    clear:both;
}
.linkbox-button {
    width: 80%;
}
/**/
    .category-content-inner-wrapper .category-content {
        width: 80%;
    }
    .category-content-inner-wrapper .category-content span {
        top: 2%;
    }
    .category-content h2 {
        font-size: 3em;
    }
    .category-content h3 {
        font-size: 2em;
    }
    .category-content p {
        font-size: 1.4em
    }
    .choose-resort,
    .choose-resort a:link {
        top: 140px;
        font-size: 0.8em;
        line-height: 30px;
    }
    /*------------In Profile ---------------------------*/
    /*three column*/
    
    .content-container .inprofile3col h4 {
        font-size: 1em;
        letter-spacing: 0.5px;
    }
    .content-container .inprofile3col .content p {
        /*targets the content of each  area*/
        
        font-size: 0.9em;
        line-height: 1.3em;
    }
    .content-ad-3col {
    display: none;
    
}
    /*------------ Images-----------------*/
   .imageBlock-heroImage span {
    display:none;
}
   .imageBlock span {
    width: 50%;
    font-size: 2em;
    padding: 10px 10px 0 10px;
    height: 40px;
    left: 20px;
}
.imageBlock-insightImage span {
    width:95%;
    font-size: 1.7em;
    padding: 10px 10px 0 10px;
    height: 40px;
    left: 0px;
}
.icon-smile, .icon-frown, .icon-wink {
    width: 2.4em;
}

/*text over image InProfile*/
    
    .category-container .snowflake-top {
        position: absolute;
        top: -80px;
        left: 550px;
    }
    .category-container .snowflake-low {
        display: none;
    }
    .icon-heart {
        width: 0.8em;
        padding: 2px 8px 0 0;
    }
    .inprofile2col .right-image {
        max-width: 97%;
        padding-right: 10px;
    }
    .inprofile2col .left-image {
        max-width: 97%;
    }
    .inprofile2col-condensed .aside_content p {
    font-size: 1em;
    margin: 10px;
    padding-bottom: 20px;
}
    body {
        background-image: none;
    }
/*Search Results*/
.search-content {
    width: auto;
    padding: 0 20px 0 20px;
}
/*Resorts List */
#resorts-list {
   width:50%;
}
    /* Footer */

footer p {
    margin-left: 10px;
    padding: 0;
    font-size: 0.8em;
}
footer h3 {
    margin: 0;
    padding-left: 0;
}

}

/*---------------Layout small screens------------------------------ */

@media screen and (min-width: 50px) and (max-width: 500px) {
/*Sidebar*/    
#sidebar-right {
    max-width: 100%;
    margin: 20px;
 }

#sidebar-widget {
    max-width: 100%;
    float:left;
    margin: 20px;
}
.sidebar-content  {
    margin: 10px;
}
.sidebar-content h2 {
    padding-left: 0px;
}
h3.sidebar-title {
    width: 90%;
    margin: 3px 10px 0 10px;
}

/*Front Page */

.mountain-hero {
    background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2015/05/MP-Le-Monal-28599.jpg);
    text-align: center;
    padding: 3% 1em 10%;
    position: relative;
    overflow: hidden;
    }
    .mountain-hero--content h2{
    position: relative;
    margin: 5% 0 20% 0;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.5em;
    padding-left: 0;
    color: #fff;
    letter-spacing: -0.03em;
    text-align: center;
    
}
    
    .mountain-hero--title {
    text-transform: uppercase;
    margin: 0;
    }
    .mountain-hero--title--first {
    font-size: 2.2em;
    color: #fff;
    display: block;
    letter-spacing: 7px;
    margin-top: .3em;
    
    }
    .mountain-hero--title--second {
    font-size: 0.8em;
    color: #fff;
    display: block;
    letter-spacing: 3.9px;
    margin: 10px 0 0 0;
    }
    .mountain-hero--subtitle {
    font-size: 17.6px;
    font-size: 1.1rem;
    color: #fff;
    margin: 1em auto 0;
    max-width: 33em;
    }
    .mountain-hero--arrow {
        display: none;
    }
    .mountain-hero--winter {
     background-image: url(http://mountainpassions.com/summer/wp-content/uploads/2016/02/luz_ardiden_14388.jpg);   
    background-repeat: no-repeat;
    text-align: center;
    padding: 3% 1em 10%;
    position: relative;
    overflow: hidden;
    }
.mountain-hero--arrow-winter {
        position: absolute;
        top:70%;
        left: 30%;
        width:150px;
        height:60px ;
    }
   
    .mountain-hero--arrow-winter img {
        max-width:40px;
        height: 40px;
    }
    .mountain-hero--arrow-winter p{
        font-size: 1.3em;
        color: #fff;
        font-weight: 700;
        max-width:150px;
    }

.linkbox-centre {
    font-size: 1.3em;
    width: 80%;
    margin-bottom: 30px;
    }

/*MP logos*/
   
    .mp-hdr-logo {
        display:none;
    }
    /*mobile screens logo*/
    .logo-wrap {
        height: 30px;
    }
    .mp-hdr-mobile {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
    
}
/*Navigation Resorts Page*/
nav {
    display: block;
    width: 80%;
    background-color: #EDE9E1;
    margin: 0 10% 0 10%;
}
nav ul li {
    padding: 0 0px 0 25px;
}
    .footer-logo-wrap {
        padding-bottom: 8%;
        border-bottom: none;
    }
    .footer-logo {
        top: 5px;
        height: 20px;
    }
    article {
        padding: 0px 0px 10px 0px;
    }
    aside {
        margin: 10px;
        padding: 10px;
    }
    .inprofile2col, .inprofile2col-condensed .aside_content p {
    font-size: 1em;
    margin: 5px;
    padding-bottom: 6px;
}
   
    .heading_borderbotw {
        margin-bottom: 10px;
    }
    /*Headers*/
    
    .xl-hdr {
        font-size: 2em;
    }
    h1 {
        font-size: 2.5em;
        font-weight: 700;
        margin: 10px 10px;
    }
    h2 {
        font-size: 1.8em;
    }
    h2,
    h3 {
        padding-left: 15px;
        font-weight: normal;
    }

.feature-title h2 {
        font-size: 1.5em;
    }
    .feature-sub-title h2 {
        font-size: 2em;
    }
    .imageBlock-heroImage span {
        display: none;
    }
    .imageBlock-insightImage span {
        display:none;
    }
    .mobile-only {
        display: block !important;
    }
    .mobile-only .mobile-insight--title h2 {
        font-family: 'PT Sans', sans-serif;
      font-size: 2em;
      color: #4C4D51;
        margin: 10px 10px;  
    }
    p.copyright {
        margin-left: 15px;
    }
    .content-container .inprofile2col .pullquote {
        display: none;
    }

/*Category index page */
    
    .category-head {
        font-size: 48px;
        padding-top: 0.3824em;
    }
    .category-box {
        width: 100%;
        max-height: 300px;
        display: block;
        margin: 0 0 40px 0;
    }
    .category-box .category-overbox {
        top: 190px;
        height: 330px;
    }
    .category-box img {
        padding: 0;
    }
    .category-sub-head h2 {
        font-size: 1.8em;
        padding: 0;
    }
    .category-container {
        width: 100%;
        margin-left: 0;
        padding: 0 10px 0 10px;
    }
    .category-editorial {
        padding: 10px 20px 0 0;
    }
    .category-editorial p {
        font-size: 0.8em;
    }
    .category-editorial ul li {
        font-size: 0.8em;
        padding-right: 20px;
    }
    .category-editorial img {
        width: 100%;
        margin: 0;
        padding: 0 0 10px 0;
    }
    #resorts-list {
        width:85%;
    }
    /*------------In Profile ---------------------------*/
    /*three column*/
    
    .content-container {
        padding: 0px;
        margin-bottom: 0px;
    }
    .content-container .inprofile2col {
        width: auto;
        /* by setting auto will take the elements to the full width of their parent*/
        
        float: none;
        padding: 10px 0px 0px 0px;
    }
    .content-container .inprofile2col-extended {
        width: auto;
        /* by setting auto will take the elements to the full width of their parent*/
        
        float: none;
        padding: 10px 0px 0px 0px;
    }
    .content-container .inprofile2col-condensed {
        width: auto;
        float: none;
        padding: 10px 0px 0px 0px;
    }
    .content-container .inprofile2col .content p {
        font-size: 1.1em;
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-container .inprofile2col .wp-caption-text p {
    font-size: 1em;
}
    .content-container .inprofile2col-extended .content p {
        font-size: 1.1em;
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-container .inprofile2col .content-right p {
        font-size: 1.1em;
        padding-left: 15px;
        padding-right: 15px;
    }
    .content-right h2 {
        padding-left: 15px;
    }
    .content-container .inprofile3col {
        width: auto;
        float: none;
        padding: 10px 0px 0px 0px;
    }
    .content-container .inprofile3col h3 {
        font-size: 1.5em;
        margin-left: 20px;
    }
    .content-container .inprofile3col h4 {
        font-size: 1em;
        letter-spacing: 0.5px;
        font-weight: bold;
        margin-left: 15px;
    }
    .content-container .inprofile3col .content {
        padding: 0;
    }
    .content-container .inprofile3col .content p {
        font-size: 0.9em;
        margin: 15px;
        line-height: 1.4em;
    }
    /*News & Offers */
    .news-container {
        width: 100%;
        margin-left: 0;
    }
    
    /*ski deals */
    .offers-content-container .offers-text {
        width: 100%;
        font-size: 1em;
    }
    .offers-content-container .offers-image {
        display: none;
    }
    .offers-content-container h3 {
        padding-left:0px;
    }
    /*ends ski deals*/

.dev-news-container {
        max-width: 100%;
        margin: 10px;
        padding: 0px 0px 0px 0px;
        float: none;
    }

.feature-singlecol-container {
        width: 100%;
        padding: 10px 10px 10px 10px;

}
    .feature-singlecol-container h2 {
        padding: 0px;
    }
    .feature-singlecol-container .content p {
        font-size: 1.1em;
        padding: 0 20px 0 0;
    }
    .feature-wrapper {
        padding-top: 0px;
    }
    /*Home Page */

.category-content-outside-wrapper-top {
        padding: 10px 0 10px 0;
    }
    .category-content-outside-wrapper {
        padding: 10px 0 10px 0;
    }
    .category-content-inner-wrapper {
        height:auto;
        margin-bottom: 10px;
    }
    .category-content-resort-location {
        width:100%;
    }
   .category-content-resort-location p {
        font-size: 1.2em;
        padding: 0px 15px 0px 15px;
        
    }
    .category-content-inner-wrapper .category-content {
        width: 100%;

}
    .category-content h2 {
        font-size: 2.1em;
        
    }
    .category-content h3 {
        font-size: 1.5em;
    }
    
    /*.category-content p {
        font-size: 1.15em;
        line-height: normal;
        width: 90%;
        margin: 0 auto 10px auto;
    }*/
    .category-content p {
        display: none;
    }
    .category-content-box h2 {
        font-size: 1.9em;
        font-weight: 700;
    }
    .category-content-box p {
        font-size: 1.15em;
        line-height: normal;
    }
    .link-panel-hdr {
    display: none;
    
}

.home-content-info-group {
        width: 100%;
        height: auto;
    }
    .home-content-info-group .img-block,
    .home-content-info-group .content-block {
        width: 100%;
        padding: 0px 0 10px 0;
    }
    .home-content-info-group {
        height: auto;
    }
    .home-content-inner-wrapper .img-block span {
        padding: 6px 6px 0 6px;
        height: 20px;
        font-size: 1em;
        top: 0px;
    }

.snowflake-left, .snowflake-right, .mtn-living-icon {
        display:none;
    }
    .content-block h1 {
        margin: 0;
        padding-top:6px;
        font-weight: 600;
    }
    .content-block h2 {
        font-size: 2em;
        padding-top:6px;
    }
    .content-block h3 {
        font-size:1.6em;
        margin: 0 0 0.5em 0;
    }
    .content-block p {
        font-size: 1.2em;
        line-height: normal;
        padding: 0 10px 0 10px;
    }
    
     /*homepage category icons*/
     .home-content-info-group .content-block span {
    top: 2%;
    left: 5%;
    }
 .home-content-info-group .content-block span.summer-resorts-icon {   
    background-size: 30%;
   
 }
 .home-content-info-group .content-block span.summer-activities-icon {   
    background-size: 11%;
 }
 .home-content-info-group .content-block span.scenic-touring-icon {   
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/chalet_icon_round.svg) no-repeat top left;
    background-size: 12%;
 }
  .home-content-info-group .content-block span.summer-mtn-living-icon {   
    background: url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/snowshooz.svg) no-repeat top left;
    background-size: 15%;
 }
 /*category pages icons*/
 .category-content-inner-wrapper .category-content span {
    top: 1%;
}
.category-content-inner-wrapper .category-content span.summer-resorts-icon {
    display: none;
}
.category-content-inner-wrapper .category-content span.summer-activities-icon {
    display: none;
}
.category-content-inner-wrapper .category-content span.scenic-touring-icon {
    display: none;
}
.category-content-inner-wrapper .category-content span.summer-mtn-living-icon {
    display: none;
}
/*arrows*/
.link-arrow-box h3 {
    font-size: 1.3em;
    line-height: 2em;
}
.right-arrow-box {
    right: 10px;
}
/*Quick search box*/
#quick-search { /*ski reviews search drop-down*/
    background-image: linear-gradient(to top, rgba(30, 75, 115, 0.7),  rgba(255, 255, 255, 0)),
                        url(http://www.mountainpassions.com/winter/wp-content/uploads/2016/01/MP-snowflake-white.svg);
                       
    background-repeat:no-repeat,
                        no-repeat;
                       
    background-position: top,
                            top left;
    height: 300px;                
}
#quick-search h2 {
    color: #ffffff;
}
     /*Twitter Feed*/
     .twitter-widget-outside-wrapper {
        padding: 50px 0 0px 0;
        background-size: 150px 150px;
     }
     .tp_recent_tweets li {
    font-size: 1.5em;
    }
    /* Features listing for mobile*/
    
    #postsbycategory-full {
        display: none;
    }
    #postsbycategory-mobile {
        height: auto;
        margin: 10px 0 10px 0;
    }
    .postsbycategory-box {
        position: relative;
        width: 96%;
        max-height: 130px;
        margin-top: 15px;
        display: block;
    }
    .postsbycategory-box img {
        width: 100%;
    }
    .postsbycategory-overbox p {
        font-size: 0.8em;
        padding-right: 10px;
    }
    .postsbycategory-overbox p:before {
        content: url(http://www.mountainpassions.com/winter/wp-content/uploads/2015/05/mobile_link_arrow.png);
    }
    p:after {
        content: "";
        display: table;
        clear: both;
    }
    .postsbycategory-box h3 a:link {
        font-size: 1.2em;
        font-weight: 400;
        text-transform: none;
    }
    .postsbycategory-box .postsbycategory-overbox {
        top: 90px;
        height: 150px;
    }
    .postsbycategory-overbox .overbox-linkbox {
        display: none;
    }
    /*features listing summer homepage*/
    .open-postsbycategory-box {
        display: none;
        
    }
    /* Ski Review stats for mobile*/
    
    .ip_terrain_title,
    .ip_dom_terrain_title {
        font-size: 1.2em;
        text-transform: uppercase;
    }
    .ip_bulletpts {
        font-size: 1em;
    }
    .ip_bulletpts ul {
    margin-left: 10px;
    }
    #extra-info .ip_bulletpts {
        font-size: 1.1em;
    }
    .famplus_title,
    .ip_terrain_km,
    .ip_dom_terrain_km,
    .ip_altitude_title,
    .ip_lifts_title,
    .ip_dom_lifts_title,
    .ip_dom_lifts_total,
    .ip_skiingthere_title,
    .ip_snowboarding_title,
    .ip_xcountry_title,
    .ip_handiski_title,
    .ip_stayingthere_title,
    .ip_altitude_min,
    .ip_altitude_max,
    .ip_skiingthere_beginners,
    .ip_skiingthere_intermediates,
    .ip_skiingthere_expert,
    .ip_skiingthere_scenery,
    .ip_attractions,
    .ip_walking,
    .ip_cycling,
    .ip_activities,
    .ip_boarding_desc,
    .ip_snowparks,
    .ip_snowboarder_cross,
    .ip_half_pipe,
    .ip_xcountry_desc,
    .ip_xcountry_ski,
    .ip_stayingthere_value,
    .ip_stayingthere_accommodation,
    .ip_stayingthere_diningout,
    .ip_stayingthere_nightlife,
    .ip_stayingthere_charm,
    .ip_stayingthere_summer_value,
    .ip_stayingthere_summer_accom,
    .ip_stayingthere_summer_diningout,
    .ip_stayingthere_summer_nightlife,
    .ip_stayingthere_summer_charm {
        font-size: 1.2em;
    }
    .hearts_box {
        margin-left: 10px;
    }
    /*Search Results*/
    .search-content {
        width: 90%;
        padding: 0 15px 0 15px;
        
    }
    .search-content h3 {
        font-size: 1.2em;
    }
    
    /* Footer */
    
    .footer-wrap-inside {
        max-width: 100%;
        padding: 10px 0 20px 0;
    }
    .menu-social,
    .menu-cookies,
    .menu-about,
    .menu-misc {
        width: 46%;
        display: inline-block;
        padding-top: 10px;
        height: 150px;
        margin-bottom: 10px;
    }
    footer li a {
        font-size: 1em;
    }
    footer h3 {
        font-size: 1em;
        padding: 10px 0px;
    }
    footer p {
        margin-left: 6px;
        max-width: 90%;
    }
    footer .up-arrow p {
        max-width:100%;
    }
    /* Images */
    
  .imageBlock span {
    width: 100%;
    font-size: 2em;
    padding: 5px 0px 5px 5px;
    line-height: 1em;
    top:0px;
}
    /*text over image InProfile*/
    
    .category-container .snowflake-top {
        position: absolute;
        width: 100px;
        height: auto;
        top: -40px;
        left: 270px;
    }
    .category-container .snowflake-low {
        display: none;
    }
    .resort_logo,
    .resort_info,
    .domain_info {
        width: 100%;
    }
    .icon-smile,
    .icon-frown,
    .icon-wink {
        width: 2em;
    }
    .left-image,
    .right-image {
        float: none;
        max-width: 100%;
        margin: 10px 0 10px 0;
    }
    .image-container {
    padding: 0 0 0 15px;
}
    body {
        background-image: none;
    }
    /*Sidebar*/
#sidebar-primary {
        display:none !important;
    }
}
@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 img,
.wp-caption {
    width:auto !important;
    max-width:100% !important;
    height:auto !important;
}
.wp-caption.alignnone {
    margin: 0 0 0 0;
}
.wp-caption.alignleft {
    margin: 0;
}
.wp-caption.alignright {
    margin: 0 0 0 -10px;
}
.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    padding: 0;
    
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size: 1em;
    line-height: 1em;
    margin: 0 20px 0 0;
    padding: 0 4px 5px 0px;
}
@media screen and (min-width: 50px) and (max-width: 500px) {
    .wp-caption-text {
        font-size: .8em;
          }
}
.sticky {} 
.bypostauthor {} 
.date {font-size: 0.8em;
    color: #ccc;}
.author {}
.comments {
    padding: 15px;
}

.contact_us {
    text-align: right;
    font-size: 1em;
}
/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: none;
    }
    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;
    }
}

Cancel

Dashboard

Gagal: Username "adminweb" sudah digunakan! Silakan ganti dengan yang lain.