/*!
Theme Name: adultstory
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: adultstory
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

adultstory is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/


/* Variables
--------------------------------------------- */
:root{
    --bg-primary: #f03434; /* Pomegranate */
    --bg-secondary: #2e3131; /*Outer Space */
    --bg-light: #fff;
    --bg-dark: #2e3131; /*Outer Space */
    --font-body-dark: #2e3131; /*Outer Space */
    --font-body-light: #fff;
    --font-header: #2e3131; /*Outer Space */
    --font-link: #f03434; /* Pomegranate */
    --font-link-hover: #2e3131; /*Outer Space */
    --button-primary: #f03434; /* Pomegranate */
    --button-secondary: #2e3131; /*Outer Space */
    
    --bs-primary-rgb: #f03434;
    --bs-nav-pills-link-active-bg: #f03434;
    --bs-link-color: #f03434;
}

/* html
--------------------------------------------- */

html {
	scroll-behavior: smooth;
}

img {
    display:none;
}

.img-nohide {
    display:block;
}

.mce-i-link {
	display: none;
}

.border-bottom {
    border-bottom: 1px dotted grey!important;
}

.dashicons-arrow-left-alt2:before {
    left: -3px;
    position: relative;
}

.dashicons-external:before { /* Title ke baju wala arrow */
    top: 6px;
    position: relative;
    right: 0;
}

.rounded-3rem {
    border-radius: 3rem !important;
}

body {
    font-family: 'Noto Sans', sans-serif !important;
    line-height: 1.7 !important;
}

@media (min-width: 768px) and  (max-width: 992px) {
    .container {
        max-width: 860px !important;
    }
}

.dashicons, .dashicons-before:before {
	font-size: 1.5rem;
}

*:focus  { /* Chrome Correction */
    outline: none;
}

.btn {
    border-radius: 1.5rem !important;
    white-space: normal;
}

.btn-outline-primary:hover {
    color: var(--font-body-light) !important;
}

a {
    color: var(--font-link);
    text-decoration: none;
}

a:hover {
    color: var(--dark);
    text-decoration: none;
}

article.post, article.page, .post-navigation, .widget, .comment-body, .comment-form-comment textarea, .comment-form-author input, .comment-form-email input, #back-top {
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

blockquote {
    border-left: 5px solid var(--bg-primary);
    background: #e9ecef;
    padding: 1rem 2rem .15rem;
    border-radius: 1.5rem !important;
    border-radius: .25rem;
}


#module1, #module2 {
  font-size: 1rem;
  line-height: 1.5;
}


#module1 #collapse1.collapse:not(.show), #module2 #collapse2.collapse:not(.show) {
  display: block;
  height: 10rem;
  overflow: hidden;
}

#module1 #collapse1.collapsing, #module2 #collapse2.collapsing {
  height: 10rem;
}

#module1 a.collapsed::after, #module2 a.collapsed::after {
  content: '+ Show More';
}

#module1 a:not(.collapsed)::after, #module2 a:not(.collapsed)::after {
  content: '- Show Less';
}


/* Navigation Pills
--------------------------------------------- */

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background-color: var(--bg-primary);
    border-radius: 1.5rem;
}

.nav-link:focus, .nav-link:hover {
    color: var(--bg-light);
}


/* Header
--------------------------------------------- */

.site-header {
    text-align: center;
    background: var(--bg-primary);
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 0.3);
}

.site-branding {
    padding: 0;
}

.custom-logo {
    max-width: 100%;
    width: auto;
    max-height: 40px;
    display: inline-block;
}

.site-description {
	font-size: 0.7rem;
    margin-bottom: 0;
    color: var(--font-header);
    display: none;
}


/* OLD Menu Icon 

.menu-icon {
  display: inline-block;
  cursor: pointer;
}

.bar1, .bar2, .bar3 {
  width: 25px;
  height: 3px;
  background-color: var(--bg-light);
  margin: 5px 0;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-6px, 5px);
  transform: rotate(-45deg) translate(-6px, 5px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-6px, -6px);
  transform: rotate(45deg) translate(-6px, -6px);
}
*/

