/* Dark mode toggle switch */
.dark-mode-toggle {
    position: fixed;
    top: 23px;
    /*right: 11px;*/
    right:45px !important;
    z-index: 9999;
    /* margin-right: 88px; */
}


.dark-mode-toggle .dark-mode-switch {
    display: none;
}

.dark-mode-toggle .dark-mode-label {
    display: inline-block;
    width: 40px;
    height: 20px;
    background-color: #ccc;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.dark-mode-toggle .dark-mode-label:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background-color: #fff;
    border-radius: 50%;
    top: 2px;
    left: 2px;
    transition: transform 0.3s ease;
}

.dark-mode-toggle input.dark-mode-switch:checked + .dark-mode-label {
    background-color: #333 !important;
}

.dark-mode-toggle input.dark-mode-switch:checked + .dark-mode-label:before {
    transform: translateX(20px);
}

@media only screen and (max-width: 958px){
    .dark-mode-toggle {
        position: fixed;
        top: 23px;
        left: 20px;
        z-index: 9999;
        margin-right: 555px;
    }
}

/* Example styles for dark mode */

.dark-mode #wrap{
    background-color: #111 !important;
    border-bottom : none;
}
.dark-mode #site-header{
    background-color: #212121 !important;
    border-bottom : none;
    box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3) !important;

}

.dark-mode main {
    background-color: #111 !important;
    color: #ccc !important;
}

.dark-mode .ultp-meta-author-img {
	border: 1.4px solid #ff5500;
}
.dark-mode .homepagegrid2 .ultp-block-item {
    box-shadow: 0 0px 10px 0 #444444;
    background-color: #1e1e1e !important;
  }
  
  @media only screen and (max-width: 768px){
    .dark-mode .homepagegrid3 .ultp-block-item {
        /* box-shadow: 0 0 10px rgb(255, 255, 255) !important; */
        box-shadow: 0 2px 10px #444444;
        background-color: #1e1e1e !important;
      }
  }
  
.dark-mode a {
    /* color: #ff7f00 !important; */
    color: #00adf8 !important;
}
.dark-mode h2 {
    color: snow !important;
}

.dark-mode h3 {
    color: #f0ffff !important;
}

.dark-mode strong {
    color: #f0ffff !important;
}

.dark-mode figcaption {
    color: #fffafa !important;
}

.dark-mode .homepagegrid3 .ultp-block-content .ultp-block-title a {
    /* color: #ff7f00 !important; */
    color: #ccc !important;
}

.dark-mode .homepagegrid3 .ultp-block-author{
    color: #ccc !important;
}
.dark-mode .homepagegrid3 .ultp-block-date{
    color: #ccc !important;
}

.dark-mode .homepagegrid3 .ultp-sub-heading-inner{
    color: #ccc !important;
}

.dark-mode .homepagegrid2 .ultp-block-excerpt{
    color: #bbb !important;
}
.dark-mode .homepagegrid2 .ultp-sub-heading-inner{
    color: #ccc !important;
}

.dark-mode .homepagegrid1 .ultp-block-wrapper{
	background-color: #111;
}

/* Categories pages */
.dark-mode .content-area{
    border-color:  #333;
}

/* Individual posts */
.dark-mode article ul.meta{
    color: #ccc;
    border-color:  #333;
}

.dark-mode .content-area #related-posts{
    border-color: #333;
}

.dark-mode .content-area #comments{
    border-color: #333;
}

.dark-mode article li .comment-body{
    border-bottom: 1px solid #333;
}

.dark-mode #mc4wp-form-1{
    /* 	display:none; */
        box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3) !important;
        padding: 20px;
        border-radius: 8px;
    }
.dark-mode #mc4wp-form-1 #mcform_email{
    background: #111 !important;
}

.dark-mode #mc4wp-form-2 #mcform_email{
    background: #111 !important;
}
    
.dark-mode #mc4wp-form-2{
    /* 	display:none; */
        box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3) !important;
        padding: 20px;
        border-radius: 8px;
    }

.dark-mode #primary{
    border: none;
}    
.dark-mode #content article{
    border-bottom: none;
}

.dark-mode .sidebar_popularposts .ultp-block-content-wrap > .ultp-block-content > .ultp-block-title > a{
    color: #ccc !important;
}

.dark-mode #respond form .comment-textarea #comment{
    color:#00adf8;
}
.dark-mode #respond form .comment-form-author #author{
    color:#00adf8 !important;
}
.dark-mode #respond form .comment-form-email #email{
    color:#00adf8 !important;
}
.dark-mode #respond form .comment-form-url #url{
    color:#00adf8 !important;
}

.dark-mode .blog-entry.post .thumbnail img {
    box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3);
}
.dark-mode .blog-entry.post .thumbnail-default-fallback img {
    box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3);
}

.dark-mode .search-entry-inner .thumbnail >a >img {
    box-shadow: 0 0 10px 0 rgba(0, 173, 248, 0.3);
}

.dark-mode .sidebar_popularposts .ultp-heading-inner>span{
    color:#fff !important;
}

.dark-mode .ultp-block-toc-body {
    background-color: #222 !important;
}
.dark-mode .ultp-block-toc-body .ultp-toc-lists {
    color: #ff5500 !important;
}

.dark-mode .ultp-toc-header{
	border-radius: 8px !important;
	background-color: #333 !important;
	border-width: 0 !important;
}

.dark-mode .ultp-collapsible-text:hover{
	color:#ff5500 !important;
}

.dark-mode .ultp-toc-heading{
	color: #fff !important;
}