@media (prefers-color-scheme: light) {
   :root {
      --bg-color: #2f2f2f;
      --text-color: #2f2f2f;
      --white: #ffffff;
      --body-bg-color: #ffffff;
      --border-original: #f9f7f1;
      --color-scrollbar-btn: #2f2f2f;
      --bg-newspaper:url('../white-plaster-texturecompress.jpg');
      --bg-button-color:#2f2f2f;
      --text-button-color:#ffffff;
    }
}

@media (prefers-color-scheme: dark) {
   :root {
      --bg-color: #2196F3;
      --text-color: #ffffff;
      --white: #ffffff;
      --body-bg-color: #2f2f2f;
      --border-original: #f9f7f1;
      --color-scrollbar-btn: #2196F3;
      --bg-newspaper:url('../black-kraft-paper-textured-backgroundcompress.jpg');
      --bg-button-color:#2196F3;
      --text-button-color:#ffffff;
    }
}

body{
    font-family: 'Droid Serif', serif;
    font-size: 14px;
    color: var(--text-color)!important;
    background-color: var(--body-bg-color)!important;
    margin:0;
    background-image: var(--bg-newspaper);
    background-attachment: fixed;
    user-select:none;
    background-size: cover;
}

.headerobjectswrapper{
        display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.head .header{
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    font-size: 80px;
    text-transform: uppercase;
    display: inline-block;
    line-height: normal;
    cursor: pointer;
    color: var(--text-color);
    text-decoration: none;
}
.head .header:hover,.head .header:focus,.head .header:active {
    color: var(--text-color);
    text-decoration: none;
}
p{
    margin-top: 0;
    margin-bottom: 20px;
}
.head{
    position: relative;
    z-index:20;

}

.navmenu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    border-top: 2px solid var(--bg-color);
}
.subhead{
    text-transform: uppercase;
    padding: 12px;
    color: var(--text-color);
    text-decoration: none;
  position:relative;
  height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}
.subhead.active{
    color: var(--white);
}

.subhead:before {content: '';position: absolute;top: 0px;z-index: -1;left: 0;height: 100%;width: 100%;}
a.subhead:hover {
    text-decoration: none;
}
.subhead.active:before {
    background: var(--bg-color);
}
.weatherforcastbox{
    position: relative;
    width: 12%;
    left: 10px;
    border: 3px double var(--bg-color);
    padding: 10px 15px 10px 15px;
    line-height: 20px;
    display: inline-block;
    margin: 0 50px 20px -360px;
}
.content{
    font-size: 0;
    line-height: 0;
    word-spacing: -.31em;
    display: inline-block;
    padding: 30px 0;
    width: 100%;
border-top: 2px solid var(--bg-color);
}
.darkmodehandle{
    /*background: rgb(247, 247, 247);*/
}
@media (prefers-color-scheme: dark) {
  .darkmodehandle {
    /*background: rgb(36, 36, 36);*/
  }
}
.collumns{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}
.indexblog{
        /* display: grid; */
    grid-gap: 1rem;
    /* grid-template-columns: 1fr; */
    padding: 0.75rem;
    grid-template-rows: auto;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* grid-auto-rows: 200px; */
    grid-auto-flow: dense;
}
.collumn{
    font-size: 14px;
    line-height: 20px;
    width: 45%;
    display: inline-block;
    padding: 0 1% 0 1%;
    vertical-align: top;
    margin-bottom: 50px;
    transition: all .7s;
}
.collumn .headline{
    text-align: center;
    line-height: normal;
    font-family: 'Playfair Display', serif;
    display: block;
    margin: 0 auto;


}
.collumn .headline.hl1{
    font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
    padding: 10px 0 10px 0;

}

.collumn .headline.hl2{
    font-weight: 400;
    font-style: italic;
    font-size: 24px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}