/* Breadcrumb */

#breadcrumbs {
    background: #e9ecef;
    font-size: .9rem;
    margin-left: -15px;
    margin-right: -15px;
    padding: .5rem 1rem;
    border-radius: 1.5rem;
    border-left: 5px solid var(--bg-primary);
}

/* Navigation
--------------------------------------------- */


/* NEW Navigation
--------------------------------------------- */
.main-navigation {
	display: flex;
	width: 100%;
	padding: 0;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	border-radius: 2rem;
	background: var(--bg-light);
}

@media (max-width: 992px) {
	.main-navigation ul ul {
		margin-left: 0 !important;
		background: var(--bg-secondary);
		border-radius: 0;
		margin-bottom: 0 !important;
	}
	.main-navigation ul ul ul {
		background: var(--bs-border-color) !important;
	}
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
	background: var(--bs-white);
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
    width: 300px;
    text-align: left;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
	display: inline-flex;
    width: 100%;
    flex-direction: column;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
		align-items: center;
	}
	
	.main-navigation li {

        width: auto;

    }
	
}

/* old menu
.navbar-expand-md {
    width: 100% !important;
}

.navbar .container {
    position: relative;
}
.navbar-nav, .navbar .collapse, .navbar-nav li {
    position: static;
}

.nav-link, .nav-link:hover {
    color: var(--font-body-light) !important;
    letter-spacing: 1px;
}


.menu-item-has-children, .menu-item-has-children .dropdown-menu {
    left: auto;
}
.menu-item-has-children .dropdown-menu {
    width: auto !important;
}

.cancel-mobile {
    background: var(--bg-light);
    padding: 3px 10px;
    display: inline-block;
    font-size: 1rem;
    border-radius: 0;
    margin-top: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2) inset;
}

.dropdown-item:focus, .dropdown-item:hover {
    background-color: #ffdacc!important;
    color: var(--dark);
}

@media only screen and (min-width: 767px) {

    .dropdown > .dropdown-menu {
        position: absolute;
        top: 100%;
        left: auto;
        z-index: 1000;
        float: none;
        min-width: 10rem;
        list-style: none;
        border: none;
        border-radius: 0;
        box-shadow: none;
        opacity: 0;
        margin-top: 10px !important;
        display: block;
        visibility:hidden;
        min-width: 175px;
        transition: all  0.2s ease-in-out;
    }
    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        display: block;
        top: 54px;
        opacity: 1;
        margin-top: 0px !important;
        border: 2px solid #fbc6c6;
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        transition: all 0.2s ease-in-out;
    }

    .mega-menu-parent.dropdown .dropdown-menu {
        position: absolute;
    }
  
    .cancel-mobile {
        display: none;
    }
    
    .megamenu > ul {
        display: flex !important;
        right: 0;
    }

   .megamenu-item > ul {    
    position: static;
    visibility: visible;
    display: block;
    z-index: 9999;
   }
   
   
    .megamenu:hover > .megamenu-item {
        top: 0;
    }
	
    .megamenu-item  > .dropdown-menu {
        position: relative !important;
        top: 0;
        opacity: 1;
        transition: none;
        border: none;
        margin-top: 0 !important;
		border-radius: 0.5rem;
    }
      
    .megamenu-item:hover > .dropdown-menu {
        visibility: visible;
        display: block;
        top: 0;
        opacity: 1;
        margin-top: 0px !important;
        border: none;
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
        transition: none;
    }
	
	.megamenu:hover > ul.dropdown-menu>  li.megamenu-item > ul.dropdown-menu {
        visibility: visible;
    }

    .megamenu-item > a {
        font-weight: 700;
		background: #e9ecef;
    }

    
}

@media only screen and (max-width: 767px) {
    .header-menu {
        max-height: calc(100vh - 65px);
        overflow-y: scroll;
        overflow-x: hidden;
    }
    
    .collapse.navbar-collapse.menu {
        position: relative;
        top: -1px;
        padding: .25rem 1rem;
        background: var(--bg-primary);
        border-bottom-right-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }
    
    .menu.collapsing {
        transition: height 0.35s ease-in !important;
        top: -1px;
        padding: .25rem 1rem;
        background: var(--bg-primary);
    }
    
    .dropdown-menu.show {
        position: relative !important;
        transform: inherit !important;
        top: auto !important;
        left: auto !important;
    }
    
    .megamenu-item > a {
        font-weight: 700;
		background: #ffdacc;
    }
    
    .megamenu-item  > .dropdown-menu {
        position: relative;
        display: block;
		margin: 0;
    }
    
}

.dropdown-menu {
    padding:0;
}
*/




