/*
Theme Name: MQuITE
This css file is called by a php function at the bottom of the functions.php file. 
This style sheet is processed after the orignal style.css file which is located located at the root of the WordPress theme directory.
*/
body {
    padding: 0 2em;

}

#page {
    max-width: 1000px;
}

#branding hgroup {
    margin: 0 7.6%;
}

#access div {
    margin: 0 7.6%;
}

body,
input,
textarea {
    color: #1f416f;
    font: 16px "Arial", sans-serif;
    font-weight: 500;
    line-height: 1.625;
}

body {
    background: #ffffff;
}

#page {
    background: #15202B;

}

#branding {
    padding-bottom: 0;
    position: relative;
    z-index: 9999;
}

#branding hgroup {
    margin-left: 0;
    margin-right: 0;
}

#branding #searchform {
    display: none;
}

#branding img {
    float: left;
    width: 100%;
    height: 300px;
    border: #15202B solid 0px;

}



#site-title {
    margin-top: -70px;
    padding-bottom: 20px;
    text-align: right;

    width: 100%;

    background: #192734;
}

#site-title a {
    color: #ffffff;
    font-size: 22px;
    padding-right: 10px;
    width: 100%;
}

#site-title a:link {
    color: #ffffff;
    text-decoration: none;
}

#site-title a:visited {
    color: #ffffff;
    text-decoration: none;
}

#site-title a:hover {
    color: #ffffff;
    text-decoration: none;
}



.singular .entry-title {
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    line-height: 0;
    width: 200%;
}

.singular .entry-header,
.singular footer.entry-meta,
.singular #comments-title {
    margin: 0% 0% 0% 0%;
}

.singular .hentry {
    border-bottom: none;
    padding: 0;
    position: relative;
}

.singular.page .hentry {
    padding-top: 2%;
    padding-left: 5%;
}

#primary {
    width: 100%;
    float: left;
    color: #ffffff;
    text-align: left;
    background: #15202B;

}

#content3 {
    float: right;
    border: #ffffff dotted 0;
    margin: 2% 2% 2% 2%;
    width: 90%;
    background: #000000;
}

.singular .entry-content {
    margin: 0% 0% 0% 0%;
    width: 100%;
    text-align: left;
   border: 0px;
}

#rightcolumn {
    float: left;
    margin: 2% 2% 2% 2%;
    border: #ffffff dotted 0;
    background: #000000;
   border: 0px;
}

#comments {
border:0px;
    display: none;

}

#footerbox {
    padding-top: 0;
    border: #000 solid 0px;
    float: right;
    width: 100%;
border:0px;
    background: #15202B;
    color: #cccccc;
}

#footerboxspacer {
    padding-right: 20px;
    line-height: 1;
    padding-top: 0px;
    padding-bottom: 1px;
    background: #192734;
    border: 0px;

    width: 98%;
}

#footerboxPI {
    padding-top: 20px;
    background: #15202B;
    font-size: 16px;
   border: 0px;

}

#footerboxContact {
    padding-top: 10px;
    background: #15202B;
    font-size: 16px;
    float: right;
   border: 0px;
    text-align: right;
    padding-right: 15px;
}


#footerbox a:link {
    color: #ffffff;
    text-decoration: none;
}

#footerbox a:visited {
    color: #ffffff;
    text-decoration: none;
}

#footerbox a:hover {
    color: #cccccc;
    text-decoration: underline;
}

#access .sub-menu a {
    background: #000000;
    color: #cccccc;
    text-decoration: none;
    border: 0;
}

#access {
    border: #000 solid 0px;
    border-left: 0px solid #15202B;
    border-right: 0px solid #15202B;
    border-top: 0px solid #15202B;
    border-bottom: 0px solid #15202B;
    box-shadow: none;
    background-image: none;
    background: #000000;
}

#access a,
#access ul ul a {
    font-size: 120%;
    padding-left: 25px;
    padding-right: 25px;
    color: #ffffff;
}

#access div {

    margin-left: 10.5%;
    margin-right: 1%;

}

#access li:hover > a,
#access a:focus {
    background: #22303C;
    color: #ffffff;
}

#access .sub-menu li:hover > a,
#access a:focus {
    background: #22303C;
    color: #ffffff;
}

a:link {
    color: #ffff00;
}

a:visited {
    color: #ffffff;
}


.wp-block-columns {
    padding: 10px;
    padding-right: 20px;
    text-align: justify;
    background: #192734;
    color: #ffffff;
    font: 16px "Arial", sans-serif;
    height: 100%;
    width: 100%;
    font-weight: 500;
    line-height: 1.625;

}




.wp-block-image .aligncenter figcaption {
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #000000;
}







/* Assistive text */
.assistive-text,
.screen-reader-text {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
    height: 1px;
    width: 1px;
    color: #000000;
}

a.assistive-text:focus,
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: bold;
    height: auto;
    left: 6px;
    line-height: normal;
    padding: 17px 22px 15px;
    text-decoration: none;
    top: 7px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}
