/* ------------------------ 
	BLOG POST
	------------------------ */	
    @media only screen and (max-width: 1280px) { 
        /*grid*/
        #blog-article #post .col-9 { width: calc(100% - 300px); }
        #blog-article #post #sidebar { width: 300px;}
        #blog-article #post .inner.col-10 {padding: 0;}
        #blog-article .inner.pad {padding: 0 3rem;}
        
        /*header*/
        #blog-article #blogheader .color-contain {padding: 2rem 0}
        
        /*textbox*/
        /*#blog-article section#textbox #copysingle.col { width: 100%; }*/
    }

	@media only screen and (max-width: 1024px) { 
        /* header */
        /*#blog-article #blogheader {
            margin-bottom: 1rem;
        }*/
        
        /*grid*/
        #blog-article #post .col-9,
        #blog-article #post .col-3 { 
            width: 100%; 
            padding: 0; 
        }
        
        #blog-article #modulintro .col {padding: 0;}
        
        /*textbox*/
        #blog-article section#textbox #copysingle.col { width: 100%; }
        #blog-article section#textbox:last-of-type {margin-bottom: 0;}
        #blog-article section#textbox .intro {padding: 0 1rem;}
        #blog-article section#textbox .contain.row {
          width: 100%;
          margin-left: 0px;
        } 
        
        /*divider*/
        #blog-article section#divider {padding: 0 15px;}
        
        /*sidebar*/
        #blog-article #post #sidebar {
            width: 100%; 
            padding: 4rem 1rem 0; 
        }
        #blog-article  #sidebar #authorbox #portrait,
        #blog-article  #sidebar #authorbox #contentbox {
          display: inline-block;
        }
        
        #blog-article #sidebar #authorbox #contentbox {
          width: calc(100% - 220px);
          padding-left: 1.5rem; 
          vertical-align: top; 
        }
    }
    @media only screen and (max-width: 940px) { }
    @media only screen and (max-width: 850px) {
        /* grid */
        #blog-article .inner.pad {padding: 0 2rem;}
        
        /*textbox*/
        #blog-article  section#textbox #copysingle > .img-wrap {padding: 1rem 0;}
        #blog-article  section#textbox #copy > .img-wrap img { 
            max-height: 100% !important;
            padding: 15px 0;
        }
        #blog-article  section#textbox #copy > .img-wrap img { 
            max-height: 100% !important;
        }
        #blog-article  section#textbox #copy:not(:has(.button)) > .img-wrap img { 
            padding: 15px 0;
        }
        
    }

    @media only screen and (max-width: 767px) { }
	@media only screen and (max-width: 600px) {
        /* grid */
       /* #post #textbox.solo .contain.row > .col {padding: 0 15px;}*/
        
       /*textbox*/
        #blog-article section#textbox {margin-bottom: 2rem;}
        #blog-article section#textbox .inner.col-10 {padding: 0;}
        #blog-article section#textbox .img-outer {padding-bottom: 2rem;}
        #blog-article #post #textbox #copysingle .box.background {
          width: 100%;
          margin-left: 0px;
        }
    
        /*sidebar*/
        #blog-article  #post #sidebar #authorbox #portrait,
        #blog-article  #post #sidebar #authorbox #contentbox {display: block;}
        #blog-article #post #sidebar #authorbox #contentbox {
          width: 100%;
          padding-left: 0; 
         
        }
    }

	@media only screen and (max-width: 479px) { 
        /*grid*/
        #blog-article .inner.pad {padding: 0 1.5rem;}
        
        /*textbox*/
        #blog-article section#textbox,
        #blog-article section#textbox:last-of-type {margin-bottom: 2rem;}
        #blog-article section#textbox.no-mar {margin-bottom: 0;}
        #blog-articlee section#textbox .contain #copysingle {padding-bottom: 0;}
        
        /*sidebar*/
        #blog-article #post #sidebar {padding-top: 0; }
        #sidebar #authorbox #portrait img {max-width: 200px;}
    }