/*Nav Menu Responsive Styles*/ @media screen and (max-width : 960px){ /*Make dropdown links appear inline*/ /*Main Menu*/ #icnav ul li::before { display:none; } #icnav { margin:0px; } #icnav ul { display:block; margin:0px; position: relative; z-index: 5555555; } #leftmenuhome { position: static; display: none; } /*Create vertical spacing*/ #leftmenuhome li { margin-bottom: 1px; } /*Make all menu links full width*/ #leftmenuhome ul li, #leftmenuhome li a { width: 100%; text-align:center; float:none; } /*Display 'show menu' link*/ .show-main-menu { display:block; width:100%; float: left; } #leftmenuhome #cssmenu{ float:left; width:100%; } #leftmenuhome #cssmenu ul li{ } #leftmenuhome #cssmenu ul li::before { display:none; } /* Nav Menu */ #icnav { margin:0px; width: 100%; } #icnav ul { display:block; margin:0px; position: relative; z-index: 5555555; } #navmenutwo { position: static; display: none; } /*Create vertical spacing*/ #navmenutwo li { margin-bottom: 1px; } /*Make all menu links full width*/ navmenutwo ul li, navmenutwo li a { width: 100%; } /*Display 'show menu' link*/ #icnav .show-menu { display:block; width:100%; float: left; } #icnav ul li { width:100%; float:left; } #navmenutwo #cssmenu { width:100%; float:left; } #cssmenu ul { width: 100%; text-align:center; } #cssmenu li { width:100%; text-align:center; } #cssmenu li a { width:100%; text-align:center; } #cssmenu ul li > ul, #cssmenu ul li.has-sub > div { display:block !important; position:relative;width:100%; margin:0px; top:0px; background:#eee; padding:0px; } #cssmenu ul li > ul li:hover { background:#ddd; } #cssmenu ul li a { padding-left:0px !important; padding-right:0px !important; } #cssmenu ul li a::before { display:none; } #cssmenu ul li > ul li a, #cssmenu ul li.has-sub > div li a { text-shadow:none; color:#333; padding-left: 0px !important; padding-right: 0px !important; } #cssmenu ul li > ul li a:hover, #cssmenu ul li.has-sub > div li a:hover { text-shadow:none; color:#333; } .pagecont { width:100%; float:left; margin-bottom: 50px; } .pagecont #text { width:100%; } #postpage { width:100%; } /* Pages */ #pageb ,#pagebc,#page { width:100%; } #disnav i.fa-home,#disnav i.fa-bars { display:none; } #notfound { float:left; width:100%; position: static; } .postnavlinkurl { margin-bottom:15px; } .recentcategory { float:left; width:100%; margin:0px; margin-bottom:25px; padding:10px; } #featuredcontent { max-width: 100%; min-width: auto; } #article { margin-top:-120px; } .readmrmr { display:none; } .featurescl:hover .titlembt, .featurescl:hover .titlemb, .featurescl:hover .cuttitle { color:#fff !important; } .featurescl:hover .readmrmr, .featurescl:hover .readmrmrt { display:none; } } @media only screen and (min-width: 768px) and (max-width: 960px) { #featuredcontent { float: left; width: 100%; padding-left: 20px; } #article { float:left; width: 100%; /* margin-top: 200px; */ margin-bottom: 30px; } .recenttitlesh { width:100%; } #page { width:100%; } #aside { float:none; width: 100%; } #asidein { margin: 0px auto; width: 95%; } .sidetitle { width:100%; } } @media only screen and (min-width: 801px) and (max-width: 960px) { #featuredcontent { display:block; width:100%; margin-bottom: 100px; } .pageindx { width:100%; } #featuredccenter { margin:0px auto; width: 90%; } #fefirst { width: 45%; margin-bottom: 25px; } #fefirst img,#fefirst #fetitleone,#fefirst #fetitleonetwo { width:100%; } #fefirst #cuttitle { width:100%; } .titles, #fefirst #fetitleonetwo h6 { width:100%; max-width: 100%; } .titlembt, .titlemb { height: 91%; } #fesecond {width: 45%;margin-bottom: 25px;} #fesecond img { width:100%; } #fesecond #fetitlesecond,#fesecond #fetitlesecondtwo h6 ,#fesecond #fetitlesecondtwo { width:100%; max-width: 100%; } /*fivest*/ #fefivest { width:93%; margin:0px auto; height: 200px; } .tabcent { width:60%; } #fefivest .feimgff { height: 200px; width: 40%; } #fefivest .feimgff img { width: 100%; height: 200px; } #fefivest .fetitleft { float:left; width: 60%; } #fefivest .fetitleft .titleb { width: 100%; max-width: 100%; } #fefivest .fetitleff { width: 60%; height: 70%; } #fefivest .fetitleff h4 { width: 100%; max-width: 100%; height: 99%; -webkit-line-clamp: 9; } /*fesixst*/ #fesixst { width:93%; margin:0px auto; height: 200px; margin-top: 20px; } #fesixst .feimgff { height: 200px; width: 40%; } #fesixst .feimgff img { width: 100%; height: 200px; } #fesixst .fetitleft { float:left; width: 60%; } #fesixst .fetitleft .titleb { width: 100%; max-width: 100%; } #fesixst .fetitleff { width: 60%; height: 70%; } #fesixst .fetitleff h4 { width: 100%; max-width: 100%; height: 99%; -webkit-line-clamp: 9; } /*fefourst*/ #fefourst { position: absolute; width: 40%; top: 1204px; left: 64px; height: 200px; } #feimgfourst img { height:200px; } #feimgfourst { height: 200px; } #fetitlefourst { top:-50px; } #fefourst #fetitlefourst,#fefourst #fetitlefourst h4 { width:100%; max-width: 100%; } /*fethird*/ #fethird { position: relative; width: 45.4%; height: 200px; /* top: 1252px; */ left: 378px; top: 20px; } #fethird #feimgthird { height:200px; } #fethird #feimgthird img { height:200px; } #fetitlethird { width:100%; top: -50px; } fetitlethird h4 { width:100%; } /* Article & Sidebar */ .articlefg { width: 40%; /* padding: 1px; */ /* padding-right: 2px; */ /* padding-left: 2px; */ height: 235px; /* background: #009a87; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ float: left; margin-right: 20px; margin-bottom: 25px; /* padding-top: 10px; */ overflow:hidden; /* border: 1px solid #006f61; */ /* border-radius: 2px; */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* border-bottom-color: #006f61; */ text-decoration: none; } .articlefg a { text-decoration:none; } .articlefg:hover .articlereadmr { display:block; } .articleimg { float: left; width: 100%; background: #fff; height: 184px; overflow: hidden; } .articleimg img { width: 100%; height: 100%; /* margin-top: -35px; */ cursor: default; /* display: none; */ /* margin-left: -25px; */ } .articletitle { position: absolute; float: left; text-overflow: ellipsis; /* margin-top: -60px; */ /* text-indent: 4px; */ width: 30.7%; padding: 6px; margin-top: 184px; padding-left: 10px; background: #006f61; /* background: linear-gradient(45deg,#feffda,#ffffeb,#ffffd6,#fdffb4); */ /* background: linear-gradient(45deg,#FAEBD7,#ffe9e9,#fff7eb,#FAEBD7); */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ color: #eee; /* border-left: 1px solid #009a87; */ /* border-top: 1px solid #d4d4d4; */ font-weight: 600; height: 51px; overflow: hidden; transition: 0.8s text-shadow; } .articletitle:hover {text-shadow: 0px 0px 1px #fff;} .articletitlefrst { float:left; font-family: Open sans,sans-serif; height: 44px; overflow: hidden; width: 100%; max-width: 100%; font-size: 15px; } .posttitleo { margin:0px; text-overflow:ellipsis; display: -webkit-box; /* font-weight: 500; */ overflow: hidden; -webkit-box-orient: vertical; height: 42px; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .articlecategory { float: left; overflow: hidden; /* display: none; */ height: 0px; /* height: 96px; */ width: 230px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #fff; /* border: 1px solid #333; */ /* background: rgb(223, 223, 255); */ } .articledate {} #article { float: left; /* border: 1px solid #eee; */ /* width: 71.5%; */ margin-top: 80px; } #articlepage { /* float: left; */ margin: 0px auto; width: 690px; } .articlereadmr { margin-left: 181px; position: absolute; cursor: pointer; font-weight: 800; padding: 10px; display: none; color: #009a87; background: rgba(255, 255, 255, 0.9); font-size: 13px; border-top-left-radius: 2px; } .readcbk { background: #009a87; background: #fff; border-top: 1px solid #ccc; width: 360px; height: 20px; display: none; position: relative; top: 97px; left: -150px; } .titlearticle { float:left; padding: 10px; padding-bottom: 0px; width: 210px; font-family: Open sans,sans-serif; color: #333; font-size: 14px; height: 78px; overflow: hidden; } .articleby { /* float:right; */ font-size: 13px; padding: 4px; color: #c8d8d6; background: #444; /* box-shadow: inset 0px 0px 18px 2px #009482; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ font-weight: 100; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; margin-top: 139px; line-height: 15px; max-width: 120px; text-align: right; font-family: Open sans,sans-serif; } .articleby ul li a { text-decoration:none; color:#fff; } .articleby ul { list-style-type:none; margin:0px; padding:0px; } .articlebc { float: left; margin-bottom: 2px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .articlebyin { float: right; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } .articleby span { padding-bottom: 0px; margin-bottom: 0px; /* height: 18px; */ overflow: hidden; } .articleimgshadow { width: 30.7%; height: 184px; /* box-shadow: inset 0px -8px 100px -10px #01483f; */ position: absolute; background: rgba(0, 0, 0, 0.10); } /* Search page */ #searchpage { margin:auto; margin-top: 50px; float: none; width: 90%; } #postpage table, #postpage table th, #postpage table td,#postpage tr { font-size:90%; padding:0% 0.5%; } #postpage tr td { width:0%; } } @media only screen and (max-width: 800px) { #socialbar { left: 50px; } #page { width:100%; } #aside { float:none; width: 100%; } #article { margin-top:-200px; } #asidein { margin: 0px auto; width: 95%; } .sidetitle { width:100%; } #postpage table, #postpage table th, #postpage table td,#postpage tr { font-size:90%; padding: 0% 0.0%; } #postpage tr td { width:0%; } } @media only screen and (min-width: 479px) and (max-width: 800px) { #featuredcontent { display:block; width:100%; margin-bottom: 100px; } #featuredccenter { margin:0px auto; width: 90%; } .articleby { margin-top:250px !important; } #fefirst { width: 45%; margin-bottom: 25px; } #fefirst img,#fefirst #fetitleone,#fefirst #fetitleonetwo { width:100%; } .titles, #fefirst #fetitleonetwo h6 { width:100%; max-width: 100%; } .titlembt, .titlemb { height: 91%; } #fesecond {width: 45%;margin-bottom: 25px;} #fesecond img { width:100%; } #fesecond #fetitlesecond,#fesecond #fetitlesecondtwo h6 ,#fesecond #fetitlesecondtwo { width:100%; max-width: 100%; } /*fivest*/ #fefivest { width:93%; margin:0px auto; height: 200px; } .tabcent { width:60%; } #fefivest .feimgff { height: 200px; width: 40%; } #fefivest .feimgff img { width: 100%; height: 200px; } #fefivest .fetitleft { float:left; width: 60%; } #fefivest .fetitleft .titleb { width: 100%; max-width: 100%; } #fefivest .fetitleff { width: 60%; height: 70%; } #fefivest .fetitleff h4 { width: 100%; max-width: 100%; height: 90%; -webkit-line-clamp: 8; } /*fesixst*/ #fesixst { width:93%; margin:0px auto; height: 200px; margin-top: 20px; position: relative; top: -200px; } #fesixst .feimgff { height: 200px; width: 40%; } #fesixst .feimgff img { width: 100%; height: 200px; } #fesixst .fetitleft { float:left; width: 60%; } #fesixst .fetitleft .titleb { width: 100%; max-width: 100%; } #fesixst .fetitleff { width: 60%; height: 70%; } #fesixst .fetitleff h4 { width: 100%; max-width: 100%; height: 90%; -webkit-line-clamp: 8; } /*fefourst*/ #fefourst { position: relative; width: 45%; float: left; top: 240px; left: 0px; height: 200px; } #feimgfourst img { height:200px; } #feimgfourst { height: 200px; } #fetitlefourst { top:-50px; } #fefourst #fetitlefourst,#fefourst #fetitlefourst h4 { width:100%; max-width: 100%; } /*fethird*/ #fethird { position: relative; width: 45%; height: 200px; top: -180px; float: right; left: -7%; } #fethird #feimgthird { height:200px; } #fethird #feimgthird img { height:200px; } #fetitlethird { width:100%; top: -50px; } fetitlethird h4 { width:100%; } /* Header & Article & Sidebar */ #logo { display:none !important; } #socialbar { display:none; } .articlefg { width: 85%; /* padding: 1px; */ /* padding-right: 2px; */ /* padding-left: 2px; */ height: 335px; /* background: #009a87; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ float: none; margin: 0px auto; /* margin-right: 20px; */ margin-bottom: 25px; /* padding-top: 10px; */ overflow:hidden; /* border: 1px solid #006f61; */ /* border-radius: 2px; */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* border-bottom-color: #006f61; */ text-decoration: none; } .articlefg a { text-decoration:none; } .articlefg:hover .articlereadmr { display:block; } .rmpnl { width: 85%; } .articleimg { float: left; width: 100%; background: #fff; height: 284px; overflow: hidden; } .articleimg img { width: 100%; height: 100%; /* margin-top: -35px; */ cursor: default; /* display: none; */ /* margin-left: -25px; */ } .articletitle { /* position: absolute; */ float: left; text-overflow: ellipsis; /* margin-top: -60px; */ /* text-indent: 4px; */ width: 100%; padding: 6px; /* margin-top: 284px; */ padding-left: 10px; background: #006f61; /* background: linear-gradient(45deg,#feffda,#ffffeb,#ffffd6,#fdffb4); */ /* background: linear-gradient(45deg,#FAEBD7,#ffe9e9,#fff7eb,#FAEBD7); */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ color: #eee; /* border-left: 1px solid #009a87; */ /* border-top: 1px solid #d4d4d4; */ font-weight: 600; height: 51px; overflow: hidden; transition: 0.8s text-shadow; } .articletitle:hover {text-shadow: 0px 0px 1px #fff;} .articletitlefrst { float:left; font-family: Open sans,sans-serif; height: 44px; overflow: hidden; width: 100%; max-width: 100%; font-size: 15px; } .posttitleo { margin:0px; text-overflow:ellipsis; display: -webkit-box; /* font-weight: 500; */ overflow: hidden; -webkit-box-orient: vertical; height: 42px; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .articlecategory { float: left; overflow: hidden; /* display: none; */ height: 0px; /* height: 96px; */ width: 230px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #fff; /* border: 1px solid #333; */ /* background: rgb(223, 223, 255); */ } .articledate {} .recenttitlesh { width:100%; } #article { float: left; /* border: 1px solid #eee; */ /* width: 71.5%; */ margin-top: -150px; width: 100%; } #articlepage { /* float: left; */ /* margin: 0px auto; */ width: 100%; } .articlereadmr { /* margin-left: 283px; */ /* position: absolute; */ cursor: pointer; font-weight: 800; padding: 10px; display: none; color: #009a87; background: rgba(255, 255, 255, 0.9); font-size: 13px; /* border-top-left-radius: 2px; */ } .readcbk { background: #009a87; background: #fff; border-top: 1px solid #ccc; width: 360px; height: 20px; display: none; position: relative; top: 97px; left: -150px; } .titlearticle { float:left; padding: 10px; padding-bottom: 0px; width: 210px; font-family: Open sans,sans-serif; color: #333; font-size: 14px; height: 78px; overflow: hidden; } .articleby { /* float:right; */ font-size: 13px; padding: 4px; color: #c8d8d6; background: #444; /* box-shadow: inset 0px 0px 18px 2px #009482; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ font-weight: 100; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; margin-top: 230px; line-height: 15px; max-width: 120px; text-align: right; font-family: Open sans,sans-serif; } .articleby ul li a { text-decoration:none; color:#fff; } .articleby ul { list-style-type:none; margin:0px; padding:0px; } .articlebc { float: left; margin-bottom: 2px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .articlebyin { float: right; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } .articleby span { padding-bottom: 0px; margin-bottom: 0px; /* height: 18px; */ overflow: hidden; } .articleimgshadow { width: 85%; height: 284px; /* box-shadow: inset 0px -8px 100px -10px #01483f; */ position: absolute; background: rgba(0, 0, 0, 0.10); } .pageindx { width:100%; } .recenttitlesh { width:100%; } /* Search page */ #searchpage { margin:auto; margin-top: 50px; float: none; width: 95%; } #searchpage .articlefgsch { height: 135px; width: 48%; margin-right: 5px; } #searchpage .articlebysch { margin-top: 94px; } #searchpage .articleimgsch { width: 35%; height: 119px; } #searchpage .articleimgsch img { } #searchpage .articletitlesch { height: 30%; padding: 4px 0px; } #searchpage .articletitlesch h4 { font-size: 70%; height: 30px; } #searchpage .articletextsch { height: 75px; font-size: 70%; } } @media only screen and (max-width: 479px) { #socialbar { display:none; } #logo { display:none !important; } #searchbar { /* margin:50px 10px 10px 0px; */ width: 100%; float: left; } .articleby { margin-top:250px !important; } .searchsbmt { /* width:50px !important; */ /* padding-left:0px !important; */ /* right: 30px; */ } #searchbar input { width: 82%; /* padding-left:10px; */ } #featuredcontent { display:block; width:100%; margin-bottom: 0px; } #featuredccenter { margin:0px auto; width: 98%; } #firstandsecond { margin:0px auto; width: 100%; } #fefirst { width: 94%; margin: 0px auto; /* margin-right: 2%; */ height: 450px; margin-bottom: 25px; float: none; } #fefirst img,#fefirst #fetitleone,#fefirst #fetitleonetwo { width:100%; } .titles, #fefirst #fetitleonetwo h6 { width:100%; max-width: 100%; } .titlembt, .titlemb { height: 91%; } #feimgsecond,#feimgone { height:275px; } #feimgsecond img,#feimgone img { height:100%; } #fesecond {width: 94%;margin: 0px auto;margin-bottom: 25px;height: 450px;float: none;} #fesecond img { width:100%; } #fesecond #fetitlesecond,#fesecond #fetitlesecondtwo h6 ,#fesecond #fetitlesecondtwo { width:100%; max-width: 100%; } /*fivest*/ #fefivest { width: 94%; margin:0px auto; height: 450px; float: none; } .tabcent { width: 100%; height: 27%; } #fefivest .feimgff { height: 275px; width: 100%; } #fefivest .feimgff img { width: 100%; height: 100%; } #fefivest .fetitleft { float:left; width: 100%; height: 12%; } #fefivest .fetitleft .titleb { width: 100%; max-width: 100%; } #fefivest .fetitleff { width: 60%; height: 70%; } #fefivest .fetitleff h4 { width: 100%; max-width: 100%; height: 90%; -webkit-line-clamp: 8; } /*fesixst*/ #fesixst { width: 94%; margin:0px auto; height: 450px; margin-top: 20px; float: none; /* position: relative; */ /* top: 0px; */ } #fesixst .feimgff { height: 275px; width: 100%; } #fesixst .feimgff img { width: 100%; height: 100%; } #fesixst .fetitleft { float:left; width: 100%; height: 12%; } #fesixst .fetitleft .titleb { width: 100%; max-width: 100%; } #fesixst .fetitleff { width: 60%; height: 70%; } #fesixst .fetitleff h4 { width: 100%; max-width: 100%; height: 90%; -webkit-line-clamp: 8; } /*fefourst*/ #fefourst { position: relative; width: 45%; float: left; top: 240px; left: 0px; display: none; height: 0px; } #feimgfourst img { height:200px; } #feimgfourst { height: 200px; } #fetitlefourst { top:-50px; } #fefourst #fetitlefourst,#fefourst #fetitlefourst h4 { width:100%; max-width: 100%; } /*fethird*/ #fethird { position: relative; width: 45%; height: 0px; top: -180px; float: right; display: none; /* left: -47px; */ } #fethird #feimgthird { height:200px; } #fethird #feimgthird img { height:200px; } #fetitlethird { width:100%; top: -50px; } fetitlethird h4 { width:100%; } /* Article & Sidebar */ .articlefg { width: 85%; /* padding: 1px; */ /* padding-right: 2px; */ /* padding-left: 2px; */ height: 335px; /* background: #009a87; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ float: none; margin: 0px auto; /* margin-right: 20px; */ margin-bottom: 25px; /* padding-top: 10px; */ overflow:hidden; /* border: 1px solid #006f61; */ /* border-radius: 2px; */ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); /* border-bottom-color: #006f61; */ text-decoration: none; } .articlefg a { text-decoration:none; } .rmpnl { width: 85%; height: 10px; } .articlefg:hover .articlereadmr { display:block; } .articleimg { float: left; width: 100%; background: #fff; height: 284px; overflow: hidden; } .articleimg img { width: 100%; height: 100%; /* margin-top: -35px; */ cursor: default; /* display: none; */ /* margin-left: -25px; */ } .articletitle { position: absolute; float: left; text-overflow: ellipsis; /* margin-top: -60px; */ /* text-indent: 4px; */ width: 85%; padding: 6px; margin-top: 284px; padding-left: 10px; background: #006f61; /* background: linear-gradient(45deg,#feffda,#ffffeb,#ffffd6,#fdffb4); */ /* background: linear-gradient(45deg,#FAEBD7,#ffe9e9,#fff7eb,#FAEBD7); */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ color: #eee; /* border-left: 1px solid #009a87; */ /* border-top: 1px solid #d4d4d4; */ font-weight: 600; height: 51px; overflow: hidden; transition: 0.8s text-shadow; } .articletitle:hover {text-shadow: 0px 0px 1px #fff;} .articletitlefrst { float:left; font-family: Open sans,sans-serif; height: 44px; overflow: hidden; width: 100%; max-width: 100%; font-size: 15px; } .posttitleo { margin:0px; text-overflow:ellipsis; display: -webkit-box; /* font-weight: 500; */ overflow: hidden; -webkit-box-orient: vertical; height: 42px; display: block; display: -webkit-box; max-width: 100%; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .articlecategory { float: left; overflow: hidden; /* display: none; */ height: 0px; /* height: 96px; */ width: 230px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25); background: #fff; /* border: 1px solid #333; */ /* background: rgb(223, 223, 255); */ } .articledate {} #article { float: left; /* border: 1px solid #eee; */ /* width: 71.5%; */ margin-top: 80px; width: 100%; } #articlepage { /* float: left; */ /* margin: 0px auto; */ width: 100%; } .articlereadmr { /* margin-left: 283px; */ /* position: absolute; */ cursor: pointer; font-weight: 800; padding: 10px; display: none; color: #009a87; background: rgba(255, 255, 255, 0.9); font-size: 13px; border-top-left-radius: 2px; } .readcbk { background: #009a87; background: #fff; border-top: 1px solid #ccc; width: 360px; height: 20px; display: none; position: relative; top: 97px; left: -150px; } .titlearticle { float:left; padding: 10px; padding-bottom: 0px; width: 210px; font-family: Open sans,sans-serif; color: #333; font-size: 14px; height: 78px; overflow: hidden; } .articleby { /* float:right; */ font-size: 13px; padding: 4px; color: #c8d8d6; background: #444; /* box-shadow: inset 0px 0px 18px 2px #009482; */ /* background: linear-gradient(45deg,#04ad98,#018877,#028c7b,#04a792); */ font-weight: 100; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; margin-top: 230px; line-height: 15px; max-width: 120px; text-align: right; font-family: Open sans,sans-serif; } .articleby ul li a { text-decoration:none; color:#fff; } .articleby ul { list-style-type:none; margin:0px; padding:0px; } .articlebc { float: left; margin-bottom: 2px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .articlebyin { float: right; width: 100%; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: nowrap; } .articleby span { padding-bottom: 0px; margin-bottom: 0px; /* height: 18px; */ overflow: hidden; } .articleimgshadow { width: 85%; height: 284px; /* box-shadow: inset 0px -8px 100px -10px #01483f; */ position: absolute; background: rgba(0, 0, 0, 0.10); } .pageindx { width:100%; } .recenttitlesh { width:100%; } /* Search page */ #searchpage { margin:auto; margin-top: 50px; float: none; width: 95%; } #searchpage .articlefgsch { height: 135px; width: 90%; margin: auto; margin-top: 10px; /* margin-right: 5px; */ float: none; } .postnavlinkurl { margin-top:10px; } #searchpage .articlebysch { margin-top: 94px; } #searchpage .articleimgsch { width: 35%; height: 119px; } #searchpage .articleimgsch img { } #searchpage .articletitlesch { height: 30%; padding: 4px 0px; } #searchpage .articletitlesch h4 { font-size: 70%; height: 30px; } #searchpage .articletextsch { height: 75px; font-size: 70%; } #footer-sidebar>div { font-size:60%; margin:10px; line-height:130%; } #footer-sidebar { width:100%; } }