﻿/* main page styles */

    body {
            background: #202020;
            background: #070b14;
            color: aqua;
            

            padding: 0;
            margin: 0;

            font-family: Arial;
            font-size: 17pt;
        }


@media only screen and (min-width: 500px) {

    body {
        font-size: 16pt;
    }

}


/* fonts section */

/* standard article */
article {

}

article p {
    font-family: Lato, Arial;
}

article h1, article h2, article h3, article h4, article h5, article h6 {
    font-family: Montserrat, Arial;
}

/* resources article */
article.resources {

}

article.resources p {
    font-family: Arial;
}

article.resources h1, article.resources h2, article.resources h3, article.resources h4, article.resources h5, article.resources h6 {
    font-family: Arial;
}


/* /fonts section */


        div.container {
            padding: 0;
            margin: 0 auto;
            max-width: 800px;
        }

        div.innerContainer {
            margin: 0;
            padding: 0;
            min-height: 618px;
        }


        h1 {
            padding: 0;
            margin: 0;
            margin-top: 20px;
            margin-bottom: 20px;
            
        }

        h2 {
            margin-top: 30px;
            margin-bottom: 30px;
        }


        

        ul li {
            list-style: square;
        }


        p {
            
            font-family: Candara;
            font-family: Cambria;
            font-family: Roboto, Arial;
        }

        ul {
            font-family: Roboto, Arial;
        }

        strong, div.tagline, h1, h2, h3, div.footer {
            color: #a4faff;
        }

        div.siteHeading, div.tagline a { 
            color: aqua;
        }

        div.tagline a:hover {
            color: #f0f0f0;
        }


        /* some link related styles */

        a
        
        
        {
            text-decoration: none;
            color: #7fffd4; /* aquamarine */
            color: #78f2c9;
        }        
            /* rem a:link, a:visited */

        div.ceilingNav a,        
        div.footerNew a 
        {
            text-decoration: none;
            color:aquamarine;
            /*
            transition: color 0.5s;
            */
        }

        /* removed
        div.ceilingNav a:link,
        div.ceilingNav a:visited,
        div.footerNew a:link
        div.footerNew a:visited
        */

        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: 27pt;
            margin-bottom: 10px;
            padding-bottom: 0;
            font-weight: bold;
        }

        div.tagline {
            padding-left: 10px;
            font-size: 14pt;
        }

        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: 0px;
        }

        /* /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;
        }

        /* 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;
            
            margin: 0;
            padding: 0;
            padding-top: 8px;
            margin-bottom: 0px;
            margin-right: 16px;
            color: #757575;

            /*
            font-size: 16px;
            */
            font-size: 0.75em;
        }

/* mobile */

div.privacyPolicyTop {
    font-size: 0.65em;
}
/* /mobile */

@media only screen and (min-width: 500px) {
    div.privacyPolicyTop {
        font-size: 0.75em;
    }
}


        div.ceilingNav a {
            padding-left: 7px;
        }

        /* /some header related styles */

        div.breadcrumbs {
            margin-left: 5px;
            font-size: 14pt;
            margin-bottom: 25px;
        }

        /* /main page styles */


        p.disclaimer {
            text-transform:uppercase;
        }
        

        /* some footer related styles */

        div.footerNew {
            background: #101010;
            
            padding: 10px;
            margin: 0;
            margin-top: 1em;
        }

        div.footerNew div.footerInner {
            padding: 0;
            margin: 0 auto;

            max-width: 800px;
            max-width: 890px; /* make larger to accomodate home page image credits */
        }

        div.footerNew div.centralContent {
            margin-top: 0px;
            margin-bottom: 18px;
            padding-left: 50px;
            /*
            border: 1px solid blue;
            */
        }

        div.footerNew div.centralContent div.panel1, div.footerNew div.centralContent div.panel2 {
            display: inline;
            float:left;
            padding: 0;
            padding-right: 39px;
        }

        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);

            

            margin-left: -28px;
            margin-top: -25px;

            margin-right: -68px;

            padding-top: 5px;
            padding-bottom: 30px;
        }

        /* /background specific styles */

        /* new header styles */

        div.header {
            background: #101010;
        }

        /* mobile specific header styles */

        div.header {
            padding-bottom: 50px;
        }


        /* /mobile specific header styles */

        /* width 1 header styles */

