/*
Theme Name: tpluseplusaplusm
Text Domain: Digital4design
Version: 1.0
Description: Our theme for 2020 is designed to take full advantage of the flexibility of the block editor.
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
Author: digital4design team
Author URI: https://digital4design.org/
Theme URI: #
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
body,
html {
    margin: 0px;
    padding: 0px;
    scroll-behavior: smooth;
}
body {
    background: white;
    color: black;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: 100;
    line-height: 2.0em;
    letter-spacing: .04em;
}

img {
    margin: 0 0 20px 0;
}

video {
    margin:0 0 40px 0;
    
}

.bio img {
    margin-bottom:50px;   
}
p {
    margin: 0;
    padding: 10px 0px 60px 0px;;
}

h1 {
    text-align:center;
    font-weight: 100;
    letter-spacing: .04em; 
}

a {
    color:black;
}

.upper_left {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 804;
}
.upper_right {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 803;
}
.lower_left {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 802;
}
.lower_right {
    bottom: 0;
    right: 0;
    position: fixed;
    z-index: 801;
}

.initial {
    margin:0;
    padding:20px 30px 40px 30px;
    display:inline-block;
    font-weight: 100;
    line-height: 1.0em;
    letter-spacing: .02em;   
    font-size:69pt;
}

.initial a {
    text-decoration: none;
    border-bottom: 4px solid black;    
}

.marquee3k {
    width: 2000px;
    position: fixed !important;
    transform-origin: 0% 0%;
    top: 100%;
    left: 30%;
    transform: rotate(-45deg);
    z-index: 799;
    background:#5ac36f;
    color:white;
    font-size: 26pt;
    padding:0 0 50px 0;
}

.marquee3k a {
    color:white;
    white-space: nowrap;
    padding:0 0 2px 0;
    border-bottom: 4px solid white;
    text-decoration: none;
    
}

#bigmenu {
    width: 800px;
    margin: 100px auto 800px auto;
    text-align:center;
}

#bigmenu ul {
    text-align:center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 100;
    line-height: 2.0em;
    letter-spacing: .02em;
    font-size: 32pt;
}

#bigmenu li a {
    white-space: nowrap;
    padding:0 0 3px 0;
    border-bottom: 3px solid black;
    text-decoration: none;    
}

#contactmenu {
    width: 800px;
    margin: 200px auto 800px auto;
    text-align:center;
}

#contactmenu ul {
    text-align:center;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-weight: 100;
    line-height: 2.0em;
    letter-spacing: .02em;
    font-size: 42pt;    
    
}

#contactmenu li {
    margin-top:40px;
    
    
}
#contactmenu li a {
    white-space: nowrap;
    padding:0 0 6px 0;
    border-bottom: 5px solid black;
    text-decoration: none;    
}

.message {
    color:blue;
    font-size:12px;
    background-color: black;
}

.backbutton { 
    position: fixed;
    top: 0;
    left: 0;
    width: 125px;
    height: 100%;
    z-index: 800; 
    cursor: pointer;
    background: url(assets/images/backarrow.svg) 50% 50% no-repeat;
    background-size: 70px 70px;
}

.upbutton { 
    position: fixed;
    top: 0;
    left: 0;
    width: 125px;
    height: 100%;
    z-index: 801; 
    cursor: pointer;
    background: url(assets/images/uparrow.svg) 50% 50% no-repeat;
    background-size: 70px 70px;
}

.info, .announce, .title {
    width: 800px;
    margin: 200px auto 200px auto;
    text-align:center;
}

.announce {
    margin-top:100px;
    margin-bottom: 100px;
}

.info p, .title p {
    font-size: 48px;
    margin: 20px 0;
    font-weight: 100;
    line-height: 2.2em;
    letter-spacing: .04em;
}

.bio, .project {
    width: 700px;
    margin: 200px auto;
    padding:150px 0;    
}

#news {
    width: 700px;
    margin: 0 auto;
    padding:100px 0;
    
}

#news p {
    padding:0 0 20px 0;
    margin:0;
}

#news b {
    padding:0 10px 0 0;
    margin:0;
    font-weight: 900;
}

.project {
    padding:0;
    margin-top:0;
}

.bio a, #news a, .project a {
    white-space: nowrap;
    padding:0 0 2px 0;
    border-bottom: 2px solid black;
    text-decoration: none;
}

.credits p {
    font-size: 90%;
    font-style: italic;
    padding: 10px 0;
    line-height: 1.5em;
}
.member-desc{
padding: 10px 0px 60px 0px;
}
.member-desc p {
    padding-bottom: 30px;
    padding-top:0;
}

div {
    box-sizing: border-box;
}
@media only screen and (max-width:1199px)
{
#news p {
    padding: 0 0 10px 0;
}
.member-desc p {
    padding-bottom: 15px;
}
.initial {
    font-size: 30pt;
}
#bigmenu ul {
    line-height: 2.5em;
    font-size: 20pt;
}
#bigmenu {
    width: 100%;
    margin: 100px auto 50px auto;
}   
.info, .announce, .title {
    width: 100%;
    margin: 50px auto 50px auto;
}
.info p, .title p {
    font-size: 30px;
    margin: 0;
    line-height: 55px;
    letter-spacing: 1px;
    padding: 0px 15px;
}
.bio, .project {
    margin: 100px auto;
    padding: 75px 15px;
}
.bio img {
    margin: 0 auto 50px;
    max-width: 400px;
    display: block;
}
.member-desc {
    padding: 0;
}
.member-desc p {
    padding-bottom: 30px;
    padding-top: 0;
    line-height: 35px;
}
#news {
    width: 100%;
    margin: 0 auto;
    padding: 0px 15px;
}
.bio a, #news a, .project a {
    white-space: inherit;
}
.project .main-content img {
    width: 100%;
    height: auto;
}
.project .main-content p {
    padding: 10px 0px 30px 0px;
}
.backbutton {
    width: 75px;
    background-size:30px;
}
video {
    width: 100%;
}
}
@media only screen and (max-width:991px)
{
.backbutton {
    width: 50px;
}
.bio, .project, #news {
    padding: 75px 50px;
}
.initial {
    padding: 20px 15px 40px 15px;
}
.info p, .title p {
    padding: 0px 50px;
}
}
@media only screen and (max-width:767px)
{
.bio, .project {
    width: 100%;
}
#contactmenu li {
    margin-top: 15px;
}
#contactmenu ul {
    font-size: 16pt;
}
#contactmenu {
width: 100%;
    margin: 120px auto 50px auto;
    padding: 0px 15px;
}

.member-desc p {
    padding-bottom: 25px;
}
.info, .announce, .title {
    margin: 150px auto 150px auto;
}
#bigmenu {
    margin:50px auto 25px auto;
}   


.bio img {
    margin: 0 auto 25px;
}
#bigmenu ul {
    font-size: 16pt;
}
.bio img {
    max-width: 100%;
}
.info p, .title p {
    font-size: 25px;
    line-height: 40px;
    padding: 0px 50px;
}
}