/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* PrismJS 1.30.0
https://prismjs.com/download#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+c+git+ini+java+json+markup-templating+nginx+perl+php+python+ruby+sql+yaml&plugins=line-numbers */
/**
 * okaidia theme for JavaScript, CSS and HTML
 * Loosely based on Monokai textmate theme by http://www.monokai.nl/
 * @author ocodia
 */

code[class*="language-"],
pre[class*="language-"] {
	color: #ffffff;
	background: #1e1e1e; /* Dark solid background */;
	opacity: 1 !important;          /* Eliminate any transparent fading */
	 /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
	text-shadow: none !important;   /* Remove text shadows that cause blurriness */
	overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
	display: block;
	padding: 10px;
	margin-bottom: 5px;
	margin-top: 5px
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	font-size: 1em;
	text-align: left;
	white-space: pre;
	word-spacing: normal;
	word-break: normal;
	word-wrap: normal;
	line-height: 1.5;
	border-radius: 8px;

	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;

	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

/* Code blocks */
pre[class*="language-"] {
	padding: 1em;
	margin: .5em 0;
	overflow: auto;
	border-radius: 8px;
/*	border-radius: 0.3em;  */
}

:not(pre) > code[class*="language-"],
pre[class*="language-"] {
	background: #272822;
}

/* Inline code */
:not(pre) > code[class*="language-"] {
	padding: .1em;
	border-radius: 8px;
/*	border-radius: .3em;  */
	white-space: normal;
}

.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
	color: #8292a2;
}

.token.punctuation {
	color: #f8f8f2;
}

.token.namespace {
	opacity: .7;
}

.token.property,
.token.tag,
.token.constant,
.token.symbol,
.token.deleted {
	color: #f92672;
}

.token.boolean,
.token.number {
	color: #ae81ff;
}

.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
	color: #a6e22e;
}

