/**
 * HTML5 ? Boilerplate
 *
 * style.css contains a reset, font normalization and some base styles.
 *
 * Credit is left where credit is due.
 * Much inspiration was taken from these projects:
 * - yui.yahooapis.com/2.8.1/build/base/base.css
 * - camendesign.com/design/
 * - praegnanz.de/weblog/htmlcssjs-kickstart
 */


/**
 * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)
 * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark
 * html5doctor.com/html-5-reset-stylesheet/
 */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

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

input, select { vertical-align: middle; }

/**
 * Font normalization inspired by YUI Library's fonts.css: developer.yahoo.com/yui/
 */

body { font:13px/1.231 sans-serif; *font-size:small; } /* Hack retained to preserve specificity */
select, input, textarea, button { font:99% sans-serif; }

/* Normalize monospace sizing:
   en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre, code, kbd, samp { font-family: monospace, sans-serif; }


/**
 * Minimal base styles.
 */

/* Always force a scrollbar in non-IE */
html { overflow-y: scroll; }

em{
	font-style: italic;
}

/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }

ul, ol {
  margin-left: 1em;
  margin-bottom: 15px;
  width: auto;
  overflow: hidden;
  list-style-type: disc;
  list-style-position: inside;
}

ul > li{
  margin-left: 1em;
}

ol { list-style-type: decimal; }

/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }

small { font-size: 85%; }
strong, th { font-weight: bold; }

td { vertical-align: top; }

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

.ie6 legend, .ie7 legend { margin-left: -7px; } 

/* Align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* Colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
   border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }


/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }
::selection { background:#FF5E99; color:#fff; text-shadow: none; }

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }

/**
 * You might tweak these..
 */

html {
  margin-left: -1px;
  overflow-Y: scroll;
}


body, select, input, textarea {
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  color: #312d2e;
  font-family: Helvetica, Arial, sans-serif;
  /* Set your base font here, to apply evenly */
  /* font-family: Georgia, serif;  */
}

/* Headers (h1, h2, etc) have no default font-size or margin; define those yourself */
h1,h4, h5, h6 { font-weight: bold; }
h1{ font-size: 20px; font-weight: normal; margin-bottom:6px; color:#312312;}
h2 { font-size: 16px; margin-bottom: 2px; color:#312312; line-height: 1.1em;}
h3 { font-size: 14px; margin-bottom:10px; line-height: 1.1em;}
a, a:active, a:visited { color: #930709; text-decoration: none; }
a:hover { text-decoration: underline; }


/**
 * Primary styles
 *
 * Author: 
 */
body{   
  background: #000;
  line-height: 120%;
}
p{ margin-bottom: 5px;
  }




section{ 
}
#category-bottom, #category-bot, #category-top{
   margin-left: 9px;
}
body #container{
  margin: 0 auto;
  width: 960px;
  margin-top: 7px;

}
body #container header{
  background: #fff;
  width: 945px;
  border-top: #930708 6px solid;
  margin-left: 7px;
}

body #container header #logo{
  border-bottom: #000 1px solid;
  padding: 15px;
  padding-bottom: 0px;
}
body #container header #social_icons{
  float: right;
  margin-top: 13px;
  text-align: right;
}
body #container header #phone{
  display:block;
  width:100px;
  float:right;
  margin-bottom:6px;
  padding-left:56px;
  text-align: right;
}

 
 
body #container header nav{
  float:left;
  width: 960px;
  display: block;
  position: relative;
  left: -7px;
}
body #container header nav ul{
  width: 945px;
  float: left;
  background: url("/wp-content/themes/munsell/img/navbg.jpg");
  height: 42px;
  color: #fff;
}
body #container header nav ul li a{
  color: #fff;
  
  text-decoration: none;
  height: 25px;
  padding: 10px 15px 3px;
}
body #container header nav ul li a:hover{
  border-top:4px solid #940709;
}
.nav-current {
    border-top: 4px solid #940709;
    padding-top: 10px;
}
body #container header nav .end-graphic{
  float: left;
}
body #container header nav li{
  padding-top: 10px;
  border-left: 1px solid #686868;
  float:left;
  height: 27px;
  list-style: none;
  text-transform: uppercase;
}