@media only screen and (min-width: 500px) {

    div.header {
        padding-bottom: 100px;
    }

}

@media only screen and (min-width: 580px) {

    div.header {
        padding-bottom: 80px;
    }

}

@media only screen and (min-width: 740px) {

    div.header {
        padding-bottom: 60px;
    }

}

    /* variable width style */

@media only screen and (min-width: 940px)
{

        div.header {
            padding-bottom: 20px;
        }

}

    /* /variable width style */

header {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px

    /*
    border: 1px solid green;
    */

}

div.header {
    /*
    border: 1px solid purple;
    */
}


        /* /width 1 header styles */

        /* width 2 header styles */

        /* /width 2 header styles */


        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 */


        div.pageContent {
            padding-left: 0px;
            padding-right: 0px;
            margin-left: 15px;
            margin-right: 15px;
        }

        body, div.pageContent, p, ul li, ol li, table td, table tr {
            font-size: 14pt;
        }

        h1 {
            font-size: 28pt;
        }

        h2 {
            font-size: 25pt;
        }

        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;
            padding-bottom: 1.5em;
            */

            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: #7fffd4; /* 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;

                        margin-right: 10px; /* new changes */
        }

        /* 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 */

    p, ol li, ul li {
        line-height: 1.5;
    }
    
    p {
        line-height: 1.5;
    }

    /* article styles */

    div.article p {
        line-height: 1.5;
    }

    /* /article styles */



/* /mobile specific styles */

/* desktop specific styles */

@media only screen and (min-width: 500px) {
    
    div.pageContent {

            padding-left: 0px;
            padding-right: 0px;

            margin-left: 55px;
            margin-right: 55px;
        }

    body, div.pageContent, p, ul li, ol li, table td, table tr {
        font-size: 14pt;
    }

    h1 {
            font-size: 28pt;
    }

    h2 {
            font-size: 23pt;
    }


    div.footerNew {
        font-size: 12pt;
    }

    div.footerNew div.centralContent div.panel1, div.footerNew div.centralContent div.panel2 {
        line-height: 30px;
    }

    /* set nav mobile 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;
    }


    ol li, ul li {
        line-height: 1.55;
    }

    p {
        line-height: 1.6;
    }

    /* article styles */

    div.article p {
        line-height: 1.61;
    }

    /* /article styles */


}




@media only screen and (min-width: 700px)
{
    /*
    div.footerNew div.lowerContent {
        padding-bottom: 20px;
    }
    */
}

/* /desktop specific styles */

        a.cta,
        div.block.alpha a.cta
         {
            margin-left: 1em;
            font-size: 1.1em;
            padding: 0.5em 1.0em;
            display: inline-block;
            text-decoration: none;
            
            border-radius: 50px;
            
        }

        a.cta.full,

        div.block.alpha a.cta.full,

        div.pageContent a.cta.full {
            
            background: #30c0ff;
            background: #20c0f0;
            background: #20a0d8;

            color: #fcfcfc;
        }

        div.get-started {
            margin-top: 2em;
            margin-bottom: 2em;
        }


address {
    font-style: normal;
}

div.main-top-image {
    margin-bottom: 2em;
}

div.main-top-image img {
    width: 100%;
}


/* latest footer content */

div.footer-line {
    font-size: 10pt;
    padding-bottom:0.5em;
}


div.footer-line {
    padding-left: 0em;
}

div.footer-line span {
    padding-right: 1.5em;
}



div.footerNew {
    padding-bottom: 40px;
}

@media only screen and (min-width: 500px)
{

    div.footer-line {
        padding-left: 2em;
        padding-bottom: 0.5em;
    }

    div.footer-line span {
        padding-right: 3.5em;
    }


}

@media only screen and (min-width: 880px)
{
    div.footerNew {
        padding-bottom: 20px;
    }
}




/* /latest footer content */