﻿/* main page styles */

    body {
            background: #202020;
            background: #070b14;
            color: aqua;
            

            padding: 0;
            margin: 0;

            font-family: Arial;
        }

        div.container {
            padding: 0;
            margin: 0 auto;
            max-width: 800px;
        }

        div.innerContainer {
            margin: 0;
            padding: 0;
            min-height: 618px;
        }


        h1 {
            padding: 0;
            margin: 0;
            font-size: 30pt;
            margin-top: 20px;
            margin-bottom: 20px;
            
        }

        h2 {
            margin-top: 30px;
            margin-bottom: 30px;
            font-size: 27pt;
        }

        h3 {
            font-size: 25pt;
        }

        h4 {
            font-size: 22pt;
        }


        

        ul li {
            list-style: square;
        }


        p {
            
            font-family: Candara;
            font-family: Cambria;
            font-family: Arial;
        }

        strong, div.tagline, h1, h2, h3, h4, div.footer {
            color: #a4faff;
        }


        /* some link related styles */

        a {
            text-decoration: none;
            color: #7fffd4; /* aquamarine */
            color: #78f2c9;
        }        
                    
        div.ceilingNav a, div.footerNew a {
            text-decoration: none;
            color:aquamarine;
            /*
            transition: color 0.5s;
            */
        }

        a:hover, div.ceilingNav a:hover,
        div.footerNew a:hover
        {
            color: #fafafa;
            
        }

        a.high {
            text-decoration: underline;
        }

        /* /some link related styles */


        /* main site heading related styles */

        div.siteHeading {
            margin-top: 12px;
            font-size: 29pt;
            margin-bottom: 10px;
            padding-bottom: 0;
            font-weight: bold;
        }

        div.tagline {
            padding-left: 10px;
            font-size: 0.85em;
        }

        div.tagline span {

        }

        div.tagline span.term1 {

        }

        div.tagline span.term2 {
            padding-left: 20px;
        }

        div.tagline span.term3 {
            padding-left: 20px;
        }

        
        div.siteHeading a {
            text-decoration: none;
            color: inherit;
        }

        div.siteHeading span {

        }

        div.siteHeading span.web {

        }

        div.siteHeading span.termX {
            color: #e0e0ff;
            color: #b0dbdb;
        }

        div.siteHeading span.analysis {
            margin-left: 1px;
        }

        /* /main site heading related styles */



        /*
        div.footer {
            margin-top: 30px;
            margin-bottom: 10px;
            font-size: 18px;
        }
        */

        br.clearLeft {
            line-height: 0;
            clear: left;
        }

        div.header {
            margin: 0;
            padding: 0;
            margin-bottom: 30px;
        }

        /* some header related styles */

        div.headingContainer, div.ceilingNav {
            display: inline;
            /*
            border: 1px solid blue;
            */
        }

        div.headingContainer {
            float: left;
            margin: 0;
            padding: 0;
            /*
            border: 1px solid blue;
            */
            padding-right: 15px;            
        }

        div.ceilingNav {
            margin: 0;
            padding: 0;
            display: inline;
            float: right;
            padding-top: 20px;
            
            margin-right:-10px;

            font-size: 18px;
            font-size: 17px;
            
            /*
            font-size: 19px;
            font-family: Calibri;           
            */
        }

        div.privacyPolicyTop {
            display: inline;
            float: right;
            max-width: 700px;
            font-size: 16px;
            margin: 0;
            padding: 0;
            padding-top: 8px;
            margin-bottom: 0px;
            margin-right: 16px;
            color: #757575;
            color: #808080;
        }

        div.ceilingNav a {
            padding-left: 7px;
        }

        /* /some header related styles */

        div.breadcrumbs {
            margin-left: 5px;
            font-size: 14pt;
            margin-bottom: 25px;
        }

        /* /main page styles */



        

        /* some footer related styles */

        div.footerNew {
            background: #101010;
            
            padding: 10px;
            margin: 0;
            margin-top: 70px;
        }

        div.footerNew div.footerInner {
            padding: 0;
            margin: 0 auto;
            max-width: 800px;
        }

        div.footerNew div.centralContent {
            margin-top: 0px;
            margin-bottom: 18px;
            padding-left: 50px;
        }

        div.footerNew div.centralContent div.panel1, div.footerNew div.centralContent div.panel2 {
            display: inline;
            float:left;
            padding: 0;
            padding-right: 100px;
        }

        div.footerNew div.centralContent h2 {
            font-size: 15pt;
            margin-top: 20px;
            margin-bottom: 10px;
        }

        div.footerNew div.lowerContent {
            min-height: 6px;
        }

        div.footerNew div.lowerContent div {
            display: inline;
            float: left;
            margin-right: 30px;
        }

        /* /some footer related styles */

        /* background specific styles */

        body {
            
            background-image: url('/images/maximalfocus-VT4rx775FT4-unsplash.jpg'); /* looks good maybe with backing */

        }

        div.pageContent {
            margin-top: 0;
            background: rgba(35,45,55, 0.85);
            padding: 35px;
            margin-left: -28px;
            margin-top: -25px;

            margin-right: -68px;

            padding-top: 5px;
            padding-bottom: 30px;
        }

        div.pageContent div {
            font-size: 16pt;
        }

        /* /background specific styles */

        /* new header styles */

        div.header {
            background: #101010;
        }

        div.headerInner {
            padding: 0;
            padding-left: 10px;
            padding-right: 10px;
            margin: 0 auto;
        }

        div.ceilingNav {
            margin-right: 10px;
        }

        /* /new header styles */


        /* /specific page styles */
        
        /* new styles */
        div.container {
            max-width: 940px;
        }

        div.pageContent {
            margin-top: 33px;
            margin-bottom: 10px;
            margin-left: 20px;
            margin-right: 20px;
        }
        
        div.headerInner {
            max-width: 910px;
        }

        /* /new styles */


        /* mobile specific styles */

        p, ul li, input[type=submit], input[type=text], div.pageContent div {
            font-size: 17pt;
        }

        input[type=text] {
            height: 30px;
        }

        div.privacyPolicyTop {
            border: 1px solid #404040;
            margin-top: 10px;
            margin-bottom: 10px;
            padding-left: 10px;
            padding-right: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            font-size: 0.8em;
        }

        div.header {
            padding-bottom: 20px;
        }

        div.footerNew {
            font-size: 14pt;
        }

        div.footerNew div.centralContent div.panel1, div.footerNew div.centralContent div.panel2 {
            line-height: 40px;
        }

        div.footerNew div.lowerContent {
            padding-bottom: 63px;
            line-height: 22px;
        }


        /* nav Icon */

        div.navIcon {
            display: inline;
            float: right;
            margin-left: 10px;
            
            width: 40px;
            cursor: pointer;

            position: absolute;
            right: 30px;
            top: 20px;
            font-size: 12.5pt;
        }

        div.navIcon div {
            margin-bottom: 7px;
            height: 7px;
            background-color: aquamarine;
            line-height: 0em;
        }


        /* /nav Icon */

        /* mobile nav */

        /* set nav mobile font size */
        div.ceilingNav a {
            font-size: 14pt;
        }

        div.ceilingNav {
            margin-right: 80px;
            padding-top: 25px;
        }

        /* turn most of it off */
        div.ceilingNav a {
            display: none;
        }

        /* open/close make on */

        /* navIcon is on for mobile */
        .navIcon
        {
            display: inline;
        }
        
        /* home will always be on */
        div.ceilingNav a.home {
            display: inline;
        }

        /* nav opened mobile styles */

        div.ceilingNav.opened {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            background: black;
            padding-bottom: 100px;
        }

        div.ceilingNav.opened a {
            font-size: 20pt;
        }

        div.ceilingNav.opened a, div.ceilingNav.opened a.home {
            padding-top: 10px;
            padding-bottom: 10px;
            display: block;
            float: none;
        }
        
        /* /nav opened mobile styles */

        




        /* /mobile nav */


        /* /mobile specific styles */