body #container header nav li:first-child{
  
  border-left: 0;
}
body #container header nav li:last-child{
  border-right: 0;
}
body #container header{
  clear:both;
}
#crumbs{ 
  margin-left: 20px;
  margin-bottom: 14px;
  font-size: 12px;
}
body #container section#main section#rotator article figure{
  float: right !important;
  margin: 0 !important;
}
section#main {
  width: 945px;
  margin-left: 7px;
  padding-top: 10px;
  background: #ffffff;
  padding-bottom: 34px;
}
section#rotator{
  height: 296px;
  overflow: hidden;
  border: 14px #555 solid;
  margin-bottom: 18px;
  background-color: transparent;
  }
section#rotator article{
  height: 296px;
}
section#rotator p{ margin: 0 !important; padding: 0 !important; }
section#latest_news, section#single, section#archive, section#category, section#search, section#page, section#index, section#search, section#author{
  float: left;
  width: 621px;
  margin-left: 16px;
  
}
section#latest_news article{ 
  margin: 0 5px 10px; 
  border: 1px solid #C8C8C8;
  background: #FFF;
  padding: 5px;
  margin-bottom: 10px;
  height:auto;
  overflow:hidden;
}


section#category article{ 
  margin: 5px; 
  border: 1px solid #C8C8C8;
  background: #FFF;
  padding: 5px;
  margin-bottom: 10px;
}
.entry-content article{ 
  /*margin: 5px; */
  border: 1px solid #C8C8C8;
  background: #FFF;
  padding: 5px;
  margin-bottom: 10px;
  
}
section#page article{ 
  margin: 5px; 
  padding: 5px;
  margin-bottom: 10px;
}

section#page article article{ 
  margin: 0px; 
  padding: 5px;
  margin-bottom: 10px;
}

article figure{
  float: left;
  margin-right: 12px;
}

/* Allow lists within a post to have visible bullets. */
h1.entry-title, #related_topics h1 {
  font-size: 20px;
  color: #312312;
  text-decoration: none;
  font-weight: normal;
  margin-top: 14px;
  line-height:120%;
}
#category h1.entry-title{
  float: none;
}


article.list figure{
  margin:0px;
  }
section#page article.list{ 
  margin: 5px; 
  flex: 0 1 calc(25% - 10px);
  float:left;
  border:none;
text-align:center;
      display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0;
}
#list-template figure{  
      padding:3px;
      border:1px solid #CCC;
      margin-bottom: 0px;
      float:none;
  
}
#list-template h2{
  width:125px;
  text-align:center;
  padding-top:5px;
  color:#930709;
  font-size:13px;
}


#list-template .list h2{
  margin-bottom: 1rem;
}


#list-template{
  padding:8px;
  border:1px solid #ccc;
  display:flex;
  flex-wrap: wrap;
  margin-top:10px;
}

#list-template article.list{

}

h1.entry-title a{ color: #312312;
 text-decoration: none;}
h1.entry-title a:hover{ text-decoration: underline;}
section#latest_news article figure img{
  border: 1px solid #C8C8C8;
  width:115px;
  height:115px;
}
#latest_news nav {
  margin: 5px;
}
.nav-previous{
  float: left;
}
.nav-next{
  float: right;
}
time{
  display: block;
  font-style: italic;
  padding-top: 18px;
  padding-left: 10px;
  float: left;
  clear: right;
  font-size: 11px;
}
body #container #main #single article time{
  clear: left;
  padding: 0;
  margin-top: 5px;
  margin-bottom: 12px;
  color:#656565;
}
body #container #main aside{
  float: right;
  width: 274px;
  border: 1px solid #C1C1C1;
  background-color: #E5E5E5;
  margin-right: 14px;
}
body #container aside header{
  width: 100%;
  border: 0;
  margin: 0;
  padding: 0;
  background: none;
}
body #container #main aside section{
  padding: 10px;
  background:url('/wp-content/themes/munsell/img/sidebar_section_bg.png') top center no-repeat;
  padding-bottom: 20px;
  border-bottom: #555555 1px solid;
}
body #container #main aside section figure{
  margin: 0;
  padding: 0;
  height: auto;
}
body #container #main aside section.last{
  border: 0 !important;
}
body #container #main aside section h1{
  font-weight: bold;
  font-size: 16px;
  margin-top: 15px;
  margin-bottom: 11px;
}
body #container aside ul, body #container footer aside ul{
  list-style: none;
  margin: 0;
  padding: 0;
}
body #container #main aside ul li a{
  color: #930709;
  text-decoration: none;
}
body #container #main aside ul li a:hover{
  text-decoration: underline;
}
label{
width: 90px;
display: block;
width: 90px;
margin: 4px 10px 0 0;
display: -moz-inline-box;
display: inline-block;
text-align: right;
vertical-align: top;}