#secondary li.login_logout, #colophon li.login_logout {
    display: inline-block;
}

aside .login_logout {
    display: none !important;
}

/* Navigation - Search Form
--------------------------------------------- 
.header-search .search-form {
    border-radius: 0.5rem;
    width: 100%;
    position: relative;
}

.header-search label {
    width: 100%;
    margin-bottom: 0;
}

.header-search .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0.5rem;
    box-shadow: none;
}

@media only screen and (max-width: 767px) {
    .collapse.navbar-collapse.search {
        position: relative;
        width: 100%;
    }
    
    .search.collapsing {
        width: 100%;
    }
    
}
*/

/* Footer
--------------------------------------------- */
.footer-widgets {
    padding-top: .5rem;
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}

.footer-widgets-div {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

@media only screen and (max-width: 767px) {
    .footer-widgets {
        display: none;
    }
}

@media only screen and (min-width: 767px) {
    .footer-widgets-div {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
}

.site-footer {
    padding: 0 15px 15px;
    background: var(--bg-dark);
    color: var(--bg-light);
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
    box-shadow: 0 0 4px 1px rgb(0 0 0 / 0.3);
}

.site-footer a {
    font-weight: 400;
    color: var(--bg-light);
}

/** FOOTER MENU **/

.menu-footer-container {
    margin: auto;
}

ul.menu-footer {
    display: block;
    margin: 0;
}

ul.menu-footer li {
    display: inline-block;
    float: none;
    padding: 5px;
}

ul.menu-footer li::after {
    content:"\A";
    width:8px;
    height:8px;
    border-radius:50%;
    background: #fbc6c6;
    display:inline-block;
    margin-left: 8px;
}

ul.menu-footer li:last-child::after {
    content:none;
}

.site-info {
    font-size: 0.7rem;
}

/** Working Back to Top **/
#back-top {  
    display: flex;
    position: fixed;
    bottom: 60px;
    font-size: 14px;
    left: 20px;
    z-index: 999;
    padding: 5px 13px;
    transform: rotateY(0deg) rotate(270deg);
    border: none;
    border-radius: 100%;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
    background: var(--bg-secondary);
}

#back-top:hover {  
	background-color: var(--bg-dark);
    color: var(--bg-light);
}

/* Content General
--------------------------------------------- */

main {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left:1.25rem !important;
    padding-right:1.25rem !important;
}

.page-header {
    text-align: center;
    margin-bottom: 1.5rem;
    background: #e9ecef;
    border-radius: .5rem;
    padding: 15px 15px 0;
    border-left: 5px solid var(--bg-primary);
}

.page-header h1 {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0px;
}

.page-header #breadcrumbs {
    border:none;
    margin-bottom: 0;
}

/* cateogry, tag & user description */

#cat-desc {
    font-size: 0.8rem;
    line-height: 1.5;
    text-align: left;
    margin-bottom: .75rem;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

#cat-desc #cat-desc-collapse.collapse:not(.show) {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 2.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: .5rem;
}

#cat-desc #cat-desc-collapse.collapsing {
  height: 3rem;
}

#cat-desc a.collapsed::after {
  content: '+ अधिक दिखाएं';
}

#cat-desc a:not(.collapsed)::after {
  content: '- कम दिखाएं';
}