/* desktop specific styles */


/* switch point to different navigation and wider nav icons on top */
@media only screen and (min-width: 568px)
{

    /* set nav font size */
    div.ceilingNav a {
        font-size: 12.5pt;
    }

    /* turn nav back on when in desktop mode */
    div.ceilingNav a {
        display: inline;
    }

    /* hide open/close nav */
    div.navIcon
    {
        display: none;
    }

}




@media only screen and (min-width: 500px) {

    div.privacyPolicyTop {
        font-size: 16px;
    }


    div.privacyPolicyTop {
        

        margin-top: 10px;
        margin-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;
        padding-top: 10px;
        padding-bottom: 10px;

        font-size: 16px;
    }


    p, ul li, input[type=submit], input[type=text], div.pageContent div {
        font-size: 16pt;
    }

    input[type=text] {
            height: 26px;
        }

    div.footerNew {
        font-size: 12pt;
    }

    div.footerNew div.centralContent div.panel1, div.footerNew div.centralContent div.panel2 {
        line-height: 30px;
    }




}


    /* variable width style */

@media only screen and (min-width: 700px)
{

        div.header {

            padding-bottom: 20px;

        }
}

    /* /variable width style */

@media only screen and (min-width: 700px)
{
    div.footerNew div.lowerContent {
        padding-bottom: 20px;
    }
}

