/*
    Template Name: Skelaton
    Author: Nodding Dog
    Author URI: http://noddingdogdesign.com
    Description: A really basic theme with only one menu and one sidebar section. This theme has no style to it just simply a blank canvas. Including a Blog roll (index.php), 
    page template, single post template. 
    Text Domain: skelaton
    Version: 1.0
    License: GNU General Public Licese V2 or later
    License URI: http://www.gnu.org/licenses/gpl-2.0.html
    Tags: blank, plain, developer, standard
*/
/* display for IE 8 and older */
header, hgroup, nav, section, article, aside, footer{
    display:block;
}

/*html{
    padding: 0 5px;   
}*/

body{
    padding: 0;
    margin: 0;
    width:100%;
    font-size: 12px;
	font-family:Arial, Gotham, "Helvetica Neue", Helvetica, sans-serif;
/*	color:#A7A7A7;*/
	background-image:url(images/main-bg.jpg);
	min-width:435px
}

/* ALL */

img, a img{
	border:none;
}
p{
	padding:0 10px;
}
a{
	text-decoration:none;
}

/* layout */

#page{
    width:100%;
    max-width:960px;
    margin: 0 auto;
    position:relative;
	background-color:#fff;
	-webkit-box-shadow: 0 0 30px 5px #5C5C5C;
	box-shadow: 0 0 30px 5px #333;
}
#main{
    display:inline-block;
    width:100%;
    clear:both;
    zoom:1;
}
#primary{
    /*width:66.754147%;
    max-width: 710px;*/
    float:left;
	padding:0 74px;
}
#primary.one-col{
    width:100%;
    max-width:960px;
    float:none;
    padding: 0;
}
#secondary{
    width: 32.841028%;
    max-width:240px;
    float:right;
}

/* wordpress content entry */

.entry-header{
   width: 100%; 
   text-align: center; 
/*   border-bottom: 3px solid #feb117; */
    background: url(images/header-background.jpg) left center repeat-x;
   line-height: 0.1em;
   margin: 30px 0px; 
   font-weight:normal;
   font-size:20px;
} 
.entry-title{
	color:#787777 !important;
	text-transform:uppercase;
	font-family:Times, "Times New Roman", Cambria, "Hoefler Text", "Liberation Serif", serif;
	font-weight:normal;
	letter-spacing:1px;
	margin:0;
/*        line-height:  28px;*/
}
.entry-title h2{
    text-align: center;
	font-weight:normal;
	background-color:#fff;
	padding:50px;
	margin:0;
}
.header-bg{
	padding:5px 15px;
	background-color:#fff;
}

.entry-content{
	color:#000;
}
.entry-content p{
	margin:12px 0 0;
	padding:0px 0px;
}
.entry-content h1{
	font-size:20px;
	font-weight:normal;
}
.entry-content h2, .links-info h2{
	font-weight:bold;
	font-size:12px;
}
.links-info{
	text-align:center;
	font-weight:bold;
}
.links-info a{
	color:#feb117;
}
.links-info a:hover{
	color:#A7A7A7;
}
.logos-images img{
	padding-right:14px;
	padding-bottom:14px;
}
/*
    Header
*/

header{
    width:100%;
}
hgroup{
    display:inline-block;
    width:100%;
    clear:both;
    zoom:1;
	background-color:#999998;
	margin-bottom:3px;
}
#site-name{
    float:left;
    margin:0;
    font-size:18px;
	color:#000;
	/*max-height:104px;*/
}
#site-name a{
	color:#000;
}
/*#site-description{
    float:right;
    line-height:22px;
}*/

/*
    Navigation
*/

nav{
	margin-top:60px;
    /*width:100%;*/
	float:left;
}
nav #main-menu{
	position:relative;
	font-family:"Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;
	font-size:16px;
	margin-left:25px;
}
#main-menu ul{
    list-style: none;
    margin:0;
    padding:0;
	clear:both;
	zoom:1;
	position:relative;	
	display:inline-block;
    /*text-align:center;*/
}
#main-menu ul li{
   display:block;
   float:left;
   list-style:none;
/*   position:relative;*/
   padding:5px 0;
   margin:0px 3px;
}
#main-menu > ul > li.current-menu-item > a{
	color:#FFFFFF;
	padding-bottom:5px;
	border-bottom:2px solid #fcaf17;
}
#main-menu ul li .sub-menu ul li.current-menu-item a{
	color:#000;
	padding-bottom:5px;
	border-bottom:2px solid #fcaf17;
}
/*#main-menu ul li .current-menu-item{
	background-color:#D41E21;
}*/
#main-menu ul li:hover{
	background-color:#6c6b6b;
	color:#fff;
}
#main-menu ul li a:hover{
	color:#fff;
}
#main-menu ul li a{
    padding:0 10px;
	color:#000;
	text-decoration:none;
}
#main-menu ul li .sub-menu{
    position:absolute;
	float:none;
	display:none;
	text-align:left;
	z-index:99999;
	background-color:#fff;
	color:#fff;
	margin-top:5px;
	/*width:100%;*/
	font-family:"Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L",  serif;
}
#main-menu ul li .sub-menu li:before{
	content:"-";
	color:#000;
	margin-left:5px;
}
#main-menu ul li:hover .sub-menu{
    display:block;
}
#main-menu ul li .current-menu-item, #main-menu ul li a .current-menu-item {
	color:#D71518;
}
/*#main-menu ul li a.sub-menu{
	color:#fff !important;
}*/
#main-menu ul li .sub-menu li{
	float:none;
	color:#000;
	margin:0;
}
#main-menu .sub-menu{
	list-style:none;
	clear:none;
	Z-index:99999;
}
#main-menu children .current{
	border:none;
	color:#000;
}