.cat-desc-link {
    font-size: .75rem;
    position: relative;
    color: #f03434 !important;
    padding: 0 .25rem;
    border-radius: 1rem;
}

/* Homepage */

.cat-block {
    border-bottom: 1px dotted #fff;
}

.cat-block:nth-child(odd) {
    border-right: 1px dotted #fff;
}

.cat-list .row:first-child .cat-block {
    border-top: 1px dotted #fff;
}

@media only screen and (max-width: 767px) {
   .cat-list .row:first-child .cat-block:nth-child(2) {
    border-top: none;
    } 
    
    .cat-list {
        max-height: 300px;
        overflow-y: scroll;
    }
}

.cat-block a {
    margin-bottom: 0.4rem;
    margin-top: 0.4rem;
    color: var(--bg-dark);
}

/* Single Post */

article.post, article.page, .post-navigation, .comments-area, .cat-list {
    background: #FFDACC;
    margin-bottom: 1.5rem;
    border: none;
    border-radius: 1.5rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
    width: 100%;
    padding: 0;
}

.cat-list {
    padding: 1rem;
}

article.page, .post-navigation, .comments-area {
    padding:15px;
}

.storyline {
    background: #ffdacc;
    border-radius: 1.5rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}

.storyline ul div:last-child {
    border-bottom:none!important;
}

.post .entry-header {
    border-bottom: 1px dotted grey;
}

h1.entry-title {
	font-weight: 700;
	font-size: 1.75rem;
	color: var(--font-link) !important;
}

#post-2 h1.entry-title {
    display: none;
}

.entry-title a {
    font-weight: 700;
	color: var(--font-link);
}

.entry-footer a, .entry-meta a {
    color: var(--secondary)!important;
    font-weight: 700;
}

.entry-footer a:hover, .entry-meta a:hover {
    color: var(--primary)!important;
}

.entry-meta, .entry-meta a {
    font-size: 0.8rem;
    font-weight: 400;
}

.post-views {
    display: inline-block;
    margin-left: 0.25rem;
}


/*
.cat-links, .tags-links, .like-link {
    display: inline-block;
    margin-bottom: 6px;
}

.cat-links, .tags-links {
    height: 34px;
    top: 7px;
    position: relative;
    margin-left: 5px;
    margin-right: 10px;
}
*/
.comments-link {
    display: none;
}

.tags-links a {
    font-weight: 400;
}

.post-navigation {
    margin: 1rem auto;
}

.post-navigation .nav-links {
    display: flex;
    flex-wrap: wrap;
}

.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
    flex: 100%;
}

@media only screen and (min-width: 767px) {
    .post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next {
        flex: 50%;
    }
    
    .nav-previous {
        border-right: 1px dotted grey;
        border-bottom: none !important;
    }
}

.nav-previous {
    border-bottom: 1px dotted grey;
}

.nav-next .styled-button {
    flex-direction: row-reverse;
}

