/* -----------------------------------------------
Template Style
Name     :  SofaStream
License  :  Premium Version
Version  :  v1.0
Author   :  SofaAdmin
----------------------------------------------- */
/*-- Google Fonts --*/

/*-- CSS Variables --*/
:root{
--body-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--title-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--meta-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--text-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--body-bg-color:#FAFAFA;
--body-bg:#FAFAFA none repeat scroll top left;
--outer-bg:#FFFFFF;
--main-color:#FF3152;
--title-color:#111111;
--title-hover-color:#FF3152;
--meta-color:#959595;
--text-color:#757575;
--header-bg:#FFFFFF;
--header-color:#111111;
--header-hover-color:#FF3152;
--submenu-bg:#FFFFFF;
--submenu-color:#111111;
--submenu-hover-color:#FF3152;
--megamenu-bg:#FFFFFF;
--megamenu-color:#111111;
--megamenu-hover-color:#FF3152;
--mobilemenu-bg:#FFFFFF;
--mobilemenu-color:#111111;
--mobilemenu-hover-color:#FF3152;
--widget-title-color:#111111;
--post-title-color:#111111;
--post-title-hover-color:#FF3152;
--post-text-color:#757575;
--fbm-title-color:#FFFFFF;
--fbm-text-color:#EEEEEE;
--footer-bg:#111111;
--footer-color:#FCFCFC;
--footer-hover-color:#FF3152;
--footer-text-color:#BABABA;
--footerbar-bg:#0C0C0C;
--footerbar-color:#FCFCFC;
--footerbar-hover-color:#FF3152;
--cookie-bg:#FFFFFF;
--cookie-color:#757575;
--button-bg:#FF3152;
--button-color:#FFFFFF;
--button-hover-bg:#E52C4A;
--button-hover-color:#FFFFFF;
--border-color:rgba(155,155,155,0.15);
--border-radius:6px;
--button-shadow:0 2px 6px rgba(0,0,0,0.15);
--avatar-shadow:0px 1px 4px rgba(0,0,0,0.15);
}
html.is-dark{
--body-bg-color:#000000;
--body-bg:#FAFAFA;
--outer-bg: black;
--title-color:#f6f7f8;
--title-hover-color:#f6f7f8;
--meta-color:#b4b6ba;
--text-color:#c4c6ca;
--header-bg:#1a1a1a;
--header-color:#f6f7f8;
--header-hover-color:#FF3152;
--submenu-bg:#111111;
--submenu-color:#f6f7f8;
--submenu-hover-color:#FF3152;
--megamenu-bg:#111111;
--megamenu-color:#f6f7f8;
--megamenu-hover-color:#FF3152;
--mobilemenu-bg:#111111;
--mobilemenu-color:#f6f7f8;
--mobilemenu-hover-color:#FF3152;
--widget-title-color:#f6f7f8;
--post-title-color:#ffffff;
--post-title-hover-color:#ffffff;
--post-text-color:#c4c6ca;
--fbm-title-color:#f6f7f8;
--fbm-text-color:#eeeeee;
--footer-bg:#111111;
--footer-color:#f6f7f8;
--footer-hover-color:#FF3152;
--footer-text-color:#c4c6ca;
--footerbar-bg:#0c0c0c;
--footerbar-color:#f6f7f8;
--footerbar-hover-color:#FF3152;
--cookie-bg:#111111;
--cookie-color:#c4c6ca;
--button-bg:#333333;
--button-color:#ffffff;
--button-hover-bg:#21211f;
--button-hover-color:#FFFFFF;
--border-color:rgba(155,155,155,0.1);
}
html.rtl{
--body-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--title-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--meta-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
--text-font:'Montserrat', 'Poppins', 'Roboto', sans-serif;
}
/*-- Reset CSS --*/
a,abbr,acronym,address,applet,b,big,blockquote,body,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{padding:0;margin:0;border:0;outline:0;vertical-align:baseline;background:0 0;text-decoration:none}dl,ul{list-style-position:inside;list-style:none}ul li{list-style:none}caption{text-align:center}img{border:none;position:relative}a,a:visited{text-decoration:none}.clearfix{clear:both}.section,.widget,.widget ul{margin:0;padding:0}a{color:var(--main-color)}a img{border:0}abbr{text-decoration:none}.CSS_LIGHTBOX{z-index:999999!important}.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{opacity:0}.separator a{clear:none!important;float:none!important;margin-left:0!important;margin-right:0!important}#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{display:none!important}.center{display:table;margin:0 auto;position:relative}.widget > h2,.widget > h3{display:none}.widget iframe,.widget img{max-width:100%}button,input,select,textarea{font-family:var(--body-font);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;border-radius:0}
/*-- Style CSS --*/
*{box-sizing:border-box;word-break:break-word;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;             font-family: "Poppins", sans-serif!important;}
html{position:relative;margin:0}
body{position:relative;height:100%;background:var(--body-bg);background-color:var(--body-bg-color);font-family:var(--body-font);font-size:14px;color:var(--text-color);font-weight:400;font-style:normal;line-height:1.4em;margin:0;padding:0}
.rtl{direction:rtl}
h1,h2,h3,h4,h5,h6{font-family:var(--title-font);font-weight:600}
a,input,button{transition:all .0s ease}
#outer-wrapper{position:relative;overflow:hidden;width:100%;max-width:100%;background-color:var(--outer-bg);margin:0 auto;padding:0}
.is-boxed #outer-wrapper{width:1030px;max-width:100%;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.container{position:relative}
.row-x1{width:970px}
.row-x2{width: 50%;}
.flex-center{display:flex;justify-content:center}
#content-wrapper{position:relative;float:left;width:100%;overflow:hidden;padding:40px 0;margin:0}
.is-single #content-wrapper > .container{display:flex;justify-content:space-between}
.is-left #content-wrapper > .container{flex-direction:row-reverse}
.rtl .is-left #content-wrapper > .container{flex-direction:row}
.is-single #content-wrapper.no-sidebar > .container{justify-content:center}
.theiaStickySidebar:before,.theiaStickySidebar:after{content:'';display:table;clear:both}
.is-multiple #main-wrapper{position:relative;float:left;width:100%}
.is-single #main-wrapper{position:relative;width:calc(100% - 340px)}
.is-single #content-wrapper.no-sidebar #main-wrapper{width:728px;max-width:100%}
#header-wrapper{position:relative;float:left;width:100%;z-index:50;margin:0}
.main-header,.header-inner{position:relative;float:left;width:100%;height:58px;background-color:var(--header-bg);margin:0}
.header-inner{background-color:rgba(0,0,0,0)}
.header-header{position:relative;float:left;width:100%;height:58px;background-color:var(--header-bg);margin:0;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
.is-boxed .header-header{float:none;width:1030px;max-width:100%;margin:0 auto;padding:0}
.header-items{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0}
.flex-left{position:static;display:flex;margin:0}
.flex-right{position:absolute;top:0;right:0;background-color:var(--header-bg);margin:0}
.rtl .flex-right{left:0;right:unset;margin:0}
.main-logo{position:relative;float:left;height:58px;overflow:hidden;margin:0 16px 0 0}
.rtl .main-logo{margin:0 0 0 16px}
.main-logo .widget{position:relative;height:100%;display:flex;align-items:center;margin:0}
.main-logo .logo-img{display:flex;align-items:center;height:34px;overflow:hidden;margin:0}
.main-logo img{display:block;max-width:100%;max-height:100%;margin:0}
.main-logo .blog-title{display:block;font-size:23px;color:var(--header-color);font-weight:600;margin:0}
.main-logo .blog-title a{color:var(--header-color)}
.main-logo .blog-title a:hover{color:var(--header-hover-color)}
.main-logo #h1-off{position:absolute;top:-9000px;left:-9000px;display:none;visibility:hidden}
#main-wrapper #main,#main .Blog{position:relative;float:left;width:100%;margin:0}
.queryMessage{float:left;width:100%;color:var(--title-color);margin:0 0 20px}
.queryMessage .query-info,.Blog.no-posts .queryMessage{margin:0}
.queryMessage .query-info{font-size:19px;color:var(--title-color);font-weight:600;margin:0}
.queryMessage .query-label:after{content:'\f054';display:inline-block;vertical-align:middle;font-family:'Font Awesome 5 Free';font-size:13px;font-weight:900;margin:-1px 0 0 3px}
.rtl .queryMessage .query-label:after{margin:-1px 3px 0 0}
.queryEmpty{float:left;width:100%;font-size:14px;color:var(--meta-color);font-weight:400;text-align:center;margin:50px 0}
.blog-post{display:block;word-wrap:break-word}
.index-post-wrap{position:relative;float:left;width:100%;display:grid;grid-template-columns:repeat(3,1fr);column-gap:30px;row-gap:40px;margin:0}
.Blog.no-posts .index-post-wrap{display:none}
.index-post{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:0;margin:0}
.index-post.post-ad-type{padding:0!important;margin:0!important}
.index-post .entry-image-wrap{width:100%;height:180px;margin:0 0 15px;border-radius:var(--border-radius)}
.index-post .entry-header{display:flex;flex-direction:column;margin:0}
.index-post .entry-meta{display:flex;flex-wrap:wrap;font-size:12px;margin:0 0 6px}
.index-post .entry-title{font-size:19px;margin:0}
.inline-ad-wrap{position:relative;float:left;width:100%;margin:0}
.inline-ad{position:relative;float:left;width:100%;text-align:center;line-height:1;margin:0}
.post-animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@keyframes fadeInUp {
from{opacity:0;transform:translate3d(0,10px,0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
.post-fadeInUp{animation-name:fadeInUp}
.item-post-wrap,.is-single .item-post,.item-post-inner{position:relative;float:left;width:100%;margin:0}
.item-post .blog-entry-header{position:relative;float:left;width:100%;display:flex;flex-direction:column;padding:0 0 15px;margin:0;border-bottom:1px solid var(--border-color)}
#post-body{position:relative;float:left;width:100%;font-family:var(--text-font);font-size:14px;color:var(--post-text-color);line-height:1.6em;padding:0;margin:25px 0 0}
.post-body p{margin-bottom:25px}
.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{font-size:17px;color:var(--title-color);line-height:1.3em;margin:0 0 20px}
.post-body h1{font-size:26px}
.post-body h2{font-size:23px}
.post-body h3{font-size:20px}
.post-body img{height:auto!important}
blockquote{position:relative;background-color:rgba(155,155,155,0.05);color:var(--title-color);font-style:normal;padding:20px 25px;margin:0;border-radius:var(--border-radius)}
blockquote:before{position:absolute;left:10px;top:10px;content:'\f10e';font-family:'Font Awesome 5 Free';font-size:33px;font-style:normal;font-weight:900;color:var(--title-color);line-height:1;opacity:.05;margin:0}
.rtl blockquote:before{left:unset;right:10px}
.post-body .responsive-video-wrap{position:relative;width:100%;padding:0;padding-top:56%}
.post-body .responsive-video-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.post-body ul{padding:0 0 0 15px;margin:10px 0}
.rtl .post-body ul{padding:0 15px 0 0}
.post-body li{margin:5px 0;padding:0}
.post-body ul li,.post-body ol ul li{list-style:none}
.post-body ul li:before{display:inline-block;content:'\2022';margin:0 5px 0 0}
.rtl .post-body ul li:before{margin:0 0 0 5px}
.post-body ol{counter-reset:ify;padding:0 0 0 15px;margin:10px 0}
.rtl .post-body ol{padding:0 15px 0 0}
.post-body ol > li{counter-increment:ify;list-style:none}
.post-body ol > li:before{display:inline-block;content:counters(ify,'.')'.';margin:0 5px 0 0}
.rtl .post-body ol > li:before{margin:0 0 0 5px}
.post-body u{text-decoration:underline}
.post-body strike{text-decoration:line-through}
.post-body sup{vertical-align:super}
.post-body a{color:var(--main-color)}
.post-body a:hover{text-decoration:underline}
.post-body a.button{display:inline-block;height:36px;background-color:var(--button-bg);font-family:var(--body-font);font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;text-align:center;text-decoration:none;cursor:pointer;padding:0 20px;margin:0 6px 8px 0;border-radius:36px}
.rtl .post-body a.button{margin:0 0 8px 6px}
.post-body a.colored-button{color:#fff}
.post-body a.button:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.post-body a.colored-button:hover{background-color:var(--button-hover-bg)!important;color:var(--button-hover-color)!important}
.button:before{float:left;font-family:'Font Awesome 5 Free';font-weight:900;display:inline-block;margin:0 8px 0 0}
.rtl .button:before{float:right;margin:0 0 0 8px}
.button.preview:before{content:'\f06e'}
.button.download:before{content:'\f019'}
.button.link:before{content:'\f0c1'}
.button.cart:before{content:'\f07a'}
.button.info:before{content:'\f06a'}
.button.share:before{content:'\f1e0'}
.button.contact:before{content:'\f0e0';font-weight:400}
.alert-message{position:relative;display:block;padding:15px;border:1px solid var(--border-color);border-radius:var(--border-radius)}
.alert-message.alert-success{background-color:rgba(34,245,121,0.03);border:1px solid rgba(34,245,121,0.5)}
.alert-message.alert-info{background-color:rgba(55,153,220,0.03);border:1px solid rgba(55,153,220,0.5)}
.alert-message.alert-warning{background-color:rgba(185,139,61,0.03);border:1px solid rgba(185,139,61,0.5)}
.alert-message.alert-error{background-color:rgba(231,76,60,0.03);border:1px solid rgba(231,76,60,0.5)}
.alert-message:before{font-family:'Font Awesome 5 Free';font-size:16px;font-weight:900;display:inline-block;margin:0 5px 0 0}
.rtl .alert-message:before{margin:0 0 0 5px}
.alert-message.alert-success:before{content:'\f058';color:rgba(34,245,121,1)}
.alert-message.alert-info:before{content:'\f05a';color:rgba(55,153,220,1)}
.alert-message.alert-warning:before{content:'\f06a';color:rgba(185,139,61,1)}
.alert-message.alert-error:before{content:'\f057';color:rgba(231,76,60,1)}
.post-body table{width:100%;overflow-x:auto;text-align:left;margin:0;border-collapse:collapse;border:1px solid var(--border-color)}
.rtl .post-body table{text-align:right}
.post-body table td,.post-body table th{padding:8px 15px;border:1px solid var(--border-color)}
.post-body table thead th{color:var(--post-title-color);font-weight:600;vertical-align:bottom}
table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{line-height:1;padding:0;border:0}
table.tr-caption-container td.tr-caption{font-size:13px;color:var(--meta-color);padding:6px 0 0}
#custom-ads,#colorify-pro-post-footer-ads{position:relative;float:left;width:100%;opacity:0;visibility:hidden;padding:0;margin:0;border:0;display:none;}
#before-ad,#after-ad{float:left;width:100%;margin:0}
#before-ad .widget > .widget-title,#after-ad .widget > .widget-title{display:block}
#before-ad .widget > .widget-title > h3.title,#after-ad .widget > .widget-title > h3.title{font-size:10px;color:var(--meta-color);font-weight:400;line-height:1;margin:0 0 8px}
#before-ad .widget,#after-ad .widget{width:100%;margin:25px 0 0}
#before-ad .widget-content,#after-ad .widget-content{position:relative;width:100%}
#colorify-pro-new-before-ad #before-ad,#colorify-pro-new-after-ad #after-ad{float:none;display:block;margin:0}
#colorify-pro-new-before-ad #before-ad .widget,#colorify-pro-new-after-ad #after-ad .widget{margin:0}
#blog-pager{position:relative;float:left;width:100%;text-align:center;clear:both;padding:0;margin:40px 0 0}
.Blog.no-posts #blog-pager{display:none}
#blog-pager .load-more{position:relative;display:inline-block;min-width:25%;height:38px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:38px;padding:0 40px;border-radius:38px}
#blog-pager #colorify-pro-load-more-link{cursor:pointer}
#blog-pager #colorify-pro-load-more-link:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#blog-pager .no-more.show{display:inline-block;background-color:rgba(155,155,155,0.05);color:var(--text-color);cursor:not-allowed;border-color:rgba(0,0,0,0)}
#blog-pager .loading,#blog-pager .no-more{display:none}
#blog-pager .loading .loader{height:38px}
#blog-pager .loading .loader:after{width:30px;height:30px;margin:0}
#post-footer-ads{position:relative;float:left;width:100%;padding:0;margin:30px 0 0}
#post-footer-ads .widget,#post-footer-ads .widget-content{float:left;width:100%}
.sidebar{position:relative;float:left;width:100%;margin:0}
.sidebar > .widget{position:relative;float:left;width:100%;padding:0;margin:0 0 30px}
.sidebar > .widget:last-child{margin:0}
.sidebar .widget.no-style > .widget-title{display:none}
.sidebar .widget-content{position:relative;float:left;width:100%;padding:0;margin:0}
.sidebar ul.social-icons{display:grid;grid-template-columns:1fr;row-gap:10px;margin:0}
.sidebar .social-icons li{display:block;margin:0}
.sidebar .social-icons a{position:relative;height:40px;overflow:hidden;font-size:16px;color:#fff;display:flex;justify-content:space-between;align-items:center;border-radius:40px}
.sidebar .social-icons a:before{display:flex;width:40px;height:100%;background-color:rgba(255,255,255,0.15);justify-content:center;align-items:center;border-radius:50%}
.sidebar .social-icons span{font-size:14px;padding:0 20px}
.sidebar .social-icons a:hover{opacity:.9}
.sidebar .loader{height:180px}
.sidebar-posts .post{float:left;width:100%;display:flex;padding:0;margin:25px 0 0}
.sidebar-posts .post.item-0{flex-direction:column;margin:0}
.sidebar-posts .entry-inner{position:relative;float:left;width:100%;height:100%;overflow:hidden;display:block;z-index:10}
.sidebar-posts .entry-image-wrap{width:98px;height:65px;z-index:1;margin:0 13px 0 0;border-radius:var(--border-radius)}
.rtl .sidebar-posts .post:not(.item-0) .entry-image-wrap{margin:0 0 0 13px}
.sidebar-posts .post.item-0 .entry-image-wrap{width:100%;height:178px;margin:0 0 15px}
.sidebar-posts .post:not(.item-0) .entry-image-wrap.is-video:after{transform:translate(50%,-50%) scale(.6)}
.sidebar-posts .entry-header{display:flex;flex-direction:column}
.sidebar-posts .post:not(.item-0) .entry-header{flex:1}
.sidebar-posts .entry-meta{display:flex;flex-wrap:wrap;font-size:12px;margin:0 0 6px}
.sidebar-posts .entry-title{font-size:15px}
.sidebar-posts .post.item-0 .entry-title{font-size:19px}
.cmm1-items .cmm1-item{position:relative;float:left;width:100%;padding:15px;margin:20px 0 0;border:1px solid var(--border-color);border-radius:var(--border-radius)}
.cmm1-items .cmm1-item.item-0{margin:0}
.cmm1-items .entry-inner{position:relative;float:left;width:100%;display:flex}
.cmm1-items .entry-image-wrap{width:35px;height:35px;z-index:1;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .cmm1-items .entry-image-wrap{margin:0 0 0 13px}
.cmm1-items .entry-header{flex:1}
.cmm1-items .entry-title{font-size:15px}
.cmm1-items .entry-inner:hover .entry-title{color:var(--post-title-hover-color)}
.cmm1-items .cmm-snippet{font-size:12px;color:var(--text-color);margin:4px 0 0}
.FeaturedPost .featured-post{float:left;width:100%;display:flex;flex-direction:column;margin:0}
.featured-post .entry-image-wrap{float:left;width:100%;height:178px;z-index:1;margin:0 0 10px;border-radius:var(--border-radius)}
.featured-post .entry-header{display:flex;flex-direction:column}
.featured-post .entry-meta{display:flex;margin:0 0 6px}
.featured-post .entry-title{font-size:19px}
.FollowByEmail .widget-content.ds{background-color:var(--outer-bg);padding:20px;border:1px solid var(--border-color);border-radius:var(--border-radius)}
.FollowByEmail .ds .follow-by-email-title{display:block;font-family:var(--title-font);font-size:19px;color:var(--widget-title-color);margin:0 0 12px}
.FollowByEmail .ds .follow-by-email-text{display:block;font-size:14px;margin:0 0 15px}
.FollowByEmail .ds .follow-by-email-address{width:100%;height:38px;background-color:var(--outer-bg);font-family:inherit;font-size:14px;color:var(--text-color);padding:0 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:38px}
.FollowByEmail .ds .follow-by-email-address::placeholder{color:var(--text-color);opacity:.75}
.FollowByEmail .ds .follow-by-email-address:focus{color:var(--text-color)}
.FollowByEmail .ds .follow-by-email-submit{width:100%;height:38px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:38px}
.FollowByEmail .ds .follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.colorify-pro-widget-ready .list-style li{position:relative;display:block;font-size:14px;color:var(--title-color);font-weight:400}
.colorify-pro-widget-ready .list-style li a{display:block;color:var(--title-color);padding:8px 0}
.colorify-pro-widget-ready .list-style li a.has-count{display:flex;justify-content:space-between}
.colorify-pro-widget-ready .list-style li:first-child a{padding:0 0 8px}
.colorify-pro-widget-ready .list-style li:last-child a{padding:8px 0 0}
.colorify-pro-widget-ready .list-style li a:hover{color:var(--title-hover-color)}
.colorify-pro-widget-ready .list-style li a span{display:inline-block;color:var(--main-color)}
.colorify-pro-widget-ready .text-list li{padding:8px 0}
.colorify-pro-widget-ready .text-list li:first-child{padding:0 0 8px}
.colorify-pro-widget-ready .text-list li:last-child{padding:8px 0 0}
.cloud-label ul{display:flex;flex-wrap:wrap;margin:-8px 0 0}
.cloud-label li{margin:8px 6px 0 0}
.rtl .cloud-label li{margin:8px 0 0 6px}
.cloud-label li a{display:flex;height:34px;background-color:var(--button-bg);color:var(--button-color);font-size:14px;line-height:34px;font-weight:400;padding:0 20px;border-radius:34px}
.cloud-label li a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.cloud-label .label-count{display:inline-block;margin:0 0 0 10px}
.rtl .cloud-label .label-count{margin:0 10px 0 0}
.search-widget .search-form{position:relative;float:left;width:100%;display:flex;margin:0}
.search-widget .search-input{display:inline-block;flex:1 1 34px;width:100%;height:38px;background-color:transparent;font-family:inherit;font-weight:400;font-size:14px;color:var(--text-color);padding:0 15px;margin:0;border:1px solid var(--border-color);border-radius:38px}
.search-widget .search-input::placeholder{color:var(--text-color);opacity:.9}
.search-widget .search-input:focus{outline:none}
.search-widget .search-action{display:inline-block;width:38px;height:38px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;line-height:38px;cursor:pointer;padding:0;margin:0 0 0 8px;border:0;border-radius:50%}
.rtl .search-widget .search-action{margin:0 8px 0 0}
.search-widget .search-action:before{display:block;content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900}
.search-widget .search-action:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.Profile ul li{float:left;width:100%;margin:20px 0 0}
.Profile ul li:first-child{margin:0}
.Profile .profile-img{float:left;width:35px;height:35px;background-color:rgba(155,155,155,0.05);overflow:hidden;color:transparent!important;margin:0 13px 0 0;border-radius:50%;box-shadow:var(--avatar-shadow)}
.rtl .Profile .profile-img{float:right;margin:0 0 0 13px}
.Profile .profile-info{display:table}
.Profile .profile-name{display:block;font-size:15px;color:var(--title-color);font-weight:600;line-height:1.4em;margin:0}
.Profile .profile-name:hover{color:var(--title-hover-color)}
.Profile .profile-link{display:block;font-size:11px;color:var(--meta-color);font-weight:400;margin:0}
.Profile .profile-link:hover{color:var(--main-color)}
.Text .widget-content{font-family:var(--text-font);font-size:14px;color:var(--text-color);margin:0}
.Image .image-caption{display:block;font-size:14px;color:var(--text-color);margin:5px 0 0}
.contact-form-widget form{font-family:inherit;font-weight:400}
.contact-form-name{float:left;width:100%;height:38px;background-color:transparent;font-family:inherit;font-size:14px;color:var(--text-color);line-height:38px;padding:0 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:38px}
.contact-form-email{float:left;width:100%;height:38px;background-color:transparent;font-family:inherit;font-size:14px;color:var(--text-color);line-height:38px;padding:0 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:38px}
.contact-form-email.error{border-color:var(--main-color)}
.contact-form-email-message{float:left;width:100%;background-color:transparent;font-family:inherit;font-size:14px;color:var(--text-color);padding:10px 15px;margin:0 0 10px;border:1px solid var(--border-color);border-radius:16px}
.contact-form-email-message.error{border-color:var(--main-color)}
.contact-form-button-submit{float:left;width:100%;height:38px;background-color:var(--button-bg);font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:38px}
.contact-form-button-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.contact-form-widget p{margin:0}
.contact-form-widget p.contact-form-error-message-with-border,p.contact-form-success-message-with-border{float:left;width:100%;background-color:rgba(0,0,0,0);font-size:13px;color:#e74c3c;text-align:left;line-height:1;padding:0;margin:10px 0 0;border:0}
.contact-form-widget .contact-form-success-message-with-border{color:#27ae60}
.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{text-align:right}
.contact-form-cross{cursor:pointer;margin:0 0 0 3px}
.rtl .contact-form-cross{margin:0 3px 0 0}
.contact-form-name::placeholder,.contact-form-email::placeholder,.contact-form-email-message::placeholder{color:var(--text-color);opacity:.9}
.Attribution a{font-size:14px;line-height:16px;display:block}
.Attribution a > svg{width:16px;height:16px;float:left;margin:0 4px 0 0}
.Attribution .copyright{font-size:12px;color:var(--meta-color);padding:0 20px;margin:3px 0 0}
#google_translate_element{position:relative;float:left;width:100%;margin:0}
.Stats .text-counter-wrapper{display:flex;font-size:20px;color:var(--meta-color);font-weight:600;text-transform:uppercase;line-height:1;margin:0}
.Stats .text-counter-wrapper:before{content:'\f201';font-family:'Font Awesome 5 Free';color:var(--main-color);font-weight:900;margin:0 4px 0 0}
.rtl .Stats .text-counter-wrapper:before{margin:0 0 0 4px}
.sidebar > .widget.ReportAbuse{display:block;padding:10px 13px;border:1px solid var(--border-color);border-radius:var(--border-radius)}
.ReportAbuse > h3{display:flex;float:left;width:100%;font-size:14px;font-weight:400;margin:0}
.ReportAbuse > h3:before{content:'\f071';font-family:'Font Awesome 5 Free';color:var(--title-color);font-weight:900;margin:0 4px 0 0}
.rtl .ReportAbuse > h3:before{margin:0 0 0 4px}
.ReportAbuse > h3 a:hover{text-decoration:underline}
#footer-ads-wrap{position:relative;float:left;width:100%;margin:0}
.footer-ads .widget{position:relative;float:left;width:100%;text-align:center;line-height:0;margin:0 0 40px}
.footer-ads .widget-content{float:left;width:100%;margin:0}
.footer-ads .widget > .widget-title{display:none}
#footer-fbm{position:relative;float:left;width:100%;background-color:rgba(155,155,155,0.05);overflow:hidden;z-index:1;margin:0}
#footer-fbm .widget{position:relative;float:left;width:100%;z-index:5;margin:0}
#footer-fbm .widget.Image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;z-index:1;opacity:0;transition:opacity .35s ease}
#footer-fbm .widget.Image.lazy-ify{opacity:1}
#footer-fbm .widget.Image:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.2);margin:0}
.footer-fbm .follow-by-email-inner{position:relative;float:left;width:100%;display:flex;justify-content:space-between;align-items:center;padding:50px 0;margin:0}
.footer-fbm .follow-by-email-header{width:100%;max-width:calc(50% - 30px)}
.footer-fbm .follow-by-email-title{display:block;font-size:19px;color:var(--fbm-title-color);text-shadow:0 1px 2px rgba(0,0,0,0.1);margin:0 0 8px}
.footer-fbm .follow-by-email-text{display:block;font-size:14px;color:var(--fbm-text-color);text-shadow:0 1px 2px rgba(0,0,0,0.1)}
.footer-fbm .follow-by-email-form{width:100%;max-width:50%}
.footer-fbm .follow-by-email-form form{float:left;width:100%;height:48px;background-color:rgba(255,255,255,0.35);overflow:hidden;display:flex;padding:5px;border-radius:48px}
.is-dark .footer-fbm .follow-by-email-form form{background-color:rgba(0,0,0,0.2)}
.footer-fbm .follow-by-email-address{width:100%;height:38px;background-color:transparent;font-family:inherit;font-size:14px;color:var(--fbm-title-color);line-height:38px;text-shadow:0 1px 2px rgba(0,0,0,0.1);padding:0 15px;border:0}
.footer-fbm .follow-by-email-address::placeholder{color:var(--fbm-title-color);text-shadow:0 1px 2px rgba(0,0,0,0.1);opacity:1}
.footer-fbm .follow-by-email-submit{width:100%;height:38px;background-color:var(--button-bg);flex:1;font-family:inherit;font-size:14px;color:var(--button-color);font-weight:400;cursor:pointer;padding:0 20px;border:0;border-radius:38px}
.footer-fbm .follow-by-email-submit:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#footer-wrapper{position:relative;float:left;width:100%;background-color:var(--footer-bg);color:var(--footer-text-color);z-index:2;box-shadow:0 -2px 6px rgba(0,0,0,0.1)}
#footer-wrapper .primary-footer{float:left;width:100%;margin:0}
.primary-footer.no-widget{display:none}
#colorify-pro-about-section{position:relative;float:left;width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;padding:30px 0;margin:0}
.primary-footer.has-border #colorify-pro-about-section{border-bottom:1px solid var(--border-color)}
.footer-caption {
margin-left: 15px; /* adjust this value until it looks perfect */
}
.footer-info{display:flex;flex:1}
#colorify-pro-about-section .Image{width:calc(100% - 340px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:0}
#colorify-pro-about-section .footer-logo{padding:0 30px 0 0}
.rtl #colorify-pro-about-section .footer-logo{padding:0 0 0 30px}
#colorify-pro-about-section .footer-logo img{display:block;max-height:34px;margin:0}
#colorify-pro-about-section .Image .image-caption{font-size:14px;color:var(--footer-text-color);margin:0}
#colorify-pro-about-section .Image .image-caption a{color:var(--footer-color)}
#colorify-pro-about-section .Image .image-caption a:hover{color:var(--footer-hover-color)}
#colorify-pro-about-section .LinkList{width:300px;display:flex;align-items:center;justify-content:flex-end;margin:0}
.colorify-pro-about-section ul.social-icons{display:flex;flex-wrap:wrap}
.colorify-pro-about-section .social-icons li{margin:0 0 0 10px}
.rtl .colorify-pro-about-section .social-icons li{margin:0 10px 0 0}
.colorify-pro-about-section .social-icons li a{display:block;width:36px;height:36px;background-color:rgba(155,155,155,0.05);font-size:16px;color:var(--footer-color);text-align:center;line-height:36px;border-radius:50%}
.colorify-pro-about-section .social-icons li a:hover{color:#fff}
.footerbar{position:relative;float:left;width:100%;height:58px;background-color:var(--footerbar-bg);color:var(--footerbar-color);display:flex;align-items:center}
.footerbar .container{display:flex;flex-wrap:wrap;justify-content:space-between}
.footerbar .footer-copyright{font-size:14px;font-weight:400;margin:0}
.footerbar .footer-copyright a{color:var(--footerbar-color)}
.footerbar .footer-copyright a:hover{color:var(--footerbar-hover-color)}
#footer-menu{position:relative;display:block;margin-right: 25px;}
.footer-menu ul{display:flex;flex-wrap:wrap}
.footer-menu ul li a{font-size:14px;color:var(--footerbar-color);padding:0;margin:0 0 0 10px}
.rtl .footer-menu ul li a{margin:0 25px 0 0}
#footer-menu ul li a:hover{color:var(--footerbar-hover-color)}
#hidden-widgets-wrap,.hidden-widgets{display:none;visibility:hidden}
#back-top{display:none;position:fixed;bottom:20px;right:20px;width:38px;height:38px;background-color:var(--button-bg);cursor:pointer;overflow:hidden;font-size:15px;color:var(--button-color);text-align:center;line-height:38px;z-index:50;margin:0;border-radius:50%;transition:background .17s ease,color .17s ease}
.rtl #back-top{right:auto;left:20px}
#back-top:before{content:'\f077';position:relative;font-family:'Font Awesome 5 Free';font-weight:900}
#back-top:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.is-error #main-wrapper{width:100%}
.is-error #sidebar-wrapper{display:none}
.errorWrap{color:var(--title-color);text-align:center;padding:60px 0}
.errorWrap h3{font-size:160px;color:var(--title-color);line-height:1;margin:0 0 25px}
.errorWrap h4{font-size:27px;color:var(--title-color);margin:0 0 25px}
.errorWrap p{color:var(--text-color);font-size:14px;margin:0 0 15px}
.errorWrap a{display:inline-block;height:36px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:36px;padding:0 30px;margin:15px 0 0;border-radius:36px}
.errorWrap a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
.cookie-choices-info{display:none;visibility:hidden;opacity:0}
#colorify-pro-cookie-ify{display:none;position:fixed;bottom:20px;left:20px;width:300px;background-color:var(--cookie-bg);z-index:1020;padding:20px;visibility:hidden;opacity:0;box-shadow:0 2px 6px rgba(0,0,0,0.1);border-radius:var(--border-radius);transition:all .25s ease}
.rtl #colorify-pro-cookie-ify{left:unset;right:20px}
#colorify-pro-cookie-ify.is-visible{visibility:visible;opacity:1}
.colorify-pro-cookie-ify-content{display:block;font-size:14px;color:var(--cookie-color);margin:0 0 15px}
.colorify-pro-cookie-ify-content a{color:var(--cookie-color);text-decoration:underline}
.colorify-pro-cookie-ify-content a:hover{color:var(--main-color)}
#colorify-pro-cookie-ify-accept{display:inline-block;height:34px;background-color:var(--button-bg);font-size:14px;color:var(--button-color);font-weight:400;line-height:34px;padding:0 20px;margin:0;border-radius:34px}
#colorify-pro-cookie-ify-accept:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
a.ads-here{position:relative;display:flex;align-items:center;justify-content:center;height:78px;background-color:rgba(155,155,155,0.05);font-size:15px;color:rgba(155,155,155,0.25);font-weight:600;font-style:italic;margin:0;border:1px solid rgba(155,155,155,0.05);border-radius:var(--border-radius)}
.sidebar a.ads-here{height:250px}
a.ads-here:hover{color:rgba(155,155,155,0.35);border-color:rgba(155,155,155,0.1)}
@media (max-width: 1030px) {
#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .main-nav-flex{width:100%;max-width:100%;margin:0}
.row-x1{width:100%;max-width:100%}
.row-x2{width:100%;max-width:100%}
#header-wrapper .container,.hero-post .flex-center,#header-ads-wrap > .container,#trending-wrap > .container,#content-wrapper > .container,#footer-ads-wrap > .container,#footer-fbm .container,#footer-wrapper .container{padding:0 15px}
.hero-post .flex-center .container{width:100%}
#colorify-pro-cookie-ify{bottom:15px;left:15px;padding:15px}
.rtl #colorify-pro-cookie-ify{left:unset;right:15px}
}
@media (max-width: 980px) {
#header-wrapper .container{padding:0}
.mobile-menu-toggle{display:flex}
.header-items{flex-wrap:nowrap}
#colorify-pro-main-nav{display:none!important}
#slide-menu,.overlay{display:block}
.flex-right,.rtl .flex-right{position:relative;top:unset;left:unset;right:unset}
.main-toggle-wrap,#main-search-wrap{padding:0 15px}
.main-toggle-wrap{padding:0 15px 0 0}
.rtl .main-toggle-wrap{padding:0 0 0 15px}
.nav-active .overlay{visibility:visible;opacity:1}
.nav-active #back-top{opacity:0!important}
.is-single #content-wrapper > .container,.is-left #content-wrapper > .container{justify-content:flex-start;flex-direction:column!important}
.is-single #main-wrapper,.is-single #content-wrapper.no-sidebar #main-wrapper,#sidebar-wrapper{width:100%}
#sidebar-wrapper{margin:40px 0 0}
}
@media (max-width: 880px) {
.hero-post .flex-center{padding:0}
.featured .hero-post{height:260px}
.hero-post .entry-header{bottom:0;width:100%;max-width:100%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,0.65));padding:20px 15px;transform:none;border-radius:0}
.hero-post .entry-meta{color:#eee;text-shadow:0 1px 2px rgba(0,0,0,0.1)}
.hero-post .entry-title a{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,0.1); font-size: 15px;}
.hero-post.is-video .entry-title a:before,.hero-post.is-video .entry-title a:hover:before{background-color:#fff;color:rgba(0,0,0,0.85)}
.hero-post .hero-rm a{height:34px;background-color:var(--button-bg);color:var(--button-color);font-size:14px;text-transform:initial;font-weight:400;line-height:34px;padding:0 20px;border-radius:34px;box-shadow:var(--button-shadow)}
.hero-post .hero-rm a:hover{background-color:var(--button-hover-bg);color:var(--button-hover-color)}
#trending .widget-content{min-height:unset}
.trending-left,.trending-right{width:100%}
.trending-item.item-0{background-color:var(--outer-bg);border-radius:0}
.trending-right .trending-item.item-1{padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--border-color)}
.trending-item .entry-image-wrap{height:260px;border-radius:var(--border-radius);margin:0 0 15px}
.trending-item.item-0 .entry-header{padding:0}
.index-post-wrap{grid-template-columns:repeat(2,1fr)}
#blog-pager .load-more{width:50%}
.footer-fbm .follow-by-email-inner{flex-direction:column}
.footer-fbm .follow-by-email-header{max-width:100%;text-align:center}
.footer-fbm .follow-by-email-form{max-width:100%;margin:30px 0 0}
#colorify-pro-about-section{flex-wrap:wrap;flex-direction:column}
#colorify-pro-about-section .Image{width:100%;flex-direction:column;justify-content:center;text-align:center}
#colorify-pro-about-section .footer-logo,.rtl #colorify-pro-about-section .footer-logo{padding:0}
.footer-info{text-align:center;margin:25px 0 0}
#colorify-pro-about-section .LinkList{width:100%;justify-content:center;margin:25px 0 0}
.colorify-pro-about-section .social-icons li,.rtl .colorify-pro-about-section .social-icons li{margin:10px 5px 0}
.footerbar{height:auto;line-height:inherit;padding:25px 0;margin:0}
.footerbar .container{flex-direction:column;justify-content:center}
.footerbar .footer-copyright,#footer-menu{width:100%;text-align:center;margin:0}
#footer-menu{padding:10px 0 0}
.footer-menu ul{justify-content:center}
.footer-menu ul li a,.rtl .footer-menu ul li a{display:block;margin:5px 10px 0}
#back-top{right:15px;bottom:15px}
.rtl #back-top{left:15px;right:unset}
}
@media (max-width: 680px) {
.is-single #content-wrapper{padding:35px 0 40px}
.index-post-wrap{grid-template-columns:1fr;row-gap:30px}
.index-post .entry-title{font-size:13px}
#blog-pager .load-more{width:100%}
.item-post h1.entry-title{font-size:16px}
.post-body table{display:block}
.colorify-pro-share-links a.twitter span{display:none}
.colorify-pro-share-links li.has-span a.twitter{width:38px;padding:0}
.colorify-pro-share-links li.has-span a.twitter:before{background-color:transparent}
.related-posts{grid-template-columns:1fr;row-gap:30px}
.related-posts .entry-title{font-size:21px}
#sidebar-wrapper{margin:30px 0 0}
.sidebar-posts .post:not(.item-0) .entry-image-wrap{width:120px;height:80px}
.sidebar-posts .entry-title{font-size:16px}
.sidebar-posts .post.item-0 .entry-title{font-size:21px}
.cmm1-items .entry-title{font-size:16px}
.cmm1-items .cmm-snippet{font-size:13px}
.featured-post .entry-title{font-size:21px}
.errorWrap{padding:25px 0 45px}
.errorWrap h3{font-size:130px}
#colorify-pro-cookie-ify,.rtl #colorify-pro-cookie-ify{width:calc(100% - 30px);margin:0}
#colorify-pro-cookie-ify{transform:translate(0,10px)}
#colorify-pro-cookie-ify.is-visible{transform:translate(0,0)}
a.ads-here{height:65px}
.sidebar a.ads-here{height:200px}
}
@media (max-width: 480px) {
.hero-post .entry-title{font-size:26px}
#post-body,.author-description .author-text,.comments .comment-content{font-size:15px}
.trending-item.item-0{border-radius:var(--border-radius) var(--border-radius) 0 0}
.trending-item .entry-image-wrap{height:200px}
.trending-item.item-0 .entry-title{font-size:23px}
.item-post h1.entry-title{font-size:16px}
}
@media (max-width: 380px) {
.item-post h1.entry-title{font-size:16px}
.tocify-inner{min-width:100%}
.colorify-pro-share-links span{display:none}
.colorify-pro-share-links li.has-span a{width:38px}
.colorify-pro-share-links li.has-span a:before{background-color:transparent}
.sidebar-posts .post:not(.item-0) .entry-image-wrap{width:98px;height:65px}
}
@media (max-width: 340px) {
#slide-menu{width:100%}
.errorWrap h3{font-size:110px}
.errorWrap h4{font-size:25px}
}
.match-time{
margin-top: 0px;
}
.live-dot {
display: inline-block;
width: 4px;
height: 4px;
background-color: white;
border-radius: 50%;
animation: blink 1s infinite ease-in-out;
}

@keyframes blink {
0%, 100% { opacity: 1; }
50% { opacity: 0.2; }
}
.match-timey {
position: absolute;
top: 36px;
background: #d3d3d31d;
border-radius: 9999px;
padding: 9px;
}
.container-01 {
width: 100%;
background: #1a1a1a;
height: 70px;
display: flex;
align-items: center;
justify-content: space-between;
padding-left: 15rem;
padding-right: 15rem;
position: fixed;
top: 0;
}
@media (max-width: 1024px) {
.container-01 {
padding-left: 2rem;
padding-right: 2rem;
}
}
.logo-01 {
width: 10rem;
}
.socialmedia-01 {
display: flex;
gap: 5px;
}
.socialmedia-icon-01 {
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
width: 1.75rem;
height: 1.75rem;
}
.socialmedia-icon-01 i {
color: white;
font-size: 17px;
}
.container-02 {
display: flex;
flex-direction: column;
align-items: center;
background: black;
height: 95vh;
}
.ad-01 {
width: 50%;
margin-top: 12px;
display: flex;
justify-content: center;
}
@media (max-width: 1024px) {
.ad-01 {
width: 100%;
}
}
.container-03 {
width: 100%;
background: #1a1a1a;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 16px;
height: 53px;
}
.container-03 h2 {
color: white;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 1024px) {
.container-03 {
width: 100%;
}
}
.container-04 {
width: 50%;
background: #1a1a1a;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 16px;
}
.container-04 h2 {
color: white;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 1024px) {
.container-04 {
width: 100%;
}
}
.container-05 {
margin-top: 16px;
width: 100%;
background: #262626;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
padding: 7px;
gap: 8px;
}
.container-05 img {
width: 30px;
}
.container-05 h2 {
color: white;
font-size: 13px;
font-weight: 100;
text-align: center;
}
.container-06 {
position: relative;
width: 100%;
height: 5.2rem;
background: #1a1a1a;
display: flex;
align-items: center;
justify-content: center;
padding-top: 9px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

.rounded-bottom-red {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.container-06:hover {
background: #2e2c2c;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
.container-07 {
display: flex;
gap: 15px;
width: 100%;
align-items: center;
justify-content: flex-end;
font-weight: 500;
}
.container-07 span {
color: white;
font-size: 14px;
word-wrap: break-word;
line-height: 15px;
}
.container-07 img {
width: 30px;
}
@media (max-width:1024px) {
.container-07 span {
font-size: 12px;
}
}
.live-now{
width: 48px;
display: flex;
justify-content: center;
background: red;
border-radius: 50px;
color: white;
font-size: 9px;
animation: blinkani 1s infinite;
}
@keyframes blinkani {
0% { background-color: red; }
50% { background-color: darkred; }
100% { background-color: red; }
}
.container-08 {
display: flex;
flex-direction: column;
align-items: center;
color: #9ca3af;
font-weight: 600;
width: 15rem;
font-size: 12px;
}
.container-09 {
display: flex;
gap: 15px;
width: 100%;
align-items: center;
justify-content: flex-start;
font-weight: 500;
}
.container-09 img {
width: 30px;
}
.container-09 span {
display: inline-block;
color: white;
font-size: 14px;
line-height: 15px;
}
@media (max-width:1024px) {
.container-09 span {
font-size: 12px;
}
.container-10{
width: 10rem
}
}
.container-10{
width: 15rem;
display: flex;
align-items: center;
justify-content: center;
color: #9f9f9f;
font-size: 12px;
font-weight: 500;
}
.live-info-01 {
width: 100%;
background: #262626;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 10px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: 0px;
color: white;
}

.live-info-01 p {
font-size: 12px;
font-weight: 500;
}



.preview-tes {
margin-top: 5px !important;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
border-bottom-left-radius: 10px !important;
border-bottom-right-radius: 10px !important;
}

.click-here-btn-red {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding-bottom: 5px;
padding-top: 5px;
color: white;
}

.click-here-btn-red a {
margin-top: 6px;
width: 10rem;
text-align: center;
background: green;
height: 2.6rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
font-size: 15px;
color: white!important;
}

.container-02 {
display: flex;
flex-direction: column;
align-items: center;
background: black;
height: 100vh;
}

.container-03 {
width: 100%;
background: #1a1a1a;
border-radius: 0px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin-top: 16px;
padding: 0px;
}

.container-03 h2 {
color: white;
font-size: 15px;
font-weight: 500;
}

@media (max-width: 1024px) {
.container-03 {
    width: 100%;
}
}

.container-04-id-11 {
width: 100%;
background: #1a1a1a;
border-radius: 10px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.container-04-id-11 h2 {
color: white;
font-size: 15px;
font-weight: 500;
}

@media (max-width: 1024px) {
.container-04-id-11 {
    width: 100%;
}
}

.container-05-id-11 {
width: 100%;
background: #262626;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
display: flex;
align-items: center;
padding: 0px;
gap: 8px;
justify-content: center;
}

.container-05-id-11 img {
width: 23px;
}

.container-05-id-11 h2 {
color: white;
font-size: 13px;
font-weight: 500;
}

.container-06-id-11 {
width: 100%;
height: 3rem;
background: #1a1a1a;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}

.container-07-id-11 {
display: flex;
gap: 9px;
width: 100%;
align-items: center;
justify-content: flex-end;
font-weight: 500;
}

.container-07-id-11 span {
color: white;
font-size: 14px;
}

.container-07-id-11 img {
width: 23px;
}

@media (max-width:1024px) {
.container-07-id-11 span {
    font-size: 12px;
}
}

.container-08 {
display: flex;
flex-direction: column;
align-items: center;
color: #9ca3af;
font-weight: 600;
width: 15rem;
font-size: 12px;
}

.container-09-id-11 {
display: flex;
gap: 9px;
width: 100%;
align-items: center;
font-weight: 500;
}

.container-09-id-11 img {
width: 23px;
}

.container-09-id-11 span {
color: white;
font-size: 14px;
}

@media (max-width:1024px) {
.container-09-id-11 span {
    font-size: 12px;
}
}

.container-10-id-11 {
width: 10rem;
display: flex;
align-items: center;
justify-content: center;
color: #9f9f9f;
font-size: 11px;
font-weight: 500;
}

.date-time-my {
margin-top: 10px;
}

.date-time-my h2 {
text-align: center;
font-size: 10px !important;
}
/* Make body take full height and use flex */
body {
display: flex;
flex-direction: column;
min-height: 100vh; /* Full viewport height */
margin: 0; /* remove default margin */
}

/* Main content above footer should grow to fill space */
#header-ads-wrap, .widget.HTML, .container-05, a.container-06 {
flex: 1 0 auto; /* allows content to grow */
}

/* Footer stays at bottom */
#footer-wrapper {
flex-shrink: 0; /* prevent footer from shrinking */
background: #1a1a1a; /* optional: match site style */
color: white;
padding: -1rem 0;
margin-top: 2rem;
}

.match-info {
width: 100%;
background: #1a1a1a;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
display: flex;
align-items: center;
font-weight: 100;
font-size:13px;
color: #ffffff;
justify-content: center;
padding: 15px 0px;
}