@charset "UTF-8";
/* CSS Document - copied from the Decorating Habitat */

.HabitatRow {box-sizing:border-box;display: -webkit-flex; display:flex;-webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center;justify-content:center; align-self:stretch;margin:0 0 0.5em 0;max-width:100%;overflow:auto;width:100%;padding:0}
.HabitatArticle {box-shadow: inset 0px 0px 0px 1px #e0e0e0;border-radius:6px; max-width:100%; /*border:0px solid #e0e0e0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box!important;box-shadow:3px 2px 5px 2px #f8f8f8*/}

.ArticleHolder {color:#333;max-width:100%; margin: 0; overflow:auto; padding: 15px;box-sizing:border-box;}
.HabitatImage, .HabitatImage-fullwidth {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;margin:0;padding:1px 8px 1px 1px;width:33.3%}
.HabitatImage-fullwidthB {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:none;margin:0 auto;padding:1px 9px 1px 9px;width:66%; text-align:center}
.HabitatImage img, .ArticleHolder img {border-radius:6px;margin:0;padding:0;max-width:100%!important;}
.HabitatBlurb, .HabitatBlurb-fullwidth {;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:right;margin:0;padding:0px 0px 0px 9px; width:66.6%;font-size:15px}
.HabitatBlurb-fullwidthB {;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:none;margin:0;padding:0px 9px 0px 9px; width:100%;font-size:15px;text-align:justify}
.HabitatBlurb h3 {font-size:17px;margin-top:15px!important;font-weight:600} 
.HabitatBlurb-fullwidth h3 {font-size:17px;margin-top:15px!important;font-weight:600;text-align:left!important}  
.HabitatBlurb-fullwidthB h3 {font-size:17px;margin-top:16px!important;font-weight:600;text-align:center} 
.date {font-size:13px;margin-bottom:0!important} .date-cats {color:#999;font-size:13px;margin-left:12px;text-tranform:uppercase}
hr.mini-hr {margin:30px auto 1em auto;width:200px}
.XHelp {font-size:23px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:300;margin-top:0px;margin-bottom:5px; text-align:center}
.HabitatCategory {border-bottom:10px solid #c5e1c8;color:#212121;font-size:16px;font-weight:600;padding-bottom:2px;padding-left:8px}
.PrevNext {font-size:12px;color:#212121}
.PrevNext img {max-width:110px;border-radius:6px}
.Constrain {max-width:459px;margin:1em auto;width:100%;}
.smspace {padding-left:2px; padding-right:1px}

.tab {position: relative; margin-bottom: 0px; width: auto; color: #333; overflow: hidden;}
.tab input {position: absolute; opacity: 0; z-index: -1;} 
.tab label {position: relative;display: block;border-left:none;border-right:none;border-top:1px solid #e0e0e0;border-bottom:none;padding: 1px 20px 4px 8px;background: #f8f8f8;font-weight: 600;line-height: 2;cursor: pointer;}
.tab-content {max-height: 0;overflow:hidden; background: #fff; border-bottom:1px solid #e0e0e0;border-left:1px dotted #ccc;border-right:1px dotted #ccc;border-top:1px solid #fff;-webkit-transition: max-height .35s; transition: max-height .35s;}
.tab-content p {margin: 1em;}
/* :checked */
.tab input:checked ~ .tab-content {max-height: 100%;border-top:1px solid #e0e0e0}
/* Icon */
.tab label::after {position: absolute; right: 0;top: 0; display: block; width: 2em; height: 2em;  line-height: 2; text-align: center; -webkit-transition: all .35s; transition: all .35s;padding:2px 0 1px 0;}
.tab input[type=checkbox] + label::after {content: "+";}
.tab input[type=checkbox]:checked + label::after {content:"–";-webkit-transform: rotate(360deg); transform: rotate(360deg);}

/*videos*/
.size {width:940px;max-width:100%;margin:auto}
iframe {border-radius:6px}
video {width:940px; height:529px;border-radius:6px}

/* Main index page styles */
.greytext {color:#999;cursor:help} /* if you need "coming soon" info */
a.ButtonLookB:link, a.ButtonLookB:visited {float:left; display:inline-block; padding: 0 8px 0 0; margin:0 8px 8px 0;background-color:#fff;color:#000;border-right:1px solid #999;}
a.ButtonLookB:hover {color:#01a049}
a.ButtonLookB:active {color:#74aa50}
.BLBHeader {float:left;display:inline-block; margin-right:8px;padding: 0}


/* Footer title */
.DecHabitat  {font-size:23px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:300;margin-top:30px;margin-bottom:5px; text-align:center}

/** Mobile **/
@media only screen and (min-width : 285px)  {
.HabitatRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;padding:0!important; margin:8px 1.75%}    
}


/** Small Tablet **/
@media only screen and (min-width : 481px)  {
.HabitatRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1.0%}  

}

/*@media only screen and (min-width : 700px)  {
.HabitatImage-fullwidthB   {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;margin:0;padding:1px 8px 1px 1px;width:33.3%}
.HabitatBlurb-fullwidthB  {;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:right;margin:0;padding:0px 0px 0px 9px; width:66.6%;font-size:15px;text-align:left}
}*/


/** Tablet/Desktop **/
@media only screen and (min-width:768px) {
 .HabitatRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1%}
 .HabitatImage {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;margin:0;padding:1px 9px 1px 1px;width:38%}
 .HabitatImage-fullwidth,  .HabitatImage-fullwidthB  {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;margin:0;padding:1px 8px 1px 1px;width:17.8%}
 .HabitatBlurb {;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:right;margin:0;padding:0px 0px 0px 9px; width:62%}
 .HabitatBlurb-fullwidth, .HabitatBlurb-fullwidthB {;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:right;margin:0;padding:0px 0px 0px 9px; width:81.45%;}
  .HabitatBlurb-fullwidthB h3 {text-align:left}	
}

/** Desktop **/
/** uses percentages so disply in dreamweaver keeps to one line **/
@media only screen and (min-width:1200px) {
    .HabitatRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1%}
    .HabitatImage {float:left;margin:0;padding:1px 0.75% 1px 0px;width:37.25%}
    .HabitatImage-fullwidth,  .HabitatImage-fullwidthB {float:left;margin:0;padding:1px 0.375% 1px 1px;width:17.8%}
    .HabitatBlurb {float:right;margin:0;padding:0px 0px 0px 0.75%; width:61.25%}
    .HabitatBlurb-fullwidth, .HabitatBlurb-fullwidthB {loat:right;margin:0;padding:0px 0px 0px 0.375%; width:81.45%}
}