/*
Theme name: Deer valley
Description: Custom Theme
*/

/******* Deer valley WordPress CSS *******/

/* Common elements styling */
.post .entry h1 { font-size: 20px; line-height: 30px}
.post .entry h2 { font-size: 18px; line-height: 27px}
.post .entry h3 { font-size: 16px; line-height: 24px}
.post .entry h4 { font-size: 14px; line-height: 21px}
.post .entry h5 { font-size: 12px; line-height: 18px}
.post .entry h6 { font-size: 10px; line-height: 15px}

.post .entry ul { margin-left: 25px; }
.post .entry ol { margin-left: 25px; }
.post .entry a img {
    border: 0;
    width: auto !important;
}

p img { padding: 0; max-width: 100%; width: auto !important; }
img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright { margin: 2px 0 2px 7px; display: inline; }
img.alignleft { margin: 2px 7px 2px 0; display: inline; }
.alignright { float: right; display: inline; }
.alignleft { float: left; display: inline; }
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Calendar widget */
#wp-calendar { empty-cells: show; margin: 10px auto 0; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
.wp-caption { border: 1px solid #ddd; text-align: center; padding-top: 4px; margin: 10px; }
.wp-caption img { margin: 0; padding: 0; border: 0 none; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}

/* Big images in rich text editor should not break page layout */
.post .entry { overflow: hidden; }

/******* /Deer valley WordPress CSS *******/
/* ================================================================ *\
   #Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

/* ================================================================ *\
   #Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { font-family: Arial, sans-serif; font-size: 14px; line-height: 1.3; color: #000; -webkit-font-smoothing:antialiased;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] { cursor: pointer; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
   #Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }
.entry img.aligncenter,
.post-body img.aligncenter { padding-bottom: 10px; }

.clearfix:before,
.clearfix:after { display: table; content: ' '; }
.clearfix:after { clear: both; }

/* ------------------------------------------------------------ *\
    Clearfix
\* ------------------------------------------------------------ */

.article-author .article-meta:after,
.callout:after,
.callout-secondary:after,
/*.footer-content ul:after,*/
.twitter-item:after,
.cols:after,
.blogger:after,
.update:after,
.weather-item:after,
.widget-socials .widget-body:after,
.socials ul:after,
.main:after,
.post-secondary:after,
.post .post-media:after,
.nav > ul:after,
.shell:after { content: ''; display: table; clear: both; }

/* ------------------------------------------------------------ *\
    Comments
\* ------------------------------------------------------------ */

/* Comments CSS */
.comments { margin-top: 40px; border-top: 1px dashed #ccc; padding: 40px 0; /* Global font's styles here */ }
.comments a {  color: #006f51;  }
.comments > h3 { padding-bottom: 20px;  }
.comments .commentlist { list-style: none; list-style-position: outside; }
.comments .commentlist li + li { padding-top: 15px; margin-top: 15px; border-top: 1px solid #ccc; }
.comments .commentlist li .comment-author { padding-bottom: 5px; }
.comments .commentlist li .comment-author img.avatar { margin-right: 5px; }
.comments .commentlist li .comment-meta { padding-bottom: 5px; }
.comments .commentlist li .comment-text { padding-bottom: 10px; }
.comments .commentlist li .children { list-style: none; list-style-position: outside; padding: 20px 0 0 40px; }
.comments .commentlist li .children li { border-top: 1px solid #ccc; padding-top: 20px; background: transparent; }
.comments em.moderation-notice { font-style: italic; color: #ff0000; }
.comments .comment-meta { font-size: 12px; }
.comments .commentlist + #respond { padding-top: 20px; border-top: 1px dashed #ccc; margin-top: 20px; }
.comments #respond h3#reply-title { padding-bottom: 20px; }
.comments #commentform p { padding-bottom: 10px; }
.comments #commentform p.comment-notes { padding-right: 0; padding-left: 0; }
.comments #commentform p.form-submit { padding: 10px 0 0 0; }
.comments #commentform label { display: block; }

.comments #commentform input[type="text"],
.comments #commentform textarea { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px 9px; }

.comments #commentform textarea { resize: none; height: 300px;}
.comments #commentform #submit {  display: inline-block; padding: 12px 38px; font-size: 28px;  border-radius: 8px; background: #006f51; color: #fff; text-transform: uppercase; letter-spacing: 1.7px; border: none; }
.comments #commentform #submit:hover { text-decoration: none; background: #035a43;}

/* ------------------------------------------------------------ *\
    Main Styles
\* ------------------------------------------------------------ */

body { font-family: 'AleoRegular', sans-serif; font-size: 20px; color: #272c2e; background: #fafafa; min-width: 1380px; }
.not-mobile .shell { width: auto; max-width: 1260px; }
.not-mobile .container { width: auto; max-width: 1330px; }
.not-mobile .container {  }
.video { position: relative; padding-bottom: 56.25%; padding-top: 35px; height: 0; overflow: hidden;}
.video iframe {  position: absolute; top:0; left: 0; width: 100%; height: 100%; }
.shell { width: 1260px; margin: 0 auto; box-sizing: border-box; padding: 0px 20px; position: relative; }
.container {width: 1330px; margin: 0 auto; box-sizing: border-box; position: relative; background: #fff; box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.15), 0px -1px 14px 0px rgba(0,0,0,0.15);}

h1, h2, h3, h4, h5, h6 { font-family: 'NewsGothicMTBold', sans-serif; font-weight: normal; }
h1 { font-size: 75px; }
h2 { font-size: 60px; }
h3 { font-size: 30px; }
h4 { font-size: 24px; letter-spacing: -1.5px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; letter-spacing: -1.2px; }

ul { padding-left: 20px; padding-bottom: 20px; }

ol { padding-bottom: 20px; padding-left: 3px; list-style-position: inside; }

p { padding-bottom: 30px; line-height: 1.5;  }

a { color: #006f51; }

img.alignleft { padding-right: 20px; padding-bottom: 10px; padding-top: 8px; }
img.alignright { padding-left: 20px; padding-bottom: 10px; padding-top: 8px; }


.btn { display: inline-block; padding: 12px 38px; font-size: 28px;  border-radius: 8px; background: #006f51; color: #fff; text-transform: uppercase; letter-spacing: 1.7px;  }
.btn:hover { text-decoration: none; background: #035a43; }
.section-actions .more-posts { vertical-align: middle; }

.posts-loader { display: none; }

.socials ul { padding: 0px; list-style: none; }
.socials ul li { float: left; margin-right: 12px; }
.socials ul li:last-child { margin-right: 0px; }
.socials a { display: inline-block; background: #006f51; border-radius: 3px; padding: 3px 6px 7px; }
.socials a:hover { background: #035a43; }

.cols { margin: 0 -15px; }
.cols .col { float: left; }
.col { box-sizing: border-box; padding: 0px 15px; }
.col-1of3 { width: 33.3%; }

.col-size1 { width: 200px; padding: 0px; }
.col-size2 { width: 165px; padding: 0px; }

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

.header {
  font-family: 'Lato', sans-serif;
  padding: 15px 0 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  box-shadow: none;
  box-sizing: border-box;
  align-items: baseline;
}

.header .menu {
  width: 25%;
}
.header .logo {
  width: 33%;
}
/*.logo { display: inline-block; position: absolute; top: 0px; left: 0px; top: -15px; left: 36px; }*/
.header .logo {
  text-align: center;
  /*margin-top: -10px;*/

}

.header .logo a img { max-width: 152px; }

.header .menu { padding-left: 25px; }
.header .menu a span { display: block; background-color: #252525; text-align: left; }
.header .menu a span.top { width: 35px; height: 3px; margin-bottom: 8px; }
.header .menu a span.middle { width: 28px; height: 3px; margin-bottom: 8px; }
.header .menu a span.bottom { background-color: transparent; color: #252525; font-size: 12px; text-transform: uppercase; text-decoration: none; }

@media (max-width: 768px) {
  .header .page-search {
    display: none;
  }
}

.nav { float: right; margin-top: 9px;margin-right:35px;  }
.nav > ul { padding: 0px; list-style: none; }
.nav > ul > li { float: left; margin-left: 10px; position: relative; }
.nav > ul > li > a { position: relative; font-size: 20px; font-weight: bold; text-transform: uppercase; color: #7b8483; letter-spacing: 1.5px; padding: 0px 30px; }
.nav > ul > li:hover > a { text-decoration: none; color: #006f51;  }
.nav > ul > li.with-dropdown:hover > a:after{ border-color: #006f51 transparent transparent transparent; }
.nav > ul > li.with-dropdown:hover > .sub-menu { display: block; }

.nav li.with-dropdown > a:after { content: ''; display: block;  width: 0; height: 0; border-style: solid; border-width: 6px 6.5px 0 6.5px; border-color:transparent transparent transparent; position: absolute; top: 50%; right: -7px;

    -webkit-transform: translate(0,-50%);
       -moz-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
         -o-transform: translate(0,-50%);
            transform: translate(0,-50%);
}

/*.header .page-search { float: right; margin-left: 79px; }*/
.page-search { position: relative; padding-right: 25px; }
.page-search label { position: absolute; top: 50%; left: 13px;
    -webkit-transform: translate(0%, -50%);
       -moz-transform: translate(0%, -50%);
        -ms-transform: translate(0%, -50%);
         -o-transform: translate(0%, -50%);
            transform: translate(0%, -50%);
}
.page-search input { background: #f4f7f9; border: none; box-shadow: none; box-sizing: border-box; padding: 9px 20px 10px 46px; border-radius: 8px; width: 296px; -webkit-appearance: textfield; font-size: 14px; }
.page-search input[type="submit"] { display: none; }

::-webkit-input-placeholder { color: #b6bec0; }
:-moz-placeholder { color: #b6bec0; }
::-moz-placeholder { color: #b6bec0; }
:-ms-input-placeholder { color: #b6bec0; }
.search-placeholder { color: #b6bec0;}

/*.sub-menu { display: none; position: absolute; top: 100%; left: 0px; background: #fff; width: auto; padding: 43px 0px 10px; list-style: none; }*/
.sub-menu li a { text-transform: uppercase; font-size: 16px; display: block; padding: 5px 15px; }
.sub-menu li a:hover { background: #006f51; color: #fff; text-decoration: none; }

/* ------------------------------------------------------------ *\
    Intro
\* ------------------------------------------------------------ */

.intro { background-image: url(images/ajax-loader-large.gif);  background-position: center; background-repeat: no-repeat;margin-top:0px !important; }
.intro img { width: 100%; height: auto;margin-top:-35px; }

/* ------------------------------------------------------------ *\
    Main
\* ------------------------------------------------------------ */

.main { }
.content { width: 800px; float: left; }

.sidebar { width: 420px; float: left; box-sizing: border-box; padding: 66px 0px 0px 70px;  }
.sidebar ul { padding: 0px; list-style: none; }

.carbon_richtext { margin-bottom: 27px; }
.carbon_richtext .widget-body { padding: 45px 19px 0px 0px; font-family: 'Lato', sans-serif; }
.carbon_richtext .widget-body img { width: 143px; height: auto; float: left; padding: 0; margin: 0; }
.carbon_richtext .widget-body p { overflow: hidden; font-size: 16px; padding: 18px 0px 0px 16px; line-height: 1.3; }
.carbon_richtext .widget-body p strong { display: block; }
.carbon_richtext .widget-body .alignleft { margin-right: 10px; }

.widget-weather { border-top: 1px solid  #ebecec; border-bottom: 1px solid  #ebecec; padding: 44px 0px 52px; margin-bottom: 51px; }
.widget-weather .widget-head {  margin-bottom: 17px; }
.widget-weather .widget-content {  }

.weather-item { font-family: 'Lato', sans-serif; }

.weather-item .weather-item-content { border-right: 3px solid  #eae9e3; box-sizing: border-box; width: 49%; float: left; padding-left: 71px;height: 84px;  }
.weather-item .weather-item-content p { font-size: 48px; color: #006754; padding-bottom: 0px; }
.weather-item .weather-item-content strong { display: inline-block; position: relative; font-family: 'NewsGothicMTBold', sans-serif;  }
.weather-item .weather-item-content strong:after { content: ''; display: block; width: 7px; height: 7px; border-radius: 50%; border: 3px solid  #000; position: absolute; top: 11px; right: -10px;  }
.weather-item .weather-item-content strong img { display: block; width: 57px; height: 60px; position: absolute; top: 0px; left: -64px; }

.weather-item .weather-item-aside { width: 51%; float: left; box-sizing: border-box; padding: 6px 0px 0px 30px; }
.weather-item .weather-item-aside p { color: #006754; font-size: 23px; padding: 0px 0px 0px; line-height: 1.3; }
.weather-item .weather-item-aside strong { display: inline-block; position: relative; margin-right: 16px; }
.weather-item .weather-item-aside strong:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; border: 2px solid  #000; position: absolute; top: 5px; right: -9px; }

.widget-updates { margin-bottom: 74px; }
.widget-updates .widget-head { margin-bottom: 11px; }
.updates { padding: 0px; list-style: none; font-family: 'Lato', sans-serif; }
.update { border-bottom: 1px solid  #ebecec; padding-bottom: 30px;  margin-bottom: 29px; }
.update .update-image { width: 94px; display: inline-block; float: left; }
.update .update-image img { width: 100%; height: auto; }

.update .update-body { overflow: hidden; padding: 0px 0px 0px 17px; }
.update .update-body p { font-size: 16px; line-height: 1.15; letter-spacing: -0.4px; padding-bottom: 0px; }

.widget_categories .screen-reader-text { margin-right: 8px; }


.widget-bloggers { }
.widget-bloggers .widget-body { padding: 21px 0px 0px; font-family: 'Lato', sans-serif; }

.blogger { border-bottom: 1px solid  #ebecec; padding-bottom: 24px; margin-bottom: 24px; }
.blogger .blogger-image { display: inline-block; width: 100px; float: left; margin-top: 4px; }
.blogger .blogger-image img { width: 100%; height: auto; border-radius: 50%; }

.blogger .blogger-body { overflow: hidden; padding-left: 27px; }
.blogger .blogger-body h5 a,
.blogger .blogger-body h5 { font-family: 'Lato', sans-serif;  font-size: 22px; font-weight: 300; color: #8d8e93; line-height: 1; margin-bottom: 4px; }
.blogger .blogger-body p { font-size: 16px; padding-bottom: 0px; line-height: 1.3; }
.blogger .blogger-body > a:last-child { text-transform: uppercase; display: inline-block; font-size: 16px; }


.widget_tags { font-size: 18px; }
.widget_tag_cloud .tagcloud a { font-size: 18px !important; }
.widget_tag_cloud .tagcloud { padding-bottom: 30px; }

.widget_tags .widget-body p { line-height: 1.3; }

.widget_categories { font-size: 18px; }
.widget_categories .widget-head { margin-bottom: 11px; }

.widget_recent_entries ul li,
.widget_recent_comments ul li,
.widget_archive ul li,
.widget_categories ul li { margin-bottom: 7px; }

.carbon_popularposts .update-body h6 { margin-top: -2px; }
/* ------------------------------------------------------------ *\
    Section Blog
\* ------------------------------------------------------------ */

.section-blog { }

.post { padding: 57px 0px 55px; }
.post .entry-title { letter-spacing: -3px; line-height: 1; }

.post .entry-title { letter-spacing: -3px; }

.post .post-head { margin-bottom: 18px; }
.post .post-head h2,
.post .post-head h2 a { color: #333; letter-spacing: -3px; line-height: 1;  }
.post .post-head h2 a:hover { color: #006f51; text-decoration: none; }

.post .post-meta p {  padding: 0px; }
.post .post-author a,
.post p.post-author { font-family: 'Lato', sans-serif; color: #8d8e93; font-size: 30px; line-height: 1.4; padding-bottom: 2px; }
.post .post-media { margin: 0 -3px;  }
.post .post-media .post-image { float: left; box-sizing: border-box; padding: 3px; }
.post .post-media .post-image img { width: 100%; height: auto;  }

.post .post-body { padding: 18px 0px 0px; }
.post .post-actions { text-align: center; }

.archive-title { padding: 57px 0 20px; }
.post-excerpt { padding: 15px 0; }

/* ------------------------------------------------------------ *\
    Section Posts
\* ------------------------------------------------------------ */

.section-posts { padding-top: 78px; }
.section-posts .section-head h3 { font-size: 37px; color: #333;  font-family: 'Lato', sans-serif; margin-bottom: 20px; }
.section-posts .section-head h3 em { font-weight: 300; font-style: italic; }
.section-posts .section-body { padding: 0px 14px 27px 0px; }
.section-actions { margin-bottom: 10px; }

.post-secondary { border-bottom: 1px solid  #eae9e3; margin-bottom: 29px; padding-bottom: 30px; }
.post-secondary .post-image { width: 250px; float: left; }
.post-secondary .post-image a { display: block; }
.post-secondary .post-image img { width: 100%; height: auto; }

.post-secondary .post-inner { overflow: hidden; padding: 0px 17px 6px; }
.post-secondary .post-head h3 { letter-spacing: 0px; letter-spacing: -1.5px; line-height: 1; }
.post-secondary .post-meta p { padding-bottom: 0px; }
.post-secondary .post-body p { padding-bottom: 9px; }
.post-secondary .post-tags { padding-bottom: 0px; }

/* ------------------------------------------------------------ *\
    Section Widgets
\* ------------------------------------------------------------ */

.section-widgets { padding: 92px 0px 51px; }

.widget-box .widget-head { margin-bottom: 13px; }

.widget-instagram img { width: 100%; height: auto; }
.widget-twitter { }

.twitter-items { padding: 0px; list-style: none; }
.twitter-item { border-bottom: 1px solid  #eae9e3; padding-bottom: 16px; margin-bottom: 33px; }
.twitter-item > img { width: 59px; float: left; }
.twitter-item .twitter-item-body { overflow: hidden; padding: 4px 0px 0px 11px; font-family: 'Lato', sans-serif; }
.twitter-item p { font-size: 16px; line-height: 1.15; letter-spacing: -0.4px; padding-bottom: 0px; }

.btn-tweet { display: inline-block; font-size: 18px; position: relative; color: #272c2e; padding-left: 29px; }
.btn-tweet:hover { text-decoration: none; color: #006f51; }
.btn-tweet:before { content: ''; display: block; background: url(images/twitter-btn.png) no-repeat 0 0; width: 18px; height: 16px; position: absolute; top: 5px; left: 8px; }
.widget-facebook .updates h6,
.widget-facebook .updates h6 a { color: #4661b6; line-height: 1;}
.widget-facebook .update { padding-bottom: 18px; }

#cff .cff-author .cff-author-text span { height: auto; }
#cff .cff-share-container { display: none; }
/* ------------------------------------------------------------ *\
    Section Video
\* ------------------------------------------------------------ */

.section-video { padding-bottom: 80px; }

/* ------------------------------------------------------------ *\
    Article Author
\* ------------------------------------------------------------ */

.article-author { padding-top: 56px; }
.article-author .article-head h2 { line-height: 1; margin-bottom: -8px; }
.article-author .article-head p { font-size: 60px; font-family: 'AleoRegular', sans-serif; line-height: 1; padding-bottom: 12px; }
.article-author .article-head img { margin-bottom: 12px; }

.article-author .article-body h3 { font-size: 37px; color: #8d8e93; font-weight: 300; font-family: 'Lato', sans-serif; margin-bottom: 7px; }
.article-author .article-body p { font-family: 'AleoRegular', sans-serif; font-size: 27px; line-height: 1.3; padding-bottom: 19px; }

.article-author .article-meta { padding: 0px 0px 0px; }
.article-author .article-meta span { font-size: 30px; color: #8d8e93; font-family: 'Lato', sans-serif; font-weight: 300; display: block; float: left; margin-right: 33px; }
.article-author .article-meta .socials { float: left; }

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

/*.footer { background: url(images/wood.jpg) repeat 0 0; color: #ccc; font-size: 12px;  padding: 18px 0 0; border-top: solid 4px #111; border-bottom: solid 40px #111; font-family: 'Arial', sans-serif;}*/
/*.footer ul { padding: 0px; list-style: none; }*/

/*.footer a { color: #ccc; text-decoration: underline; }*/
/*.footer a:hover { color: #fff;  }*/
/*.footer .large-item a,*/
/*.footer h4 a { color: #fff; font-size: 23px; }*/
/*.footer .large-item a,*/
/*.footer h4 { font-family: 'Arial', sans-serif; font-size: 23px; color: #fff; font-weight: 700; margin-bottom: 15px; display: inline-block; letter-spacing: -1.5px; }*/

/*.footer .btn { font-size: 12px; padding: 5px 15px; text-decoration: none; text-transform: none; letter-spacing: 0px; border-radius: 4px; color: #fff; margin: 0px 5px; }*/

/*.footer .list-links { padding: 0px; list-style: none; }*/
/*.footer .list-links li { display: inline-block; margin-right: 13px; float: none; padding: 0px; border: none; }*/
/*.footer .list-links li:last-child { margin-right: 0px; }*/

/*.footer-nav { margin-bottom: 14px; }*/
/*.footer-content ul li { float: left; padding: 0px 10px; border-left: solid 1px #85827c; }*/
/*.footer-content ul li:first-child { padding-left: 0px; border-left: none; }*/

.callout-secondary { margin-bottom: 15px; }
.callout-secondary p { padding-bottom: 0px; }
.callout-secondary .callout-content { float: left; }
.callout-secondary .callout-aside { float: left;  margin: 1px 0px 0px 10px; }

.callout { }
.callout .callout-content { float: left; }
.callout .callout-content p { padding-bottom: 13px; }
.callout .callout-content p strong { color: #fff; }

.callout .callout-aside { float: left; margin-top: -2px; margin-left: 28px; }

/*.footer-info p { padding: 0px; }*/

.nav-lang { margin: 11px 0px; }

/*.footer-content { width: 550px; float: left; }*/

/*.footer-aside { width: 365px; float: right; }*/
/*.footer-socials { margin-bottom: 23px; margin-left: -5px; }*/
/*.footer-socials li { display: inline-block; }*/
/*.footer-socials li a { opacity: 0.33; }*/
/*.footer-socials li a:hover { opacity: 1; }*/

.list-logos li { display: inline-block; margin-right: 85px; }
.list-logos li:last-child { margin-right: 0px; }

/*.footer .cols { margin: 0px; }*/

/* ------------------------------------------------------------ *\
    Media Queries
\* ------------------------------------------------------------ */

@media only screen and ( max-width: 1350px ) and (min-width: 768px) {
    body { min-width: initial;}
    .not-mobile .shell { width: auto; max-width: 1260px; }
    .not-mobile .container { width: auto; max-width: 1330px; }

    .content { width: 100%; float: none; }
    .sidebar { width: 100%; padding: 40px 0px 0px 0px; float: none; }

    .col-1of3 { width: 100%; float: none; }
    .widget-instagram { margin-bottom: 20px; }

    .widget-weather { margin-bottom: 20px; }
    .weather-item { max-width: 350px; }
    .carbon_richtext .widget-body { padding-bottom: 67px; }
    .widget-updates { margin-bottom: 30px; }

    body { font-size: 18px; }
    h1, h2, h3, h4, h5, h6 { font-family: 'NewsGothicMTBold', sans-serif; font-weight: normal; }
    h1 { font-size: 60px; }
    h2 { font-size: 40px; }
    h3 { font-size: 25px; }
    h4 { font-size: 20px; letter-spacing: -1.5px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; letter-spacing: -1.2px; }
    .btn { font-size: 18px; }

    .post { padding: 35px 0px; }

    .header {text-align: center; }
    .logo { position: static; margin-bottom: 20px; }
    .header .page-search { float: none; margin-left: 0px; margin-bottom: 30px;  }
    .header .page-search form { display: inline-block; text-align: left; position: relative;  }
    .nav { float: none; }
    .nav > ul { display: inline-block; text-align: left;  }
    .nav > ul > li { margin-left: 0px;  }

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

    .section-posts { padding-top: 30px; }
}

@media only screen and ( max-width: 1024px ) and ( min-width: 768px ){
    /*.footer-content { width: 100%; margin-bottom: 20px; }*/
    /*.footer-aside { width: 100%; text-align: center; }*/
    /*.footer-aside-inner { display: block;text-align: left; margin: 0 auto; width: 365px;  }*/
    /*.footer-aside-inner .cols {  }*/
    /*.footer-aside .list-logos { display: inline-block; text-align: left; }*/
    .nav > ul > li.with-dropdown:hover > .sub-menu { display: none; }
}

@media only screen and ( max-width: 767px ) {
    body { min-width: initial;}
    .shell { width: auto; max-width: 1260px; }
    .container { width: auto; max-width: 1330px; }

    .content { width: 100%; float: none; }
    .sidebar { width: 100%; padding: 40px 0px 0px 0px; float: none; }

    .col-1of3 { width: 100%; float: none; }
    .widget-instagram { margin-bottom: 20px; }

    .widget-weather { margin-bottom: 20px; }
    .weather-item { max-width: 350px; }
    .carbon_richtext .widget-body { padding-bottom: 67px; }
    .widget-updates { margin-bottom: 30px; }

    body { font-size: 18px; }
    h1, h2, h3, h4, h5, h6 { font-family: 'NewsGothicMTBold', sans-serif; font-weight: normal; }
    h1 { font-size: 60px; }
    h2 { font-size: 40px; }
    h3 { font-size: 25px; }
    h4 { font-size: 20px; letter-spacing: -1.5px; }
    h5 { font-size: 18px; }
    h6 { font-size: 16px; letter-spacing: -1.2px; }
    .btn { font-size: 18px; }

    .post { padding: 35px 0px; }
    .header {text-align: center; z-index: 3; }
    .logo { position: static; margin-bottom: 20px; }
    .header .page-search { float: none; margin-left: 0px; margin-bottom: 30px;  }
    .header .page-search form { display: inline-block; text-align: left; position: relative;  }
    .nav { float: none; }
    .nav > ul { display: inline-block; text-align: left;  }
    .nav > ul > li { margin-left: 0px;  }

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

    .section-posts { padding-top: 30px; }

    /*.footer-content { width: 100%; margin-bottom: 20px; }*/
    /*.footer-aside { width: 100%; text-align: center; }*/
    /*.footer-aside-inner  { display: block;text-align: left; margin: 0 auto; width: 100%; }*/
    /*.footer-aside-inner .col { float: none; }*/
    /*.footer-aside-inner .cols {  }*/
    .nav > ul > li.with-dropdown:hover > .sub-menu { }
    .post-secondary .post-image { width: 100%; text-align: center; float: none; margin-bottom: 20px;}
    .post-secondary .post-image img { display: inline-block; }
    .post-secondary .post-inner { width: 100%; padding: 0; }

    .socials ul li { margin-right: 9px; }

    /*.footer-content ul { text-align: center; }*/
    /*.footer-content ul li { border: none; display: inline-block; float: none; margin-bottom: 10px; }*/
    .callout-aside { text-align: center; float: none; }
    .callout-aside .btn { margin-bottom: 10px; }
}

@media only screen and ( max-width: 380px ) {
    .page-search input { width: 100%; }
    /*.footer*/-aside .list-logos { text-align: center; display: block; }
    .list-logos li { margin-right: 0; display: block; margin-bottom: 10px; }

    .weather-item .weather-item-content { width: 55%; }
    .weather-item .weather-item-aside { width: 45%; padding-left: 20px; }



}






#cff.cff-default-styles h3, #cff.cff-default-styles h4, #cff.cff-default-styles h5, #cff.cff-default-styles h6, #cff.cff-default-styles p {
    line-height: 1.4;
        font-size: 16px;
    letter-spacing: -0.4px;
    padding-bottom: 0px;
    font-family: 'Lato', sans-serif;
}

.vcard img {
    width:48px !important;
}










/*.header {
    position: relative;
    font-family: 'Lato', sans-serif;
    padding: 30px 0px 34px;
    box-shadow: 0px 1px 14px 0px rgba(0,0,0,0.15);
}
#page-header {
    background: url("//cdn.deervalley.com/web/Content/images/nav.jpg") no-repeat scroll center center transparent;
    height: 190px;
float:left;
    width: 100%;
    z-index: 5000;
    top: 0;
}
*/.deer_velly li a:hover{
    text-decoration:underline;
}
#page-header .top_header {
    float: left;
    width: 100%;
    position: relative;
    background: url(images/wood.jpg) repeat 0 0;
    color: #ccc;
    font-size: 12px;
    padding: 8px 0;
    font-family: 'Arial', sans-serif;
    z-index: 999;
    line-height: 16px;
}
div#contact_popup {
    background: #fff;
    margin-top: 64px;
    width: 42%;
    position: absolute;
}
.contact_box h2 {
    border-bottom: 1px solid #ccc;
    text-align: center;
    font-size: 24px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.contact_box {
    padding: 45px 19px 75px;
    border-top: 10px solid #006f51;
    color: #656565;
    border-left: 2px solid;
    border-right: 2px solid;
    border-bottom: 2px solid;
}
#page-header .content {
    position: relative;
    width: 96%;
    margin: 0 auto;
    float: none;
    padding-left:4%;
}
.deer_velly {
    width: 46% !important;
    float: left;
    margin: 0;
}
.deer_velly ul {
padding:15px !important;
}
.deer_velly_description li a {
    color: #c6930a;
    position: relative;
    font-size: 14px !important;
    font-weight: bold;
}
.deer_velly_description li a i {
    position: absolute;
    top: 2px;
    left: -13px;
    font-size: 18px;
    font-weight: bold;
}

#page-header .content .shell {
    padding: 0;
    max-width: 100%;
    width: auto;
    position: relative;
    margin: 0 auto;
}
.menu_logo1 {
    float: left;
    width: auto;
}
/*.logo {
    display: inline-block;
    position: relative;
    top: 0px;
    left: -20px;
    top: -10px;
    z-index: 999;
}
*/OL, UL {
    list-style: none;
}

.deer_velly .contact_details {
    float: right;
}
.deer_velly .contact_details li {
    display: inline-block;
    padding-right: 4px;
    padding-left: 6px;
}
.deer_velly li a {
    font-size: 14px;
    font-weight: bold;
    color: #c6930a;
    text-decoration: none;
}
.menu > li > a {
    border-left: 1px solid #414141;
}
body .nav > ul > li > a {
    position: relative;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    color: #444;
    letter-spacing: 0px;
    padding: 0 16px 0 10px;
    font-family: Arial, Helvetica, sans-serif;
}
.menu > li:first-child a {
    border-left: none;
}
.menu_panel .nav > ul > li > a
{
    font-size: 16px;
    padding: 0px 10px !important;
}
.fullheaderpanel
{
    height:180px;
    float:left !important;
    padding-top:20px !important;
}

ul.sub-menu {

    background-image: url("//cdn.deervalley.com/web/Content/images/wood.jpg");
    background-repeat: repeat-x;
    background-position: 0 10px;
    padding-top:0px !important;
}
.sub-menu li {
    padding-top: 12px;
}

/*.footer {
    background: url(images/wood.jpg) repeat 0 0;
    color: #ccc;
    font-size: 12px;
    padding: 28px 0 0;
    border-top: solid 4px #111;
    border-bottom: solid 40px #111;
    font-family: 'Arial', sans-serif;
    float:left;
    width:100%;
    position:relative;
}
.footer-wrap {
    width: 80%;
    margin: auto;
}*/
.not-mobile .shell {
    width: auto;
    max-width: 1260px;
}
.contact-detail {
    width: 20%;
    float: left;
    padding: 8px;
}
/*.footer a {
    color: #ccc;
    text-decoration: underline;
}*/
.contact-detail h3 {
    margin-bottom: 20px;
    font-weight: bold;
}
.contact_address {
    line-height: 19px;
    font: 12px/18px arial,helvetica,sans-serif;
}
/*.footer_social_icons a {
    opacity: .33;
}
.footer-content {
    width: 35%;
    float: left;
    padding: 8px;
}*/
.left {
    float: left !important;
    width: 34%;
}
.green_button_link {
    background-color: #006f51;
    color: #fff !important;
    padding: 3px 10px;
    text-decoration: none;
    line-height: 18px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-width: 0;
}
.about_text.snowboard a {
    margin-top: 20px;
    font-style: italic;
    text-decoration: none;
    font-weight: bold;
    margin: 0;
    line-height: 22px;
}
.right_footer {
    width: 39%;
    float: left;
    padding: 8px;
    text-align: center;
}
/*.footer ul {
    padding: 0px;
    list-style: none;
}*/
.right-in ul li:first-child {
    border-left: 0;
    padding-left: 0;
}
.right-in ul li {
    display: inline-block;
    padding: 0 10px;
    border-left: solid 1px #85827c;
}
.right-in ul li a {
    font-size: 14px;
    color: #ccc;
    text-decoration: underline;
}
.alterra {
    text-align: center;
}
ul.links-right {
    padding-top: 21px;
}
.right-in .links-right li {
    padding-right: 5px !important;
}
.right-in .links-right li a {
    font-size: 11.5px !important;
}
/*.footer-aside {
    width: 58%;
    float: left;
    position: absolute;
    bottom: 0;
}*/
#language_links li:first-child {
    border-left: none;

}
#language_links li {
    float: left !important;
    padding-left: 10px !important;
    border-left: solid 1px #85827c;
}
/*.footer-aside a:first-child {
    border-left: 0;
    padding-left: 0;

}
.footer-aside a {
    padding: 0 10px;
    border-left: 1px solid #cccc;
}
.footer-aside span {
    color: #ccc;
    font-size: 11px;
    font-style: italic;
    line-height: 17px;
    margin-top: 6px;
    display: inline-block;
    padding-right: 24px;
}*/
.deer_velly .contact_details {
    float: right;
}
.deer_velly .contact_details li {
    display: inline-block;
    padding-right: 4px;
    padding-left: 6px;
}
.deer_velly li a {
    font-size: 12px;
    font-weight: bold;
    color: #c6930a;
    text-decoration: none;
}
.menu > li > a {
    border-left: 1px solid #414141;
}
.about_text snowboard{
    margin-top: 25px;
    float: left;
    width: 100%;
}
.shell {
    padding: 0 20px;
    margin: 0 auto;
    box-sizing: border-box;
}
.about_text.snowboard {
    float: left;
    width: 100%;
    margin-top: 25px !important;
}
/*.footer-aside span {
    color: #ccc;
    font-size: 11px;
    font-style: italic;
    line-height: 17px;
    margin-top: 6px;
    display: inline-block;
    padding-right: 24px;
    width: 75%;
}
.footer img
{
    width:auto !important;
}
footer {
    height: auto;
    background: url(http://blog.deervalley.com/wp-content/themes/deer-valley/images/wood.jpg) !important;
}*/
 ul.sub-menu a {
    white-space: nowrap;
    color: #ccc;
    font: bold 12px arial,helvetica,sans-serif;
    text-transform: none;
    padding: 6px 16px 4px;
}
        .sub-menu > li:first-child {
    background: #000;
    padding-bottom: 3px;
}




@media(max-width:767px){
.contact-detail {
 width: 100%;
 float: none;
 padding:8px;
 text-align: center;
}
/*.footer-content {
    width: 100%;
    float: left;
    text-align: center;
    }
.right_footer {
    width: 100%;
    float: left;
    }
.footer-aside {
    width: 100%;
    float: left;
    position: relative;
    }*/
.shell { padding: 0;}

#language_links li {
    float: left !important;
    padding-left: 3px !important;
    margin-bottom: 17px;
}
/*.footer-content .center_footer h3{font-size: 16px!important;}*/
/*.footer a {text-decoration: none;}*/
.c-1 a.left {
    float: none!important;
    width: auto;
    display: inline-block;
}
.c-2 {
    text-align: center;
    width: 75%;
    display: inline-block;
}
.c-2 a {
    display: inline-block;
    float: none !important;
    margin-right: 0!important;
}
.container{padding-right:15px; padding-left:15px;}
iframe { width: 100%;}
.deer_velly{width: 100% !important;}
html { margin-top: 0px !important;}
.slicknav_menu{background:none;  position: absolute;
    z-index: 999;
    width: 100%;
    top: 13%;}

.slicknav_nav{background:#000; padding: 18px 0;     margin-top: 8px;}
.slicknav_nav a:hover, .slicknav_nav .slicknav_row:hover { background: #000;}
.slicknav_nav li a{text-transform: capitalize; text-decoration: none;}
.slicknav_nav .slicknav_arrow{color:#006f51;}
.slicknav_nav a span:hover { color: #006f51;}
.slicknav_btn{padding: 11px 16px 15px 9px;}
.slicknav_menu .slicknav_icon-bar{width:26px; height:4px;}
.post .post-head h2,.post .post-head h2 a{font-size: 27px; text-align: center; line-height: 38px;}
.logo{left: -9px;top: -3px;}
.admin-bar > .slicknav_menu{top: 127px!important;}
.slicknav_menu{padding: 11px!important;}
.deer_velly_description li a{font-size: 12px!important;}
/*.content img{width: 200px!important;}*/
}

@media(max-width:480px){
/*.footer-content .center_footer h3 {
    font-size: 14px!important;
}
.footer a {
    text-decoration: none;
    font-size: 12px;
}*/
.center_footer {
    margin: 0;
    width: 100%;
    text-align: center;
}
.right-in ul li a{font-size: 11px; text-decoration: none;}
    #language_links li {
    float: none !important;
    display:inline-block!important;
}
    /*.footer-aside span{padding-right:0px!important; width: auto!important;}*/
    .section-posts .section-body{padding:0!important;}
}

/**
 * New
 */

footer {
    margin: 40px 0 0;
    font-size: 14px;
}

footer .footer > .row {
    text-align: left;
    background-color: #fff;
}

footer .footer > .row:first-child {
    background-color: #252525;
    padding: 15px 0;
}

footer .footer > .row:first-child .container div {
    color: #fff;
}

footer .footer > .row:first-child .container div:first-child {
    padding-left: 15px;
    display: flex;
}

footer .footer > .row:first-child .container div:first-child address {
    margin-bottom: 0;
    font-style: normal;
}

footer .footer > .row:first-child .container div:first-child > p {
    margin-right: 20px;
    padding-bottom: 0;
}

footer .footer > .row:first-child .container div:last-child {
    padding-right: 15px;
}

footer .footer > .row:last-child {
    background-color: #fff;
    padding: 20px 0;
}

footer .footer > .row .container {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    box-shadow: none;
    background-color: transparent;
}

footer .footer > .row .container > div {
    width: 50%;
}

footer .footer > .row .container .copyright,
footer .footer > .row .container .links {
    text-align: right;
}

footer .footer > .row:last-child .container div a {
    color: #000 !important;
    font-weight: 400;
    display: inline-block;
    padding: 5px 15px;
}

@media (min-width: 480px) {
    footer .footer .container .social a {
        width: 60px;
        height: 60px;
    }
    footer .footer .container .social a.fa-pinterest-p {
        font-size: 32px;
        width: 48px;
        height: 48px;
        top: -18px;
        line-height: 1.7;
    }
}

footer .footer > .row .container p.logo {
  padding-bottom: 15px;
}

@media (min-width: 576px) {
  footer .footer > .row .container p.logo {
    padding-bottom: 0;
  }
}
@media (max-width: 768px) {
    footer .footer .container .social a {
        width: 60px;
        height: 60px;
    }
    footer .footer .container .social a.fa-pinterest-p {
        font-size: 32px;
        width: 48px;
        height: 48px;
        top: -18px;
        line-height: 1.7;
    }
    footer .footer > .row .container {
      display: block;
    }
    footer .footer > .row:first-child .container div:first-child {
      display: block;
      padding-left: 0;
    }
    footer .footer > .row .container p {
      /*width: 20%;*/
      display: block;
      width: 100%;
      text-align: center;
    }
    footer .footer > .row .container address {
      display: block;
      width: 100%;
      text-align: center;
    }
    footer .footer > .row .container .copyright {
      display: block;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }
    footer .footer > .row .container .copyright p {
      display: block;
      width: 100%;
      text-align: center;
    }
    footer .footer > .row .container > div {
      width: 100%;
      display: block;
      text-align: center !important;
    }
    footer .footer > .row .container > div a {
      display: block !important;
    }
}