@charset "utf-8";
/* Developed by Alexandra Abcarius */
/* Script Date : June 19, 2015 */

* {
    margin:0;
    padding:0;
}
body
{
    font-family: 'Trebuchet MS', Arial, sans-serif;
    color:#000;
    background-color:#fff; /* white */
    /* background-repeat: no-repeat; */
    background-image: url("../img/panama-green.jpg");
    background-size: cover;

    font-size: 20px;
    line-height: 1.3em;
    
    height : 100%;
}

/* Styling heading h1 selector */
h1 {
    font-weight: bold;    
    color:#fff;
    margin-right:2em;
    margin-top:2em;
}

/* Styling heading h2 selector */
h2 { 
    color:#008000; /* green */  
}

ul {
    list-style : circle;
    vertical-align:middle;
}

/* styling the list item selector */
li {
    font-weight: bold;
}

a {
    text-decoration :none;
    font-family:Helvetica, Arial, sans-serif;
    color:#4A6A2A;
}

.big {
    font-size : 1.1em;
    font-weight:bold;
}
.bigger {
    font-size : 1.3em;
    font-weight:bold;
    color: #4A6A2A;
}
.biggest {
    font-size : 1.4em;
}
.horizontalbar{
    width:100%;
    height : 10px;
    background-color:orange;
}

.paper {
    background-color:white;
    width:80%;
    margin:auto;
}

.introDiv {
    background-color: rgba(255,255,255,0.5);
    padding:4%;
    text-align: left;
    border-radius:5px;
    box-shadow:10px 10px 5px rgba(0,0,0,0.4);
    vertical-align: middle;
}

.centerBlock { 
    padding:4%;
    border-radius:5px;
}
.centerDiv { 
    padding:4%;
    text-align: center;
    border-radius:5px;
    vertical-align: middle;
}
.biopic {
    border : 5px solid white;
}

.navbar-default {
    background-color: rgba(255,255,255,0.6);
}

.spacer {
    height:50px;
}

.bigspacer {
    height:400px;
}

.smallspacer {
    height:15px;
}
.carousel-inner > .item > img,
  .carousel-inner > .item > a > img {     
      margin: auto;
     
  }

.carousel-picture {
    border : 5px solid white;   
}


/* end of file - code below is not being used atm */

#topNav {
    height:30px;
    background-color:#f5f5f5; /*light gray background is less harsh than white*/
    margin:0;
    border:0px solid black;
    padding:10px 0px 10px 100px;
    font-size:20px;
    /*display:block;*/
   
}

.linkLogos > li > a> img{
    width:72px;
    height:72px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.transformLogo:hover {
    -webkit-transform: translate(20px,0px);
    -o-transform: translate(20px,0px);
    -moz-transform: translate(20px,0px);
    -ms-transform: translate(20px,0px);
    transform: translate(20px,0px);
}