:root { --primary: #a91f20; --secondary: #e96349; --black: #37383c; --paragraph: #314351; --white: #fff; --border: #e5e9ec; } #umbracoPreviewBadge{ display:none !important;} body{ font-size: 1.1rem !important;} @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); .top-header{ display:none;} /*******************************Blog************************************/ .most-recent-posts{ padding-top: 40px; padding-bottom: 40px; } .blog-categories{margin-bottom: 60px;} .posts-title{ display: flex; -webkit-box-pack: justify; justify-content: space-between; -webkit-box-align: baseline; align-items: baseline; border-bottom: 1px solid #e5e9ec; padding-bottom: 12px; margin-bottom: 30px; } .posts-title h3{ font-size: 30px; color: var(--black); margin: 0px; } a.more-link{ font-size: 15px; line-height: 1.8; letter-spacing: -0.005em; font-weight: 500; display: none;} a.more-link:after{ border-top-width: 2px; border-top-style: solid; border-right-width: 2px; border-right-style: solid; content: ""; display: inline-block; margin-left: 0.3em; position: relative; pointer-events: none; width: 6px; height: 6px; transform: rotate(45deg); transition: all 0.15s ease 0s; vertical-align: middle; } a.more-link:hover{ color: var(--primary); } .posts-title a.more-link{ display: block; } .posts-style{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 60px; } .inner-posts-style{ grid-template-columns: repeat(2, 1fr); gap: 40px 0px; } .inner-posts-style .layout-featured{ display: flex; align-items: end;} .inner-posts-style .layout-featured .flex-15{ flex:1.5; } .inner-posts-style figure{ flex: 1.5; } .inner-posts-style figcaption{ flex: 1; margin-left: 60px;} .posts-style .layout-featured{grid-area: auto / auto / span 2 / span 2;} .posts-style figure{ border-radius: 6px; margin: 0px; overflow: hidden; border: 1px solid #f7f7f7; } .posts-style figure img{ width:100%; object-fit: cover; transition: transform 0.2s ease-out 0s; height: 175px;} .posts-style figure img{ animation-duration: 1.8s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right,#fafafa 8%,#f4f4f4 38%,#fafafa 54%); background-size: 1000px 640px; position: relative;} @keyframes placeHolderShimmer{ 0%{ background-position:-468px 0} 100%{background-position:468px 0} } .posts-style .layout-featured figure img{ height:auto;} .posts-style picture{ height: 100%; display: flex; } .posts-style h5{ padding: 20px 0px; margin: 0px; font-size: 24px; color: var(--black); } .posts-style h6{ padding: 20px 0px; margin: 0px; font-size: 18px; color: var(--black); } .posts-style .overline{ flex:1; font-size: 12px; line-height: 1.4; letter-spacing: 0.07em; font-weight: 500; text-transform: uppercase; display: block;} .posts-style .read{ display:flex; font-size: 12px; letter-spacing: 0.07em; background-color: var(--secondary); color: var(--white); padding: 2px 6px; border-radius: 4px; height: 100%; } .posts-style .read span{ font-size: .8125rem; padding-left: 10px;} .posts-style p{ margin: 0px; margin-bottom: 20px; color: var(--paragraph); word-wrap: break-word; } .posts-style a:hover h5>:not(.overline), .posts-style a:hover h6>:not(.overline){ color: var(--secondary); } .posts-style a:hover figure img{ transform: scale(1.03); } .Editor-Picks-list .posts-style > div{ grid-area: auto / auto / span 3 / span 3; display: flex; -webkit-box-align: center; align-items: center; padding-bottom: 30px; border-bottom: 1px solid #e5e9ec; } .Editor-Picks-list .posts-style figure{width: 184px; min-width: 184px; height: 110px; margin-right: 30px;} .Editor-Picks-list .posts-style figure img{ width:100%; height:auto; } .Editor-Picks-list .posts-style figcaption{ flex:1;} /*add*/ .banner-add{ padding-top: 40px; padding-bottom: 40px; } .banner-add a{ } .banner-add a img{ border-radius: 8px; width: 100%; object-fit: cover; } .banner-add a img:hover{ box-shadow: 0px 10px 15px rgba(22,51,127,0.15); } /*add*/ /*Subscribe*/ .Subscribe{ background: rgb(248, 249, 252); padding: 80px 20px; border-radius: 6px; height: 100%; } .Subscribe .form{ position: relative; } .Subscribe .form input{ background: var(--white); border-radius: 4px; border: 1px solid #a5b2bd; color: var(--black); font-size: 15px; height: 52px; padding: 0px 12px; width: 100%; } .Subscribe .form input[type="submit"]{ background: var(--primary); border-radius: 0 4px 4px 0; border: 1px solid var(--primary); color: var(--white); padding: 0px 20px; width: auto; position: absolute; right: 0px; top: 0px; } .Subscribe .form button{ font-size: 15px; height: 52px; background: var(--primary); border-radius: 0 4px 4px 0; border: 1px solid var(--primary); color: var(--white); padding: 0px 20px; width: auto; position: absolute; right: 0px; top: 0px; } @media (min-width:992px){ .posts-style .Subscribe{ padding: 40px 20px; } .posts-style .Subscribe img{ width: 100px;} } /*Subscribe*/ /*blog-short-details*/ .blog-short-details{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px;} .blog-short-details p{ margin: 0px; font-size: .8125rem; color: var(--paragraph); } .author-info p strong{ font-weight: normal; color: var(--secondary); } .author-info p strong a:hover{ color: var(--primary); border-bottom: 1px solid var(--primary);} .author-info p time{ margin-left: 5px; } .blog-short-details ul{ list-style: none; padding: 0px; margin: 0px; display: flex; } .blog-short-details ul li{ padding: 0 8px; display: flex; align-items: center; border-right: 1px solid var(--border); } .blog-short-details ul li.read{ font-size: 12px; letter-spacing: 0.07em; background-color: var(--secondary); color: var(--white); padding: 2px 6px; border-radius: 4px; height: 100%; } .blog-short-details ul li.read p{ color:#fff;} .blog-short-details ul li:last-child{ padding-right: 0px; border-right: 0px; } .blog-short-details ul li p{ padding-left: 10px; } .blog-short-details .author-info{ display: flex; align-items: center; } .blog-short-details .author-info img{ margin-right:8px;} .blog-icons{ width: 16px; height: 16px; display: block; line-height: 1; } .read .blog-icons.readtime{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAADFAAAAxQEdzbqoAAAE6GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYjBmOGJlOSwgMjAyMS8xMi8wOC0xOToxMToyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMy0wOFQyMToyMyswNTozMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDMtMDhUMjE6MjM6MzMrMDU6MzAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDMtMDhUMjE6MjM6MzMrMDU6MzAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmRkODEzYTIyLWMwMGQtOGI0Yi1iZDU2LTQ2YjA1MjdmOTgxMiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpkZDgxM2EyMi1jMDBkLThiNGItYmQ1Ni00NmIwNTI3Zjk4MTIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpkZDgxM2EyMi1jMDBkLThiNGItYmQ1Ni00NmIwNTI3Zjk4MTIiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmRkODEzYTIyLWMwMGQtOGI0Yi1iZDU2LTQ2YjA1MjdmOTgxMiIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0wOFQyMToyMyswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiHx9RYAAADZSURBVDiN7dM9SkNREAXg7z0exp/CpNHYRVyFgq2VLkVbN2EnZCFZQiDZQooglmIVtVC0cCwcwwOfCSGtBy53mDnncAbuLSLCOihr9e4Kujn3x2APMzxhhCu0aoJW9kbJmaWGiGhHRC9+YxgRm3mGDfNeRLQrTHDcEPMU17W6CZMK3QW7dhbMoFsuISzFvwFV3h3c4ARH2P+D/4g7jFMzTzDAO/o4wwWmNeEU5znrJ3cARUS8YAP3ePD9zse4xXYavOIyEz7jAIf4KCJiB2/4XHH9ElvFut/5CwCxZG6s7xcxAAAAAElFTkSuQmCC);} .blog-icons.readtime{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQEAQAAADlauupAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFu2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuYjBmOGJlOSwgMjAyMS8xMi8wOC0xOToxMToyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMi0wMy0wOFQyMToxNzoyMSswNTozMCIgeG1wOk1vZGlmeURhdGU9IjIwMjItMDMtMDlUMTg6MTc6MDMrMDU6MzAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjItMDMtMDlUMTg6MTc6MDMrMDU6MzAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIxIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmY2ZWY1N2VlLWNiNWUtMWQ0Yi04MWE4LWQ4MTU3ZWQzNjkyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3N2NkMDVkZS02Y2YwLTAyNDUtODYyOS0zYmIyMjE5MGQwNTQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3N2NkMDVkZS02Y2YwLTAyNDUtODYyOS0zYmIyMjE5MGQwNTQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjc3Y2QwNWRlLTZjZjAtMDI0NS04NjI5LTNiYjIyMTkwZDA1NCIgc3RFdnQ6d2hlbj0iMjAyMi0wMy0wOFQyMToxNzoyMSswNTozMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIzLjIgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpmNmVmNTdlZS1jYjVlLTFkNGItODFhOC1kODE1N2VkMzY5MjYiIHN0RXZ0OndoZW49IjIwMjItMDMtMDlUMTg6MTc6MDMrMDU6MzAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMy4yIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PbhI3AAACS0lEQVQ4jZXRbUjVBxTH8c//3oszs7seEOU6YoswR07fjLJaS2bZCIrbMmlGECMYRVRE9KInelEEqxeDGsUI2WJEbJcggpBNJARHMWH3RcIlLHtAM2vXtGVGPvTiVre4L6Lz6pzf+Z3vgXPCXse0c3xawN4Ey2v4b4jeLu+IUDZd1cexIm5c5Ncitk3j89h7AEbL+G0y6Ub+/ZLDk1jX/ra9soyVs1h+9pUSyTaHkxTs4UkyU6eauDnEnIOUf8yCf0gv4MFOFu8neYX71REKy/jmMsuqOD+TvJEstOcjmk7yezGJfDp+yugf9nFkGVvawpxvxXWuFmMhwfdce5wxVlcyuIQjf9DbkwWH/2L9XWoPhBiLcXIlnSGiFViRNY7UceV27una/+bgGiKnIgw1M+NPonHG+pF+48b9RGtw5m3AilaW3udWa4jgFMEWxk8waZRnm94AVORuh/wEefOYaH35xvHZTP6KjhOUtLFhW0Yf+JlwPBfwvJ6xRoKFLwET5Uzso76ToJqiBtbWEKnnSUsuYDyO08gLkb+L0gSXmmm+QWETvR1IsamWR4W5gKIoBY2Mfhdh8EeenkYdLQ204OtHTPmBT27yfHdmqC5BRZrgMgNxWn6hNh6m7ygNneQd57NSyrvp38rsxaybSyrJ6igb9zKe4uF87qaYuYOSUMDmNJWLGDhLdxWjI5TcIvYtqw9RXEGiiwvrGexg+h3mBExfRf/2CFXd9Nwj1kRpIcEXPNvBYIxEkvAlhruoXcQHnUy0Mfw/fQNMvfAC5Tm0bzeJ6LkAAAAASUVORK5CYII=);} .blog-icons.share{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAbwAAAG8B8aLcQwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAEuSURBVDiNldOxS9ZRFMbxz30RREUhUDRBF1FoFBxebLApE/1fBIdWQdwUl6ggaBSJZnFoaan2QCVCUcRBBAehwUiPg+eFXyC+Pw+c5Tn3nvPc771XRKiTGMAqjvAZzyNCh/qxgj+YRBObpZRnJbs/GKWUbuxjIiKuUnuHb42a028whMGKNo6Dtg5KKU28xTV68AHTGImI6SqkPrxEfwXaR/zETGqzWMc8GhGhtXkVh9jBBdZwjCV0tLkdo9hDZwovcIXhOtfbSFvbLboR8RWX+FsTsKf4hb50sIDAMnrbPrDc9DoZ/MB5QtrASda6c92reyFmsRNTLRapDeNNAt3CLhbxCd//a9CG9Dj+YbSifUGz7ks8zTyraL8xVstBTnyf53+COXe/susxDe79zrcUBz/jl6uOlQAAAABJRU5ErkJggg==); } .blog-icons.views{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAdgAAAHYBTnsmCAAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAADjSURBVDiN3dJNSgNBEAXgz4DZeAAVJ9tko2St3kaIFxAVt4KZeAD1GKKi7vQSydI/yHgALxAXU02GxniAFBR0v1ev+3V1sZSxjxtM8BM5wTX2/hNu4gFvOMI21iJ3cIwP3GMjF/dQ4RyraOMS34GPAmvjIrBeEnfwjoPGgSM8ooh8QtngB6Ep4BWnmaMqkY1LqqzmDC8tzNDK3/RHzLL9SloUYWfQIMuw3Yl8xrDBH6qbvZWALqbqBqVmlWF7GuKEDwPr5hbXcYdPnKBv/o39wL5wG7ULY1c9NGPzQRrjKrhli1/02zEjWyWMBwAAAABJRU5ErkJggg==);} .blog-icons.comments{ background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAnNCSVQICFXsRgQAAAAJcEhZcwAAA7EAAAOxAfWD7UkAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAA3klEQVQokXXQvUqCYRiH8R8OfUCUW9CSiUaDi5bWVEuEFUhZSmu5uARB0N72QhjUUkEn0Ql0GJ3O0/D6+j6hcQ338L+4vwQplnX19fVcutB17sy+QhYv+tRUV9ewbUdTy64TT5lw6DTrFSNhTsfAi1fDCTdWc2FkT8WGUkTVm6VMSGa2PnYUCQ4kEonKRGhrx0LRVsTatNCIFhzqpIKCsue/I1IGY+Hag5X/l/xyqxQw0lBSDALryiqqaj60/KTCvJ6h98Cju/hRahaC/KX36eVTw8bl29WsOBc2Z8fBL2AAnNN/NJtnAAAAAElFTkSuQmCC);} /*blog-short-details*/ .posts-style > div{ position: relative; } .posts-style > div:after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--secondary); -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out;} .posts-style > div:hover:after { width: 100%;} .for-mobile{ display:none;} /**********************************Blog******************************/ /***************************author-page******************************/ .author-details{ display:flex; } .author-details p { color: var(--paragraph);} .author-details figure{ margin-right:20px;} .author-details figure img{ border-radius:50%;} .author-details h3{ margin-bottom: 0.5rem;} .author-share-icons{ display: flex;} .author-share-icons ul{ list-style: none; padding: 0px; margin: 0px; display: flex;} .author-share-icons ul li{ margin-right:8px;} .author-share-icons ul li a{ width: 40px; height: 40px; color: #5f7d95; fill: #5f7d95; display: flex; justify-content: center; align-items: center; border-radius:4px;} .author-share-icons ul li a i{ display:flex; line-height:1;} .author-share-icons ul li a:hover{ background-color: var(--primary); color: var(--white); fill: var(--white);} /***************************author-page******************************/ /*Blog-categories*/ .blog-categoris{ padding: 54px 0 83px; } .head-post{display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 56px;} .tag-category { display: block; text-transform: uppercase; font-size: 13px; line-height: 1.63; margin-bottom: 11px; letter-spacing: 1.6px; color: var(--secondary); } .blog-categoris .text-col h3{ line-height: 1.31; -webkit-transition: color .3s ease-in-out; transition: color .3s ease-in-out; color: var(--black); } .blog-categoris .txt-wrap p{ font-size: 16px; line-height: 1.5; margin-bottom: 25px; color: var(--paragraph); transition: color .3s ease-in-out;} .head-post a, .text-col a{ display: block; } .text-col a:hover h3{ color: var(--secondary); } .blog-cite, .blog-cite>a, .blog-cite>span { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;} .blog-cite .per-info { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding-left: 15px;} .blog-cite .per-info .name { display: block; font-size: 16px; line-height: 1.5; color: var(--black);} .blog-cite .per-info .designation { display: block; font-size: 13px; line-height: 1.38; color: var(--paragraph);} .categoris-list{ } .article-lists{ list-style: none; padding: 0px; margin: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .article-lists li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.33%; flex-wrap: wrap; padding: 0 12px; margin-bottom: 44px; padding-bottom: 20px; position: relative;} .img-frame{ margin-bottom: 15px; } .img-frame img{ width: 100%; height: 240px; object-fit: cover; } .txt-wrap h4{ transition: color .3s ease-in-out; font-size: 21px; margin-bottom: 10px; color: var(--black); } .article-lists li:after{content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--secondary); -webkit-transition: width .3s ease-in-out; transition: width .3s ease-in-out;} .article-lists li:hover:after{ width:100%; } .blog-info{ display: flex; justify-content: space-between; } .blog-info span.read{ color: var(--paragraph); } .article-lists li a:hover h4{ color: var(--secondary); } .blog-paging{text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: var(--black); font-size: 14px; line-height: 1.21; padding-top: 36px;} .blog-paging .wrap { padding: 0 33px;} .blog-paging .wrap span{padding: 0 10px;} /*Blog-categories*/ .Blog-Details{ display: flex;} .Blog-Details article{ flex:1; } .Blog-Details aside{ flex: 0 330px; max-width: 330px; margin-left: 60px;} .Blog-Details article h1{ color: var(--paragraph); text-transform: inherit; } .Blog-Details article .col iframe{ height:500px; } .blog-youtube-thumb{ display: flex; position:relative;} .blog-youtube-thumb iframe{ display:none; border-radius: 8px;} .blog-youtube-thumb img{ width:100%; height:500px; float:left; cursor:pointer; border-radius: 8px; object-fit: cover;} .blog-youtube-thumb i{display: block;position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #e62e2d; text-shadow: 0 0 20px rgb(255 255 255 / 50%); font-size: 80px; line-height: 0; pointer-events: none;} @media (max-width:991px){ .blog-youtube-thumb img{ height:auto;} .blog-youtube-thumb iframe{ height:300px;} } .entry-meta{ padding-bottom: 15px; } .image-thumbnail{ border-radius: 6px; overflow: hidden;} .image-thumbnail img{ width: 100%; height: 100%; object-fit: cover; box-shadow: 0 3px 12px -1px rgb(7 10 25 / 20%), 0 22px 27px -20px rgb(7 10 25 / 20%); transition: all .3s ease; } .image-thumbnail img:hover{opacity: 1; box-shadow: 0 15px 45px -5px rgb(7 10 25 / 25%); -webkit-filter: brightness(1.07); filter: brightness(1.07); transform: translate(0, -2px);} .post-content{ padding-top:30px; } .post-content img{ width: 100% !important; height: auto !important; border-radius:6px; object-fit: cover; margin-bottom: 20px;} .image-thumbnail img{animation-duration: 1.8s; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-name: placeHolderShimmer; animation-timing-function: linear; background: #f6f7f8; background: linear-gradient(to right,#fafafa 8%,#f4f4f4 38%,#fafafa 54%); background-size: 1000px 640px; position: relative;} .Blog-Details .post-content .banner-form.for-desktop{ display: inline-block; margin: 2rem auto !important; } .Blog-Details .banner-form .form-blog.form span.invalid.field-validation-error{font-size: 10px; color: red; width: 100%; left: 0; bottom: -18px; padding: 1px 0; text-align: right; font-weight: 400; position: absolute; z-index: 9;} /*table-of-content*/ .table-of-content{ margin-top: 15px; margin-bottom: 15px; background-color: #f9e0da; display:block !important; } .tocHeader{ padding: 5px; cursor: pointer; display: flex; align-items: center; justify-content: space-between; } .tocHeader span{ background-color: #a91f20; color: #fff; line-height: 40px; padding: 0 20px; } .tocButton{ } .tocButton a{ color: #000; display: none; align-items: center; position: relative;} .tocButton a.active{ display: flex;} .tocButton a.active:after{ content: "+"; width: 22px; height: 22px; display: flex; align-items: center; justify-content: center; line-height: 18px; background-color: #f00; border-radius: 50%; text-align: center; color: #fff; font-size: 24px; margin-left: 8px; } .tocButton a.active.minus:after{ content: "-";} .tocButton .inactive{ display: none; } .tocNavigation ol{ } .tocNavigation ol li{ font-size: 15px; line-height: 22px; padding: 5px 0; position: relative; } /**.tocNavigation ol li:before{content: "•"; color: #e62e2d; position: absolute;}**/ .tocNavigation ol li a{ padding-left: 15px;} .tocNavigation ol li a[href=""], .tocNavigation ol li a[href="#"]{ pointer-events: none; } .tocNavigation ol li a:hover{ color: #a91f20; } /*table-of-content*/ /**image-source**/ .image-source{ width: 100%; border: 1px solid #dbdbdb; margin-top: 30px; margin-bottom: 30px; padding: 10px; } .image-source img{ width: auto !important; max-width: 100%; margin: 0 auto 20px; object-fit: contain !important;} .image-source em{ display:block;} /**image-source**/ /**Form**/ .banner-form { margin: 20px 0; background-color: #fff; padding: 20px; border-radius: 10px; box-shadow: 0 0 4px rgb(0 0 0 / 10%); height: calc(100% - 40px);} .banner-form { position: relative;} .banner-form h4 { display: block; color: #505f79; font-size: 18px; line-height: normal; text-align: center; font-weight: 500;} .banner-form h4 span { color: #a91f20;} .banner-form .form { margin-top: 30px;} .fieldWrapper { border: 1px solid #a91f20; border-radius: 4px; position: relative; width: 100%; margin: 5px 0 16px; display: table;} .fieldWrapper .fullWidth { width: 100%; height: 100%; padding: 12px 15px; border-radius: 10px; border: none; font-weight: 400; z-index: 9; background: 0 0; position: relative; font-size: 14px;} .fieldLabel { font-size: 13px; letter-spacing: 0; font-weight: 500; position: absolute; top: -7px; left: 15px; padding: 5px; background: #fff; color: #C4281C; -webkit-transition: .2s ease; transition: .2s ease; z-index: 9; line-height: 6px; border-radius: 4px;} .err, .text-danger{ font-size: 10px; color: red; width: 100%; left: 0; bottom: -18px; padding: 1px 0; text-align: right; font-weight: 400; position: absolute; z-index: 9; } .form-check { display: block; min-height: 1.5rem; padding-left: 1.5em; margin-bottom: 0.125rem;} .form-check .form-check-label { font-size: 10px; line-height: 13px;} #more { display: none;} #myBtn { display: inline-block; border: 0px; background: transparent; padding: 0px; color: #a91f20;} .banner-form input[type="button"] { position: relative; width: 100%; -webkit-transition: box-shadow .3s; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s,-webkit-box-shadow .3s; cursor: pointer; background: #a91f20; color: #fff; margin: 10px 0 5px; text-align: center; font-size: 16px; font-weight: 500; border-radius: 6px; -webkit-box-shadow: 0 10px 28px -10px rgb(0 0 0 / 30%); box-shadow: 0 10px 28px -10px rgb(0 0 0 / 30%); display: block; padding: 8px;} .banner-form button.btn { position: relative; width: 100%; -webkit-transition: box-shadow .3s; -webkit-transition: -webkit-box-shadow .3s; transition: -webkit-box-shadow .3s; transition: box-shadow .3s; transition: box-shadow .3s,-webkit-box-shadow .3s; cursor: pointer; background: #a91f20; color: #fff; margin: 10px 0 5px; text-align: center; font-size: 16px; font-weight: 500; border-radius: 6px; -webkit-box-shadow: 0 10px 28px -10px rgb(0 0 0 / 30%); box-shadow: 0 10px 28px -10px rgb(0 0 0 / 30%); display: block; padding: 8px;} .banner-form .form-summary{ position: relative; top: inherit; left: inherit; } .banner-form .form-summary>div{ position: relative; top: inherit; left: inherit; transform: inherit;} /**Form**/ /*related-items*/ .related-items{ padding-top: 40px; } .related-items h2{ color: #1b4250; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px;} .related-items ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } .related-items ul li{ flex:0 33.33%; max-width: calc(33.33% - var(--bs-gutter-x)); border: 1px solid #e6e6e6; margin: calc(var(--bs-gutter-x)/ 2); } .related-items ul li img{ width: 100%; height: 200px; object-fit: cover; } .related-items figure{ margin: 0px; } .related-items figcaption{ padding: 10px; } .related-items figcaption h6{ text-align: left; color: #666; margin: 0px;} .related-items ul li:hover figcaption h6{ color: #a91f20; } /*related-items*/ /*sidebar-stories*/ .sidebar-stories{ padding-top: 40px; } .sidebar-stories h4{ color: #1b4250; border-bottom: 1px solid #d3d3d3; padding-bottom: 10px;} .sidebar-stories ul{ list-style: none; padding: 0px; margin: 0px; display: flex; flex-wrap: wrap; justify-content: space-between; } .sidebar-stories ul li{ flex:0 100%; max-width: 100%; border: 1px solid #e6e6e6; margin-bottom: calc(var(--bs-gutter-x)) ; } .sidebar-stories ul li img{ width: 100%; height: 200px; object-fit: cover; } .sidebar-stories figure{ margin: 0px; } .sidebar-stories figcaption{ padding: 20px; } .sidebar-stories figcaption h6{ font-size: 18px; text-align: left; color: #666; margin: 0px;} .sidebar-stories ul li:hover figcaption h6{ color: #a91f20; } /*sidebar-stories*/ /*Blog-form*/ .banner-form h3{ color: #a91f20; line-height: normal; text-align: center; font-weight: 500; } /*Blog-form*/ .Blog-Details .banner-form{ position: relative; height: auto; margin: 0px; background-color: #e8e8e8; box-shadow: 0 0 10px rgb(0 0 0 / 20%);} .Blog-Details .post-content .banner-form{ margin-top: 3rem!important; margin-bottom: 0rem!important; display: block; } .form-summary{ display:none; position: absolute; top: 0px; left: 0px; padding: 20px; margin: 0px; background-color: #fff; width: 100%; height: 100%; z-index: 9; border-radius: 10px; text-align: center; flex-wrap: wrap; align-items: center;} .form-summary>div{ position: absolute; width: 100%; padding: 20px; top: 50%; left: 50%; transform: translate(-50%, -50%);} .form-summary h3{ color: #a91f20;} .form-summary p{ font-size: 16px; line-height: 20px;} .Blog-Details .post-content .banner-form img#frmImage { float: left;width: calc(60% - 1rem) !important; margin-right: 1rem;} .Blog-Details .post-content .banner-form .custom-form { float:left; width:40%;} :focus-visible { outline: none;} /**post-content**/ .post-content{ font-family: 'Roboto', sans-serif !important; } .post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6, .post-content p{ color:var(--paragraph); text-transform: inherit; } .post-content p{ } .post-content a{ color: var(--paragraph); border-bottom:2px solid var(--secondary);} .post-content a:hover{ color: var(--secondary);} .blog-header>p a{ color: var(--paragraph); border-bottom:2px solid var(--secondary);} .blog-header>p a:hover{ color: var(--secondary);} .post-content ol, .post-content ul{ margin-top: 1rem;} .post-content li{ margin-bottom: 1rem; color: var(--paragraph);} .post-content strong{ } .share-icons{ position: fixed; left: 0; z-index: 99; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .share-icons ul{ list-style:none; padding:0px; margin:0px; position: absolute; left: 20px; background-color: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 10%); -webkit-transition: -webkit-transform .3s ease-in-out,visibility .3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out,visibility .3s ease-in-out; transition: transform .3s ease-in-out,visibility .3s ease-in-out; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);} .share-icons ul li{ display:flex; justify-content: center;} .share-icons ul li a{ padding:20px; color: #5f7d95; fill: #5f7d95;} .share-icons ul li a:hover{ background-color:var(--secondary); color:var(--white);} .share-icons ul li i{ line-height:1; display:flex;} #ShareCount{ width: 100%; text-align: center; background-color: var(--primary); color:var(--white); padding-top: 6px; padding-bottom: 6px;} .table-responsive .table-dark{ --bs-table-bg: var(--secondary); --bs-table-striped-bg: var(--secondary); --bs-table-active-bg: var(--secondary); --bs-table-hover-bg: var(--secondary); border-color: var(--primary); } /**post-content**/ /**post-tags**/ .post-tags{ margin-top: 15px; margin-bottom: 15px;} .post-tags ul{ list-style:none; padding:0px; margin:0px; display:flex; flex-wrap:wrap;} .post-tags ul li{ margin-right:15px;} .post-tags ul li a{ background-color: #f8f9fc; min-width: 100px; display: inline-block; text-align: center; border-radius: 20px; padding: 4px 20px; color: var(--paragraph); border: 1px solid #efefef;} .post-tags ul li a:hover{ background-color: var(--secondary); color:var(--white); border-color:var(--secondary); } /**post-tags**/ /**faq**/ .Blog-Details article .faq{margin-top: 40px; margin-bottom: 40px; background-color: var(--white);} .Blog-Details article .faq .posts-title{ padding-bottom: 0px; margin-bottom: 10px; } .Blog-Details article p{ color: var(--paragraph); } .Blog-Details article p a:hover{ color: var(--primary);} .Blog-Details article ul li{ color: var(--paragraph); } .Blog-Details article .faq ul li{ margin-bottom: 10px;} .Blog-Details article .faq .accordion-item{ margin-bottom: 10px; } .Blog-Details article .faq .accordion-button{ padding: 0.7rem 1rem; font-size: 1.1rem; align-items: flex-start;} .Blog-Details article .faq .accordion-button span{ margin-right: 5px;} .Blog-Details article .faq .accordion-button:not(.collapsed){ color: #ffffff; background-color: #e96349; } .Blog-Details article .faq .accordion-button:not(.collapsed)::after{ filter: brightness(0) invert(1); } .Blog-Details article .faq .accordion-button:focus{ border-color: #e96349; box-shadow: 0 0 0 0.25rem rgb(233 99 73 / 50%); } .Blog-Details article .accordion-item:not(:first-of-type){ border: 1px solid rgba(0,0,0,.125);} /**faq**/ /**detail-pagination**/ .detail-pagination{ display: flex; justify-content: space-between; margin-top: 40px; } .detail-pagination a{ color:#000; display: flex; align-items: center;} .detail-pagination .float-left a i{ width:50px; height:50px; border-radius:50%; background-color: var(--secondary); display:flex; justify-content:center; align-items: center; margin-right:10px;} .detail-pagination .float-right a i{ width:50px; height:50px; border-radius:50%; background-color: var(--secondary); display:flex; justify-content:center; align-items: center; margin-left:10px;} .detail-pagination .disabled{ display:none;} .arrow:before { content:""; border: solid #fff; border-width: 0 2px 2px 0; display: inline-block; padding: 8px; position:relative;} .right:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); margin-right: 8px;} .left:before { transform: rotate(135deg);-webkit-transform: rotate(135deg); margin-left: 8px;} /**detail-pagination**/ /**comment**/ .blog-comments-main{ background-color: #fbfbfb; } .blog-comments{ } .blog-comments input, .blog-comments textarea{ width: 100%; border: 2px solid #ededed; border-radius: 6px; padding: 10px 20px;} .blog-comments-flex{ display:flex;} .blog-comments-flex>div{ flex:1; } .blog-comments-flex>div>div{ position:relative;} .blog-comments-rating{ margin-right: 20px; padding-right: 20px; border-right: 1px solid #e5e9ec;} .blog-comments ul{ list-style:none; padding:0px; position:relative;} .blog-comments ul li{ display: flex; padding-top: 1rem; padding-bottom: 1rem; z-index: 2; position: relative;} .blog-comments ul li em{ display: block; padding: 20px; background-color: #fff; font-style: normal; border-radius: 6px; margin-top: 0.5rem; border: 1px solid #ededed; box-shadow: 10px 10px 20px rgb(0 0 0 / 5%);} .blog-pic{ flex: 0 30px; min-width: 30px; height: 30px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background-color: var(--secondary); color:var(--white); margin-right: 20px; } .blog-comments ul:before{ content:""; width: 2px; height: 100%; background-color: var(--secondary); display: flex; position: absolute; left: 14px; z-index: 1; } /* Rating Star Widgets Style */ .rating-stars ul { list-style-type:none; padding:0; -moz-user-select:none; -webkit-user-select:none;} .rating-stars ul:before{ display:none;} .rating-stars ul > li.star { display:inline-block; padding-right: 8px; } .star .custom-star{ width:32px; height:32px; display: block; background-size: cover;} .star .custom-star{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAAsgAAALIBa5Ro4AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAK4SURBVFiFxZdPbExRFMZ/353pmyIk0rSlCaH+hKCSSoSGmTYhFhZiQxBNRGJFWNphZU0kWHchKVuJhDAtG8uWECGIP1VEQpqm80bdYzETYbw35s0UZ3Vzz7nf98u5ufe+Bw2EDQWrbShY3YiGq9s833wQ9Aj0qDSuL1SX+SAp2jPPgCXlqVf4cJn6mE6qVV8HFgS7fzIHWEwq2FWPVH0ApmM1zdUQibfA7gRrcRqNXCtbr2xxNIle8g5IxyPNS8mjieWSFNtd5uMzb4DZMSVTfA0WadvEp1o1k3XAB0eqmAPMIh0eTiJZcwfKR+8psPQPpa94H3ZqD98SA9ituS0EYTu4VrzvQGpDasP7DpyWYPTWRCvyeHuJc2OYfcDsA86Ngf9IMfP+5y2S5YPdoLOIpUBQk0HjUcR4gbOTsqHMW6DjHxlXhH1yiOf/xxyQHjvM7Qce/gf7h5jb75Sbek0q7EHc+Ifmt/HhVuWmXjsAbWGClnAXsoG/bi1dxYc71cdnqDyGhhhuPgV26i/ZnycbnpCwHzxRVZZvPoTsMtA0Q8bfEEeVDS9VJmJvQstntiOuAfMaNJ9E7FU2vB6VjH0L1BveBF1s0BzQhTjzqgCltbahcQDrrpaNBbBBUhgbGwdgkw2SSgxAe1MXje8/wFxam9YlB8D1zIB5KRSvVQXANs8YQBWtdPwi/QnAQFfKw31U+7iRknXAbs1pBzqrWD/B2KFc4YByhQOgXuBBFdhOG569sGYAgq9bYoQmQWdoDbtK90QplCsM48Nu4ATwJRp6OrKj0QDGit9mZAP49HLlCqe1hmLlEvUxrVx4Dp9eVX7UrKJkZe0ASt2F8kelMYJ3WWWL/eqbHI+s/wVkclzZYj/eZTFGytMec/cj6+OEbChYh3ctULhXz08ngN0hjWvuAXunXPg0quY7FQDY/efTIOEAAAAASUVORK5CYII=);} .star .custom-star{ filter: grayscale(1);} .star.hover .custom-star{ filter: none; opacity: 0.6;} .star.selected .custom-star{ filter: none; } .divRating{ pointer-events: none} .real-comments .rating-stars ul > li.star{ padding-top: 6px; padding-bottom: 6px;} .real-comments .star .custom-star{ width:20px; height:20px; background-size: cover;} .commentfieldWrapper{ position: relative; width: 100%; margin: 5px 0 16px; display: table;} .error { font-size: 10px; color: red; width: 100%;left: 0;bottom: -18px; padding: 1px 0; text-align: right; font-weight: 400; position: absolute; z-index: 9; } /**comment**/ /**Blog-search**/ .blog-search{ background: rgb(237 237 237); padding-top: 20px; padding-bottom: 20px; display: flex;} .blog-search h4{ } .blog-search .divSearch{ display: flex; padding: 10px; background-color: #fff; border-radius: 6px;} .blog-search .btnSearch{ width: 200px; display: flex; align-items: center; justify-content: center; margin-left: 10px;} .blog-search .btnSearch i{ line-height: 1; display: inline-block; margin-right:10px;} /**Blog-search**/ /**advertisement**/ .advertisement{ width:100%; display:flex; padding-top:2rem; padding-bottom:2rem; text-align:center; justify-content:center; transition: all 1s ease; } .advertisement p{ text-transform: uppercase; margin-bottom: 0.3rem; font-size: 12px; opacity: 0.5;} .advertisement img{ margin-bottom: 0.3rem; } .advertisement img:hover{-webkit-filter: brightness(120%); box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); transform: translateY(-2px); cursor: pointer;} /**advertisement**/ /**quotes**/ .quotes{ background-color: #f7f7f7; border: 1px solid var(--border); border-radius: 6px; width: 100%; margin-top: 2rem; margin-bottom: 2rem; padding: 2rem; transition: all 1s ease; position:relative;} .quotes:before{ content:""; position:absolute; left:10px; top:10px; width:128px; height:128px; display:flex; background:url(../images/blog/left-quote.png) center center no-repeat; opacity: 0.04; } .quotes-line{ border-left: 4px solid var(--secondary); padding: 1rem 1rem; padding-right: 0px; } .quotes em{ font-size: 16px; display: flex; justify-content: right; font-weight: 700;} .quotes:hover{ box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); transform: translateY(-2px); cursor: pointer;} /**quotes**/ /**History**/ .History{ background-color: #fff; border: 2px solid var(--secondary); border-radius: 6px; width: 100%; margin-top: 2rem; margin-bottom: 2rem; padding: 2rem; padding-top: 0px; transition: all 1s ease; position:relative;} .history-text{ font-size: 1.5rem; font-weight: bolder; background-color: #fff; padding: 5px 20px; transform: translateY(-25px); display: inline-block;} .History ul{ list-style:none; padding:0px; margin-bottom:0px; padding-left: 1.5rem; margin-left: 1.5rem; border-left: 2px solid var(--secondary); position:relative; } .History ul li{ display: flex; align-items: center; margin: 0; padding: 0.5rem; border-bottom: 1px solid var(--border);} .History ul li:last-child{ border-bottom: 0px; } .History ul li:before{ content: ""; width: 1rem; height: 1rem; display: flex; background-color: var(--secondary); border-radius: 50%; position: absolute; left: calc(-0.5rem - 1px); } .History ul li p{ margin-bottom:0px;} .History ul li span{ font-size: 1rem; font-weight: bolder;} .History ul li.active{ background-color: #ffefef;} .History ul li.active:before{ width: 2rem; height: 2rem; left: calc(-1rem - 1px); } .History ul li.active span{ font-size: 1.5rem; color: var(--secondary);} .History ul li.active p{ color: var(--secondary);} /**History**/ /**info-blog**/ .info-blog{ background-color: #fff; border: 2px solid var(--secondary); box-shadow: 0px 4px 10px rgb(0 0 0 / 20%); border-radius: 6px; width: 100%; margin-top: 2rem; margin-bottom: 2rem; padding: 2rem; padding-top: 0px; transition: all 1s ease; position:relative;} .info-blog-text{ font-size: 1.5rem; font-weight: bolder; background-color: #fff; padding: 5px 20px; transform: translateY(-25px); display: inline-block;} .info-blog-text.blub:before{ content: ""; background:url(../images/blog/light-bulb.png) center center no-repeat; width:30px; height:30px; float: left; margin-right: 10px; background-size:cover; } .info-blog-details{ display: flex; align-items: center;} .info-blog-left{ flex:1;} .info-blog-right{ flex:1.5;} /**info-blog**/ /*****************************Responsive-start*****************************/ @media (max-width:1460px){ .share-icons ul{ left:0px;} } @media (max-width:1280px){ .posts-style{ gap: 40px 30px;} .inner-posts-style figcaption{ margin-left: 30px;} .Blog-Details aside{ margin-left: 30px; } .share-icons{ top:inherit; bottom: 0; transform: inherit; display: inline-block; width: 100%; height: 54px;} .share-icons ul{ width: 100%; position: inherit; left: inherit; top: inherit; transform: inherit; display: flex; align-items: center;} .share-icons ul li{ display: flex; flex: 1; justify-content: center; height: 100%; } #ShareCount{ padding: 16px;} .share-icons ul li a{ flex:1; border-right: 1px solid #e8e8e8;} .share-icons ul li i{ justify-content: center;} #wrapper-chat-col{ bottom: 56px; left: 0px; transform: scale(0.6);} a#scroll { right: 10px; bottom: 80px; width: 30px; height: 30px; font-size: 16px;} a#scroll i { height: 30px;} } @media (min-width:1151px){ .most-read-articles-sidebar{ margin-top: 40px;} .most-read-articles-sidebar .posts-style{ grid-template-columns: repeat(1, 1fr);} } @media (max-width:1150px){ .posts-style h5{ font-size:22px;} .Subscribe{ padding-top:50px; padding-bottom:50px;} .Subscribe h3{ font-size: 20px;} .Subscribe form input[type="submit"]{ width: 100%; border-radius: 4px; position: relative; margin-top: 10px;} .posts-title h3{ font-size: 24px;} .Blog-Details{ flex-wrap:wrap;} .Blog-Details aside{ flex: 0 100%; max-width: 100%; margin: 0px;} .most-read-articles-sidebar{ padding-top:60px;} .for-mobile{ display:block; } .Blog-Details .banner-form.for-mobile{ margin-top:20px; margin-bottom:20px; } .for-desktop{ display:none;} .Blog-Details article{ width:100%;} } @media (max-width:991px){ .posts-style{ grid-template-columns: repeat(2, 1fr);} section { padding-top: 40px; padding-bottom: 40px;} .Subscribe img{ width: 100px;} .Subscribe form input[type="submit"]{ width: auto; border-radius: 4px; position: absolute; margin-top: 0;} .banner-add{ padding-top: 20px; padding-bottom: 20px;} .inner-posts-style .layout-featured{ display: inherit;} .inner-posts-style figcaption { margin-left: 0;} .most-recent-posts{ border-bottom: 1px solid #ebebeb;} .posts-style figure img{ height:200px;} .image-thumbnail img{ height:auto;} } @media (max-width:767px){ .posts-style > div{ grid-area: auto / auto / span 2 / span 2;} .posts-style figure img{ height:250px;} body .fixed-nav .accordion{ display:none;} .breadcrumb{ flex-wrap: nowrap; overflow-x: scroll;} li.breadcrumb-item{ white-space: nowrap;} .breadcrumb-item+.breadcrumb-item::before{ float: inherit;} .Blog-Details article .faq .accordion-button{ font-size: 16px; align-items: flex-start;} /**.share-icons { height: 122px;} div#wrapper-chat-col { bottom: 100px;} a#scroll { right: 10px; bottom: 140px;}**/ .quotes, .History, .info-blog{ padding: 1rem;} .History ul{ padding-left: 1rem; margin-left: 1rem;} .History ul li.active:before{ width: 1.5rem; height: 1.5rem; left: calc(-0.8rem - 1px);} .info-blog-details{ flex-wrap: wrap;} .info-blog-left { flex: 0 100%;} .History ul li.active span{ font-size: 1.2rem;} .history-text, .info-blog-text{ transform: translateY(-38px);} .Blog-Details .post-content .banner-form .custom-form, .Blog-Details .post-content .banner-form img#frmImage {float:none;width:100% !important; } .quick-text span{display:none;} } @media (max-width:680px){ .Editor-Picks-list .posts-style > div{ flex-wrap:wrap;} .Editor-Picks-list .posts-style figure{ width: 100%; min-width: 100%; height: auto; margin-right: 0;} .Editor-Picks-list .posts-style figcaption{ flex: 0 100%; max-width: 100%;} .posts-title a.more-link{ display:none;} a.more-link{ display: block; float: right; margin-top: 20px; text-decoration: underline;} body {margin-bottom: 0px !important;} .blog-header .author-info p time{ margin-left: 0; display: block;} .blog-comments-flex{ flex-wrap: wrap;} .blog-comments-flex>div{ flex: 0 100%; max-width: 100%; margin: 0px; padding: 0px; border: 0px; margin-bottom:10px;} .blog-comments ul li{ padding-top: 0.5rem; padding-bottom: 0.5rem;} } @media (max-width:480px){ section, .most-recent-posts{ padding-top: 20px; padding-bottom: 20px;} .blog-header .blog-short-details{ border-top: 1px solid #e5e9ec; border-bottom: 1px solid #e5e9ec; padding-top: 10px; padding-bottom: 10px;} /**.blog-header .blog-short-details .author-info{ flex: 0 100%; max-width: 100%; margin-bottom: 20px;}**/ /**.blog-header .blog-short-details ul{ flex: 0 100%; max-width: 100%;}**/ /**.share-icons { height: 112px;}**/ /**.blog-short-details .author-info{ flex-wrap: wrap;}**/ .blog-short-details p{ margin-top:4px; padding-left:0px !important; font-size: 10px; flex: 0 100%; max-width: 100%; text-align: center;} .blog-short-details ul li{ flex-wrap:wrap; justify-content: center;} .blog-short-details .author-info img{ width: 35px; height: 35px;} .blog-short-details .author-info p{ text-align: left;} .author-details{ flex-wrap:wrap;} } @media (max-width:380px){ } /*****************************Responsive-end*****************************/