@charset "UTF-8";
/* CSS Document */

/*So Rows are even heights - good when images in a row have uneven captions  - 04-capture.htm */
.EvenRow {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 auto 0.5em auto;overflow:auto;padding:0}
/* this adds space around a <p> tag give the columns have no padding so the images takes up the full width of it. space is through margins*/
.ERspace {padding:0 1em}

/* Custom Highlight Colour for page and image effect - 04-capture.htm */
.HighlightY {background-color:#faf6ee;border-radius:4px;border:0px solid #d8b887;max-width:459px;}
.HighlightY2 {background-color:#faf6ee;border-radius:4px;border:0px solid #d8b887;max-width:100%;}
.EvenRow img {padding:0;margin:0;border-radius:4px}

/*LaraLynn quote*/
 .LLQuote {color:#999;font-size:20px; font-size:20px;font-family:JamesPaul,arial,helvetica, sans-serif;font-weight:300;transform:rotate(-5deg);text-align:center;max-width:200px;margin:auto;padding-bottom:10px;padding-left:20px}

/* Style for index - based on Habitat/Decorating blog look */
.BWRow {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}
.BWArticle {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;}
.BWImage, .BWImage-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%}
.BWImage img, .ArticleHolder img {border-radius:6px;margin:0;padding:0;max-width:100%!important;}
.BWBlurb, .BWBlurb-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}
.BWBlurb h3 {font-size:17px;margin-top:15px!important;font-weight:600} .BWBlurb-fullwidth h3 {font-size:17px;margin-top:15px!important}
.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}
.BWCategory {border-bottom:10px solid #c5e1c8;color:#212121;font-size:16px;font-weight:600;padding-bottom:2px;padding-left:8px}

/*Accordion*/
.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: 500;
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);}
        
@media only screen and (min-width : 285px)  {
    .EvenRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;padding:0!important; margin:8px 1.75%}    
    .BWRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;padding:0!important; margin:8px 1.75%}    
}
        
@media only screen and (min-width : 481px)  {
    .EvenRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1.5%}  
    .BWRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1.5%}    
}
        
@media only screen and (min-width:768px) {
    .EvenRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1%}
    .BWRow [class*="Col-"] {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing:border-box;float:left;padding:0!important; margin:8px 1%}
    .BWImage {-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%}
    .BWImage-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:17.8%}
    .BWBlurb {;-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%}
    .BWBlurb-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:81.45%}
}

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