/* /desktop specific styles */

/* main content styles */

        body div.main-content {
            font-size: 15pt;
        }

        @media only screen and (min-width: 500px)
        {
            body div.main-content {
                font-size: 14.5pt;
            }
        }


        /* new main content inner section */

        div.main-content {
            color: rgb(80,80,80);
        }

        /* mobile */

        div.main-content {
            margin: 0em 1em;
        }

        /* /mobile */

        @media only screen and (min-width: 500px) {
            div.main-content {
                margin: 0em 2em;
            }
        }

        /* /new main content inner section */






        div.main-content p {
            font-size: 1em;
            line-height: 1.5;
        }

        div.main-content ul li {
            font-size: 1em;
            line-height: 1.3em;
        }

        div.main-content ul li {
            margin: 0.35em 0em;            
        }

        div.social-links a.fa.fa-facebook {
            padding: 0.24em 0.35em;
            padding-bottom: 0;
            
            color: #f1f1f1;
            background: #1778f2;
            
            border-radius: 3px;
        }

        div.main-content div.social-links a.fa.fa-facebook {
            font-size: 1.5em;
        }

        div.footerContent div.social-links {
            font-size: 1.2em;
            margin-top: 0.5em;
        }


        /* /main content styles */



        /* new figure, sources, disclaimer styles */


        section.disclaimer p {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 0.97em;
            
        }


        figure {
            margin: 0;
            padding: 0;
            margin: 2em 0em;
        }
        figure img {

            width: 100%;
        }


        figcaption small {
            font-size: 0.8em;
        }


        figcaption {
            
            padding: 0.5em 0.8em;

            font-size: 0.8em;
            line-height: 1.5;
        }

        section.sources p {
            font-size: 0.9em;
            line-height: 2;
        }

        section.sources p em {
            font-size: 0.1em;
        }



        /* /new figure, sources, disclaimer styles */


/* cookies */



        div.cookies { /* cookies feel with background */

            position: fixed;
            background: hsl(0, 0%, 40%);

            left: 0px;
            bottom: 40px;

            width: 100%;
            opacity: 0.95;
            padding: 0.2em 0em;

        }

        div.cookies div.cookies-content-container { /* content spaced out in center of the screen */
            margin: 0 auto;
            max-width: 800px;
            padding: 0em 1em;
        }

        div.cookies div.cookies-about { /* main part about cookies, also contains text about cookies */
            display: inline;
            float: left;
            max-width: 500px;
            
            margin-top: 1em;

            color: hsl(0,0%, 90%);

            line-height: 1.5;
            font-size: 11.5pt;
        }

        div.cookies div.button { /* cookies button to accept or reject */
            display: inline;
            float: left;
            margin-left: 2em;
            padding: 1em;
            border-radius: 0.2em;
            opacity: 1;

            color: hsl(0,0%, 90%);
            background: hsl(100,0%, 60%);
            margin-top: 1em;
            margin-bottom: 1em;

            font-size: 12pt;
        }

        div.cookies-hidden { /* set to make cookies notice hidden */
            display: none;
        }



/* /cookies */


div.page-additional-info {
    color:hsl(0, 0%, 80%);
    font-size: 8pt;
}

