/*
Enable dark mode based on user preference.
*/
@media (prefers-color-scheme: dark)
    {

    body, .page-section, .primary-content-header
        {
        color: #d8d8d8 !important;
        background-color: #222 !important;
        }
    a
        {
        color: #10b5fc;
        }

    a:hover
        {
        color: #0c8ec5;
        }

    .pricing-page
        {
        background-image: linear-gradient(#444 , #222, #222);
        }

    .product-options-wrapper header
        {
        background-color: #333;
        background-image: linear-gradient(#000, #333);
        }
    
    .secondary-nav-wrapper, .dropdown-content, .accordion-item-heading, .promo-message, .ticketinfo, .ticketinfo table, .message

        {
        background-color: #444 !important;background-image: none;border: none;
        }

    .dropdown-content a:hover, .accordion-item-heading a:hover
	{
	background-color: #666;color: #79BC41;
	}

    .secondary-nav a, .dropdown-content a, .testimonial
        {
        color: #fff !important;
        }

    .well, pre, .side-nav, .well.download, table, .ResourceBotMessage, .ui-accordion-content
        {
        background-color: #333;background-image: none;
        }

    pre
        {
        border: 1px solid #ccc;
        }

    input, textarea, select, .navsearch input[type="search"] 
        {
        background-color: black;color: #eee;
        }

   .borderimage, #template_preview
        {
        border:5px solid #555 !important;
        }

    .homebanner img
        {
        filter: invert(1);
        }

    .pricing-options__row:nth-child(even) td:first-child, .release-config .config:before, .releasekey .fa,.release-config .default:before
        {
        background: #555;
        }
    
    tr .pricing-options__heading, .pricing-options__fees td, .storage td, .pricing-options__getintouch td
        {
        background: #000 !important;
        }

    .feature:nth-child(odd) td:first-child
        {
        background: #245;
        }

    .pricing-options__prices:before
        {
        border-color: #000 transparent transparent transparent;
        }

    .custom-select
        {
        background-color: #eee;
        }
    .custom-select select 
        {
        color: #000;
        }

    .book, .book:hover
        {
        box-shadow: 8px 0 8px rgba(0,0,0,0.3);
        }

    .dropdown-content a i
        {
        color: #0eb2f8;
        }

    .darkflip
        {
/*        filter: invert(1) hue-rotate(180deg); */
	filter: invert(1) grayscale(1) brightness(1);
        }

    .darklogo-0
        {
        }
    .darklogo-1
	{
	filter: brightness(1.3);
	}
    .darklogo-2
        {
	filter: invert(1) grayscale(1);
	}
    .darklogo-3
        {
        filter: invert(1) hue-rotate(180deg) saturate(1.5);
        }
     .darklogo-4
        {
        filter: invert(1) brightness(0.5) hue-rotate(180deg) saturate(1.5) contrast(2);
	}
     .darklogo-5
        {
        filter: invert(1) brightness(7) hue-rotate(233deg) saturate(2);
	}
     .darklogo-6
        {
        filter: drop-shadow(0px 0px 10px #555);
	}
     .darklogo-7
        {
        background: #ddd; border-radius: 5px; padding:10px;
	}

    .ResourceBotMessage:after
	{
	border-bottom-color: #333;
	}

    .ResourceBotUserMessage
	{
	background-color: #000;
	}
    .ResourceBotUserMessage::after
	{
	border-top-color: #000;
	}
    .testimonials-nav-wrapper
        {
        background: #333 url(../img/testimonials/slider-nav-bg-dark.jpg) no-repeat center bottom;
        }
    #testimonials-arrow
	{
	background: url(../img/testimonials/slider-arrow-dark.png) no-repeat 0 0;
	}

    .pricing-options th:before
        {
        border: none;
        }
    
    .pricing-on-prem .pricing-options__getintouch td
	{
	background-color: #555 !important;
	}

    .termsreview
    {
     border:1px solid white;background-color:black;
    }

    .breadcrumbs li {color:#fff;background-color:#444;}

    .feed-page h1 {color: #fff;}


    .price-feature
    {
    background-color:black;
    box-shadow: none;
    }

    #overlay-fade
    {
    background: linear-gradient(to right, rgba(34, 34, 34, 0) 0%, rgb(34, 34, 34) 70%);
    }




/* Leave this here; it closes the dark mode. Do not add anything else below this line. */
}