/*--------------------------------------------------------------
Theme Name: Idle Custom
--------------------------------------------------------------*/
.customize-support{
	margin:0px;
}
body, button, input, select, optgroup, textarea {
    font-family: 'open-sans', sans-serif;
	word-break: normal;
	background-color:#f0f0f0;
}
body p {
	line-height:26px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'open-sans', sans-serif;
}
.main-content li {margin-bottom:15px;}
.head-nav {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(2, auto);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom:15px;
}
.head-site {
grid-area: 1 / 3 / 2 / 4;
display:flex;
justify-content:center;
padding:10px 0px 5px 0px; 
}
#title{
color:#000;
font-family:'open-sans', sans-serif;
font-weight:800;
font-size:44px;
text-decoration:none;
}
.head-menu { 
grid-area: 2 / 1 / 3 / 6; 
border-top:3px solid #5f6e8fb5;
} 
#navigation-top-menu > div > ul {
  color:#000;
  margin:0;
  list-style: none;
  display:flex;
  flex-wrap:wrap;
  padding:0;
  justify-content:center;
  border-bottom:3px solid #eaeaea;
}
#navigation-top-menu > div > ul > li {
}

#navigation-top-menu a {
  font-family:'open-sans', sans-serif;
  color: #000;
  font-weight:700;
  font-size:16px;
  text-decoration: none;
  padding:1rem;
  display: block;
}

#navigation-top-menu li {
  position: relative;
}

#navigation-top-menu > div > ul > li:hover > a {
    background: #f0f0f0;
    color: #2B329DBA;
}
#navigation-top-menu ul.sub-menu > li:hover > a {
    background: #f0f0f0;
    color: #2B329DBA;
}
#navigation-top-menu > div > ul > li:hover > a:not(:hover) {
    background: transparent; 
    color: #000; /* Reset to the original color or whichever color you have set for non-hovered items */
}
/* 
#navigation-top-menu > div > ul > li:first-child > a {
    border-left: 1px solid #eaeaea;
}

#navigation-top-menu > div > ul > li:last-child > a {
    border-right: 1px solid #eaeaea;
}

#navigation-top-menu > div > ul > li:not(:last-child) > a {
    border-right: 1px solid #eaeaea;
}

    /* Third level menu */
    #navigation-top-menu ul.sub-menu li:hover > ul {
        display: block; /* This will show the third-level menu when hovering over a second-level menu item */
    }
    #navigation-top-menu ul.sub-menu ul {
        display: none; 
        position: absolute;
        top: 0;
        left: 100%; /* This positions the third-level menu to the right of the second-level menu */
        background-color: #fff; /* Optional background color */
    }

.hamburger-menu {
    display: none; /* Initially hidden on desktop */
    background: transparent;
    border: none;
    font-size: 24px;
    cursor: pointer;
}
#navigation-top-menu ul.sub-menu {
    display: none; 
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #000;
    z-index: 1000; 
    width: auto; 
    border: 1px solid #ccc;
	list-style-type: none; /* This removes the bullet points */
    padding-left: 0;      /* This removes any default padding */
}

#navigation-top-menu > div > ul > li:hover > ul.sub-menu {
    display: block;
}
/* Mobile styles */
@media only screen and (max-width: 768px) {
    .hamburger-menu {
        display: block;
    }
    .head-nav {
        position: relative;
    }
    .head-menu {
        position: absolute;
        left: -100%;
        top: 0;
        height: 100vh;
        width: 70vw;
        background-color: #000000db;
        overflow-y: scroll;
        transition: left 0.3s ease-in-out;
        z-index: 2; /* This makes sure the menu appears above other content */
    }
    #navigation-top-menu > div > ul {
        flex-direction: column;
    }
    .menu-is-open .head-menu {
        left: 0;
    }
#navigation-top-menu > div > ul > li {
    position: relative;
}
#navigation-top-menu ul.sub-menu {
        display: block;
        position: static;
        background-color: transparent;
        width: auto;
        border: none;
        padding-left: 20px;
    }
 #navigation-top-menu > div > ul > li:hover > ul.sub-menu {
        display: block;
    }
}

.site-content{
	max-width:1320px;
	margin:auto;
	padding-bottom:2%;
	color:#000;
}

.content-wrapper {
    display: grid;
    justify-content: center;
	grid-gap:2%;
	grid-template-columns: 100%;	
}

.main-content {
    grid-column: 1; /* Start the main content from the second column */
	padding:7px;
}

.sidebar {
    grid-column: 2; /* Place the sidebar in the third column */
}

.entry-title{
	font-size:36px;
	font-weight:500;
	padding-bottom:15px;
}