#munsell_search_txt,
#munsell_product_finder_txt {
  background: #fff;
  border: 1px #585858 solid;
  height: 16px;
  width: 120px;
}
#munsell_search_form input[type="image"],
#munsell_product_finder_form input[type="image"] {
position:absolute;
height:auto;
}
#munsell_search_form,
#munsell_product_finder_form {
  background: #909090;
  padding: 9px 13px;
  color: #312D2D;
  position:relative;
}
#munsell_search_form label,
#munsell_product_finder_form label {
  font-weight: bold;
  font-size: 12px;
  color: #312d2e;
  display:inline-block;
  width:auto;
}
#munsell_search_form label {
  margin-right: 14px;
}
#munsell_product_finder_form label {
  margin-right: 5px;
}
#munsell_tell{
  margin-top: 20px;
}
#munsell_tell input, #munsell_tell_name, #munsell_tell_email{
  margin: 3px 0 10px;
  padding-left: 3px;
}
#munsell_tell_submit{
  float: right;
  margin: 0;
}
#munsell_tell label, #label--1, #label--2, #label--3, #label--1 span, #label--2 span, #label--3 span{
  font-weight: bold;
  display: block;
  width: auto;
  text-align: left;
}
.tell-us-your-story{
  width: 257px !important;
}
#usermessagea, #usermessageb{
  width: 225px !important;
  color:#930709 !important;
}
#latest_news .title{
  display: block;
  width: 100%;
  /*height: 50px;*/
}
#usermessagea.success, #usermessageb.success{
  color:#0C0;
  font-weight: bold;
}
#sendbutton{
  background: url(/wp-content/themes/munsell/img/submit.png) no-repeat;
  width: 75px;
  height: 23px;
  border: 0 !important;
  text-indent: -9999px;

}

#sendbutton2{
  background: url(/wp-content/themes/munsell/img/submit.png) no-repeat;
  width: 75px;
  height: 23px;
  border: 0 !important;
  text-indent: -9999px;
  margin-left:245px;
}
.linklove, .reqtxt, .emailreqtxt{
  display: none;
}
#li--1.cf_li_err, #li--2.cf_li_err, #li--3.cf_li_err{
  background: none !important;
  padding: 0;
  border: 0;
}
#munsell_tell_name, #munsell_tell_email{
  width: 225px;
  height: 22px;
  border: 1px #555 solid;
}

#munsell-feed label, #label--1, #label--2, #label--3, #label--1 span, #label--2 span, #label--3 span{
  font-weight: bold;
  text-align: left;
  width:70px !important;
}

#munsell_tell_name.cf_error, #munsell_tell_email.cf_error{
  border: 1px solid #AD2929;
}
#munsell_tell_story{
  width: 225px;
  height: 65px;
  border: 1px #555 solid;
  margin: 3px 0 10px;
  padding-left: 3px;
}
#munsell_tell_story.cf_error{
  border: 1px solid #AD2929;
}
body #container footer{
  width: 899px;
  margin: 0 auto;
  background-color: #555;
  padding: 17px 23px;
}
@-moz-document url-prefix() {
     body #container footer{
  width: 899px;
  margin: 0 auto;
  background-color: #555;
  padding: 17px 23px;
}
}
#menu-item-601{
  padding-top:10px;
}
body #container footer aside{
  float: left;
  width: 25%;
  border: 0;
  margin: 0;
  color: #fff;
}
body #container footer aside a{
  color: #fff;
  text-decoration: none;
}
body #container footer aside a:hover{
  text-decoration: underline;
}