.styled-button {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.nav-subtitle, .nav-title {
    padding: 0 5px;
    margin: 5px 0 10px;
}

/* Like
--------------------------------------------- */
.wpulike {
    padding: 0;
}

.wpulike-animated-heart .wp_ulike_btn {
    width: 30px;
    height: 30px;
}

.wpulike-animated-heart .wpulike-svg-heart {
    width: 15px;
}

.wpulike-animated-heart .wp_ulike_btn.wp_ulike_btn_is_active {
    background-color: var(--button-primary);
}

.wpulike-animated-heart .count-box {
    color: var(--font-link);;
}

/* Forms
--------------------------------------------- */
input.input, input.input-text, .wpuf-fields .textfield {
    width: 100%;
    border: none;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

ul.wpuf-form li {
    padding-right: 15px !important;
}

.mce-btn > button {
    background: transparent !important;
    border: none !important;
}

ul.wpuf-form li .wpuf-fields {
    width: 100% !important;
}

.wpuf-user-loggedin {
    text-align: center;
}

.wpuf-user-loggedin img {
    border-radius: 1.5rem;
}

.wpuf-user-avatar h3 {
    margin: 1rem 0;
}

/* Pagination
--------------------------------------------- */
ul.page-numbers {
    display: flex;
    justify-content: center;
    width: 100%;
}

.page-numbers li {
    border-radius: 1.5rem;
    margin: .25rem;
    background: var(--bg-light);
}

.page-numbers a, .page-numbers span {
    display: block;
    padding: .25rem .7rem;
}




/* Comments
--------------------------------------------- */
.comments-area {
    border: none !important;
    box-shadow: none;
    padding: 15px;
}

.comment-body {
    background: var(--light);
    border: none;
    border-radius: 1.5rem;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

.comment-list .children{
    padding-left: 0;
}

.comment-author img {
    border-radius: 100%;
}

.comment-metadata {
    font-size: 0.7rem;
    display: none;
}

.comment-content p {
    margin-bottom: 0;
    padding: .5rem 0;
}

.reply {
    text-align: right;
    font-size: 0.9rem;
}

#cancel-comment-reply-link {
    font-weight: 700;
    display: block;
    padding-top: 1rem;
}

.comment-form-comment label {
    width: 100%;
}

.comment-form-comment textarea {
    width: 100%;
    height: 4rem;
    border: none;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

.comment-form-author label, .comment-form-author input, .comment-form-email label, .comment-form-email input {
    width: 100%;
}

.comment-form-author input, .comment-form-email input {
    width: 100%;
    border: none;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

.comment-form-author, .comment-form-email {
    width: 50%;
    float: left;
}

.comment-form-author {
    padding-right: 1rem;
}

.comment-form-email {
    padding-left: 1rem;
}

.comment-form-url {
    display: none;
}

button:focus {
    outline: none !important;
}

.comment-awaiting-moderation {
    font-size: .9rem;
    color: var(--primary);
}

[type="reset"], [type="submit"], button, html [type="button"] {
    background: var(--bg-primary);
    color: var(--font-body-light);
    border: none;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    cursor: pointer;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

[type="reset"]:hover, [type="submit"]:hover, button:hover, html [type="button"]:hover {
    background: var(--button-secondary);
}

[type="reset"]:focus, [type="submit"]:focus, button:hover, html [type="button"]:focus {
    background: var(--button-secondary);
}

@media only screen and (min-width: 767px) {
    .comment-list .children{
        padding-left: 20px;
    }
}

.comment-form-cookies-consent {
    display: inline-block;
}

.comment-form-cookies-consent input {
    width: 10%;
    vertical-align: text-top;
}

.comment-form-cookies-consent label {
    width: 85%;
}

/* Sidebar
--------------------------------------------- */

aside {
    padding-top: .5rem;
    padding-right: .25rem !important;
    padding-left: .25rem !important;
}

@media only screen and (min-width: 767px) {
    aside {
        padding-left: 15px !important;
    }
}



/* Widget */

.widget {
    background: #FFDACC;
    font-size: 0.95rem;
    padding: 1rem;
    border-radius: 1.5rem;
    border: none;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

.widget a {
    color: var(--dark) !important;
}

dl, ol, ul {
    list-style: none;
    padding-left: 0;
}

.offcanvas-body .search-form {
    width: 100%;
    position: relative;
    margin-right: 1rem;
}

.search-form label {
    width: 100%;
}

.search-submit {
	position: absolute;
    right: 0;
    width: 60px;
    border-radius: 1.5rem;
    background: var(--bg-secondary);
}

.search-field {
    border: none;
    border-radius: 1.5rem;
    padding: .5rem 1rem;
    width: 100%;
    box-shadow: 0 0 4px rgb(0 0 0 / 0.1);
}

.widget_recent_entries li, .widget_post_views_counter_list_widget li, .menu-top-storyline-container li {
    padding: .5em 0;
    border-bottom: 1px dotted grey;
}

.widget_recent_entries li:last-child, .widget_post_views_counter_list_widget li:last-child, .menu-top-storyline-container li:last-child {
    border-bottom: none;
}

section ul {
    margin-bottom:0;
}

#tag_cloud-3 a, #tag_cloud-5 a {
    display: block;
    font-size: 14px !important;
}

/* 404 Page
--------------------------------------------- */

.page-content .widget {
    margin-bottom: 1rem;
}

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

.social-icons-list li {
    display: inline-flex;
    margin: 4px;
}

.social-icons-list li a {
    padding: 0.5rem 0.75rem;
    border-radius: 1.5rem;
}


.s-twitter {
    background: #00acee !important;
    color: #fff !important;
}

.s-twitter:hover {
    background: #008abe !important;
    color: #fff !important;
}

.s-facebook {
    background: #3b5998 !important;
    color: #fff !important;
}

.s-facebook:hover {
    background: #2f477a !important;
    color: #fff !important;
}

.s-whatsapp {
    background: #4fce5d !important;
    color: #fff !important;
}

.s-whatsapp:hover {
    background: #32b240 !important;
    color: #fff !important;
}

.s-telegram {
    background: #0088cc !important;
    color: #fff !important;
}

.s-telegram:hover {
    background: #006da3 !important;
    color: #fff !important;
}

.s-reddit {
    background: #ff4301 !important;
    color: #fff !important;
}

.s-reddit:hover {
    background: #cd3500 !important;
    color: #fff !important;
}

.s-email {
    background: #f03434 !important;
    color: #fff !important;
}

.s-email:hover {
    background: #da1010 !important;
    color: #fff !important;
}

/** Newletter form - Mailchimp**/

#mc4wp-form-1 {
    width: 100%;
    padding: 0 1rem;
    background: rgb(240 52 52 / 20%);
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 1.5rem;
}

#mc4wp-form-1 input {
    width: 100%;
    height: 46px;
    border-radius: 1.5rem;
    padding: 0 .5rem;
    border: none;
    box-shadow: 0 0 4px rgb(0 0 0 / 10%);
}

/** Bink Header **/

.blink {
  animation: blinkingText 1.5s infinite; /* Adjust the animation duration for a smoother effect */
  color: #0000ff; /* Change this to the dark blue color you prefer */
}

@keyframes blinkingText {
  0%, 100% {
    color: #f034f0; /* Start and finish with red */
  }
  50% {
    color: #0000ff; /* Finish with dark blue */
  }
}


/* Floating box */
.your-popup-class {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: none;
  z-index: 9999;
}

.pop-img {
    object-fit: contain;
    max-width: 100%;
    float: right;
}

/* Floating close button */
.popup-close-btn {
    position: absolute;
    top: -15px;
    right: 0;
    background: #f44336;
    color: #fff;
    border: none;
    font-size: 24px;
    cursor: pointer;
    width: 30px;
    height: 30px;
    line-height: 10px;
    padding: 0;
    border-radius: 50%;
    box-shadow: 0 2px 5px rgb(0 0 0 / .3);
    z-index: 10000;
}

.popup-close-btn:hover {
  background: #d32f2f; /* Darker red on hover */
}

/* Mobile-specific styling */
@media only screen and (max-width: 767px) {
  .your-popup-class {
    width: 100%;
  }
  
  .pop-img {
    object-fit: contain;
        margin:auto;
    }
}


/* Navigation
--------------------------------------------- */


/* Media Query for screens larger than 992px */
@media (min-width: 992px) {
	.main-navigation ul ul {
		flex-direction: column;
	}

	.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
		display: flex;
		left: 100%;
		flex-direction: column;
	}
}

@media (max-width: 992px) {
	.menu-toggle, .main-navigation.toggled ul {
		float: inline-end;
	}
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
		display: flex;
		flex-direction: column;
		position: relative;
		width:100%;
	}	

	.main-navigation ul ul a {
		width:auto;
	}
}

/* Fullscreen Menu Overlay for Mobile Only */
@media (max-width: 992px) {
    .fullscreen-menu {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.9); /* Dark overlay */
        z-index: 9999;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.3s ease, visibility 0.3s;
    }

    .fullscreen-menu.show {
        visibility: visible;
        opacity: 1;
    }

    /* Close Button */
    .btn-close {
		z-index: 999999;
		background: transparent var(--bs-btn-close-bg) center / 1em auto no-repeat !important;
        width: 10px;
        height: 10px;
    }
    
    

    /* Fullscreen Menu Items Styling */
    .fullscreen-menu .navbar-nav {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .fullscreen-menu .navbar-nav .nav-link {
        font-size: 2rem;
        color: white !important;
        margin-bottom: 20px;
        text-transform: uppercase;
    }

    /* Hide text inside the toggle button */
    .menu-toggle .navbar-toggler-icon {
        display: inline-block;
    }
	
	/* OFF-CANAS CODES */
	.main-navigation ul {
		display: block;
	}
	
	.main-navigation a {
		padding: 10px;
		text-align: left;
		font-weight: 600;
		font-size: 18px;
		
	}
	
	.menu-item-has-children > a {
	    pointer-events: none; /* Disable clicking on mobile*/
	}
	
	.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
		box-shadow: none;
        margin-left: 20px;
        margin-bottom: 10px;
	}
}