.collumn .headline.hl2:before{
    border-top: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn .headline.hl2:after{
    border-bottom: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 13px;
    display: block;
    margin: 0 auto;

}

.collumn .headline.hl3{
    font-weight: 400;
    font-style: italic;
    font-size: 36px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl4{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl4:before{
    border-top: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn .headline.hl4:after{
    border-bottom: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}

.collumn .headline.hl5{
    font-weight: 400;
    font-size: 42px;
    text-transform: uppercase;
    font-style: italic;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl6{
    font-weight: 400;
    font-size: 18px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl6:before{
    border-top: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 7px;
    display: block;
    margin: 0 auto;
}
.collumn .headline.hl6:after{
    border-bottom: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 10px;
    display: block;
    margin: 0 auto;

}
.collumn .headline.hl7{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    display: block;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl8{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl9{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .headline.hl10{
    font-weight: 700;
    font-size: 12px;
    box-sizing: border-box;
    padding: 10px 0 10px 0;
}
.collumn .citation{
    font-family: 'Playfair Display', serif;
    font-size: 36px;
    line-height: 44px;
    /*font-style: italic;*/
    text-align: center;
    font-weight: 400;
    display: block;
    margin: 40px 0 40px 0;
    font-feature-settings: "liga", "dlig";

}
.collumn .citation:before{
    border-top: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.collumn .citation:after{
    border-bottom: 1px solid var(--bg-color);
    content: '';
    width: 100px;
    height: 16px;
    display: block;
    margin: 0 auto;
}
.card-footer {
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-footer .btn {
    margin: 0 5px;
    text-transform: uppercase;
    padding: 12px;
    color: var(--bg-color);
    text-decoration: none;
    position: relative;
    border: 1px solid var(--bg-color);
    cursor:pointer;
    line-height: inherit;
}

.article-share-count-container {
       margin: 0 5px;
    text-transform: uppercase;
    padding: 12px;
    color: var(--bg-color);
    text-decoration: none;
    position: relative;
    border: 1px solid var(--bg-color);
    cursor:pointer;
}
.centerform {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}
.wpbflex {
    display: none;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    padding: 10px;
}

.icon.icon-sharrow {
    color: var(--bg-color);
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.openshare .wpbflex {
    display: flex;
}
::selection {
  color: var(--white);
  background:var(--bg-color)!important;
}
.blogcard:not(.openshare) .article-share-count-container .page-share-count:before,.collumn:not(.openshare) .article-share-count-container .page-share-count:before {content: 'Share';}

.blogcard.openshare .article-share-count-container .page-share-count:before,.collumn.openshare .article-share-count-container .page-share-count:before {content: 'Close';}
.centerform .input-field {
    color: var(--bg-color);
    text-decoration: none;
    position: relative;
    border: 1px solid var(--bg-color);
    display: flex;
    align-items: center;
    flex-direction: row;
}

.centerform .input-field input {
        border: 0;
    margin: 0;
    height: 100%;
    padding: 12px;
    background: transparent;
    outline: 0;
    font-size: 15px;
}
.centerform .input-field button {
    background: transparent;
    border: 0;
    outline: 0;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 8px;
    cursor: pointer;
}
span.dates {
    display: block;
    font-family: 'Droid Serif', serif;
    font-weight: normal;
}
/*.navmenu.search>.subhead:nth-of-type(1) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.search>.subhead:nth-of-type(1):before {*/
/*    background: var(--bg-color);*/
/*}*/
/*.navmenu.articlevideo>.subhead:nth-of-type(1) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.articlevideo>.subhead:nth-of-type(1):before {*/
/*    background: var(--bg-color);*/
/*}*/
/*.navmenu.trending>.subhead:nth-of-type(2) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.trending>.subhead:nth-of-type(2):before {*/
/*    background: var(--bg-color);*/
/*}*/
/*.navmenu.worldnews>.subhead:nth-of-type(3) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.worldnews>.subhead:nth-of-type(3):before {*/
/*    background: var(--bg-color);*/
/*}*/
/*.navmenu.top100>.subhead:nth-of-type(4) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.top100>.subhead:nth-of-type(4):before {*/
/*    background: var(--bg-color);*/
/*}*/
/*.navmenu.blog>.subhead:nth-of-type(5) {*/
/*    color: var(--white);*/
/*}*/
/*.navmenu.blog>.subhead:nth-of-type(5):before {*/
/*    background: var(--bg-color);*/
/*}*/
.wrappercol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.coinmarketcap-currency-widget {
    width: 30%;
    margin: 4px;
    border: 1px solid var(--bg-color);
}


.coinmarketcap-currency-widget>div>div:nth-of-type(3) {
    display: none;
}

.coinmarketcap-currency-widget>div>div:nth-of-type(2) {
    border-top: 1px solid var(--bg-color)!important;
}

.coinmarketcap-currency-widget>div>div:nth-of-type(2)>div:nth-of-type(1) {
    border-right: 1px solid var(--bg-color)!important;
    padding: 12px 0 16px 0!important;
}

.coinmarketcap-currency-widget>div>div:nth-of-type(2)>div:nth-of-type(2) {
    border-right: 1px solid var(--bg-color)!important;
}
.coinmarketcap-currency-widget:empty {
    border: 0;
}
.coinmarketcap-currency-widget>div>div:nth-of-type(2)>div:nth-of-type(3) {}
.mobilemenu{display:none;}
.collumn:nth-child(odd) {
    border-right: 1px solid var(--bg-color);
  }
/*________________________________________________________________________________________________________________________________*/
/*MEDIAQUERIES*/
@media only all and (max-width: 1300px) {
    .weatherforcastbox{
        display: none;
    }

}
@media only all and (max-width: 1200px) {
    
    .collumn{
        width: 47%;
    }
.coinmarketcap-currency-widget {
    width: 45%;
}
}
@media only all and (max-width: 900px) {
    .collumn{
        border-right: 0;
        border-bottom: 1px solid var(--bg-color);
    }
    .collumn{
        width: 100%;
    }
    .coinmarketcap-currency-widget {
        width:100%;
    }

}

@media only all and (max-width: 600px) {
    #sidebar.active {
        width: 100%;
        max-width: 100%!important;
    }
    .collumn{
        width: 100%;
      padding-bottom: 3%;
    }
    .head .header{
        font-size: 2.5rem;
        overflow: hidden;
    }
    .coinmarketcap-currency-widget {
        width: 100%;
    }

.navmenu {
    display: none;
}

.mobilemenu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
}

.mobilemenu .navmenu {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    border-top: 0;
}

.mobilemenu .navmenu .subhead {
    width: 100%;
    font-size: 11px;
}

.mobilemenu>span {
        display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 2px solid var(--bg-color);
    border-top: 2px solid var(--bg-color);
    width: 100%;
}

}
.navmenu.openmenu {
    display: flex;
}
.mobilemenu .close {
    display: none;
}
#menutoggle.openmenu .openm{
    display: none;
}

#menutoggle.openmenu .close {
    display: block;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
    font-family: 'Playfair Display', serif;
    font-style: italic;
    font-size: 20px;
    box-sizing: border-box;
}
.gs-webResult .gs-snippet, .gs-fileFormatType {
    font-family: 'Droid Serif', serif;
    font-size: 14px;
    color: var(--bg-color);
}

.gsc-results .gsc-cursor-box {
    margin: 10px;
    margin-top: 25px;
}
.gsc-results .gsc-cursor {
    color: #333;
    display: flex!important;
    fill: #333;
    flex-direction: row;
    flex-wrap: wrap;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover,.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    color: var(--white)!important;
    background: var(--bg-color);
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    text-decoration: none!important;
    color: #666;
    padding: 10px;
    border: 1px solid var(--bg-color);
    width: 20px;
    height: 20px;
    display: flex!important;
    justify-content: center;
    align-items: center;
}
.gcsc-more-maybe-branding-root>a {
    font-family: 'Droid Serif', serif;
    font-weight: normal;
    font-size: 12px;
}
.loader { position: absolute !important; top: 50%; margin-top: -16px; margin-left: -16px; border-radius: 50%; z-index: 100;display: flex;flex-direction: column;justify-content: center;align-items: center;left:0!important;right:0; }
.line-scale > div {width: 4px; height: 35px; border-radius: 0px; margin: 2px;  display: inline-block; background: var(--text-color); animation-fill-mode: both; animation-name: line-scale; animation-timing-function: cubic-bezier(0.2, 0.68, 0.18, 1.08); animation-iteration-count: infinite; animation-duration: 1s;}
.line-scale > div:nth-child(1) {animation-delay:-0.4s; }
.line-scale > div:nth-child(2) {animation-delay:-0.3s; }
.line-scale > div:nth-child(3) {animation-delay:-0.2s; }
.line-scale > div:nth-child(4) {animation-delay:-0.1s; }
.line-scale > div:nth-child(5) {animation-delay:0s; }
@keyframes line-scale {
 0%, 100% {
   transform: scaleY(1); }
 50% {
   transform: scaleY(0.4); } }
   
   .coinmarketcap-currency-widget>div {
    border: 0!important;
    border-radius: 0!important;
}

nav.navigation.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
}

nav.navigation.pagination .page-numbers {
    text-decoration: none!important;
    color: #666;
    padding: 10px;
    border: 1px solid var(--bg-color);
    min-width: 20px;
    height: 20px;
    display: flex!important;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
    font-size: 15px;
    opacity: 1;
    cursor: default;
}

nav.navigation.pagination .nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
}

nav.navigation.pagination .page-numbers.disabled {
    opacity: .2;
    pointer-events: none;
}

span#next:not(.disabled),span#lastnext:not(.disabled),span#prev:not(.disabled),span#lastprev:not(.disabled) {
    cursor: pointer;
}
.site-footer {
    background: #e0e0e0;
    margin: 35px auto 0px;
    border-top: 1px solid #dadada;
    padding: 15px;
    position: relative;
    font-family: Segoe UI, Segoe, sans-serif;
}
.site-footer .footer-copy {
    text-align: center;
    margin: 0px;
    border: none;
    padding: 0;
}
.site-footer .footer-copy {
	text-align: center;
	margin: 0px;
	border: none;
	padding: 0;
}
.site-info a {
    color: #505050;
    font-size: 0.8125rem;
    line-height: 1.6153846154;
    text-decoration: none;
}
a.toplink {
    position: absolute;
    right: 0;
    top: 0;
    width: 72px;
    height: 96%;
    margin-right: 2px;
    background: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #707070;
    font-size: 40px;
    text-decoration: none;
}
.gsc-control-cse{background-color:transparent!important;border:0!important}
.gsc-webResult.gsc-result{border:0!important; border-bottom: 1px solid var(--bg-color)!important;}

::-webkit-scrollbar {
  width: 18px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--border-original);
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-btn);
  border-top: 2px solid var(--border-original);
  border-bottom: 2px solid var(--border-original);
}

/* Buttons */
::-webkit-scrollbar-button {
  background-color: var(--color-scrollbar-btn);
  background-repeat: no-repeat;
  background-size: 7px;
  background-position: center;
  height: 17px;
  width: 17px;
}
/*vertical*/

/* Up */
::-webkit-scrollbar-button:vertical:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M2.966 77.022C1.059 75.108.072 72.852.004 70.253c-.069-2.598.85-4.854 2.757-6.768L43.21 22.872c.954-.958 2.01-1.675 3.167-2.154A9.273 9.273 0 0 1 49.95 20c1.225 0 2.417.24 3.575.718 1.157.479 2.213 1.196 3.166 2.154L97.14 63.279c1.907 1.915 2.86 4.205 2.86 6.872 0 2.666-.953 4.889-2.86 6.666-1.907 1.915-4.188 2.872-6.843 2.872-2.656 0-4.937-.957-6.844-2.872L49.951 43.383 16.448 77.227c-1.77 1.915-3.983 2.838-6.639 2.77-2.656-.069-4.937-1.06-6.843-2.975Z' fill='white'/></svg>");
}

/* Down */
::-webkit-scrollbar-button:vertical:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M49.8855 80C48.6564 80 47.4614 79.7608 46.3006 79.2824C45.1397 78.804 44.0813 78.0864 43.1254 77.1295L2.56446 36.5331C0.789063 34.7561 -0.0644908 32.5008 0.00379357 29.767C0.0720779 27.0332 0.993917 24.7095 2.76931 22.7959C4.81784 20.7456 7.10537 19.8229 9.63189 20.028C12.1584 20.233 14.3776 21.224 16.2896 23.0009L49.8855 56.6263L83.4814 23.0009C85.3934 21.224 87.715 20.2672 90.4464 20.1305C93.1778 19.9938 95.4312 20.9506 97.2065 23.0009C99.2551 24.9146 100.177 27.2041 99.9721 29.8695C99.7672 32.5349 98.7771 34.8245 97.0017 36.7381L56.6457 77.1295C55.6897 78.0864 54.6313 78.804 53.4704 79.2824C52.3096 79.7608 51.1146 80 49.8855 80V80Z' fill='white'/></svg>");
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: var(--color-scrollbar-btn);
}


/* horizontal */
::-webkit-scrollbar-thumb:horizontal
{
  border:0;
	border-left: 2px solid var(--border-original);
  border-right: 2px solid var(--border-original);
}


/* Up */
::-webkit-scrollbar-button:horizontal:decrement {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M63.265 97.149 22.857 56.823c-.952-.95-1.666-2.003-2.143-3.157a9.261 9.261 0 0 1 0-7.128c.477-1.154 1.19-2.207 2.143-3.157L63.47 2.85C65.374.951 67.653 0 70.306 0c2.653 0 4.932.95 6.837 2.851 1.905 1.901 2.823 4.21 2.755 6.925-.068 2.716-1.054 5.024-2.96 6.925L43.47 50.1l33.674 33.606c1.905 1.9 2.857 4.14 2.857 6.72s-.952 4.82-2.857 6.722c-1.905 1.9-4.218 2.851-6.939 2.851s-5.034-.95-6.939-2.851Z' fill='white'/></svg>");
}

/* Down */
::-webkit-scrollbar-button:horizontal:increment {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><path d='M22.773 97.247c-1.778-2.036-2.7-4.344-2.77-6.924-.068-2.58.855-4.82 2.77-6.72l33.639-33.4-33.844-33.602c-1.778-1.765-2.633-4.04-2.564-6.822.068-2.784.991-5.058 2.769-6.823C24.824.92 27.114-.064 29.644.003c2.53.068 4.752 1.052 6.666 2.953l40.818 40.527c.958.95 1.675 2.003 2.154 3.157A9.22 9.22 0 0 1 80 50.203a9.22 9.22 0 0 1-.718 3.564c-.478 1.154-1.196 2.207-2.154 3.157L36.516 97.247c-1.915 1.9-4.171 2.817-6.77 2.75-2.597-.068-4.922-.985-6.973-2.75Z' fill='white'/></svg>");
}

/*@media (min-width: 30em) {*/
/*  .collumns {*/
/*    grid-template-columns: 1fr 1fr;*/
/*  }*/
/*}*/
/*@media (min-width: 60em) {*/
/*  .collumns {*/
/*    grid-template-columns: repeat(4, 1fr);*/
/*  }*/
/*}*/


@media (min-width: 60em) {
  .item-1 {
    grid-column: span 2;
  }
}
.article_card {
      display: flex;
    flex-direction: column;
    overflow: hidden;
    border-radius: 1em;
    font-size: 14px;
    vertical-align: top;
    transition: all .7s;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position:relative;
    max-height: 300px;
}

.panefooter {
    position: absolute;
    bottom: 0;
    z-index: 1;
    color: var(--white);
}

infopane-card>article:after {
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0,0,0,0) 176px);
    content: '';
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    top:0;
    pointer-events: none;
}
infopane-card .buttons #previous{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:0;
    z-index:1;
    width: 30px;
    height: 56px;
        display: flex;
    justify-content: center;
    align-items: center;
}
infopane-card .buttons #next{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right:0;
    z-index:1;
    width: 30px;
    height: 56px;
        display: flex;
    justify-content: center;
    align-items: center;
}
.article_card_header {
    max-height: 180px;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.article_card_header img {
    max-width: 100%;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index:1;
    aspect-ratio: 1.63/1;
}

.article_card:hover{
    box-shadow: rgb(0 0 0 / 26%) 0px 4px 8px;
}

.article_card_body {
    padding: 1rem;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.tag {
    align-self: flex-start;
    padding: 0.25em 0.75em;
    border-radius: 1em;
    font-size: .75rem;
}

.tag-blue {
    background: #56CCF2;
    background: linear-gradient(to bottom, #2F80ED, #56CCF2);
    color: #fafafa;
}

.article_card_body h4 {
    font-size: 1.5rem;
    word-spacing: normal;
    line-height: normal;
        margin: 0;
}
.blogcard .card-footer{
    padding-bottom:1rem;
}
.article_card_footer {
    display: flex;
    padding: 1rem;
}

.user {
   display: flex;
    align-items: center;
}

img.user__image {
        border-radius: 50%;
    width: 16px;
}

.user_info>small {
    opacity:0.5;
    display: block;
}

.user_info {
    font-size: 15px;
    display: flex;
    margin: 0;
    margin-left: 1rem;
}

.user_info>h5 {
        word-spacing: normal;
    line-height: normal;
    
    margin: 0;
}
.user_info>small{
    position: relative;
    padding-left: 2rem;
}
.user_info>small:after {
    content: '';
    background:var(--text-color);
    width: 4px;
    height: 4px;
    display: block;
    margin: 0;
    position: absolute;
    left: 7px;
    top: 5px;
    border-radius: 100%;
}
/*.slide {*/
/*    opacity: 0;*/
/*    -webkit-transition: opacity 1s;*/
/*    -moz-transition: opacity 1s;*/
/*    -o-transition: opacity 1s;*/
/*    transition: opacity 1s;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    z-index: 1;*/
/*}*/

/*.slide.showing{*/
/*    opacity: 1;*/
/*}*/
infopane-card {
      display: flex;
      overflow: auto;
      scroll-snap-type: x mandatory;
      width: 100%;
      border-radius: 8px;
      position:relative;
      max-height: 26rem;
}

infopane-card>article,infopane-card>ads-card{
      display: flex;
     min-width: 100%;
  scroll-snap-align: start;
}
.panefooter .article_card_body {
    color: #fff;
    text-decoration: none;
}

.panefooter .article_card_body:hover {
    text-decoration: underline;
}
infopane-card .mySlides {display: none}
/* Slideshow container */
infopane-card.slideshow-container {
  position: relative;
  margin: auto;
  overflow: hidden;
}

/* Next & previous buttons */
infopane-card .prev,infopane-card .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background-color: var(--bg-color);
}

/* Position the "next button" to the right */
infopane-card .next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
/*infopane-card .prev:hover,infopane-card .next:hover {*/
/*  background-color: rgba(0,0,0,0.8);*/
/*}*/
infopane-card .prev {
    left: 0;
}
/* Caption text */
infopane-card .text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
infopane-card .numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
infopane-card .dot {
      cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 2px;
    background-color: var(--bg-color);
  border-radius: 100px;
  display: inline-block;
  transition:0.6s ease;
}
ads-card:before {
    content: 'ADS';
    z-index: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
ads-card iframe {
    width: 100%;
    z-index: 1;
    border: 0;
    height: 100%;
}
infopane-card .dot.active {
    width: 20px;
    border: 1px solid var(--bg-color);
}
infopane-card .dotcontainer {
    position: absolute;
    bottom: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    left: 50%;
    transform: translateX(-50%);
}
infopane-card .active,infopane-card .dot:hover {
  background-color: var(--white);
}

/* Fading animation */
infopane-card.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  infopane-card .prev, infopane-card .next,infopane-card .text {font-size: 11px}
}

ads-card {
       display: flex;
    justify-content: center;
    align-items: center;
    min-height: 26.5rem;
    height: 100%;
    width: 100%;
    background: var(--white);
    overflow: hidden;
    border-radius: 1em;
    font-size: 14px;
    vertical-align: top;
    transition: all .7s;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    position: relative;
}
.plusSlidess .page-numbers:hover {
    border-radius: 100%;
}

.playvido.icon.icon-sharrow {
    position: absolute;
    border-radius: 100%;
    color: var(--white);
    text-decoration: none;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.playvido.icon.icon-sharrow:hover:before {
    background: rgb(0 0 0 / 55%);
    transform: scale(1.5);
    border-radius: 0;
}

.playvido.icon.icon-sharrow:hover {
    color: #fff;
}

.playvido.icon.icon-sharrow svg {
    z-index: 1;
}

.playvido.icon.icon-sharrow:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    /*transition: .4s ease;*/
    transform: scale(0);
    border-radius: 1rem;
}
.article_card_header p {
    width: 70%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    left: 50%;
    font-size: 1.5rem;
}
.card-footer .btn:hover,.openshare .article-share-count-container,.article-share-count-container:hover {
    color: var(--white);
    background: var(--bg-color);
}
infopane-card .panefooter .article_card_body {
    cursor: pointer;
}

.infopane_card .item:not(.ads_card):before {
    content: '';
    background: transparent;
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2rem;
    pointer-events: none;
}
.carousel-caption{cursor: pointer;}

.infopane_card .item:not(.ads_card):hover:before {
    cursor: pointer;
    background: #000000a3;
}

.carousel-control.left,.carousel-control.right {
    z-index: 2;
}
.numberingsort {
    font-size: 15px;
    margin-left: auto;
    color: var(--white);
    border-radius: 100px;
    text-shadow: 0 1px 2px rgb(0 0 0 / 60%);
    padding: 2px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-caption:after {
    content: '';
    background: linear-gradient(to top,rgb(0 0 0 / 36%) 0,rgb(0 0 0 / 0%) 100%);
    position: absolute;
    bottom: -2rem;
    width: 100vw;
    height: 100vh;
    left: -19rem;
    z-index: -1;
    pointer-events: none;
}
.carousel-indicators .active {
    width: 30px!important;
}
.carousel-indicators li{
    transition: .4s ease;
}

article .carousel-indicators li,article .carousel-indicators li.active{
    width: 5px;
    height: 5px;
}
article .carousel-indicators .active {
    width: 10px!important;
}
.dropleft .dropdown-menu{
    right:0;
    left:auto;
}
.dropdown-menu>li>a.active {
    background: var(--bg-color);
    color: var(--white);
}
.carousel-indicators li{
    box-shadow: 0 1px 2px rgb(0 0 0 / 60%);
}
.adsmoreslide iframe{height: 200px;}
.article_card_header:before {
    content: '';
    background-image: url('../lnnx.png');
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-position: center;
    background-size: cover;
    pointer-events: none;
    border-radius: 1em;
}
.carousel-inner>.item>a>img{
    height: 180px!important;
}
.customnested {
    display: flex;
    align-items: center;
}

.customnested .subhead.btn.btn-dark.dropdown-toggle.dropdown-toggle-split {
    text-transform: uppercase;
    padding: 12px;
    color: var(--text-color);
    text-decoration: none;
    position: relative;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    height: 46px;
    line-height: normal;
}

.customnested .subhead.btn.btn-dark.dropdown-toggle.dropdown-toggle-split.active {
    color: var(--white);
}

.menunesting {
    width: 100%;
    padding: 0.5rem;
    position: relative;
}

.menunesting .subhead {
    color: var(--white);
}

.menunesting>.subhead.active:before {
    opacity: .5;
    background: var(--white);
}

.menunesting:before {
    content: '';
    position: absolute;
    top: 0px;
    z-index: -1;
    left: 0;
    height: 100%;
    width: 100%;
    background: var(--bg-color);
}

.menunesting .subhead.active {
    color: var(--bg-color);
}

.darkmodehandle .breadcrumb {
    font-size: 17px;
    padding: 2rem;
    background: transparent;
    margin: 0;
}

/*Sidebar*/

#sidebar {
    min-width: 251px;
    max-width: 251px;
    transition: all 0.3s;
    left: -251px;
    position: fixed;
    height: 100%;
    z-index: 10;
    top: 0;
    background: var(--body-bg-color);
    box-shadow: rgb(0 0 0 / 10%) 4px 0px 6px 1px;
    overflow-y:auto;
}

#sidebar a,
#sidebar a:hover,
#sidebar a:focus {
  color: inherit;
}

#sidebar.active {
  left: 0;
}