body #container #footer2{
  width: 899px;
  margin: 0 auto;
  padding: 17px 0px;
  color:#f5f5f5;
}
#category h1.page-title, #single h1.page-title{
  font-size: 22px;
  margin-left: 11px;
  font-weight: normal;
  color: #312312;
  margin-bottom: 12px;
}
#category article, #single article{
  margin-left: 11px;
  
}
article #related_topics, section#latest_news nav .nav-previous{ 
  background: #f3f3f3; 
  border: #C7C7C7 1px solid;
  padding: 15px 12px;
}
article #related_topics{margin-top:10px;}
section#latest_news nav .nav-previous{ 
  width: 600px;
}
section#latest_news nav .nav-previous h1{
  float: left;
}
section#latest_news nav .nav-previous a{
  float: right;
}
#related_topics h1{
  float:none;
  margin: 0 0 10px;
  font-size:18px;
  margin-bottom:9px;
}
#related_topics ul{ 
  margin: 0;
  padding: 0;
  list-style: none;
}
#related_topics li{ 
  padding-top:3px;
}
#single h2, #single h3, #single h4, #single h5{
  margin-bottom: 10px;
}
#category h2, #category h3, #category h4, #category h5{
  margin-bottom: 10px;
}


#search404{
  position:relative;
  top:80px;
}

/**Custom Footer Styles---**/
#footer_copy{
float:right;
color:#77787b;
font-size:13px;
margin: 10px 0px 0px 0px;

}

#footer_copy a:link, #footer_copy a:visited {color:#77787b; text-decoration:none;}
#footer_copy a:hover{color:#fff; text-decoration:none;}



p.wp-caption-text{ font-size: 10px; font-style: italic; text-align: left;}
#content img.size-auto,
#content img.size-full,
#content img.size-large,
#content img.size-medium,
#content .attachment img{max-width:100%;width:auto;height:auto;}
.alignleft,
img.alignleft{display:inline;float:left;margin-right:15px !important;margin-left: 0 !important;margin-bottom:15px !important; margin-top: 0 !important;}
.alignright,
img.alignright{display:inline;float:right;margin-right: 0 !important;margin-left:15px !important;margin-bottom:15px !important; margin-top: 0 !important;}
.aligncenter,
img.aligncenter{clear:both;display:block;margin-left:auto !important;margin-right:auto !important; margin-top: 0 !important;}
img.alignleft,
img.alignright,
img.aligncenter{margin-bottom:15px !important; margin-top: 0 !important;}.wp-caption{background:#f1f1f1;line-height:18px;margin-bottom:20px;max-width:632px !important;padding:4px;text-align:center;}.wp-caption img{margin:5px 5px 0;}.wp-caption p.wp-caption-text{color:#888;font-size:12px;margin:5px;}.wp-smiley{margin:0;}.gallery{margin:0 auto 18px;}.gallery .gallery-item{float:left;margin-top:0;text-align:center;width:33%;}.gallery-columns-2 .gallery-item{width:50%;}.gallery-columns-4 .gallery-item{width:25%;}.gallery img{border:2px solid #cfcfcf;}.gallery-columns-2 .attachment-medium{max-width:92%;height:auto;}.gallery-columns-4 .attachment-thumbnail{max-width:84%;height:auto;}.gallery .gallery-caption{color:#888;font-size:12px;margin:0 0 12px;}.gallery dl{margin:0;}.gallery img{border:10px solid #f1f1f1;}.gallery br+br{display:none;}#content .attachment img{display:block;margin:0 auto;}
img.alignnone{display:inline;margin: 15px 0 !important;}

#menu-footer1, #menu-footer3{
  text-transform: uppercase;
}




.aviaslider{ 
left: 351px;
height:296px;   /*this changes the height of the image slider*/
width:566px;
position: relative;
background: #fff url(/wp-content/themes/munsell/aviaslide/images/layout/preload.gif) center center no-repeat;
margin: 0;
overflow: visible;
}

.aviaslider li, .aviaslider .featured{
display: block;
width:100%;
height:100%;
position: relative;
top:0;
left:0;
z-index: 1;

}

.js_active .aviaslider li, .js_active .aviaslider .featured{
display:none;
}

.aviaslider img, .aviaslider a img, .aviaslider a{
border:none;
text-decoration: none;
}

