@charset "UTF-8";
/* =============================================================================================
                              ________  __      __  _________
                              \______ \/  \    /  \/   _____/
                                |    |  \   \/\/   /\_____  \ 
                                |    `   \        / /        \
                               /_______  /\__/\  / /_______  /
                                       \/      \/          \/ 
                          WMS - Website Management Software (c) 2022
                                   by Direct Web Solutions

    The following document, also known as blog.css, is developed for the sole use 
    of directwebsolutions.ca by the team at Direct Web Solutions. This design was
    developed by us and is considered the property of our company. Please do not 
    steal the code from this template as we have worked hard on it to make our 
    business successful. If you would like to take parts of the css for use in
    your own project, you may do so, but copying all of it or cloning our website 
    would be grounds to pursue legal action. Thanks for understanding and have a 
    great day!
    
    ~ Darryn Fehr,
    Direct Web Solutions
    
    ----------------------------------------------------------------------------------------
    @category    User Defined
    @package     WMS User Website
    @license     https://www.directwebsolutions.ca/wms/v3/license 3.0+ License
    @version     Release: 3.0.1
============================================================================================= */

.blog .banner{border-top:1px solid #fff;border-bottom:1px solid #555;width:100%;height:auto;min-height:125px;}
.blog .default{background:#555;background-blend-mode:overlay;background-image:url("../images/banners/product_news.webp");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.blog .search{background:#666;background-blend-mode:overlay;background-image:url("../images/banners/search_results.webp");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
.blog .banner .banner-title{filter:none !important;font-family:"Roboto",sans-serif;text-align:center;font-size:20px;font-weight:700;text-transform:uppercase;color:#fff;padding-top:50px;text-shadow:1px 1px 2px black;}
.blog .blockrow{list-style:none;padding:0;margin:20px -10px;}
.blog .textblock{line-height:1.6em;font-size:15px;margin-bottom:20px;}
.blog .blockrow li{width:20%;float:left;}
.blog .blockrow li .blockpadder .icon img{margin:0 auto;display:block;width:80%;height:auto;-khtml-user-select:none;-o-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;border-style:none;}
.blog .blockrow li .blockpadder{background:#fff;padding:10px 10px;margin:10px;border:1px solid #ccc;transition:all 200ms;}
.blog .blockrow li .blockpadder:hover{background:#f0f6fc;transition:all 200ms;border-color:#426180;}
.blog .nonews{margin-top:10px;font-style:italic;}
.blog .main-column{float:left;width:68%;font-size:16px;line-height:1.7em;}
.blog .main-column .description-of-category{border:1px solid #ccc;background:#fff;padding:14px;}
.blog .side-column{float:right;width:30%;border-left:1px solid #ccc;}
.blog .side-column .block{border-bottom:1px solid #ccc;padding:20px;padding-right:0;}
.blog .side-column .block:last-of-type{border-bottom:none;}
.blog .side-column .title-block{padding:10px 15px;font-size:16px;color:#fff;background:#364957;font-weight:700;}
.blog .side-column .search{position:relative;}
.blog .side-column .search .submission{position:absolute;top:10px;right:10px;font-size:16px;box-sizing:border-box;border:1px solid #cfcfcf;-moz-appearance:none;-webkit-appearance:none;border-radius:5px;padding:2px 4px;}
.blog .side-column .search input{border-radius:0;padding:10px 15px;font-size:16px;border:1px solid #364957;box-sizing:border-box;width:100%;padding-right:55px;}
.blog .side-column .search input:focus{outline:none;}
.blog .side-column .category-list{list-style:none;padding:0;margin:0;}
.blog .side-column .category-list li{border-bottom:1px solid #ccc;padding:10px;font-size:16px;color:#666;}
.blog .side-column .category-list li:last-of-type{border-bottom:none;}
.blog .side-column .category-list li a{text-decoration:none;display:block;color:#497aa6;}
.blog .side-column .category-list li a:hover{color:#35658f;}
.blog .side-column .share{font-size:16px;line-height:1.7em;text-align:center;padding:10px;color:#999;border:1px solid #364957;}
.blog .side-column .share .soc{margin:0;padding:0;margin-bottom:-5px;}
.blog .side-column .share .soc .soc-fbk{background-color:#3e5b98;}
.blog .side-column .share .soc .soc-fbk:hover{background-color:#2a4784;}
.blog .side-column .share .soc .soc-linkin{background-color:#4aa8db;}
.blog .side-column .share .soc .soc-linkin:hover{background-color:#0072b1;}
.blog .side-column .share .soc .soc-twr{background-color:#1da1f2;}
.blog .side-column .share .soc .soc-twr:hover{background-color:#1c99e7;}
.blog .side-column .share .soc li{display:inline-block;}
.blog .side-column .share .soc li a{font-family:'si';font-style:normal;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;-o-transition:0.1s;-ms-transition:0.1s;-moz-transition:0.1s;-webkit-transition:0.1s;transition:0.1s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);transform:translateZ(0);overflow:hidden;text-decoration:none;text-align:center;display:block;position:relative;z-index:1;height:30px;line-height:30px;font-size:16px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin-right:2px;color:#fff;background-color:inherit;padding:0 10px;}
.blog .side-column .share .soc li a span{padding-left:5px;font-family:verdana,sans-serif,arial;}
.blog .side-column .loadposterror{padding:20px 0;font-size:16px;line-height:1.7em;}
.blog .side-column .item{border-bottom:1px solid #ccc;padding:20px 0;}
.blog .side-column .item:last-of-type{border-bottom:none;}
.blog .side-column .item .date{font-size:11px;color:#999;}
.blog .side-column .item .link{font-size:16px;padding-top:4px;}
.blog .side-column .item .link a{text-decoration:none;color:#497aa6;}
.blog .side-column .item .link a:hover{color:#35658f;}
.blog .main-column .search{position:relative;margin-top:10px;}
.blog .main-column .search .submission{position:absolute;top:10px;right:10px;font-size:16px;box-sizing:border-box;border:1px solid #cfcfcf;-moz-appearance:none;-webkit-appearance:none;border-radius:5px;padding:2px 4px;}
.blog .main-column .search input{border-radius:0;padding:10px 15px;font-size:16px;border:1px solid #364957;box-sizing:border-box;width:100%;padding-right:55px;}
.blog .main-column .search input:focus{outline:none;}
.blog .main-column .banner-image{width:100%;padding:10px 0;}
.blog .main-column .banner-image img{width:100%;height:auto;}
.blog .main-column .header{font-size:35px;padding:0;margin-top:5px;line-height:1.4em;}
.blog .main-column .posted-by{font-size:12px;padding:7px 0;line-height:1.4em;}
.blog .main-column .postinfo{font-size:12px;padding-top:3px;line-height:1.4em;}
.blog .main-column .news_block{border-bottom:1px solid #ccc;padding:20px;}
.blog .main-column .news_block:last-of-type{border-bottom:none;}
.blog .main-column .news_block .date{font-size:11px;padding-top:4px;}
.blog .main-column .news_block .updated{padding:1px 3px;border-radius:4px;background:#043863;color:#fff;font-size:9px;font-weight:bold;border:1px solid #222;}
.blog .main-column .news_block .post_image{width:20%;max-width:150px;float:left;height:150px;display:block;}
.blog .main-column .news_block .post_image img{width:100%;height:auto;border:1px solid #ccc;background:#fff;}
.blog .main-column .news_block .post_data{width:78%;float:right;display:block;}
.blog .main-column .news_block .link{font-size:28px;padding-top:5px;}
.blog .main-column .news_block .link a{text-decoration:none;color:#497aa6;}
.blog .main-column .news_block .link a:hover{border-bottom:2px solid #35658f;color:#35658f;}
.blog .main-column .news_block .excerpt{margin-top:10px;padding-left:20px;border-left:3px solid #eee;font-style:italic;font-size:12px;overflow:hidden;max-height:80px;}
.blog .main-column .news_block .tags{margin-top:20px;font-style:italic;}
.blog .main-column .news_block .tags .taglist{margin:0;padding:0;list-style:none;display:inline-block;}
.blog .main-column .news_block .tags .taglist li{display:inline-block;margin-left:10px;}
.blog .main-column .news_block .tags .taglist li a{text-decoration:none;color:#35658f;}
.blog .main-column .news_block .tags .taglist li a:hover{text-decoration:underline;}
.blog .main-column .news_block .tags .taglist li:after{content:", ";color:#aaa;}
.blog .main-column .news_block .tags .taglist li:last-child:after{content:"";}
.blog .main-column .content-spacing{width:100%;display:block;height:30px;}
.blog .main-column .pagination{margin-top:20px;}
.blog .main-column .pagination .links{display:inline-block;margin:0 20px;}
.blog .main-column .pagination a{display:inline-block;padding:10px 12px;border:1px solid #497aa6;color:#497aa6;text-decoration:none;}
.blog .main-column .pagination a:hover{border-color:#2b5478;color:#2b5478;}
.blog .main-column .pagination .disabled{display:inline-block;padding:10px 12px;border:1px solid #ccc;color:#ccc;}
.blog .main-column .postimg img{margin-top:20px;/*Default Image Size for 1.91:1 is width:939px;height:494px;*/}
.blog .main-column .post{word-wrap:break-word;}
.blog .main-column .post q{padding-left:20px;border-left:3px solid #364957;color:#5f788a;font-style:italic;white-space:normal;display:block;margin-bottom:5px;}
.blog .main-column .post q:before{content:"";}
.blog .main-column .post q:after{content:"";}
.blog .main-column .post a{text-decoration:underline;color:#497aa6;}
.blog .main-column .post a:hover{text-decoration:none;color:#2b5478;}
.blog .main-column .post .right-float{float:right;max-width:40%;padding-left:20px;padding-bottom:20px;}
.blog .main-column .post .left-float{float:left;max-width:40%;padding-right:20px;padding-bottom:20px;}
.blog .main-column .post ul{white-space:normal !important;margin:16px 0;padding:0;padding-left:40px;line-height:1.6em;}
.blog .main-column .post ol{white-space:normal !important;margin:16px 0;padding:0;padding-left:40px;line-height:1.6em;}
.blog .main-column .post ol li{padding:4px 0;line-height:1.6em;}
.blog .main-column .post hr{margin:30px;}
.blog .main-column .post ul li{padding:4px 0;line-height:1.6em;}
.blog .main-column .post code,.blog .main-column .post pre{font-family:monospace;font-size:14px;-webkit-overflow-scrolling:touch;text-shadow:0 1px rgba(0,0,0,0.3);line-height:1.5;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-epub-hyphens:none;-ms-hyphens:none;hyphens:none;}
.blog .main-column .post pre{max-height:30em;white-space:pre;overflow:auto;border-radius:5px;}
.blog .main-column .post p{padding:15px 0;line-height:1.6em;}
.blog .main-column .comments .disabled{background:#fff;padding:10px;border:1px solid #ccc;font-style:italic;color:#777;margin-top:20px;}
.blog .main-column .comment-section-title{margin-top:20px;padding-bottom:10px;border-top:3px solid #444;padding-top:10px;}
.blog .main-column .comments{position:relative;width:100%;margin-top:10px;border-top:1px solid #ccc;}
.blog .main-column .results{padding:30px 0;font-size:16px;line-height:1.5em;}
.blog .main-column .no-results{font-style:italic;}
.blog .main-column .result{border:1px solid #ccc;padding:15px;margin-top:20px;}
.blog .main-column .result .linkage,.blog .main-column .result .posttitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.blog .main-column .result .posttitle a{font-size:18px;text-decoration:none;color:#497aa6;}
.blog .main-column .result .posttitle a:hover{text-decoration:underline;color:#2b5478;}
.blog .main-column .result .linkage a{color:#006621;text-decoration:none;font-size:14px;}
.blog .main-column .result .excerpt{color:#545454;line-height:1.7em;font-size:14px;}
@media screen and (max-width:860px){
    .blog .main-column{width:100%;float:none;}
    .blog .side-column{float:none;width:100%;border-left:none;}
    .blog .main-column .news_block .post_image{width:20%;}
    .blog .main-column .news_block .post_data{width:76%;}
    .blog .side-column .block{padding:20px;}
    .blog .main-column .news_block .link{font-size:16px;padding-top:5px;}
    .blog .main-column .header{font-size:25px;}
}
@media screen and (max-width:760px){
    .blog .blockrow li{width:33.333333333333%;float:left;}
}
@media screen and (max-width:590px){
    .blog .main-column .news_block .post_image{display:none;}
    .blog .main-column .news_block .post_data{width:100%;}
}