/*
Theme Name:     BBN24 child
Template:      	bbn24
Theme URI:       
Author:          
Author URI:      
Description:    Make your modifications to Foxiz in this child theme.
Version:        1.0
Tags:           custom-background, custom-menu, featured-images, theme-options, custom-colors, translation-ready, threaded-comments, translation-ready
License:        Themeforest Licence
License URI:     
*/

/* Your CSS code goes here
-------------------------------------- */


/* highlight
-------------------------------------- */
.s-hl-heading.h1 {
    font-size: 1rem !important;
    opacity: .5 !important;
}

.twitter-tweet {
    opacity: 1 !important;
}

.rbct .twitter-tweet {
	margin-bottom: 1.5rem !important;
}
 

/* header
-------------------------------------- */
 
.mobile-logo-wrap, .logo-wrap {
padding: 5px;
}
 
 

/* a unerline in post
-------------------------------------- */
.entry-content a:not(.button):not(.wp-block-button__link):not(.gb-button) {
	text-decoration: none;
    background-image:
      linear-gradient(
          transparent 2px,
          #2ed392 2px,
          #2ed392 4px,
          transparent 4px
      ),
      linear-gradient(
          transparent 2px,
          #d8dce9 2px,
          #d8dce9 4px,
          transparent 4px
      );
    background-size: 0% 6px, 100% 6px;
    background-position: 0 bottom, 0 bottom;
    transition: background-size 0.3s ease-in-out;
    background-repeat: no-repeat;
   	padding-bottom: 4px;
	font-weight: 700;
}

.entry-content a:hover:not(.button):not(.wp-block-button__link){
	color: #115cfa;
    background-size: 100% 6px;
}

/* H2,h3 unerline in post
-------------------------------------- */
	 
    .wp-block-heading {
    border-bottom: 2px solid #F0F4F8;
    padding-bottom: 0.825rem;
	}

 
/* channel Follow link below post
 -------------------------------------- */
.group-card {
            margin-bottom: 20px;
            position: relative;
            border: 2px solid transparent;
            border-radius: 5px;
            background: #f0f8ff;
            display: flex;
            align-items: center;
            padding: 7px;
            justify-content: space-between;
            overflow: hidden;
	        color: black !important;
        }
        .follow-card {
            animation: border-animation 1s infinite;
        }
       
        @keyframes border-animation {
            0% {
                border-color: transparent;
            }
            50% {
                border-color: #d30606;
            }
            100% {
                border-color: transparent;
            }
        }
         
         
        .dg-nofollow {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            font-size: 1rem;
            font-weight: bold;
            text-decoration: none;
            padding: 5px 20px;
            border-radius: 2px;
            flex-shrink: 0;
            transition: all 0.3s ease-in-out;
            color: white !important;
        }
        .dg-nofollow i {
            margin-right: 5px;
        }
        .follow-card .dg-nofollow {
            background: #3c3fde;
        }
        .dg-nofollow:hover {
            transform: scale(1.05);
            background: #d30606;

        }


/* Theme Changes
 -------------------------------------- */

.wp-block-image img, .wp-post-image, .p-featured , .meta-avatar img  {

    box-shadow: 0 2px 6px -1px rgba(7, 10, 25, 0.2), 0 6px 12px -6px rgba(7, 10, 25, 0.2);
    border-radius: 10px;
    --media-radius: 10px;
    overflow: hidden;
}

.post-content h2 {
    border-bottom: 2px solid #F0F4F8;
    padding-top: 1rem;
    padding-bottom: 0.825rem;
}
 
#back-top {
    bottom: 60px; 
}
 
 
/* Rank math FAQ
 -------------------------------------- */
 
.rank-math-question    {
	
	padding:10px 5px 10px;
	box-shadow: 0 2px 6px -1px rgba(7, 10, 25, 0.2);
}
.rank-math-answer  {
	padding-bottom: 20px;
}




/*my class for only mobile view id */

#mobileshow { 
display:none !important; 
}
@media screen and (max-width: 1024px) {
#mobileshow { 
display:block  !important;  }
}
/*my class for only mobile view id */

/*my class for ads footer bar */

.bannerMob {
    bottom: 41px!important;
	
}
._3tKm_ {
    min-height: 70px;
    display: block;
	width: 94%;
    margin: 0 auto;
}
 
._3Za0S {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: hsla(0,0%,100%,.1);
    height: 80px;
    display: none;
    z-index: 2;
}

._3vyxz {
    color: grey;
    display: flex;
    cursor: pointer;
    height: 20px;
    width: 20px;
    font-weight: 800;
    float: right;
}
 /*my class for ads footer bar */

/*my class sticky menu footer bar */

.fotmenu {
    width: 100%;
    position: fixed;
    bottom: 0;
    background: #fff;
    display: flex;
    justify-content: space-between;
    z-index: 980;
    box-shadow: 0 -3px 10px #00000029;
    padding: 0 5px;
}

.fotmenu .Col {
    font-size: 12px;
    color: #0A2140;
    padding: 7px 0px 1px;
    position: relative;
	box-shadow: inset 0 0 2px 0px rgba(7,10,25,.2);
	flex: 1 1 auto;
}

.fotmenu .Col a {
    color: #0A2140;
    padding: 0;
    display: block;
    margin: 0 4px;
}
.fotmenu .Col a .Icon {
    width: 23px;
    height: 22px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.fotmenu .Col a .Text {
    white-space: nowrap;
    text-align: center;
    padding-top: 3px;
}
/*my class sticky menu footer bar */

/*my class for app download side bar */
.app-down {
    display: inherit;
    position: fixed;
    width: 100px;
    height: auto;
	font-weight:bold;
    float: left;
    bottom: 174px;
    left: 0;
    cursor: pointer;
    background-color: #ffffff;
    padding:3px 0 3px 8px;
    color: #000000;
	border-radius: 0 15px 15px 0;
	border: 1px solid rgba(255, 105, 0, 1);
	z-index:99999; 
}
 
 /*lang switcher header bar */

.lang-mode-toggle-wrap:not(:first-child) .lang-mode-toggle {
    border-color: var(--nav-color-10);
}

.lang-mode-toggle-wrap:not(:first-child) .lang-mode-toggle {
    position: relative;
    margin-left: 5px;
    padding-left: 10px;
    border-left: 1px solid var(--flex-gray-40);
}

.lang-mode-toggle {
    display: flex;
    align-items: center;
    cursor: pointer;
   height: 14px;
}

/* for CLS icon issue
 -------------------------------------- */
 

.meta i {
  min-width: 34px;
  min-height: 35px;
}