.required{
  font-weight:bold !important;
  margin-left: -9px;
}

.slidecontrolls{
  position: absolute;
  z-index: 100;
  top: 430px;
  padding-left: 15px;
  display: block;
  padding-left: 22px;
}

.slidecontrolls a{
height:20px;
width:18px;
display:block;
cursor: pointer;
background: white url(/wp-content/themes/munsell/img/featured_off.gif) center center no-repeat;
float:left;
outline: none;
}

.slidecontrolls a:hover, .slidecontrolls .active_item{
background: white url(/wp-content/themes/munsell/img/featured_on.gif) center center no-repeat;
}

.feature_excerpt{
  width: 336px;
  position: absolute;
  display: block;
  top: 0;
  left: -351px;
  z-index: 2;
  padding: 14px 12px 14px 3px;
  font-size: 11.5px;
  line-height: 1.5em;
  cursor: pointer;
  background: white;
  color: black;
}



.feature_excerpt h1{
/*  /*height: 35px;
  line-height:21px;
  font-size: 16px;
  font-weight: 600;*/
line-height: 21px;
font-size: 16px;
/*font-weight: 600;*/
width: 312px;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
color: #312312;
font-weight: normal;
line-height: 1.1em;
}
.feature_excerpt .featured_link{
  background: white url(/wp-content/themes/munsell/img/readmore.gif) center center no-repeat;
  width: 102px;
  height: 23px;
  position: absolute;
  top: 259px;
  left: 229px;
}
.feature_excerpt strong{
display: block;
font-size: 15px;
padding-bottom: 3px;
}
.featured_desc{
/*  padding-right: 20px;
  height: 172px;
  overflow: hidden;
  line-height:15.6px*/
  height: 172px;
  overflow: hidden;
  line-height: 15px;
  width: 310px;
  padding: 20px;
  padding-top: 0px;
  font-size:13px;
  color: #312D2E;
  font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: normal;
}
section#blog-nav ul.xoxo li.widget-container{
  margin-bottom: 20px;
}
section#blog-nav ul.xoxo li#archives-2{
  margin: 0;
}
section#blog-nav ul.xoxo li.widget-container h3{
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
}
.xoxo li ul li{
  margin-bottom:5px;
}
.sidebarlist{
  line-height:140%;
}

.vertical-align{
  vertical-align:middle;
}
  

/**
 * Non-semantic helper classes: please define your styles before this section.
 */

/* For image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }

/* Hide for both screenreaders and browsers:
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: by Jon Neal.
  www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: drupal.org/node/897638 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* The Magnificent Clearfix: Updated to prevent margin-collapsing on child elements.
   j.mp/bestclearfix */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }



/**
 * Media queries for responsive design.
 *
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, Mobile Safari, Android Chrome)
   consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}


/**
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 */
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

#category-top article {margin-left:0px;padding:0px;}
h2.entry-title a{
  font-size:20px;
  color:#312312;
  font-weight:normal;
  line-height: 1.1em;
 
}

/* Form edits for contact page */

.contactForm #sendbutton2{
  width:350px !important;
}

.contactForm #cforms2form{
  margin:0;
  width:auto;
}

#cforms2form  {
margin-left:-20px;
margin-top:30px;
}

#cforms2form input {
width:210px !important;

}
#cf2_field_5 {
width:210px;
}

#contact_address {
  display: inline-block;
  vertical-align: top;
  padding-left: 10%;
  font-size: 1.1em;
}

#li-2-1, #li-2-2, #li-2-5{
font-weight: bold;
}

.reqtxt, .emailreqtxt {
display:none !important; 
visibility: hidden !important;}

.tell-us-your-story label span{
  font-weight:bold;
  display:block;
  width:auto;
  text-align:left;
}

/* Blog Comment Section */
#comments #respond {
margin-left:15px;
margin-bottom:50px;
}
p.form-submit #submit {
  float: right;
}
p.form-submit #sendbutton {
  margin-left: 230px;
  margin-top: 5px;
}
#list-template figure{
  height:115px;
}
.commentlist{
  border-bottom: 1px solid #C4C4C4 !important;
  margin: 15px 10px 10px !important;
  list-style: none !important;
}

