/*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. GENERAL STYLES: LINKS, HEADLINES & LISTS*/
h1, h2, h3, h4 {
    color:#454837;
}

h1 a, h2 a, h3 a, h4 a, a {
	color:#37924a;
	cursor: pointer;	
}

a:visited {
    color:#8fd300;
}

ul {
	list-style-image: url('http://test1.adalbertus.com/data/uploads/list_style_02.png');
}

blockquote {
	padding: 10px 20px;
	border-left: 5px solid #54c247;
}

.comment {
	font-size: 13px;
	color: #999999;
}

/*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:1%; 
    
}

.branding {
    text-align: center;
}


/*3. MENUS AND HEADER*/
.menu-toggle {
    z-index:4000;
    width:100%;
    height:50px;
    border-bottom:1px groove #ccc;
	background: #54c247;
    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:#54c247;
    padding:0px;
}

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

.menu ul {
    list-style: none;
	margin-left: 55px;
}

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

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

.menu ul li:hover {
    background: #37924A;
    cursor: pointer;
}

.menu .logo {
	position: fixed;
}

/*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-image {
    position: fixed;
    top:0px;
    width:100%;
    height:70%;
    background:#fff url('http://test1.adalbertus.com/data/uploads/tree.jpg');
    background-position:center bottom;
    background-repeat: no-repeat;
    z-index:-1;
    text-align: center;
}
    
.cover-text {
    color:#fff;
    margin-top:1.75%;
	padding: 0.2%;
	background: rgba(255, 255, 255, 0.65);
    font-size:120%;
}

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

.main h1 {
	margin-bottom: 0;
}

.main h2 small {
	margin: 0;
	color: #999999;
}

.main h2 small a {
	color: inherit;
	text-decoration: underline;
}

ul li {
	margin-bottom: 12px;
}

.tag-list {
    overflow: auto;
	margin-bottom: 0;
}

.tag-list li {
	margin: 0 15px 10px;
	padding: 5px 6px 5px 27px;
	float: left;
	list-style: none;
	background: rgba(143, 211, 0, 0.25) url('http://test1.adalbertus.com/data/uploads/list_style.png') no-repeat center left;  
	border: rgba(84, 194, 71, 0.8) solid 1px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
    
.sidebar {
    float:left;
    width:98%;
    padding:1%;
    background:#fff;
    
}


.footer {
    float: left;
    width:98%;
    background:#37924a;
    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('http://test1.adalbertus.com/data/uploads/tree.jpg');
        background-position: center;
        background-repeat: no-repeat;
        z-index:-1;
        text-align: center;
    }
    
    .cover-text {
        color:#fff;
        margin-top:1.75%;
		padding: 0.2%;
		background: rgba(255, 255, 255, 0.65);
        font-size:120%;
        
    }
    
    .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;
    }
}