/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

html {
  background-image: url("../_images/_fccorp/fccorpus_bg.png");
  background-attachment: fixed;
  background-color: white;
  background-size: auto;

}

body {
  color: #000000;
  font-family: "Times New Roman", Times, serif;
  font-size: 100%;
  width: 98vw;
  opacity: 1.0;
  text-align: center;
}
div {
    margin: auto;
}
a:visited {
    color: blue;
}
@font-face {
  font-family: SpecialGothic;
  src: url(../_fonts/SpecialGothicCondensedOne-Regular.ttf);
}
@font-face {
  font-family: TwinkleStar;
  src: url(../_fonts/TwinkleStar-Regular.ttf);
}
p {  
    padding-left: 1vw;
    padding-right: 1vw;
    text-indent: 3vw;
}
.ff_twinklestar {
    font-family: TwinkleStar;
}
.fs2em {
    font-size: 2em;
}
.fs4em {
    font-size: 4em;
}
.fs5em {
    font-size: 5em;
}
.fs5vw {
    font-size: 5vw;
}
.fs_i {
    font-style: italic;
}
.fw_b {
    font-weight: 900;
}

.fcc_banner {
    max-width: 75%;
    height: auto;
}
.numplate {
    max-width: 40%;
    height: auto;
}

.corp_assets {
    max-width: 75%;
    height: auto;
    margin:  1.5em auto 1.5em auto;
}
.corp_logo {
    border: solid black 2px;
    width: 10vw;
    height: auto;
    vertical-align: top;
}
.logo_file {
    width: 11vw;
    height: auto;
    margin: 1vw 1vw 1vw 1vw;
}
.corp_name {
    border: solid black 2px;
    width: auto;
    height: auto;
    font-family: SpecialGothic;
    font-size: max(2.5vw, 1.5em);
    text-align: left;
    padding: .5vw 1.5vw .5vw 1vw;
}
.corp_initials {
    border: solid black 2px;
    width: 30%;
    height: auto;
    font-family: SpecialGothic;
    font-size: max(2.5vw, 1.5em);
}
.corp_note {
    border: solid black 2px;
    width: auto;
    height: auto;
    font-family: "Courier New", monospace;
    font-weight: 900;
    font-size: max(0.9vw, 0.7em);
    padding: .5vw 1vw .5vw 1vw;
    text-align: justify;
}
.corp_story {
    border: solid black 2px;
    width: auto;
    height: auto;
    font-size: clamp(1.0em, 2.5vw, 1.7em);
    text-align: justify;
}
.ftr_div {
    width: 98%;
    position: fixed;
    bottom: 5px;
    /* border: solid 1px black; */
}
.ftr_hr {
    width: 70%;
    margin: auto;
    margin-bottom: 1vh;
} 
.ftr_bnr {
    height: 65px;
    margin-top: -5px;
    margin-bottom:-5px;
    margin-left:10px;
    margin-right:10px;
}
.ftr_brdr {
    border: 1px solid black;
}
.ftr_tbl {
    border-style: ridge;
    border-radius: 1.0vw;
    text-align: centered;
    width: 65%; 
    min-width: 47em; 
    margin: auto; 
    background: rgba(222, 222, 222, 0.9);
}
.ftr_tr {
     height: 1.5em; 
}
.ftr_logo {
    Height:85px;
    margin:15px;
}
.ftr_logos {
    Height:40px;
    margin-left:10px;
    margin-right:10px;
    margin-top: -5px;
}
.ftr_info {
    font-family: Verdana;
    font-size: clamp(.30em, 1.2vw, .8em);
    font-weight: bold;
    text-align: center;
}
/*
.borderbar-L {
    padding: 0px;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}
.borderbar-R {
    padding: 0px;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: -1;
}
a {
    color: #ffffff;
}

.contents {
    border-radius: 15px;
    background: rgba(52, 52, 52, 1.0);
    border: 2px solid green;
    width: 48%;
    margin: 2rem auto 2rem auto;
}

.coverpic {
    width:100%;
    height: auto;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.headlinebanner {
    transform: translateY(-4.9rem);
    background: rgba(52, 52, 52, .6);
    padding: .5rem 0 .5rem 0;
}
.textshadow {
    color: #ffffff;
    text-shadow: -2px 2px 1px #000000, -2px -2px 1px #000000, 2px -2px 1px #000000, 2px 2px 1px #000000;
}
.head1 {
    font-weight: 900;
    font-size: 1.8rem;
}
.head2 {
    font-weight: 700;
    font-size: 1.3rem;
}
.portfolios {
    border: 0px solid #000000;
    transform: translateY(-2.4rem);
    margin: auto;
}
.profile {
    background-image: linear-gradient(to right, darkgreen, lime);
    border-radius: 15px;
    margin: auto;
}
.portfolio {
    background-image: radial-gradient(farthest-side, lime 40%, darkgreen);
    border-radius: 15px;
    margin: auto;
}
.resume {
    background-image: linear-gradient(to right, lime, darkgreen);
    border-radius: 15px;
    margin: auto;
}
#profile {
    border-radius: 15px;
    visibility: hidden;
    height: 0;     --Was commented out

}
#alterego {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-29.68rem);
}
#portfolio {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-57rem);
}
#resume {
    visibility: hidden;
    border-radius: 15px;
    transform: translateY(-72.4rem);
}
#absenthearts {
    visibility: hidden;
    transform: translateY(-87.7rem);
    border-radius: 15px;
    background-image: url("../images/jgallaway81/remembrances-title2a.png");
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top;
    background-color: black;
    background-size: contain;
}

.iblock {
    display: inline-block;
    width:17%;   
    padding: .8rem;
    margin: .6rem;
}
.list {
    color: white;
    font-weight: 700;
    text-align: left;
    margin: 1rem auto 0;
    font-size: 1.2rem;
    max-width: 85%;
}
.grntxt {
    color: green;
}
.whttxt {
    color:white;
}
.gldtxt {
    color: #ffdd00;
}
.fs135 {
    font-size: 135%;
}
.fs125 {
    font-size: 125%;
}
.fs110 {
    font-size: 110%;
}
.fs80 {
    font-size: 80%;
}
.bstxt {
    font-family: Verdana;
    font-size: 100%;
    color: #000000;
}
.itxt {
    font-style: italic;
}
.otxt {
    font-style: oblique;
}
.vline {
    vertical-align: top;
}
.legacy {
    margin: 1.6rem auto;
    background-image: linear-gradient(to bottom right,  #002600, #004800, #008000, #008000, #004800, #002600);
    border: 3px ridge gold;
    padding: .45rem;
    text-align: justify;
    max-width: 85%;
}
.lgcyHR {
    width:75%;
    color:gold; 
    height: 2px;
    background-color: gold;
    border: none;
}
.heartsHR {
    width:85%;
    color:gold; 
    height: 1px;
    background-color: gold;
    border: none;
}
.left{
    float:left;
    padding:.2rem .8rem .2rem 0;
}
.motto {
    font-family: "Sofia", sans-serif;
    font-size: 1.5vw;
    font-style: italic;
    color: #ffffff;
}
.sayings {
    font-family: "Sofia", sans-serif;
    font-size: 1.6vw;
    font-style: italic;
    color: #FFFFFF;
    text-align: center;
    text-shadow: 2px 0 1px #3d3d3d, 2px 2px 1px #3d3d3d ;
}
.sayshift1 {
     transform: translateY(-1.5rem);
}

.remembrance {
    color: #cccccc;
    width: 90%;
    margin: auto;
}
.remember {
    
    width: 100%;
}
.photo {
    margin-right: .6em;
    vertical-align: top;
}
img.photo {
    height: auto;
    max-width: 175px;
    }
.name {
    color: #FFFFFF;
    font-family: "Sofia", sans-serif;
    text-align: center;
    font-size: 1.8em;    
}
.date {
    color: #ffffff;
    text-align: center;
    font-stretch: extra-expanded;
}
.memory {
    font-family: times, serif;
    color: #cccccc;
}
.navbutton {
    height: 90px;
    width: auto;
    margin: auto;
    padding: 0 25px;
}
.navbar {
    width: 85%;
    margin: auto;
}

.buttondev {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000;
    font-weight: 900;
    font-size: 4rem;
    display: inline-block;
    width:45%;   
    padding: .8rem;
    margin: .6rem;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 25px;
    border: 3px ridge gold;
}

.buttondev2 {
    color: #ffffff;
    text-shadow: -3px 3px 2px #000000, -3px -3px 2px #000000, 3px -3px 2px #000000, 3px 3px 2px #000000;
    font-weight: 900;
    font-size: 4rem;
    display: inline-block;
    width:75%;   
    padding: .8rem;
    margin: .6rem;
    background-image: linear-gradient(to bottom, #002600, #008000, lime, #008000, #002600);
    border-radius: 25px;
    border: 3px ridge gold;
}
*/