.comment-author{
  border-top: 1px solid #C4C4C4 !important;
  padding-top:15px !important;
}

.commentlist img{
  float:left !important;
  margin-right:15px !important;
  margin-bottom:10px !important;
  
}

.comment-meta a{
  font-size:11px !important;
  color:#999999 !important;
  
}

#search h1{
  font-size:25px;
  margin-bottom:15px;
}

#search article{
  border-bottom:1px solid #999999;
  margin-bottom: 10px;
  height:140px;  
}

#search h1{
  line-height:25px;
}

#search h1.entry-title{
  font-size: 17px;
  color: #312312;
  text-decoration: none;
  font-weight: normal;
  margin-top: 14px;
  float:none !important;
}

#search img{
  height:115px;
  width:115px;
}

ul.page_item_list li, ul.post_item_list li{
  font-size:13px !important;
}

.reply{
  position:relative;
  left:54px;
  margin-bottom:10px;
}

.rssWords{
  position:relative;
  top:9px;
  left:7px;
  display:inline;
}

.rssImage{
  vertical-align:middle;
  position:relative;
  top:7px;
}

.subEmail{
  height:16px;
}

#honeypot{
  display:none !important;
}

.colorPage{
  width:610px;
  float:left;
  padding:0 0 0 23px;
}

.ie7 .slidecontrolls{
  top:425px;
}

.ie7 #munsell_tell_name, .ie7 #munsell_tell_email, .ie7 #munsell_tell_story{
  width:220px;
}

.ie7 #sendbutton{
  width:85px;
  text-transform:capitalize;  /* Needed to remove "SUBMIT" text from displaying overtop of button. http://css-tricks.com/snippets/css/remove-button-text-in-ie7/*/
}


.ie7 #rotator .aviaslider p{
  display:none;
}

.ie7 #logo img{
  float:left;
}

.ie7 #logo #social_icons img{
  float:none;
}

.ie7 #logo #social_icons{
  width:175px;
  
}

.ie7 #munsell_search_txt{
  height:15px;
}

.ie7 section #latest_news nav  .nav-previous{
  width:585px 
}

/* =Post =Content */
#single h2, #single h3, #single h4, #single h5{
  margin: 10px 0;
}

#single h1{
  line-height:1.1em;
}

/* =Gravity Form */
.gfield_label {
  text-align: left;
}
.gform_wrapper .gform_footer {
  text-align: right;
}
.state_field {
  display: none;
}
.contactForm {
  width: 50%;
  display: inline-block;
}

#gform_wrapper_4 .gform_footer{
  clear:none;
  display: inline-block;
 margin-left: -2px;
}

#gform_wrapper_4 .gform_body{
 display: inline-block;
  width: 82%;
}

#gform_wrapper_4 #input_4_1{
	height: 21px;
  margin-left: 9px
}

#respond .required{
	margin-left: 0;
}

.authorName {
  margin-bottom: 15px;
  display: block; 
}

.articleExcerpt {
  display: inline-block;
  max-width: 78%;

}

.postThumbnail {
  max-width: 100px;
  display: inline-block;
  float: none;
  margin-right: 27px;
}

/* Pagination styles */
.pagination .page-numbers li {
	float: left;
	margin-right: 20px;
}


#commentform label{
  width: auto;
}

.full-width-col{
  width: 100% !important;
  margin: 0 !important;
  padding: 0 16px;
  box-sizing: border-box;
}


#main.palette-town{
  font-size: 18px;
  line-height: 1.35;
  padding-top: 0;
  margin-top: -7px;
}

#main.palette-town *{
  box-sizing: border-box;
}

.palette-town h2{
  font-size: 26px;
  margin-bottom: 30px
}

.palette-container{
  margin: 0 120px;
}

.palette-town p{
  margin-bottom: 28px;
}

.palette-town .banner{
  background-size: cover;
  height: 400px;
  margin-bottom: 75px;
  position: relative;
  text-align: center;
}

.palette-town .banner-text{
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
    text-shadow: 2px 2px #444;
}

.palette-town .banner-text-title,
.palette-town .banner-text-subtitle{
  color: #FFFFFF;
  font-size: 45px;
}

.palette-town .banner-text-subtitle{
  font-size: 35px;
  margin-bottom: 0;
}

