#imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); -ms-grid-rows: 100px auto 100px; grid-template-rows: 100px auto 100px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); -ms-grid-rows: 100px auto 100px; grid-template-rows: 100px auto 100px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); -ms-grid-rows: 100px auto 100px; grid-template-rows: 100px auto 100px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } @media (max-width: 479.9px) { #imPage { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) 0; -ms-grid-rows: 100px auto 100px; grid-template-rows: 100px auto 100px; } #imHeader { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } #imFooter { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 3; -ms-grid-row-span: 1; grid-row: 3 / 4; } #imSideBar { display: none; } #imContent { display: block; -ms-grid-column: 1; -ms-grid-column-span: 3; grid-column: 1 / 4; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } #imContentGraphics { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 2; -ms-grid-row-span: 1; grid-row: 2 / 3; } } #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 1150px minmax(0, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } #imBlogPage { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 720px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 720px minmax(0, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } #imBlogPage { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: minmax(0, 1fr) 480px minmax(0, 1fr); grid-template-columns: minmax(0, 1fr) 480px minmax(0, 1fr); -ms-grid-rows: auto; grid-template-rows: auto; } #imBlogPage { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } } @media (max-width: 479.9px) { #imContent { display: -ms-grid; display: grid; -ms-grid-columns: 0 minmax(0, 1fr) 0; grid-template-columns: 0 minmax(0, 1fr) 0; -ms-grid-rows: auto; grid-template-rows: auto; } #imBlogPage { display: block; -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; -ms-grid-row: 1; -ms-grid-row-span: 1; grid-row: 1 / 2; } } #imBlogContent h2 a:hover { text-decoration: underline; } #imBlogContent { float: left; margin: 4px 0; font: inherit; overflow: hidden; } #imBlogSidebar { float: left; font: inherit; } .imBlogBlock { margin: 4px 0; overflow: hidden; } .imBlogBlock ul { list-style:none; } .imBlogBlock .imBlogCloudItem { margin-right: 5px; display: inline; } .imBlogBlock .imBlogImageBlock { max-width: 100%; margin: 0 auto; } .imBlogBlock .imBlogImageBlock img { width: 100%; } .imBlogPostBody, .imBlogPostSummary { margin: 10px 0 0 0; } .imBlogPostCover { width: 100%; height: 300px; margin-top: 10px; margin-bottom: 20px; background-position: center center; background-repeat: no-repeat; background-size: cover; } .imBlogPostRead { margin: 10px 0; } .imBlogBlockTitle { font-size: 1.1em; font-weight: bold; margin-bottom: 0.55em; } .imBlogSeparator { margin: 10px 0 10px 0; border-bottom: 1px solid rgba(169, 169, 169, 1); } .imBlogMedia { clear: both; margin: 20px 0 10px; } .imBlogSources { border-top: 1px solid #CCCCCC; padding-top: 15px; margin-top: 20px;} .imBlogSources ul { margin: 5px 0 0 5px; } #imBlogContent .topic-star-container-big { background-image: url('../images/star01-big-empty.png'); } #imBlogContent .topic-star-fixer-big { background-image: url('../images/star01-big-full.png'); } #imBlogContent .topic-star-container-small { background-image: url('../images/star01-small-empty.png'); } #imBlogContent .topic-star-fixer-small { background-image: url('../images/star01-small-full.png'); } #imBlogContent .topic-bar .bar-progress { background-color: rgba(102,102,102,255); } #imBlogContent .topic-bar .bar-progress > span { background-color: rgba(228,190,33,255); } .imBlogPostCard { background-color: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px 1px 1px 1px; border-color: rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1) rgba(0, 0, 0, 1); border-top-left-radius: 0px; border-top-right-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .imBlogPostCard { overflow: hidden; } .imBlogPagination { float: left; clear: both; } .imBlogPostCardCover { box-sizing: border-box; max-width:100%; width:100%; height: 100%; padding: 0px 0px 0px 0px; object-fit: cover; cursor: pointer; } .imBlogPostCardTitle h1, .imBlogPostCardTitle h1 a { font-family: Tahoma; font-size: 12pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); text-decoration: none; } .imBlogPostCardTitle h1 { text-align: left; margin: 0; padding: 0 10px 0 10px; overflow: hidden; } .imBlogPostCardCategory { padding: 0 10px 0 10px; overflow: hidden; } .imBlogPostCardCategory a { font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); text-decoration: none; } .imBlogPostCardDescription { position: relative; padding: 0 10px 0 10px; font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(0, 0, 0, 1); overflow: auto; } .imBlogPostCardDescription .imBlogPostCardDescriptionFade { position: absolute; width: 100%; height: 25px; left: 0; bottom: 0; box-shadow: inset 0px -20px 44px rgba(255, 255, 255, 1); } .imBlogPostCardDetails { padding: 0 10px 0 10px; font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); overflow: hidden; } .imBlogPostCardAuthor a { font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(169, 169, 169, 1); text-decoration: none; } .imBlogPostCardButton { padding: 0 10px 0 10px; text-align: right; overflow: hidden; } .imBlogPostCardButton a { display: inline-block; border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent transparent transparent transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; padding: 5px 5px; background-color: rgba(50, 205, 50, 1); font-family: Tahoma; font-size: 9pt; font-style: normal; font-weight: normal; color: rgba(255, 255, 255, 1); text-decoration: none; } .imBlogPostCardTitle h1 { padding-top: 5px; } .imBlogPostCardButton { padding-bottom: 5px; } #imBlogBlock0 { border-top: 1px solid rgba(37, 58, 88, 1); border-left: 1px solid rgba(37, 58, 88, 1); border-bottom: 1px solid rgba(37, 58, 88, 1); border-right: 1px solid rgba(37, 58, 88, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock0 a, #imBlogBlock0 a:link, #imBlogBlock0 a:hover, #imBlogBlock0 a:visited { font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock0 a:hover { text-decoration: underline; } #imBlogBlock0 ul li { margin-bottom: 8px; } #imBlogBlock0 ul li:last-child { margin-bottom: 0; } #imBlogBlock1 { border-top: 1px solid rgba(37, 58, 88, 1); border-left: 1px solid rgba(37, 58, 88, 1); border-bottom: 1px solid rgba(37, 58, 88, 1); border-right: 1px solid rgba(37, 58, 88, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock1 a, #imBlogBlock1 a:link, #imBlogBlock1 a:hover, #imBlogBlock1 a:visited { font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock1 a:hover { text-decoration: underline; } #imBlogBlock1 ul li { margin-bottom: 8px; } #imBlogBlock1 ul li:last-child { margin-bottom: 0; } #imBlogBlock2 { border-top: 1px solid rgba(37, 58, 88, 1); border-left: 1px solid rgba(37, 58, 88, 1); border-bottom: 1px solid rgba(37, 58, 88, 1); border-right: 1px solid rgba(37, 58, 88, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock2 a, #imBlogBlock2 a:link, #imBlogBlock2 a:hover, #imBlogBlock2 a:visited { font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock2 a:hover { text-decoration: underline; } #imBlogBlock2 ul li { margin-bottom: 8px; } #imBlogBlock2 ul li:last-child { margin-bottom: 0; } #imBlogBlock3 { border-top: 1px solid rgba(37, 58, 88, 1); border-left: 1px solid rgba(37, 58, 88, 1); border-bottom: 1px solid rgba(37, 58, 88, 1); border-right: 1px solid rgba(37, 58, 88, 1); border-top-left-radius: 2px; border-top-right-radius: 2px; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock3 a, #imBlogBlock3 a:link, #imBlogBlock3 a:hover, #imBlogBlock3 a:visited { font: normal normal normal 12pt 'Tahoma'; color: rgba(37, 58, 88, 1); background-color: rgba(255, 255, 255, 1); text-decoration: none; } #imBlogBlock3 a:hover { text-decoration: underline; } #imBlogBlock3 ul li { margin-bottom: 8px; } #imBlogBlock3 ul li:last-child { margin-bottom: 0; } @media (min-width: 480.0px) { #imBlogBlock0 { width: 138px; padding: 10px 10px; } #imBlogBlock1 { width: 138px; padding: 10px 10px; } #imBlogBlock2 { width: 138px; padding: 10px 10px; } #imBlogBlock3 { width: 138px; padding: 10px 10px; } } @media (max-width: 479.9px) { #imBlogBlock0 { box-sizing: border-box; width: 100%; padding: 10px 10px; } #imBlogBlock1 { box-sizing: border-box; width: 100%; padding: 10px 10px; } #imBlogBlock2 { box-sizing: border-box; width: 100%; padding: 10px 10px; } #imBlogBlock3 { box-sizing: border-box; width: 100%; padding: 10px 10px; } } #imBlogPost_000000004 div { line-height: 24px; } #imBlogPost_000000004 .imHeading1 { line-height: 72px; } #imBlogPost_000000004 .imHeading2 { line-height: 56px; } #imBlogPost_000000004 .imHeading3 { line-height: 48px; } #imBlogPost_000000004 .imHeading4 { line-height: 40px; } #imBlogPost_000000004 .imHeading5 { line-height: 36px; } #imBlogPost_000000004 .imHeading6 { line-height: 32px; } #imBlogPost_000000004 ul { list-style: disc; margin: 0; padding: 0; overflow: hidden; } #imBlogPost_000000004 ul ul { list-style: square; padding: 0 0 0 20px; } #imBlogPost_000000004 ul ul ul { list-style: circle; } #imBlogPost_000000004 ul li { margin: 0 0 0 40px; padding: 0px; } #imBlogPost_000000004 ol { list-style: decimal; margin: 0; padding: 0; } #imBlogPost_000000004 ol ol { list-style: lower-alpha; padding: 0 0 0 20px; } #imBlogPost_000000004 ol li { margin: 0 0 0 40px; padding: 0px; } #imBlogPost_000000004 blockquote { margin: 0 0 0 15px; padding: 0; border: none; } #imBlogPost_000000004 table { border: none; padding: 0; border-collapse: collapse; } #imBlogPost_000000004 table td { border: 1px solid black; word-wrap: break-word; padding: 4px 3px 4px 3px; margin: 0; vertical-align: middle; } #imBlogPost_000000004 p { margin: 0; padding: 0; } #imBlogPost_000000004 .inline-block { display: inline-block; } #imBlogPost_000000004 sup { vertical-align: super; font-size: smaller; } #imBlogPost_000000004 sub { vertical-align: sub; font-size: smaller; } #imBlogPost_000000004 img { border: none; margin: 0; vertical-align: text-bottom;} #imBlogPost_000000004 .fleft { float: left; vertical-align: baseline;} #imBlogPost_000000004 .fright { float: right; vertical-align: baseline;} #imBlogPost_000000004 img.fleft { margin-right: 15px; } #imBlogPost_000000004 img.fright { margin-left: 15px; } #imBlogPost_000000004 .imTALeft { text-align: left; } #imBlogPost_000000004 .imTARight { text-align: right; } #imBlogPost_000000004 .imTACenter { text-align: center; } #imBlogPost_000000004 .imTAJustify { text-align: justify; } #imBlogPost_000000004 .imUl { text-decoration: underline; } #imBlogPost_000000004 .imStrike { text-decoration: line-through; } #imBlogPost_000000004 .imUlStrike { text-decoration: underline line-through; } #imBlogPost_000000004 .imVt { vertical-align: top; } #imBlogPost_000000004 .imVc { vertical-align: middle; } #imBlogPost_000000004 .imVb { vertical-align: bottom; } #imBlogPost_000000004 hr { border-width: 1px 0 0 0; border-style: solid; } @media (min-width: 1150.0px) { #imBlogPage { position: relative; box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 0px 0 0px; } #imBlogPage.imBlogHome #imBlogContent { width: 980px; margin-right: 10px; } #imBlogPage.imBlogArticle #imBlogContent { width: 980px; margin-right: 10px; } .imBlogPostCard { width: 485px; height: 150px; float: left; box-sizing: border-box; margin: 10px 10px 0 0; line-height: 1.5; } .imBlogPostCard:nth-of-type(-n+2) { margin-top: 0; } .imBlogPostCard:nth-of-type(2n) { margin-right: 0; } .imBlogPagination { width: 980px; } #imBlogPage.imBlogHome #imBlogSidebar { width: 160px; } #imBlogPage.imBlogArticle #imBlogSidebar { width: 160px; } .imBlogPostCard { display: grid; display: -ms-grid; grid-template-columns: 0% auto; -ms-grid-columns: 0% 1fr; grid-template-rows: auto auto 1fr auto; -ms-grid-rows: auto auto 1fr auto auto; } .imBlogPostCardWithCover { grid-template-columns: 50% auto; -ms-grid-columns: 50% 1fr; } .imBlogPostWrapperCardCover { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 1 / 6; -ms-grid-row: 1; -ms-grid-row-span: 5; } .imBlogPostCardTitle { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 1 / 2; -ms-grid-row: 1; } .imBlogPostCardCategory { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 2 / 3; -ms-grid-row: 2; } .imBlogPostCardDescription { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 3 / 4; -ms-grid-row: 3; } .imBlogPostCardDetails { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 4 / 5; -ms-grid-row: 4; } .imBlogPostCardButton { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 5 / 6; -ms-grid-row: 5; } } @media (max-width: 1149.9px) and (min-width: 720.0px) { #imBlogPage { position: relative; box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 0px 0 0px; } #imBlogPage.imBlogHome #imBlogContent { width: 550px; margin-right: 10px; } #imBlogPage.imBlogArticle #imBlogContent { width: 550px; margin-right: 10px; } .imBlogPostCard { width: 550px; height: 150px; float: left; box-sizing: border-box; margin: 10px 10px 0 0; line-height: 1.5; } .imBlogPostCard:nth-of-type(-n+1) { margin-top: 0; } .imBlogPostCard:nth-of-type(1n) { margin-right: 0; } .imBlogPagination { width: 550px; } #imBlogPage.imBlogHome #imBlogSidebar { width: 160px; } #imBlogPage.imBlogArticle #imBlogSidebar { width: 160px; } .imBlogPostCard { display: grid; display: -ms-grid; grid-template-columns: 0% auto; -ms-grid-columns: 0% 1fr; grid-template-rows: auto auto 1fr auto; -ms-grid-rows: auto auto 1fr auto auto; } .imBlogPostCardWithCover { grid-template-columns: 50% auto; -ms-grid-columns: 50% 1fr; } .imBlogPostWrapperCardCover { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 1 / 6; -ms-grid-row: 1; -ms-grid-row-span: 5; } .imBlogPostCardTitle { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 1 / 2; -ms-grid-row: 1; } .imBlogPostCardCategory { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 2 / 3; -ms-grid-row: 2; } .imBlogPostCardDescription { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 3 / 4; -ms-grid-row: 3; } .imBlogPostCardDetails { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 4 / 5; -ms-grid-row: 4; } .imBlogPostCardButton { grid-column: 2 / 3; -ms-grid-column: 2; grid-row: 5 / 6; -ms-grid-row: 5; } } @media (max-width: 719.9px) and (min-width: 480.0px) { #imBlogPage { position: relative; box-sizing: border-box; margin-left: 0; margin-right: 0; padding: 0 0px 0 0px; } #imBlogPage.imBlogHome #imBlogContent { width: 310px; margin-right: 10px; } #imBlogPage.imBlogArticle #imBlogContent { width: 310px; margin-right: 10px; } .imBlogPostCard { width: 310px; height: 150px; float: left; box-sizing: border-box; margin: 10px 10px 0 0; line-height: 1.5; } .imBlogPostCard:nth-of-type(-n+1) { margin-top: 0; } .imBlogPostCard:nth-of-type(1n) { margin-right: 0; } .imBlogPagination { width: 310px; } #imBlogPage.imBlogHome #imBlogSidebar { width: 160px; } #imBlogPage.imBlogArticle #imBlogSidebar { width: 160px; } .imBlogPostCard { height: 300px; display: grid; display: -ms-grid; grid-template-columns: auto; -ms-grid-columns: 1fr; grid-template-rows: 0% auto auto 1fr auto; -ms-grid-rows: 0% auto auto 1fr auto auto; } .imBlogPostCardWithCover { grid-template-rows: 50% auto auto 1fr auto; -ms-grid-rows: 50% auto auto 1fr auto auto; } .imBlogPostWrapperCardCover { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 1 / 2; -ms-grid-row: 1; } .imBlogPostCardTitle { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 2 / 3; -ms-grid-row: 2; } .imBlogPostCardCategory { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 3 / 4; -ms-grid-row: 3; } .imBlogPostCardDescription { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 4 / 5; -ms-grid-row: 4; } .imBlogPostCardDetails { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 5 / 6; -ms-grid-row: 5; } .imBlogPostCardButton { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 6 / 7; -ms-grid-row: 6; } } @media (max-width: 479.9px) { #imBlogPage { width: 100%; } #imBlogContent, #imBlogSidebar { box-sizing: border-box; width: 100%; padding-left: 0px; padding-right: 0px; } .imBlogPostCard { width: 100%; float: left; box-sizing: border-box; height: 150px; margin: 10px 0 0 0; line-height: 1.5; } .imBlogPostCard:nth-of-type(1) { margin-top: 0; } .imBlogPagination { width: 100%; } .imBlogPostCard { height: 300px; display: grid; display: -ms-grid; grid-template-columns: auto; -ms-grid-columns: 1fr; grid-template-rows: 0% auto auto 1fr auto; -ms-grid-rows: 0% auto auto 1fr auto auto; } .imBlogPostCardWithCover { grid-template-rows: 50% auto auto 1fr auto; -ms-grid-rows: 50% auto auto 1fr auto auto; } .imBlogPostWrapperCardCover { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 1 / 2; -ms-grid-row: 1; } .imBlogPostCardTitle { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 2 / 3; -ms-grid-row: 2; } .imBlogPostCardCategory { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 3 / 4; -ms-grid-row: 3; } .imBlogPostCardDescription { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 4 / 5; -ms-grid-row: 4; } .imBlogPostCardDetails { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 5 / 6; -ms-grid-row: 5; } .imBlogPostCardButton { grid-column: 1 / 2; -ms-grid-column: 1; grid-row: 6 / 7; -ms-grid-row: 6; } } #imPage.without-id_animation-in-progress { overflow: hidden }