/* Style for menu items that have children (submenu) */
.menu-item-has-children > a {
    position: relative; /* Ensure relative positioning to easily place the icon */
    padding-right: 24px !important; /* Add some padding to make space for the icon */
}

/* Add the dropdown icon */
.menu-item-has-children > a::after {
    content: '\25BC'; /* Unicode character for a downward-pointing arrow */
    position: absolute;
    right: 10px; /* Place the icon to the right */
    top: 50%; /* Vertically center the icon */
    transform: translateY(-50%); /* Adjust vertical alignment */
    font-size: 12px; /* Adjust icon size */
    color: #302d55; /* Icon color (match your design) */
}

/* Optional: Rotate the icon when submenu is open */
.menu-item-has-children:hover > a::after {
    transform: translateY(-50%) rotate(270deg); /* Rotate the icon on hover */
}

/* For Desktop, Keep Menu Behavior Normal */
@media (min-width: 992px) {
    .fullscreen-menu {
        position: relative;
        height: auto;
        background: none;
        visibility: visible;
        opacity: 1;
    }

    .navbar-nav {
        flex-direction: row;
    }

    .navbar-nav .nav-link {
        font-size: 1rem;
        color: #000;
    }

    .menu-toggle {
        display: none;
    }
	
	/* Hide menu close button initially */
	.menu-close-btn {
		display: none;
	}
	
	.main-navigation a {
		padding: .5rem;
        font-size: 18px;
        font-weight: 600;
        color: var(--bs-dark);
        text-transform: capitalize;
        border-radius: 2rem;
	}
	
	.main-navigation a:hover {
		background: var(--nakhare-primary);
        color: var(--bs-white);
		border-radius: 2rem;		
	}
	
	.sub-menu li a:hover {
		background: var(--nakhare-primary);
        color: var(--font-link);
        font-weight: 600;
        font-size: large;
	}
	
	/* Style for menu items that have children (submenu) */
	.menu-item-has-children > a {
		pointer-events: auto; /* Enable clicking on mobile*/
	}

}
/* login - logout menu*/

.login_logout a {
    color: var(--bg-light) !important;
}

.login_logout a:hover {
    color: var(--dark) !important;;
}

@media (max-width: 992px) {
    .login_logout a, .login_logout a:hover {
        color: var(--bg-secondary) !important;
    }
    
}

/* JOB PAGE */

.job-block {
    background: #ced4da;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: var(--bg-primary);
    color: var(--bg-light);
    border-color: var(--bg-primary);
    font-weight: bold;
}

.nav-tabs .nav-link {
    background: var(--bg-secondary);
    border-radius: 1.5rem !important;
    margin-left: 10px;
}

ul.pointers {
    list-style: inside;
}