h1.entry-title {
    border-bottom: 4px solid #5f6e8fb5; 
    display: block;
    margin-bottom: 5px; 
	margin-top:0px;
}

.sidebar{
	-webkit-box-shadow: #eae8e8 0px 8px 24px;
}
.site-footer {
    padding: 20px 0;
    background-color: #d7dadf; /* Adjust this as per your design preference */
	border-top:3px solid #8994ac;
}

.footer-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    max-width: 1200px;  /* Optional, set a maximum width if you prefer */
    margin: 0 auto;
}

.footer-column {
    display:flex;
	justify-content:center;
	text-align:center;
}

footer {
    width: 100%;
    box-sizing: border-box; /* This ensures that padding and border won't increase its width */
}

@media only screen and (max-width: 768px) {
	.content-wrapper {
    grid-template-columns: 1fr;  /* One column layout */
    grid-template-rows: auto auto;  /* Two rows */
	grid-gap:0%;
	}
	.sidebar{
	grid-column:1;
	margin-left:3%;
	}
	.head-nav{
	grid-template-rows:none;
	border-bottom:5px solid #fe5825;
	}
	.footer-grid-container {
    display: grid;
    grid-template-columns: none;
	}
	.main-content{
		border: 0px solid black;
	}
	.archive-wrapper{
		border: 3px solid black;
		padding: 0px 10px 10px 10px;
		margin: 5px;
		width:auto !important;
	}	
}
.toc_list{
	list-style-type: none;
}

.archive-wrapper{
  border: 3px solid black;
  padding: 0px 10px 10px 10px;
  width: 75%;
  margin: 5px;
}

.promo-grid-wrapper {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
margin-bottom:15px;
border-radius:35px;
-webkit-box-shadow: 0 2px 10px rgba(40,62,81,.1);
-moz-box-shadow: 0 2px 10px rgba(40,62,81,.1);
box-shadow: 0 2px 10px rgba(40,62,81,.1);
background-color:#5f6e8f2b;
}

.promo-grid1 { grid-area: 1 / 1 / 6 / 3; }
.promo-grid2 { grid-area: 2 / 3 / 5 / 11; }
.promo-grid3 { grid-area: 1 / 11 / 6 / 13; }
.promo-grid4 { grid-area: 1 / 3 / 2 / 11; } 
.promo-grid5 { grid-area: 5 / 3 / 6 / 11; }

.promo-grid2 {text-align:center; color:#000;}
.promo-grid3 {padding-top:20%;}



@media only screen and (max-width: 767px) {
.promo-grid1 { grid-area: 1 / 1 / 2 / 5; } 
.promo-grid2 { grid-area: 2 / 1 / 3 / 5; } 
.promo-grid3 { grid-area: 3 / 1 / 4 / 5; } 
.promo-grid4 { grid-area: 4 / 1 / 5 / 5; } 
.promo-grid5 { grid-area: 5 / 1 / 6 / 5; }  
  
.promo-grid-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(5, auto); 
grid-column-gap: 0px;
grid-row-gap: 0px;
border-radius:35px;
  grid-auto-rows: minmax(100px, auto);
}  
  
.promo-grid1{display:grid; justify-content:center;}  
.promo-grid3{display:grid; justify-content:center; padding-top:0px; padding-bottom:5px;} 
 

}



.visit-btn{
  background-color: #5e6c8d; 
  border: none;
  color: white;
  padding: 15px 60px;
  text-align: center;
  text-decoration: none;
  display: flex;
  font-size: 22px;
  border-radius:35px;
  font-weight:heavy;
  text-decoration:none;
  justify-content:center;
}

.promo-grid-divider{
  min-height:15px !important;
}

.revw-fld{
text-align:center;
font-size: 17px;
margin-top: 18px
}
.revw-fld a{
	color:blue;
}

.promo-grid3{
padding-left:15px;
  padding-right:15px;
}

.sidebar ul{
	list-style-type: none;
  	font-size: 20px;
	line-height: 36px;
}
.sidebar a{
	color:#2424ff;
}

.footer-info{
	line-height:26px;
	font-size:22px
}
.footer-column a{
	line-height:30px !important;
	font-size:18px;
	color:#000;
		
}

div.wp-block-uagb-post-grid{
	z-index:1;
}

#toc_container{
	background:fff;
	line-height:2
}
 .author-info img.avatar.avatar-80.photo {
        height: 35px;
        width: 35px;
        margin-right: 2px;
        border-radius: 25px;
    }

    .article-details-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: 1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        align-items: center;
    }
    .author-info {
        grid-area:  1 / 1 / 2 / 2;
				display:flex;
			  align-items:center;
			  font-size:15px;
    }
    .last-update {
        grid-area:  1 / 2 / 2 / 3;
			  font-size:15px;
			  text-align:right;
    }