#sidebar ul li a.active,#sidebar ul li.active{
    background: var(--bg-button-color);
    color:var(--text-button-color);
}
#sidebar ul li.active a{
    color:inherit;
}
/*#sidebar ul li a.active:hover,#sidebar ul li a.active:focus,#sidebar ul li a.active:active{*/
/*    color:inherit;*/
/*}*/
#sidebar ul li.active:hover a,#sidebar ul li.active:focus a,#sidebar ul li.active:active a{
 color:inherit;   
}
#sidebar ul.components {
      display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 100%;
}
#sidebar ul li {
    width: 100%;
    text-align: left;
    /*background:var(--bg-button-color);*/
    color:var(--text-color);
}
#sidebar ul p {
  color:var(--bg-color);
  padding: 10px;
}

#sidebar ul li a {
      padding: 10px;
    font-size: 1.1em;
    display: block;
    width: 100%;
}
.dropdownmenuflex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dropdownmenuflex a {
    width: 80%!important;
}
#sidebar ul li a:hover,#sidebar ul li a:active,#sidebar ul li a:focus {
  color: #7386D5;
  text-decoration: none;
}


#sidebar a[data-toggle="collapse"] {
  position: relative;
    width: 20%!important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 43px;
}


#sidebar ul ul a {
  font-size: 0.9em !important;
  padding-left: 30px !important;
}

