You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
491 lines
11 KiB
491 lines
11 KiB
|
|
.article-group--container.jsx-8658fbe5a83eb430 {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: row;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex-wrap: wrap;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
margin: 0 -1rem
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430 {
|
|
display: -webkit-box;
|
|
display: -webkit-flex;
|
|
display: -moz-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-flex-direction: row;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-webkit-flex: 1 1 auto;
|
|
-ms-flex: 1 1 auto;
|
|
flex: 1 1 auto;
|
|
margin: 1rem;
|
|
width: -webkit-calc(50% - 2rem);
|
|
width: -moz-calc(50% - 2rem);
|
|
width: calc(50% - 2rem);
|
|
background: #fff;
|
|
-webkit-border-radius: 0 0 0 10px;
|
|
-moz-border-radius: 0 0 0 10px;
|
|
border-radius: 0 0 0 10px;
|
|
min-width: 320px;
|
|
-webkit-transition: all.1s ease-out;
|
|
-moz-transition: all.1s ease-out;
|
|
-o-transition: all.1s ease-out;
|
|
transition: all.1s ease-out;
|
|
border-top: 1px solid#eee;
|
|
position: relative;
|
|
overflow: hidden
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:hover .article-group--body.jsx-8658fbe5a83eb430 h2.jsx-8658fbe5a83eb430,
|
|
.article-group--body.jsx-8658fbe5a83eb430 p.jsx-8658fbe5a83eb430 {
|
|
color: #000
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) {
|
|
width: 100%;
|
|
-webkit-border-radius: 25px 0 0 0;
|
|
-moz-border-radius: 25px 0 0 0;
|
|
border-radius: 25px 0 0 0
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) .article-group--body.jsx-8658fbe5a83eb430 {}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) figure.jsx-8658fbe5a83eb430 img.jsx-8658fbe5a83eb430 {
|
|
width: 225px;
|
|
-webkit-border-radius: 10%0 0 0;
|
|
-moz-border-radius: 10%0 0 0;
|
|
border-radius: 10%0 0 0
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) .article-group--body.jsx-8658fbe5a83eb430 h2.jsx-8658fbe5a83eb430 {
|
|
font-size: 1.4rem;
|
|
color: #000
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) .article-group--summary.jsx-8658fbe5a83eb430 {
|
|
display: block
|
|
}
|
|
|
|
@media screen and (max-width:768px) {
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) {
|
|
width: 100%;
|
|
-webkit-border-radius: 25px 0 0 0;
|
|
-moz-border-radius: 25px 0 0 0;
|
|
border-radius: 25px 0 0 0
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) .article-group--summary.jsx-8658fbe5a83eb430 {
|
|
display: none
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) figure.jsx-8658fbe5a83eb430 img.jsx-8658fbe5a83eb430 {
|
|
width: 130px;
|
|
-webkit-border-radius: 10%0 0 0;
|
|
-moz-border-radius: 10%0 0 0;
|
|
border-radius: 10%0 0 0
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430:nth-of-type(1) .article-group--body.jsx-8658fbe5a83eb430 h2.jsx-8658fbe5a83eb430 {
|
|
font-size: 1rem;
|
|
color: #000
|
|
}
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430 figure.jsx-8658fbe5a83eb430 {
|
|
-webkit-border-radius: 10%0 0 0;
|
|
-moz-border-radius: 10%0 0 0;
|
|
border-radius: 10%0 0 0;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.article-group.jsx-8658fbe5a83eb430 figure.jsx-8658fbe5a83eb430 img.jsx-8658fbe5a83eb430 {
|
|
height: 100%;
|
|
width: 130px;
|
|
-webkit-border-radius: 0 0 0 10%;
|
|
-moz-border-radius: 0 0 0 10%;
|
|
border-radius: 0 0 0 10%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.article-group--body.jsx-8658fbe5a83eb430 {
|
|
padding-left: 1rem
|
|
}
|
|
|
|
.article-group--body.jsx-8658fbe5a83eb430 h2.jsx-8658fbe5a83eb430 {
|
|
font-weight: bold;
|
|
margin-top: 1rem;
|
|
font-size: .9rem;
|
|
padding-right: .5rem;
|
|
color: #000
|
|
}
|
|
|
|
.article-group--summary.jsx-8658fbe5a83eb430 {
|
|
font-size: 1rem;
|
|
display: none
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
.site-logo-wrapper {
|
|
display: block !important;
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
padding-right: 8%;
|
|
}
|
|
|
|
.site-logo-wrapper img {
|
|
object-fit: contain;
|
|
max-height: 38px;
|
|
}
|
|
|
|
.nav-mobile-logo {
|
|
/* display: none !important; */
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
.site-logo-wrapper {
|
|
padding-right: 17%;
|
|
}
|
|
#basic-navbar-nav{
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 420px) {
|
|
.site-logo-wrapper img {
|
|
max-width: 200px;
|
|
}
|
|
}
|
|
#search-content-mobile {
|
|
display: flex;
|
|
}
|
|
|
|
@media screen and (min-width: 1192px) {
|
|
#search-content-mobile {
|
|
display: none;
|
|
}
|
|
|
|
#basic-navbar-nav {
|
|
display: flex !important;
|
|
}
|
|
|
|
#basic-navbar-sub {
|
|
display: none !important;
|
|
}
|
|
}
|
|
|
|
#search-content-mobile .search-btn-mobile {
|
|
padding: 5px;
|
|
position: absolute;
|
|
right: 4%;
|
|
height: 35px;
|
|
width: 35px;
|
|
margin-top: 12px;
|
|
cursor: pointer;
|
|
top: 0px;
|
|
}
|
|
|
|
#search-content-mobile #search-bar-mobile {
|
|
position: fixed;
|
|
display: none;
|
|
left: 0px;
|
|
width: 100%;
|
|
border-radius: 5px;
|
|
padding: 10px;
|
|
background-color: var(--primary);
|
|
}
|
|
|
|
#search-content-mobile #search-bar-mobile .form-inline {
|
|
margin-top: 0px;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#search-content-mobile #search-bar-mobile .form-inline .form-control {
|
|
width: 78%;
|
|
border-radius: 5px;
|
|
height: 45px;
|
|
}
|
|
|
|
#search-content-mobile #search-bar-mobile .form-inline .btn {
|
|
width: 20%;
|
|
border-radius: 5px;
|
|
background-color: #040c5a;
|
|
height: 45px;
|
|
margin-left: 2%;
|
|
padding: 1px;
|
|
}
|
|
|
|
.show {
|
|
display: block !important;
|
|
}
|
|
|
|
.active-search {
|
|
border-radius: 5px;
|
|
border: 1px solid var(--secondary);
|
|
}
|
|
.navbar .collapse {
|
|
display: block;
|
|
}
|
|
|
|
.mobile-nav {
|
|
max-height: none !important;
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
.navbar #basic-navbar-nav .navbar-nav {
|
|
position: static !important;
|
|
}
|
|
}
|
|
.mega-menu {
|
|
display: block;
|
|
}
|
|
|
|
@media screen and (min-width: 1192px) {
|
|
.mega-menu {
|
|
display: flex;
|
|
}
|
|
}
|
|
|
|
.sticky-home {
|
|
position: relative;
|
|
top: -3px;
|
|
left: -6px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.nav-item svg {
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
#nav-login,
|
|
#nav-logout,
|
|
#nav-register {
|
|
padding: 0.5rem;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#nav-mobile-login,
|
|
#nav-mobile-logout,
|
|
#nav-mobile-register {
|
|
display: none;
|
|
}
|
|
|
|
#nav-mobile-logout,
|
|
#nav-mobile-login {
|
|
position: absolute;
|
|
right: 1rem;
|
|
}
|
|
|
|
#nav-mobile-register {
|
|
position: absolute;
|
|
left: 1rem;
|
|
}
|
|
|
|
#nav-mobile-sm {
|
|
display: none;
|
|
}
|
|
|
|
@media screen and (max-width: 1192px) {
|
|
.mobile-nav .nav-toggle {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.nav-mobile-logo {
|
|
margin-left: 1.5rem;
|
|
}
|
|
|
|
#nav-mobile-md {
|
|
margin-right: auto;
|
|
}
|
|
|
|
.nav-mobile-logo img {
|
|
height: 48px !important;
|
|
}
|
|
|
|
.nav-mobile-logo img {
|
|
height: 38px !important;
|
|
}
|
|
|
|
.ios-nav {
|
|
max-height: none;
|
|
}
|
|
|
|
.mobile-nav .nav-toggle .navbar-toggler {
|
|
float: left;
|
|
height: 45px;
|
|
}
|
|
|
|
.mobile-nav .nav-toggle .form-inline {
|
|
float: right;
|
|
margin: 4px 0px 0px 0px;
|
|
}
|
|
|
|
.mobile-nav .form-inline .mobile-search {
|
|
width: auto;
|
|
}
|
|
|
|
.sticky-home {
|
|
display: none;
|
|
}
|
|
|
|
.navbar-expand-lg .show#basic-navbar-sub {
|
|
display: block;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse.show {
|
|
padding-bottom: 10px;
|
|
border-bottom: 0.5px solid white;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse .form-inline {
|
|
display: none;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse {
|
|
margin-top: 15px;
|
|
padding-left: 0.5rem;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse:last-child {
|
|
border-bottom: none;
|
|
margin-bottom: 0px;
|
|
padding-bottom: 0px;
|
|
margin-top: 0px;
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse .nav-footer ul {
|
|
list-style-type: none;
|
|
padding: inherit;
|
|
margin-bottom: 0rem;
|
|
}
|
|
|
|
.navbar .mobile-nav .navbar-collapse .nav-footer .nav-link {
|
|
text-transform: capitalize !important;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.navbar .mobile-nav .dropdown-item:focus {
|
|
background-color: #696969;
|
|
}
|
|
|
|
.navbar .mobile-nav .dropdown-menu .dropdown-item {
|
|
color: white;
|
|
/* To break text into next line */
|
|
white-space: inherit !important;
|
|
margin-bottom: 0.25rem;
|
|
padding: 0.25rem 0.5rem;
|
|
}
|
|
|
|
.navbar .mobile-nav .dropdown-menu {
|
|
background: inherit;
|
|
border: none;
|
|
direction: rtl;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 1199px) {
|
|
|
|
#nav-mobile-login,
|
|
#nav-mobile-logout,
|
|
#nav-mobile-register {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-top {
|
|
flex-direction: row;
|
|
justify-content: space-around !important;
|
|
align-items: center;
|
|
padding-left: 0.25rem;
|
|
padding-right: 0.25rem;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 1200px) {
|
|
#basic-navbar-nav .navbar-nav {
|
|
position: fixed !important;
|
|
}
|
|
|
|
#search-content-mobile {
|
|
position: absolute;
|
|
right: 4%;
|
|
top: 10%;
|
|
}
|
|
|
|
#basic-navbar-sub {
|
|
display: none !important;
|
|
}
|
|
|
|
.navbar .mobile-nav .dropdown-menu .dropdown-item {
|
|
color: #696969;
|
|
}
|
|
|
|
.navbar .mobile-nav .dropdown-menu {
|
|
background: white;
|
|
border: 1 px solid #708090;
|
|
}
|
|
|
|
.mobile-nav .nav-toggle .form-inline {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 376px) {
|
|
.mobile-nav .nav-toggle .form-inline .mobile-search {
|
|
width: 60%;
|
|
}
|
|
|
|
.mobile-nav .nav-toggle .form-inline {
|
|
flex: 1 1 auto;
|
|
margin-left: 0.25rem;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 328px) {
|
|
.mobile-nav .nav-toggle .form-inline .mobile-search {
|
|
margin-right: 5px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 767px) {
|
|
#nav-mobile-md {
|
|
display: none;
|
|
}
|
|
|
|
#nav-mobile-sm {
|
|
display: inline-block;
|
|
margin: 0 auto 0.5rem;
|
|
}
|
|
|
|
.nav-toggle {
|
|
margin: 0.5rem 0;
|
|
padding: 0 0.5rem;
|
|
}
|
|
}
|
|
.leaderboard-ad-wrapper {
|
|
height: auto !important;
|
|
min-height: 90px;
|
|
background: #fff;
|
|
}
|
|
|
|
.leaderboard-ad-wrapper .AD728x90 {
|
|
height: auto !important;
|
|
}
|
|
|
|
/* setting height to 0px when the ad slot is empty. */
|
|
.leaderboard-ad-wrapper .AD728x90 div[id*='
|
|
google_ads_iframe'
|
|
|
|
]:empty {
|
|
height: 0px !important;
|
|
}
|
|
|