/*.sub-menu{
	margin:0;
	text-align:left;
}*/



/* Home */

.widgettitle{
	display:none;
}
.contact-us{
/*	float:right;
	width:100%;
	display:block;*/
}
.contact-us ul li{
	list-style:none;
}
.charity-posts{
	text-align:center;
}
.charity-posts ul{
	margin:0;
	padding:0;
}
.charity-posts ul li{
	list-style:none; 
	float:left;
	display:inline-block;
	margin:0px 5px;
	text-align:left;
}
.charity-posts h3{
	text-align:center;
	min-height:50px;
}
.charity-posts p{
	max-width:230px;
	margin:0;
	color:#000;
	padding:7px 0px;
}
#charity-box{
	padding:15px;
	width:229px;
}
.post-images img{
    margin-left:5px;
    width: 100%;
    height: auto;
}
.post-images img:first-child{
	margin:0;
}
.middle-charity{
	background-color:#eeeeed;
}
.first-charity, .last-charity{
	background-color:#cbcbca;
}
.contact-btn{
/*	margin: 0px 66px 20px 0px;
	float: right;*/
text-align: center;
margin:10px 0  0;
padding: 0;
}

/* Blog */

.read-more{
	display:block;
	text-align:right;
	text-decoration:none;
	/*color:inherit;*/
	padding:0px 0px 0px 0px;
	color:#626161;
	font-style:oblique;
	font-family:"Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", serif;
}


/* Charities */
article.type-charities {
    padding: 0 20px;
}
/* Footer */

footer{
	padding:10px;
	backfround-color:#fff;
	min-width:300px;
}
#footer{
	margin:0 auto;
	color:#fff;
}
#signature{
	text-align:center;
	font-family:"Times New Roman", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", serif;
	color:#000;
	font-size:14px;
}

 /* mob version of nav */
 
#nav-toggle{
    display: none;
    color: #FFFFFF;
    font-size: 20px;
    font-family: 'Georgia', 'Times New Roman';
	clear:both;
	margin-right:10px;
}
nav #main-menu.showing{
    display: inline-block;
}

#banner{
	max-width:100%;
	max-height:100%;
/*	height:331px !important;*/
}
.column > *{
    padding-left: 10px !important;
    padding-right:10px !important;
}
.container{
    display: table;
}
.row{
    display: table-row;
}
.col-sm-6{
    display: table-cell;
    width: 50%;
    padding: 0 15px;
    

}
.view-block{
/*    height: 355px;*/
   
    overflow: hidden;
    position: relative;
}
.banner-overlay{
    background: rgba(0,0,0,0.6);
    background: url(images/banner-overlay.png) top left repeat\9;
    color: #FFF;
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    font-size: 15px;
}
.banner-overlay p{
    margin: 0;
}
.wp-caption,
.links-info img{
	max-width : 100%;
	width: auto;
	height: auto;
}
 @media all and (-ms-high-contrast:none)
     {
     *::-ms-backdrop, .view-block { height: 270px;} /* IE11 */
     }
.col-content{
    
    
}
.read-more{
    display: none;
    text-align: right;
}


@media (max-width:767px){
    body{
            /*padding 0 10px;*/
                min-width: 0;
    }
    #page{
            width: auto;
            margin: 0 10px; 
    }
            #primary{
                float: none;
                padding: 0 10px ;
            }
    #site-name{
            width:100%;
    }
    #site-name img{
            width:100%;
    }
    #nav-toggle{
            display:block;
            padding:0px 20px;
    }
    nav{
            display:none;
            float:none;
            clear:both;
            width:100%;
            margin:0;
    }
    #main-menu ul li{
            float:none;	
            position:relative;
    }
    #main-menu ul li:last-child{
            margin-bottom:20px	
    }
    #main-menu ul li:hover{
            /*background-color:#6c6b6b;*/
            color:#fff;
    }
    #main-menu ul li .sub-menu{
            /*display:block;*/
            margin:0;
            padding:0;
            margin-bottom:10px;
            position:relative;
            background:#fff;
            display:none;
            float:left;
            margin-top:5px;
            width:100%;
    }	
    #main-menu ul li .sub-menu li:hover{
            background:#6c6b6b;
            color:#000;
    }
    #main-menu ul li .sub-menu li a:hover{
            background:none;
            color:#fff;
    }
    .sub-menu{
            margin:0;
            padding:0;
    }
    #nav-toggle ul{
            padding:0;
            margin:0;
    }
    #nav-toggle ul li{
        padding:0;
        margin:0;
        list-style:none;
        border:none;
        padding:10px 0px;
        text-transform:uppercase;
        letter-spacing:1px;
        font-weight:normal;
    }
    #nav-toggle ul li:first-child{
        float:left;
    }
    #nav-toggle ul li:last-child{
        float:right;
    }
    .banner-overlay{
        padding: 0 5px;
        font-size: 12px;
    }
    .banner-overlay p{
        margin: 3px 0;
    }
    .first.column{
        width:100% !important;
    }
    .last.column{
        width:100% !important;
    }
    .bottom-section-header .entry-title{
        font-size: 22px;
        line-height: 27px;
        text-align: center;
    }
    .contact-us{
        float: none;
    }
    .contact-btn{
        float: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

    .entry-content img{
        width: 100%;
        height: auto;
    }
    .col-sm-6{
        width: 100%;
        display: block;
        float: none;
        padding: 0;
    }
    .view-block{
        height: auto;
    }
    .charity-posts ul li{
        float: none;
    }
}