/*
Theme Name: TheGem Child
Description: Multi-Purpose Wordpress Theme
Author: Codex Themes.
Theme URI: http://codex-themes.com/thegem/
Author URI: http://codex-themes.com/thegem/
Template: thegem
Version: 1.0
Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light
License: GNU General Public License
License URI: license.txt
*/
.top-area{
	padding-top: 2px;
    padding-bottom: 2px;	
    font-weight: 600;
}

.top-area-menu .nav-menu > li a:before{
content : none !important;
}
.top-area{
	padding-top: 2px;
    padding-bottom: 2px;	
    font-weight: 600;
}

.top-area-menu .nav-menu > li a:before{
content : none !important;
}

/*design Changes*/
.syntaxhighlighter .line.alt2{
	color: #fff !important;
}

.header-style-3 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-3 #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-4 #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-3.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a,
.header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-current > a,
.header-style-4.header-layout-fullwidth_hamburger #primary-menu.no-responsive > li.menu-item-active > a {
	border: none !important;
}



/* Rss feed button */

#RSSFeed{
     cursor: pointer;
}
.custom-element-button{
    font-family: "Open Sans", Sans-serif;
    font-size: 16px;
    font-weight: normal;
    letter-spacing: 0.01px;
    color: #ff7e25;
    background-color: #ffffff;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    width: 100%;
    display: inline-block;
    line-height: 1;
    text-align: center;
    transition: all 0.3s;
    padding: 10px 20px;
       
}
#rss-btn-text {
    padding-right: 8px;
}

/* adds horizontal scrollbar in code snippet */

div .syntaxhighlighter.source {
    overflow-x: auto !important;
}

/*mozilla firefox support align code snippet*/
@-moz-document url-prefix() {
.syntaxhighlighter table td.code {
   vertical-align: top !important;
}
}
/* the safari browser not visible the scrollbar. so, apply the scrollbar style to visible the scrollbar. */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {

    html {
  --scrollbar-bg: #f1f1f1;
  --thumbcolor: #c1c1c1;
}
.syntaxhighlighter::-webkit-scrollbar {
  width: 10px;
}
.syntaxhighlighter {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbcolor) var(--scrollbar-bg);
}
.syntaxhighlighter::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
  border-radius: 6px;
}
.syntaxhighlighter::-webkit-scrollbar-thumb {
  background-color: var(--thumbcolor) ;
  border: 3px solid var(--scrollbar-bg);
  border-radius: 6px;
  
}
}}
/* To make a responsive table in mobile view */
.responsive-table-mobile-view {
	overflow-x: auto !important;
}
/*Crisp Live chat Style removed*/


 button.copy-btn {
    float: right;
    position: absolute;
    right: 0;
    font-size: 14px;
    border: 0;
    background-color: #e6e9f6;
    color: #3c4d6f;
    padding: 3px 13px;
    box-shadow: none;
    -webkit-appearance: none;
   margin-top: -36px;
   font-family: 'Open Sans' !important;
}

button.copy-btn:after {
    content: "Copy";
}

button.copy-btn.copied:after {
    content: "Copied";
}

pre.prettyprinted {
    background-color: #f5f7ff;
    padding: 20px;
    padding-top: 35px;
    font-size: 14px;
  	border: 1px solid #e6ebff;
  word-break: normal;
  font-family: Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}

@-moz-document url-prefix() { 
pre.prettyprinted {
  font-family: Monaco, "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace !important;
}
}
.fa-copy-icon {
     background: url(https://www.syncfusion.com/blogs/wp-content/uploads/2021/07/copy-icon.svg) no-repeat top left;
    background-size: contain;
    cursor: pointer;
    display: inline-block;
    height: 14px;
    width: 13px;
  margin: 0px 4px -1px 0px;
  
}

