/* shining star gree 97de00
   shining star blue 071de2 */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);

body, html {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    height: 100%;
    background-color: #f8f8f8;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 400;
    height: 100%;
}

ul {
    margin-left:20px;
    list-style: square;
}

a {
    color: #6e0e88;    
}
a:hover {
    color: #9112b3;
}


/*****Primary Button*****/
a.primary-btn {
    background-color:#020f5f; 
    width:100px; 
    border:1px solid #000; 
    padding:10px; 
    text-align: center; 
    color:#fff; 
    font-weight:bold;
    text-transform: uppercase;
    border-radius:5px;
}
a.primary-btn:hover{
    background-color:#ffdd4f;
    color:#000;
}

/*****Secondary Button*****/
a.secondary-btn {
    background-color:#d1d3d4;
    padding: 5px;
    border:1px solid #000;
    color:#470858;
    text-align:center;
    display:block;
    font-size:0.85em;
}
a.secondary-btn:hover{
    background-color:#ffdd4f;
}

.row {
    max-width: 62.5rem;
}


/*****Tool Bar Styles*****/
.tool-bar {
    background-color: #f8f8f8;
}

.tool-bar a {
    color:#000;
    font-size: 0.92rem;
}

.tool-bar a:hover {
    color:#ff6666;
}

.menu>li>a {
    padding:0rem 1rem;
    line-height: 6;
}

.menu-text {
    padding:0rem 0rem;
}

.menu-title {
    background-color:#020f5f;
    padding:0.5rem 0.7rem;
    color:#fff;
    margin:0;
}

.off-canvas-list {
    font-size:0.85em;
    padding:10px;
    list-style: none;
    margin:0;
}

.off-canvas-list li {
    border-bottom: 1px solid #888;
    padding: 10px 0;
}

.off-canvas-list a, a:focus {
    color:#470858;
}

.callout h1, .callout h2, .callout h3 {
    color:#fff;
    text-shadow: 2px 2px 5px #000;
}

.callout a, .callout p{
    color:#fff;
    text-shadow: 2px 2px 5px #000;
}

.callout.large.vision {
    background-image: url(../img/coverphoto.jpg);
    background-repeat: no-repeat;
    background-position:bottom center;
    background-size: cover;
    margin:0;
}

.off-canvas-content {
    background-color: #f8f8f8;
}

.button {
    background-color: #071de2;
}

.button:hover {
    background-color: #ffdd4f;
    color:#470858;
}

.callout.large.cover-photo {
    background-image: url(../img/coverphoto.jpg);
    background-repeat: no-repeat;
    background-position:bottom center;
    background-size: cover;
    margin:0;
}

.small-right {
    float: right !important; 
}

.logo {
    width: 200px;
}

.img-right{
    float: right;
    padding: 10px;
    width: 200px;
}

.ftr {
    background-color: #777;
    padding: 20px;
    color: #c1c1c1;
    text-align: left;
}
.ftr a{
    color: #000055;
}





/*****Align fix*****/
@media only screen and (min-width: 40.0625em) {
    .medium-right {
        float: right !important; 
    }
    
    .menu-text {
        padding:0.6rem 0rem;
    }
    
    .img-right {
        width: 300px;
    }
}

@media only screen and (min-width: 80.0625em) {
    .cover-photo {
        background-image: url(../img/coverphoto.jpg);
        background-repeat: no-repeat;
        background-position: center;
    }
}