.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string,
.token.variable {
	color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.function,
.token.class-name {
	color: #e6db74;
}

.token.keyword {
	color: #66d9ef;
}

.token.regex,
.token.important {
	color: #fd971f;
}

.token.important,
.token.bold {
	font-weight: bold;
}
.token.italic {
	font-style: italic;
}

.token.entity {
	cursor: help;
}

pre[class*="language-"].line-numbers {
	position: relative;
	padding-left: 3.8em;
	counter-reset: linenumber;
}

pre[class*="language-"].line-numbers > code {
	position: relative;
	white-space: inherit;
}

.line-numbers .line-numbers-rows {
	position: absolute;
	pointer-events: none;
	top: 0;
	font-size: 100%;
	left: -3.8em;
	width: 3em; /* works for line-numbers below 1000 lines */
	letter-spacing: -1px;
	border-right: 1px solid #999;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}

	.line-numbers-rows > span {
		display: block;
		counter-increment: linenumber;
	}

		.line-numbers-rows > span:before {
			content: counter(linenumber);
			color: #999;
			display: block;
			padding-right: 0.8em;
			text-align: right;
		}



/* rjb */
pre[class*="info"] {
        color: #000000 !important;      /* Bright, readable text color */
        background: #deebf4 !important;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
        display: block;
        padding: 15px !important;
        margin-bottom: 5px !important; /* Your desired bottom margin */
        font-family: 'inter', sans-serif, 'Ubuntu-Mono';
        font-size: 1em;
        text-align: left;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
	border-radius: 8px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}

pre[class*="light"] {
        color: #000000;
        background: #D3D3D3;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
        display: block;
        padding: 15px !important;
        margin-bottom: 5px !important; /* Your desired bottom margin */
        font-family: 'inter', sans-serif, 'Ubuntu-Mono';
        font-size: 1em;
        text-align: left;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
	border-radius: 8px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}

pre[class*="info-mono"] {
        color: #000000 !important;      /* Bright, readable text color */
        background: #deebf4 !important;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
        display: block;
        padding: 15px !important;
        margin-bottom: 5px !important; /* Your desired bottom margin */
        font-family: Consolas, monospace;
        font-size: 1em;
        text-align: left;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        border-radius: 8px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}


pre[class*="info-sm"] {
        color: #000000 !important;      /* Bright, readable text color */
        background: #deebf4 !important;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
        display: block;
        padding: 15px !important;
        margin-bottom: 5px !important; /* Your desired bottom margin */
        font-family: 'inter', sans-serif, 'Ubuntu-Mono';
        font-size: 10px;
	font-variant: Medium 500;
        text-align: left;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        border-radius: 4px;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}


pre[class*="info-block"] {
        color: #000000 !important;      /* Bright, readable text color */
        background: #deebf4 !important;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
        display: block;
        padding: 15px !important;
        margin-bottom: 5px !important; /* Your desired bottom margin */
        font-family: 'inter', sans-serif, 'Ubuntu-Mono';
        font-size: 1em;
        text-align: left;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        border-radius: 0;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}

pre[class*="notice"] {
        color: #000000 !important;      /*  text color */
        background: #FF9900 !important;
        opacity: 1 !important;          /* Eliminate any transparent fading */
         /* text-shadow: 0 1px rgba(0, 0, 0, 0.3); */
        text-shadow: none !important;   /* Remove text shadows that cause blurriness */
         /* overflow-x: auto;  /* Adds a horizontal scrollbar if code is too wide */
	font-family: 'inter', sans-serif, 'Ubuntu-Mono';
        display: block;
        padding: 15px !important;
        margin-top: 5px !important;
        margin-bottom: 5px
        font-size: 1em;
        text-align: left;
	border-radius: 8px;
        white-space: pre-wrap;  /* (wrapping)*/
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;

        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
        hyphens: none;
}

/* Fallback, in case JS does not run, to ensure the code is at least visible */
[class*='lang-'] script[type='text/plain'],
[class*='language-'] script[type='text/plain'],
script[type='text/plain'][class*='lang-'],
script[type='text/plain'][class*='language-'] {
	display: block;
	font: 100% Consolas, Monaco, monospace;
	white-space: pre;
	overflow: auto;

        color: #ffffff !important;
        background: #1e1e1e !important;
        opacity: 1;
        text-shadow: none;
        padding: 10px;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 1em;
        text-align: left;
        word-spacing: normal;
        word-break: normal;
        word-wrap: normal;
        line-height: 1.5;
        border-radius: 8px;

}


/* End PrismJS 1.30.0 */


/* Allow the main column wrapper to grow naturally with flex items */
.post-card-fixed-height-column .fusion-column-wrapper { 
    height: auto !important; 
    min-height: 400px !important; 
    display: flex;
    flex-direction: column;
}

/* Reserves space for exactly 3 lines of text based on your font size */
.postcard-fixed-title {
    display: block !important;
    min-height: 2.3lh !important; /* Adjust this value to match your font size */
}
/* You can use min-height 90px based on your font size */

/* small screen header spacing */
.small-screen-title-space {
    margin-bottom: -30px !important;
}

/* small screen content spacing */
.small-screen-content-spacing {
    margin-top: -40px !important;
}

/* small screen content spacing plus*/
.small-screen-content-spacing-plus {
    margin-top: -50px !important;
}

/* End Post card */

/* scrool 2 top button */
#scroolToTopBtn{
    position: fixed;
    right: 20px;
    bottom: 20px;
    background-color: #2145e6;
    color: white;
    padding: 7px 14px 7px 14px;
    border-radius: 50%;
    cursor: pointer;
    font-size: 20px;
    z-index: 1000;
    transition: background-color .3s ease;
    border: 0px;
    display: none;
}
#scroolToTopBtn:hover{
    background-color: #198fd9;
}

/* End scrool 2 top button */

/* scrool 2 top button with progress*/
/* Enable smooth viewport scrolling globally
html {
  scroll-behavior: smooth;
} 
*/

/* Button Container */
.scroll-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 50px;
  height: 50px;
  background: #ffffff;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.2s ease;
}

/* Show class toggled via JavaScript */
.scroll-to-top.is-visible {
  opacity: 1;
  visibility: visible;
}

/* Subtle hover scale interaction */
.scroll-to-top:hover {
  transform: scale(1.08);
}

/* SVG Positioning */
.progress-circle {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg); /* Start the circle drawing from the top */
}

/* Track Circle Background */
.progress-bg {
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 3;
}

/* Animated Ring */
.progress-ring {
  fill: none;
  stroke: #0076ff; /* Match your brand accent color */
  stroke-width: 3;
  stroke-linecap: round;
  /* Circumference calculation: 2 * Math.PI * r (2 * 3.14159 * 22 ≈ 138.23) */
  stroke-dasharray: 138.23;
  stroke-dashoffset: 138.23;
  transition: stroke-dashoffset 0.1s linear;
}

/* Central Icon Indicator */
.scroll-to-top .arrow {
  font-size: 20px;
  color: #333333;
  font-weight: bold;
  z-index: 2;
}

/* End scrool 2 top button with progress*/