/*ADD YOUR CUSTOM STYLE IN CUSTOM.CSS LOCATED IN THE 'CUSTOM' FOLDER OF THIS THEME
 *
 *
 *
 *CONTENTS:
 *1. LINKS AND HEADLINES
 *2. LOADING DIV
 *3. SITE IDENTITY
 *4. MENUS AND HEADER
 *5. LANDING PAGE STYLES
 *6. MAIN CONTENT DIVS
 *7. MEDIA QUERIES
 *
 *
 *
/*1. LINKS & HEADLINES*/
h1,h1 a, h2, h2 a, h3, h3 a, h4, h4 a, a {
    color:#006FA0;
}

a:visited {
    color:#75BBDD;
}

/*LOADING DIV*/
#load {
    position:absolute;
    top:0px;
    padding-top:25%;
    text-align: center;
    z-index:3000;
    width:100%;
    height:100%;
    background:#fff;
}

/*2. SITE NAME AND TAGLINE*/
.branding h1,.branding h1 a, .branding h2, .branding h2 a,.branding h3,.branding h3 a {
    color:#fff;
    padding:0px;
    margin:0px;
    padding-top:2%;
    
}

.branding {
    text-align: center;
}


/*3. MENUS AND HEADER*/
.menu-toggle {
    z-index:4000;
    width:100%;
    height:50px;
    border-bottom:1px groove #ccc;
    background:#63AACE;
    color:#fff;
    position: fixed;
    top:0px;
    left:0px;
    padding:3px;
    
}

.menu-toggle:hover {
    cursor: pointer;
}

.menu-container {
    display: none;
    position:fixed;
    top:51px;
    left:5px;
    z-index:3000;
    width:80%;
    height: 98%;
    background:#63AACE;
    overflow-y:scroll;
    padding:0px;
}

.menu {
    padding:20px 5px 5px 15px;
}

.menu ul {
    list-style: none;
}

.menu ul li {
    padding:10px;
    border-bottom:1px groove #fff;
}

.menu ul li a {
    color:#fff;
    text-decoration:none;
}

.menu ul li:hover {
    background: #006FA0;
    cursor: pointer;
}

/*4. LANDING PAGE PHOTO*/

.faded {
  
  -webkit-opacity: 0.25;
  -moz-opacity: 0.25;
  opacity: 0.25;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;

}

.fade-in {
  
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -webkit-transition: all 3s ease;
  -moz-transition: all 3s ease;
  -ms-transition: all 3s ease;
  -o-transition: all 3s ease;
  transition: all 3s ease;

}


.cover-text {
    color:#fff;
    margin-top:10%;
    font-size:120%;
}
    
    
.cover-text h1 a, .tag {
    color:#fff;
    background:#3F7998;
}

/*5. MAIN CONTENT DIVS*/
.main {
    width:98%;
    padding:1%;
    background: #fff;
}

 
    
.sidebar {
    float:left;
    width:98%;
    padding:1%;
    background:#fff;

}


.footer {
    float: left;
    width:98%;
    background:#006FA0;
    border-top:1px groove #ccc;
    padding:1%;
    color: #fff;
    text-align:center;
}

/*6. MEDIA QUERIES*/
@media screen and (min-width:980px) {
  
    .menu-toggle{
        display: none;
    }

    .menu-container {
        display: block;
        position: fixed;
        top:0px;
        left:0px;
        width:100%;
        height:auto;
        border-bottom: 1px groove #ccc;
        border-top: 1px groove #ccc;
    }
    
    .menu ul li, .menu ul li a {
        display:inline;
        border:0px;
        color:#fff;
    }
    
    .cover-image {
        position: fixed;
        width:100%;
        height:70%;
 /*       background:#fff url('../images/ocean.jpg');  */
        background-position: center;
        background-repeat: no-repeat;
        z-index:-1;
        text-align: center;
    }
    
    .cover-text {
        color:#fff;
        margin-top:10%;
        font-size:120%;
        
    }
    
    
    .cover-text h1 a, .tag {
        color:#fff;
        background:#3F7998;
    }
    .main {
        background:#fff;
        width:68%;
        padding:1%;
        float:left;
    }
    
    #main-fullwidth {
 
        background:#fff;
        width:80%;
        padding:1%;
        float:left;
        margin-left:9%;
    }
    
    .sidebar {
        float:left;
        width:29%;
        padding:1%;
        padding-right:0px;
        border-top:0px;
        background:#fff;
    }
}