.sidebar-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 69%);
    top: 0;
    left: 0;
    z-index: 0;
    cursor: pointer;
}
text {
    display: none;
}
.sidebar-header {
    display: flex;
    justify-content: center;
    align-items: center;
}
.bar-head {
    width: 100%;
    padding: 8px 10px;
    background: rgb(0 0 0 / 50%);
    backdrop-filter: blur(2px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.weather-widget {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 8px;
    border-radius: 5px;
    padding-left: 0;
}

.weather-widget img {
    width: 30px;
    height: 30px;
    object-fit: cover;
}
.menu-date {
    display: flex;
    align-items: center;
}
.weather-widget #tempc {
    font-size: 1.3rem;
    margin-left: 5px;
    font-weight: bold;
    font-family: sans-serif;
}
#currentime-date {
   font-size: 1.5rem;
margin-left: 1rem;
padding: 8px;
border-radius: 5px;
background-color: var(--bg-button-color);
color: var(--text-button-color);
}
#sidebar ul li a {
    border-bottom: 1px solid var(--bg-color);
}

.trafficcard {
    display: flex;
    overflow: hidden;
    border-radius: 12px;
    height: 100%;
    box-shadow: rgb(0 0 0 / 26%) 0px 4px 8px;
    cursor: pointer;
    position: relative;
    max-height: 300px;
}

.trafficcard img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.switch {
  position: absolute;
    display: inline-block;
    width: 45px;
    height: 21px;
    top: 1rem;
    right: 1rem;
    box-shadow: rgb(0 0 0 / 26%) 0px 4px 8px;
    border-radius: 100px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 1px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}



@media (prefers-color-scheme: light) {
    input:checked + .slider{
        background-color: var(--bg-color);
    }
}

@media (prefers-color-scheme: dark) {
    input:checked + .slider {
      background-color: var(--bg-color);
    }
}

input:focus + .slider {
}

input:checked + .slider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 100px;
}

.slider.round:before {
  border-radius: 50%;
}

#sidebarCollapse, .navmenu :not(.customnested) .btn.btn-dark.dropdown-toggle, .weather-widget,#sidebarinCollapse{
    background-color: var(--bg-button-color);
     color:var(--text-button-color);
}

.nearyou {
    position: absolute;
    top: 1.5rem;
    z-index: 1;
    left: 1rem;
    font-size: 1.5rem;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 600;
}

.trafficcard:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgb(0 0 0 / 63%), transparent 50%);
    z-index: 0;
    pointer-events: none;
}