header, main, footer {
      padding-left: 300px;
    }

    .itp-red {
        background-color:rgb(239,73,60);
    }

    .itp-red-text {
        color:rgb(239,73,60);
    }

    .itp-darkblue {
        background-color:rgb(0,64,122);
    }
    .itp-darkblue-text {
        color:rgb(0,64,122);
    }

    [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:before, [type="radio"].with-gap:checked+span:after {
        border: 2px solid rgb(0,64,122);
    }
    [type="radio"]:checked+span:after, [type="radio"].with-gap:checked+span:after {
        background-color: rgb(0,64,122);
    }

    .sticky-quiz-results {
        width: 100%;
        position: sticky; 
        bottom: 0;
        z-index: 900;
        text-align: center;
    }

    iframe#iframe {
        max-width: 600px;
    }
    /*ul.question-list > li.collection-header {*/
    .quiz-question-header {
        font-size: 1.7rem;
        line-height: 125%;
        color:rgb(0,64,122);
    }

    .collapsible li .collapsible-header i {
        transition: transform 200ms ease;
    }

    .collapsible li.active .collapsible-header i {
        -ms-transform: rotate(90deg); /* IE 9 */
        -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
        transform: rotate(90deg);
        transition: transform 200ms ease;
    }

    .collapsible-body {
        padding: 1rem 2rem;
    }

    ul.collapsible.quick-study > li.active {
        border: 1px solid slategrey;
    }


    
    .btn:hover, .btn-large:hover, .btn-small:hover {
        background-color: #1565c0;
    }

    h1,h2,h3,h4,h5,h6 {
        font-family: 'Russo One', sans-serif;
        color: rgb(0,64,122);
    }
    h1 { font-size:2.8rem; }
    h2 { font-size:2.4rem; }
    h3 { font-size:2.0rem; }
    h4 { font-size:1.6rem; }

    a { 
        font-weight: bold;
        color:rgb(0,64,122);
    }

    blockquote {
        border-left-color: rgb(239,73,60);
        font-style: italic;
    }

    #quick-study-toc td {
        padding-top: 2px;
        padding-bottom: 2px;
        line-height: 1.2;
    }


    @media only screen and (max-width : 992px) {
	header, main, footer {
        padding-left: 0;
      }
    }

      .userView {
        margin-bottom: none;
        height: 100%;
        width: 100%;
        text-align:center;
        padding-top:1.5rem;
      }


	nav.top-nav {
		height: 80px;
	}

	.container { width: 90%; }

    img.footer-logo {
        max-height: 4rem;
        background-color: white;
    }

	nav .page-title{
        /* marc */
        font-family: 'Russo One', sans-serif;
        font-weight: normal;
    }

    /* from Matjek contact page sass */
    .icontain{position:relative;margin-top:20px;padding-bottom:110%;height:0;overflow:hidden;max-width:100%}.icontain iframe,.icontain object,.icontain embed{position:absolute;top:0;left:0;width:100%;height:100%}
    /* end Matjek contact page sass */

    .footer-copyright {
        min-height: 0 !important;
        padding: 0 !important;
        background-color: rgba(51,51,51,0) !important;
    }

    footer a {
        color: rgba(255,255,255,0.8);
        font-weight: normal;
    }