.palette-town .callout{
  color: #9d4735;
  border: 12px solid currentColor;
  border-width: 12px 0;
  padding: 20px 0;
  margin: 80px 0;
  display: flex;
  align-items: center;
}

.palette-town .callout-text{
  color: inherit;
  margin-bottom: 0;
  font-size: 30px;
  line-height: 1.2;
}

.callout-image-container{
  border-radius: 50%;
  background: currentColor;
  width: 79px;
  height: 78px;
  text-align: center;
  float: left;
  margin-right: 21px;
}

.palette-town .callout-image{
  display: inline;
  width: 85px;
  height: 78px;
  padding: 8px;
}

.palette-town .person-callout {
  margin: 0 auto 57px auto;
  text-align: center;
}

.palette-town .person-callout p{
  font-size: 13px;
  color: #939597;
}

.swatch{
  display: block;
  width: 66px;
  height: 105px;
}

.swatch-container{
  display: inline-block;
  text-align: center;
}

.swatch-container + .swatch-container{
  margin-left: 33px;
}

.swatch-meta {
  font-size: 12px;
  color: #939597;
}

.callout-palette-container{
  padding: 0 30px;
  margin: 55px 0;
}

.callout-palette{
  position: relative;
  box-shadow: .578px .816px 1px 2px rgba(147,149, 152, .35 );
  margin-bottom: 1em;
}

.callout-palette-image{
  position: absolute;
  width: 100%;
  height: auto;
}

.callout-palette-text {
  position: relative;
  background: rgba(0,0,0, .6);
  width: 52%;
  margin-left: 48%;
  padding: 48px 31px 31px 56px;
  font-size: 15px;
  min-height: 435px;
}

.callout-palette-card-title{
  font-size: 20px;
}

.callout-palette-card-title,
.callout-palette-text{
  color: #FFFFFF;
}

.callout-palette-detail{
  border-radius: 50%;
  padding: 6px;
  background: #FFFFFF;
}

.callout-palette-bottom-image{
  max-width: 198px;
}

.callout-palette-detail{
  max-width: 100%;
  position: relative;
  margin-top: -99px;
  left: 28px;
}

.callout-palette-bottom-image,
.callout-palette-bottom-colors{
  display: inline-block;
}

.callout-palette-bottom-colors{
  float: right;
  margin-right: 39px;
  padding-top: 19px;
  margin-bottom: 25px;
}

.swatch-meta{
  font-size: 12px;
  color: #939597;
}

.call-out-palette-meta{
  font-size: 13px;
  color: #939597;
  clear: both;
}

.inline-title{
  vertical-align: middle;
  display: inline-block;
}

.person-callout img{
  border-radius: 50%;
}

.person-callout-image-container{
    background: url("/wp-content/themes/munsell/img/soil.png") no-repeat -20px 0px;
    width: 275px;
    background-size: cover;
  }

.person-callout-text-container{
  width: 450px;
  text-align: left;
  background: #f1f1f2;
  margin-left: -5px;
}

.person-callout-image-container,
.person-callout-text-container{
  display: table-cell;
  padding: 41px 19px 33px 28px;
  vertical-align: middle;
}


.person-callout-title{
  font-size: 16px;
  margin-bottom: 1em;
  display: block;
}

.quote{
  margin: 3em 0;
}

.quote:before,
.quote:after{
  height: 16px;
  width: 100%;
  background: url('/wp-content/themes/munsell/img/quote-border.png') repeat-x;
  margin: 1em 0;
}

.quote-image-container{
  width: 188px;
  height: auto;
  text-align: center;
  margin-right: 21px;
  display: inline;
}

.quote-title{
    font-size: 25px;
    vertical-align: text-bottom;
    display: inline-block;
    height: 4em;
    max-width: 480px;
}

.callout-palette-text-wrapper{
  background-size: cover;
}

.single-full-width .wp-caption img {
  max-width: 100%;
  height: auto;
  margin: 0;
}

.single-full-width #related_topics {
  margin: 3rem  0 2rem 0 ;
}

#cn-accept-cookie {
  background: #930709;
  color: #FFFFFF;
  padding: 0.4rem 0.9rem;
  display: inline-block;
  border-radius: 2px;
}

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}