/*===========================================*/
/*------- Kamal's Bootstrap Factory --------*/
/*------- Bootstrap version 2.3.2 --------*/
/*===========================================*/

/* Main Css
***********************************************/
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);
/*@import url("../webfonts/akzidenzgroteskbe_regular/stylesheet.css");*/
@import url("../webfonts/regular-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_boldcn/stylesheet.css");*/
@import url("../webfonts/boldcn-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_mdcn/stylesheet.css");*/
@import url("../webfonts/mdcn-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_it/stylesheet.css");*/
@import url("../webfonts/it-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_mdcnit/stylesheet.css");*/
@import url("../webfonts/mdcnit-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_bold/stylesheet.css");*/
@import url("../webfonts/bold-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_boldit/stylesheet.css");*/
@import url("../webfonts/boldit-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_md/stylesheet.css");*/
@import url("../webfonts/md-font-ym/stylesheet.css");
/*@import url("../webfonts/akzidenzgroteskbe_cn/stylesheet.css");*/
@import url("../webfonts/cn-font-ym/stylesheet.css");

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6,p,a,span{
	font-family: "akzidenzgroteskbe regular";
	}

h1{
	font-size:50px;
	}

h2{
	font-size: 38px;
	font-family: "akzidenzgroteskbe boldcn";
	}

h3{
	font-size: 24px;
	font-family: "akzidenzgroteskbe mdcn";
	}

h4{
	font-size:18px;
	font-family: "akzidenzgroteskbe mdcn";
	letter-spacing:1px;
	}

h5{
	font-size:14px;
	}

h6{
	font-size:12px;
	}

p{
	font-size:12px;
	}
.vspace{
    margin-bottom: 20px;
}
a{
    color: rgb(0, 174, 239);
}

/* main container
************************************/
body{
    background:#e8e8e8;
	}

.wrap{
	}

/* header
***********************************/
header .black{
    background:#000000;
    padding-top:20px;
}

header img{
    max-width:100%;
    height:auto;
    display:block;
}

.big-banner{
    float:left;
}

.small-banner{
    float:right;
}

.body-crumb,
.head-crumb{
    background:transparent;
    padding:0;
    margin-bottom:10px;
    text-transform:uppercase;
}

.breadcrumb li a{
    font-family: 'Droid Sans', sans-serif;
    color:#ffffff;
    font-size:10px;
}

.head-crumb li,
.head-crumb li a{
    color:#ffffff;
    font-size:10px;
}

.head-crumb li.active-crb a{
    color:#00aeef;
}

.body-crumb li a{
    color:#000000;
    font-size:12px;
}

.body-crumb .active-crb a{
    font-weight:bold;
}

.body-crumb > li + li:before {
  padding: 0 5px;
  color: #000000;
  content:">";
}

.header-line p, .header-line p a{
    font-size: 18px;
    font-family: 'akzidenzgroteskbe mdcn';
    color: #000000;
}

.header-line > p:first-child{

    font-size: 18px;

}
/* navigation
***********************************/
.navbar{
	 width:100%;
	 z-index: 100;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    border:none;
    padding-top:15px;
    background-color:#4569c8; /* Old browsers */
    background-image:url(../Images/nav-bg.png);
    background-repeat:repeat-x;
    min-height:85px;
    -moz-box-shadow: 0 0 12px 4px rgba(0,0,0,.45); /* drop shadow */
    -webkit-box-shadow: 0 0 12px 4px rgba(0,0,0,.45); /* drop shadow */
    box-shadow: 0 0 12px 4px rgba(0,0,0,.45); /* drop shadow */
}

.parent-navbar{ padding-top:8px !important;}

.parent-navbar .navbar-form {
padding-top: 9px;
}


.service-header .navbar{ padding-top:8px !important;}

.service-header .navbar-nav{ margin-top:11px !important;}

.service-header .navbar-form{ padding-top:12px !important;}

.navbar1{
    background-color:#ef6900; /* Old browsers */
    background-image:url(../Images/nav-group-bg.png);
}
.navbar2{
    background-color:#808080; /* Old browsers */
    background-image:url(../Images/nav-mission-bg.png);
}
.navbar3{
    background-color:#00bcea; /* Old browsers */
    background-image:url(../Images/parents-bg.png);
}

.container > .navbar-header{
    float:left;
}

.container > .navbar-collapse {
    float:right;
    width:69%;
}

.navbar-brand h1{
    text-indent:-9999px;
    width:305px;
    /*height:52px;*/
    height:71px;
    background-image:url(../Images/youngministry.com-log.png);
    background-repeat:no-repeat;
    background-position:center center;
    padding-bottom:0;
    padding-top:0;
    /*margin-bottom:15px;*/
    margin-top:0;
}
.navbar-group h1{
    background-image:url(../Images/group-mag-logo.png);
    background-repeat:no-repeat;
    background-position:center center;
    /*width: 180px;*/
    width: 243px;
}
.navbar-groupm h1{
    background-image:url(../Images/group-missions-logo.png);
    background-repeat:no-repeat;
    background-position:center center;
    width: 180px;
}

.navbar-groupm h1{
    width: 207px !important;
	margin-bottom:0;
}


.navbar-parents h1{
    background-image:url(../Images/parents-logo.png);
    background-repeat:no-repeat;
    background-position:center center;
    width: 250px;
}

.navbar > .container .navbar-brand {
    margin-left: 0;
    padding:0;
    margin-right:0;
}

.navbar-toggle{
    background:#4569C8;
    border-color:#ffffff;
}

.navbar-toggle:hover,
.navbar-toggle:focus{
    background:#5884fc;
}

.navbar-toggle .icon-bar {
    background:#ffffff;
}

.navbar-nav{
    margin-top:15px;
}

.navbar-nav > li > a {
	padding-top: 5px;
	padding-bottom: 30px;
	color: #ffffff;
	font-size: 20px;
	border: none;
	padding-left: 8px;
	padding-right: 8px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-family: "akzidenzgroteskbe cn";
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
}

.navbar-nav > li > a .grip{
    display:block;
    background-image:url(../Images/grip.png);
    width:12px;
    height:10px;
    position:absolute;
    right: 10px;
}

.navbar-nav > li.active > a .grip{
    display:block;
}

.navbar-nav > li > a.link-mag:hover,
.navbar-nav > li > a.link-mag:focus,
.navbar-nav > li.active > a.link-mag{
    background:#f68b20;
}

.navbar-nav > li > a.link-parn:hover,
.navbar-nav > li > a.link-parn:focus,
.navbar-nav > li.active > a.link-parn{
    background:#00bcdf;
}

.navbar-nav > li > a.link-miss:hover,
.navbar-nav > li > a.link-miss:focus,
.navbar-nav > li.active > a.link-miss{
    background:#0db14b;
}

.navbar-nav > li > a.link-conf:hover,
.navbar-nav > li > a.link-conf:focus,
.navbar-nav > li.active > a.link-conf{
    background:#b72126;
}

.navbar-nav > li > a.link-resr:hover,
.navbar-nav > li > a.link-resr:focus,
.navbar-nav > li.active > a.link-resr{
    background:#767676;
}
.menu ul li ul{
    display: none;
    list-style: none;
    z-index: 100;
}
.menu ul li ul.p120{
    min-width: 120%;
}
.menu ul li:hover ul{
     display:block;
        margin:0;
        padding:0;
        position:absolute;
        float:none;
        background-color: #ffffff;
        width: 100%;
}
.menu ul li ul li{
    padding: 2px 5px;

}
.menu ul li ul li:nth-child(odd)       { background-color:#2b2b2b; }
.menu ul li ul li:nth-child(even)       { background-color:#2b2b2b }
.menu ul li ul li:hover{ background-color:#767676;  }

.menu ul li ul li a, .menu ul li ul li a:hover{
    /*color: #ffffff;*/
    /*text-decoration: none;*/
    color: #ffffff;
    text-decoration: none;
    font-family: "akzidenzgroteskbe cn" !important;
    font-size: 20px !important;
    font-weight: 300;
    letter-spacing:0px;


}

.navbar-nav > li > a.link-free:hover,
.navbar-nav > li > a.link-free:focus,
.navbar-nav > li.active > a.link-free{
    background:#ed2980;
}
.navbar-nav > li > a.link-ymnation:hover,
.navbar-nav > li > a.link-ymnation:focus,
.navbar-nav > li.active > a.link-ymnation{
    background:#0967af;
}

.navbar-form{
    position:absolute;
    right:0;
}

.navbar-form .form-control{
	float: right;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: 300;
	padding: 6px 10px;
	height: auto;
	width: 130px;
	font-family: "akzidenzgroteskbe cn";
}

.container > .navbar-collapse{
    max-height:100%;
    position:relative;
    overflow:hidden;
    padding-left:0;
    padding-right:0;
}

.navbar-form {
    padding:0;
}

.navbar-form input::-webkit-input-placeholder {
	color:#000000 !important;
	}

.navbar-form input:-moz-placeholder {
	color:#000000 !important;
	}

.navbar-form input:-ms-input-placeholder { /* IE10+ */
	color:#000000 !important;
	}

/* TOP ARTICLE SECTION BANNERS */
section.article-top{
    font-family: 'akzidenzgroteskbe regular';
    margin-bottom: 0px;
}
section.article-top img{
    width: 100%;
    height: 250px;


}
section.article-top div.gallery img{
    width: 100%;
    height: 200px;


}
section.article-top div.first{
    height: 250px;
}
section.article-top div.first img{
    height: auto;

}
section.article-top div.first div{
    height: 190px;
    overflow: visible;
}
section.article-top div.first{
    border-bottom: 2px solid #bcbec0;
}
section.article-top div.first div{
    position: relative;
}
section.article-top h1{
    font-family: 'akzidenzgroteskbe bold';

    color: #ffffff;
    text-transform: uppercase;

    line-height: 0.9;
}
section.article-top div.first div h1{
     position: absolute;
    bottom: 0px;
    left: 10px;
    font-size: 50px;

}
section.article-top div.second div h1{
    position: absolute;
    right: 10px;
    bottom: 50px;
    font-size: 38px;
}
.red, a.red{
    color: #cb0f0f;
    font-family: 'akzidenzgroteskbe bold';
}
a.red:hover{
    color: #cb0f0f;

}
.player-controls{
    height: 30px;
    background-color: rgba(0,0,0,0.6);
    position: relative;
    bottom: 30px;
}

/*header-banners*/

.header-banner-title{

    font-family: "akzidenzgroteskbe cn";
    font-size:24px;
    text-transform:uppercase;
    padding:5px 10px 5px 10px;
    min-width: 120px;
    margin-right: 20px;
}
.header-banner-breadcrumbs{
    font-family: "Droid Sans", sans-serif;
    font-weight: 700;
    font-size: 10px;
    line-height: 34px;

}
.header-banner-content{
    margin-top: 10px;
    border-top: 1px solid #cccccc;
    padding-bottom: 5px;
}
.header-banner-content h4{
    font-family: "akzidenzgroteskbe boldcn";

}
.header-banner-content > div{
    padding-bottom: 30px;
}
div.shares a{
    color: #7b7b7b;
    font-size: 10px;
    margin-right: 10px;
}
.borders{
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;

}
.mag-title{
    background:#f68b20;

}
.post.mag-box{
    border-top: 2px solid #f68b20;
}
.parents-title{
    background: #00bcdf;
}
.post.parents-box{
    border-top: 2px solid #00bcdf;
}
.missions-title{
    background: #424242;
}
.post.missions-box{
    border-top: 2px solid #424242;
}
.conference-title{
    background: #b72126;
}
.post.conference-box{
    border-top: 2px solid #b72126;
}
.resources-title{
    background: #febf10;
}
.post.resources-box{
    border-top: 2px solid #febf10;
}
.freebies-title{
    background: #ed2980;
}
.post.freebies-box{
    border-top: 2px solid #ed2980;
}
.issue-title{
    background:#939598;

}
.post.issue-box{
    border-top: 2px solid #939598;
}
.banner-ad img{
    width: 100%;
    height: auto;
}

.narrow-img img{
    max-width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}
.green-button-small-red:hover{
	color:white;
}
.green-button-small-red{
	display: block;
	background-image: url("../Images/ym_03_01.png");
	width: 81px;
	height: 35px;
	text-align: center;
	font-size: 11px;
	color: rgb(255, 255, 255);
	line-height: 20px;
	font-family: "akzidenzgroteskbe md";
	background-repeat: no-repeat;
}
.green-button-small{

display: block;
background-image: url("../Images/green-button-small.png");
width: 85px;
height: 36px;
text-align: center;
font-size: 11px;
color: rgb(255, 255, 255);
line-height: 30px;
font-family: "akzidenzgroteskbe md";
background-repeat:no-repeat;
}

.green-button-large{

display: block;
background-image: url("../Images/green-button-large.png");
width: 115px;
height: 42px;
text-align: center;
font-size: 12px;
color: rgb(255, 255, 255);
line-height: 42px;
font-family: "akzidenzgroteskbe md";
margin-top: 20px;

}
a.green-button-small:hover{
    color: #ffffff;
}
.hspace{
    margin-right: 10px;
}

/*TEAM PAGE*/
.team-header{

    min-height: 450px;
    background-color: #ffffff;
    position: relative;

}
.team-header hgroup{
    position: absolute;
    bottom: 20px;
    left: 30px;
}
.team-header h1{
    font-family: "akzidenzgroteskbe boldcn";
    font-size: 86px;
    line-height: 0.9;
}
.team-header h5{
    font-size: 16px;
    color: #7b7b7b;
}
div.team-main{
    background-color: #000000;
    color: #ffffff;
}
div.team-main ol.breadcrumb li a{
    color: #ffffff;

}
div.team-main ol.breadcrumb > li + li:before{
    color: #ffffff;
}
div.team-main h1{
    font-family: "akzidenzgroteskbe boldcn";
    padding-left: 30px;
}
div.team-intro{
    color: #ec008c;
    text-align: center;
    margin-bottom: 40px;
}
.team-members{
    font-family: "akzidenzgroteskbe md";

}
.team-members img{
    width: 100%;
    height: auto;
    max-width: 300px;

}
.team-members p.name{
    font-size: 20px;
    margin-right: 10px;
    line-height: 32px;
}
.team-members p.nick a{
    color: #ec008c;
    line-height: 32px;


}
.team-members p.small{
    font-size: 11px;
    margin-bottom: 20px;
}
.team-h{
    font-size: 14px;
}
/* rec-resources
************************************/
.rec-resources, .featured{
    background-color:#ffffff;
    width:100%;
    margin-bottom:10px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    border-top: 1px solid #00aeef;
}

.title{
    float:left;
    color:#ffffff;
    margin-top:0;
}

.blue-title{
    padding:5px 15px;
    background:#00aeef;
}

.res-date{
	text-transform: uppercase;
    font-family: "akzidenzgroteskbe regular";
    font-size:10px;
    color:#7a7a7a;
    float:left;
    margin-left:15px;
    margin-top:10px;
}

.rec-resources .res-item{
    float:left;
    margin-left:15px;
    width:18%;
    padding-bottom:15px;
}

.rec-resources .res-item.first-item{
    margin-left:30px;
}

.res-item:hover,
.res-item:focus{
    text-decoration:none;
}

.res-item img{
    float:left;
    display:block;
    margin-right:10px;
}

.res-item h6{
    font-family: "akzidenzgroteskbe boldcn";
    color:#000000;
    display:block;
    font-size:14px;
    margin:0;
    margin-top:20px;
}

.res-item p{
    font-family: "akzidenzgroteskbe regular";
    font-size:13px;
    color:#000000;
}

/*featured*/
.featured a, .featured a:hover{
    color: #000000;

}
.featured-item h4{
    border-top: 1px solid #000000;
    padding: 2px 0px;
}
.featured div.col-lg-4{
    padding: 0px;
}
.featured-title a{
    font-size: 18px;
font-family: "akzidenzgroteskbe boldcn";

line-height: 20px;

}
.featured ul li{
    margin-bottom: 10px;
}

/* main-content-box
*****************************************/

.main-content-box{
    background:#ffffff;
    margin-bottom:20px;
    border-top:2px solid #2b2b2b;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
}
.main-content-box.border-bottom{
    border-top: none;
    border-bottom: 5px solid #939598;

}

.post{
    border-top:1px solid #2b2b2b;

}

.post-align{ margin-right:23px;}



.post.no-border{
    border-top:none;
}


.post .gray-title, .post .gray-title-wide{
    background-color:#2b2b2b;
    font-family: "akzidenzgroteskbe cn";
    font-size:14px;
    text-transform:uppercase;
    padding:5px;

}
.post .gray-title{
    width: 120px;
}

.sort{
    list-style:none;
    padding:0;
    float:right;
    width:200px;
    margin-right:25px;
    margin-top:5px;
}

.sort li,
.sort li a{
    float:left;
    display:block;
    color: #000; /* text color */
    font-family: "DroidSans", sans-serif;
    font-size: 9px;
    font-weight:normal;
}

.sort > li + li:before{
    padding: 0 2px;
    color: #000000;
    content: ">";
}
.sort li:last-child:before{
	content: "" !important;
}

.sort li{
    font-weight: bold;
    padding:0 3px;
}

.post .post-inner{
    margin-top:30px;
    margin-left:15px;
    margin-bottom:10px;
    margin-right:20px;
}

.post .post-inner .post-thumb{
    float:left;
    margin-right:20px;
}

.post-inner h2{
    color:#000000;
    margin-top:0;
    margin-bottom:10px;
}

.post-inner .post-date{
    color: #7a7a7a; /* text color */
    font-size: 12px;
    text-transform:uppercase;
}

.post-inner .post-date .author{
    font-weight:bold;
}

.post-inner .post-content{
    font-size:13px;
    color:#000000;
    line-height:110%;
}

.post-inner .post-content a{
    color:#00aeef;
    text-transform:uppercase;
    font-family: 'akzidenzgroteskbe bold';
}

.post-social, .post-social1{
    float:right;

    height:30px;
    margin-top:5px;
    margin-bottom:5px;
}
.post-social{
    width:285px;
}
.post-social1 h4{
    font-family: 'Droid Sans', sans-serif;
    font-weight: 700;
    font-size: 11px;
    line-height: 10px;

    margin-right: 10px;
}
.post-social1 img.social{
    margin-right: 5px;
}
.post-head{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
}

.share-head{ position:relative;}

.post-share-social{ position:absolute; right:0; bottom:7px;}


.post-body{
    padding-bottom: 20px;

    border-bottom: 1px solid #cccccc;

 }
.showmore{
    text-align: center;
    height: 35px;
    background-color: #939598;
}
.showmore a, .showmore a:hover{
    color: #ffffff;
    font-family: 'akzidenzgroteskbe boldit';
    line-height: 35px;
}
.bottom-ad{
    margin-bottom: 19px;
}
.about-author{
    border-left: 3px dotted #cccccc;
    margin-left: 10px;

}
.about-author h5{
    font-family: 'akzidenzgroteskbe bold';
    font-size: 11px;
}
.about-author p, .about-author a{
    font-family: 'akzidenzgroteskbe it';
    font-size: 11px;
}
.about-author a{
    text-decoration: underline;
}
div.author-wrap{
    width: 70px;
    height: 70px;
    overflow: hidden;

    -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.comments{
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
margin-bottom: 20px;
padding: 10px 0 0 0;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.comments h4{
    border-bottom: 1px solid #000000;
}
.comment{
    padding-left: 10px;

}
.comment-wrap{
    border-bottom: 1px solid #cccccc;
    padding: 10px 0px;
    margin-bottom: 10px;
}
.comment-author, .comment-author a{
    font-family: 'akzidenzgroteskbe bold';
}

/* sidebar
***********************************/


.sidebar p{
	font-family: "akzidenzgroteskbe it";
	}

.view-catagory{
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    background:#ffffff;
    margin-bottom:15px;
}

.aside-h3{
    background:#2b2b2b;
    color:#ffffff;
    padding:8px 15px;
    font-size:22px;
    text-transform:uppercase;
    margin-top:0;
}

.cat-list{
    float:left;
    padding:0;
    list-style:none;
    margin-left:15px;
}

.cat-list li a{
    color: #939597; /* text color */
    font-size: 19px;
    font-family: "akzidenzgroteskbe mdcn";
    line-height:110%;
    text-transform:uppercase;

}

.cat-list li a:hover,
.cat-list li a:focus{
    color: #00adef;
    text-decoration:none;
}

.connect-box{
    background:#2b2b2b;
   margin-bottom:15px;
}

.connect-box .aside-h3{
    float:left;
    padding-right:5px;
    margin-bottom:0;
    line-height:120%;
}

.connect-list{
    padding:0;
    list-style:none;
}

.connect-list li a{
    display:block;
    float:left;
    width:32px;
    height:32px;
    background-repeat:no-repeat;
    background-position:center center;
    margin-left:5px;
    margin-top:5px;
}

.connect-list li a.ic-mail{
    background-image:url(../Images/contact-mail.png);
}

.connect-list li a.ic-twt{
    background-image:url(../Images/contact-twitter.png);
}

.connect-list li a.ic-fb{
    background-image:url(../Images/contact-facebook.png);
}

.connect-list li a.ic-rss{
    background-image:url(../Images/contact-rss.png);
}

.today-box{
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    background:#ffffff;
    margin-bottom:15px;
}

.today-box .today-title{
    font-size:16px;
    font-family: "droid sans";
    padding:5px;
    color:#989898;
    display:block;
    float:left;
    margin-top:5px;
}

.today-box .today-banner{
    background-image:url(../Images/today-banner.png);
    background-repeat:no-repeat;
    background-position:top center;
    width:55px;
    height:41px;
    display:block;
    float:right;
    margin-top:-10px;
    margin-right:5px;
}

.today-box p{
    color:#1d355b;
    margin:5px 10px;
    font-size:13px;
    line-height:120%;
    font-family: "akzidenzgroteskbe boldcn";
}

.today-box .signup-btn{
   display:block;
    width:100%;
    padding: 0px 0px 350px 0px;
    background-image:url(../Images/sign-up-btn.png);
    background-repeat:no-repeat;
    background-position:center;
    background-size: 75%;
}

.aside-banner img{
    width:100%;
    height:auto;
    max-width:250px;
    max-height:250px;
    margin-bottom:15px;
}

.group-tablet{

    margin-bottom:15px;
    padding-bottom:0;
    position:relative;
    margin-top:15px;
}

.tablet-info{
    float:left;
    width: 100px;
    padding-left:10px;
}

.group-tablet h4,
.group-tablet h2{
    display:block;
    margin-bottom:0;
    margin-top:0;
}

.group-tablet h4, .group-tablet h4 a{
    color: #ffffff; /* text color */
    font-family: "akzidenzgroteskbe cn";
    font-size:14px;
    text-align:center;
}

.group-tablet h2{
    font-size:35px;
    color:#ffffff;
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}

.app-store-btn{
    width:94px;
    height:33px;
    background-image:url(../Images/app-store-btn.png);
    background-position:center center;
    background-repeat:no-repeat;
    margin-right: -5px;

}
.ipad{
    margin: 10px auto;
    text-align: center;
}

.group-tablet a,
.group-tablet a img{
    display:block;
    float:right;

}

.group-tablet a img.mag{
    margin-top: -10px;
}
.free-app{
padding: 10px;
border-top: 1px solid #ffffff;
margin-top: -10px;

}
.chatter{
    background:#ffffff;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
    margin-bottom:15px;
    font-family: "akzidenzgroteskbe mdcn";
    color:#000000;
}
.trending{
    border-bottom: 5px solid #000000;
}

.chat-box{
    padding:15px;
    border-bottom:1px solid #bfbfbf;
    font-family: "akzidenzgroteskbe mdcn";
}

.chat-box p{
    margin-bottom:0;
    font-family: "akzidenzgroteskbe md";
    font-size:9pt;
    /*line-height:120%;*/
}

.chat-box p a{
    color:#00aeef;
    font-family: "akzidenzgroteskbe md";
    font-size:9pt;
}

.chat-box img{
    float:left;
    margin-right:20px;
    margin-bottom:10px;
}

.chat-box .italic-p{
    font-family: "akzidenzgroteskbe it";
    font-size:13px;
}

.chat-box .italic-p a{
    font-family: "akzidenzgroteskbe it";
    font-size:12px;
    text-decoration:underline;
    color:#00aeef;
}

.view-twitter{
    padding:15px;
    padding-top:30px;
}

.view-twitter a{
    color:#00aeef;
    font-size:16px;
    font-family: "akzidenzgroteskbe mdcn";
	text-decoration:underline;
}
.enter{
    background-color: #c3c3c3;
    margin-bottom: 15px;
}
.win-form{
    padding: 10px;
}
.win-form input, .win-form textarea{
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    width: 150px;

}
textarea{
    resize: none;
}
.win-form label{
    font-size: 10px;
    line-height: 25px;


}
.now{
    font-family: "akzidenzgroteskbe md";
    padding: 10px 0 0 10px;
    font-size: 10px;
}
div.ideas .aside-h3{
    background-color: #56861f;
}
.ideas{
    background-color: #ffffff;

}
.ideas p{
    font-family: "akzidenzgroteskbe md";
}
/* foot-banner
*************************************/
.foot-banner{
	background: #4b4b4b; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjYxJSIgc3RvcC1jb2xvcj0iIzc0NzQ3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YzlkOWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #4b4b4b 0%, #747475 61%, #9c9d9f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4b4b4b), color-stop(61%,#747475), color-stop(100%,#9c9d9f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #4b4b4b 0%,#747475 61%,#9c9d9f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #4b4b4b 0%,#747475 61%,#9c9d9f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #4b4b4b 0%,#747475 61%,#9c9d9f 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #4b4b4b 0%,#747475 61%,#9c9d9f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#9c9d9f',GradientType=0 ); /* IE6-8 */

    padding:10px 15px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
	box-shadow: 0 0 10px rgba(0,0,0,.2); /* drop shadow */
}

.foot-banner h3{
    float:left;
    display:block;
    margin-top:0;
    margin-bottom:0;
    color:#ffffff;
    margin-right: 20px;
}

.foot-banner h4{
    float:left;
    display:block;
    margin-top:0;
    margin-bottom:0;
    color:#ffffff;
    margin-left:30px;
	padding-top:5px;
}

.foot-banner .green-btn{
	float: right;
	display: block;
	background-image: url(../Images/green-banner.png);
	width:103px;
	height:28px;
	text-align:center;
	font-size: 20px;
	color: #ffffff;
	line-height:130%;
	font-family: "akzidenzgroteskbe mdcn";
}
.foot-banner{
    height: 50px;
    overflow: hidden;
}
.foot-banner img{
    position: relative;
    top: -20px;
}



/* footer
***********************************/
footer{
    /*margin-top:40px;*/
    margin-top: 26px;
}

footer h4{
    background-color:#939598;
    color:#ffffff;
    padding:5px;
    margin-top:-10px;
    text-transform:uppercase;
}

footer .row .col-lg-3,
footer .row .col-sm-3,
footer .row .col-md-3{
    border-right:1px solid #999;
    height:250px;
}

footer .row .col-lg-3:last-child,
footer .row .col-sm-3:last-child,
footer .row .col-md-3:last-child{
    border-right:none;
}

.foot-list{
    list-style:none;
    padding:0;
}

.foot-list li a{
    font-family: "akzidenzgroteskbe regular";
    font-size:13px;
    color:#000000;
    line-height:130%;
    display:block;
}

.foot-list li a:hover,
.foot-list li a:focus{
    color:#00aeef;
    text-decoration:none;
}

.foot-list,
.list-right{
    float:left;
    display:block;
}

.list-right{
    margin-left:40px;
}

.logo-block{
    width:280px;
    float:right;
}

.foot-logo{
    margin-top:35px;
}

.foot-logo a{
    display:block;
    float:right;
    margin-bottom:0;
}

.foot-logo .group-logo{
    background-image:url(../Images/group-logo.png);
    background-repeat:no-repeat;
    width:55px;
    height:48px;
}

.foot-logo .youth-simple{
    background-image:url(../Images/youth-minitry-foot-logo.png);
    background-repeat:no-repeat;
    width:195px;
    height:29px;
    float:left;
}


/* helper classes
***********************************/
.no-margin{
	margin:0;
	}

.no-left{
	margin-left:0;
	}

.no-right{
	margin-right:0;
	}

.row-normal{
	margin-left:0;
	}

.animate{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	}

/*===========================================*/
/*------------- Media Queries ---------------*/
/*===========================================*/

/* more than 1200px width
********************************/
@media (min-width: 1050px) {
	.container{
		max-width:1030px;
	}

	.aside{
			padding-left:5px;
		}

	}

	@media (max-width: 1049px) {
	.container > .navbar-collapse {
		width:66%;
	}

	.big-banner{
		width:80%;
	}

	.small-banner{
		width:18%;
	}

	header .black{
		padding-bottom:15px;
	}

	.navbar-nav > li > a {
		padding-left:5px;
		padding-right:5px;
		}

	.navbar-form .form-control {
		width:100px;
		}

	.list-right{
			margin-left:20px;;
		}

	.connect-box .aside-h3{
		padding-left:5px;
		}

	.today-box .today-title{
		font-size:15px;
		}

	.today-box .today-banner{
		margin-right:0;
		}

	.tablet-info{
		float:none;
		width: 100%;
	}

	.group-tablet a,
	.group-tablet a img {
		float:none;
		margin-top:0;
		margin-right:0;
		margin:5px auto;
		margin-bottom:0;
	}

	.app-store-btn{
		margin-bottom:10px;
		}


	section.article-top img{
		width: 100%;
		height: 200px;


	}
	section.article-top div.first{
		height: 200px;
	}
	section.article-top div.first div, section.article-top div.first img{
		height: 130px;
	}
	section.article-top div.first div h1{
		font-size: 38px;
		position: absolute;
		bottom: 0px;
		left: 10px;
}
}
@media (min-width: 780px) and (max-width: 991px)  {
	.row.article-top {
		height: 201px !important;
	}
	.custom-menu-last{
		width: 212px;
	}
	.final-group{
		width: 163px;
	}
	.mag-box .aside-banner{
		width: 161px;
	}
	.sub-menu{
		width: 100px !important;
		background-color:#2b2b2b !important;
	}
	.container .menu ul li ul{
		display: none !important;
		list-style: none;
		z-index: 100;
	}
	.container .menu ul li:hover ul{
		 display:block !important;
        margin:0 auto !important;
        padding:auto !important;
        position: absolute !important;
        float:none;
        /*background-color: #DC100C;*/
        width: 100%;
}
}
/* less than 768px width */
@media (max-width: 768px) {
    header .menu ul li ul{
        display: block !important;
        list-style: none;
        z-index: 100;
    }
}
/* less than 979px width
********************************/
@media (max-width: 991px) {
.menu ul li ul li {
	padding: 2px 5px 0 22px !important;
	width: 100% !important;
}
.sub-menu{
	padding-left: 0px !important;
	margin:0 auto !important;
	position:inherit !important;
	float:none;
	/*background-color: #DC100C;*/
	width: 100%;
	padding-bottom: 6px !important;
}
.menu-main-menu-container .sub-menu li {
	width: 100% !important;
}
.menu ul li:hover ul{
        display:block;
        margin:0 auto !important;
        padding:auto !important;
        position:inherit !important;
        float:none;
        /*background-color: #DC100C;*/
        width: 100%;
}
.menu ul li ul{
    display: none !important;
    list-style: none;
    z-index: 100;
}
.navbar-nav {
    /**float: none; */
    margin: 0;
    margin-top:15px;
}

.container > .navbar-collapse {
    width:63%;
}

.navbar-nav > li > a, .navbar-group > li > a{
    font-size:17px;
    padding-left:3px;
    padding-right:3px;
    }

.navbar > .container .navbar-brand , .navbar > .container .navbar-group {
        margin-right:10px;
        margin-top:0;
    }

.responsive-header .navbar-brand img{ width:243px !important;}

.navbar-brand h1{
    text-indent:-9999px;
    width:252px;
    height:43px;
    background-image:url(../Images/youngministry.com-log-mobile.png);
    background-repeat:no-repeat;
    background-position:center center;
}

.navbar-group h1{
    text-indent:-9999px;
    width:252px;
    height:71px;
    background-image:url(../Images/group-mag-logo.png);
     background-repeat:no-repeat;
    background-position:center center;
}
.navbar-groupm h1{
    text-indent:-9999px;
    width:252px;
    height:70px;
    background-image:url(../Images/group-missions-logo.png);
     background-repeat:no-repeat;
    background-position:center center;
}
.navbar-parents h1{
    text-indent:-9999px;
    width:252px;
    height:56px;
    background-image:url(../Images/parents-logo.png);
     background-repeat:no-repeat;
    background-position:center center;
}
.navbar-form .form-control{
    width:70px;
    /*margin-top: -70px;*/
    }

.foot-banner .green-btn,
.foot-banner h3,
.foot-banner h4{
	margin-left:0;
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
	}

.foot-banner .green-btn{
	margin-top:10px;
	}


footer .row .col-lg-3,
footer .row .col-sm-3,
footer .row .col-md-3{
    border-right:1px solid #999;
    height:310px;
}

.list-right{
        margin-left:0px;;
    }

.rec-resources .res-item{
    margin-left:10px;
    padding-bottom:15px;
}

.rec-resources .res-item.first-item{
    margin-left:20px;
}

.post-inner .post-content{
    margin-top:15px;
    }

.cat-list{
    margin-bottom:0;
}

.cat-list.list-right{
    margin-left:15px;
        margin-bottom:10px;
    }

.connect-box .aside-h3{
    padding-left:10px;
        float:none;
        text-align:center;
    }

.connect-list li a{
        margin-top:0;
        margin-bottom:10px;
    }

.today-box .today-title{
    font-size:15px;
        float:none;
        text-align:center;
        margin-bottom:0;
    }

.today-box .today-banner{
    margin-right:0;
        float:none;
        margin:0 auto;
    }


section.article-top img{
    width: 100%;
    height: 185px;


}
section.article-top div.first{
    height: 185px;
}
.col-lg-3.col-sm-3.col-md-3 .aside-banner {
    text-align: center;
    width: 100%;
}
section.article-top div.first div, section.article-top div.first img{
    height: 111px;
}
section.article-top div.first div h1{
    font-size: 25px;
    position: absolute;
    bottom: 0px;
    left: 25%;
}
.foot-banner{
    height: 100px;
    overflow: hidden;
}
.foot-banner img{
    position: relative;
    top: -45px;
}

}
/* less than 900px width
********************************/
@media (max-width: 900px) {
    .foot-banner{
    height: auto;
    overflow: hidden;
}
.foot-banner img{
    display: none;
}
}


/* greater than 960px width
********************************/
@media (min-width: 960px) {
    .col-lg-3.col-sm-3.col-md-3.left-class .aside-banner img {
            margin-right: 7px !important;
    }
}



/* less than 767px width
********************************/
@media (max-width: 767px) {
	.article-top div.first img {
		height: 160px !important;
		max-height: 200px !important;
	}
	.article-top div.first p {
		padding-left: 111px !important;
	}
	section.article-top div.first div, section.article-top div.first img {
		height: 153px !important;
	}
	.header-banner-breadcrumbs {
		font-size: 8px;
	}
section.article-top {
	font-family: 'akzidenzgroteskbe regular';
	margin-bottom: 30px;

}
.row.article-top{
	height: auto !important;
}
.container > .navbar-collapse {
    width:auto;
    float:none;
    padding-left:15px;
    padding-right:15px;
}
.menu ul li:hover ul{
    display: none;
}

.container > .navbar-header{
    float:none;
}


.navbar > .container .navbar-brand, .navbar > .container .navbar-group {
    margin-left: 0;
    padding-left:15px;
}

.navbar-form{
    position:relative;
    right:auto;
    padding: 10px 15px;
}

.navbar-form .form-control {
        float:none;
        width:100%;
    }

.navbar-nav > li > a{
    padding-bottom:10px;
        padding-top:10px;
        font-size:20px;
        padding-left:20px;
    }

.navbar-nav > li > a .grip{
        position:relative;
        float:right;
        top:auto;
        left:auto;
        margin-right:20px;
        margin-top:5px
    }

footer {
    margin-top:10px;
    }

footer h4{
        margin-top:20px;
    }

footer .row .col-lg-3,
footer .row .col-sm-3,
footer .row .col-md-3{
    border-right:none;
    height:auto;
}

.list-right{
        margin-left:30px;;
    }

.rec-resources .res-item{
    float:left;
    margin-left:20px;
    width:45%;
    padding-bottom:15px;
}

.rec-resources .res-item.first-item{
    margin-left:20px;
}

.connect-box .aside-h3{
    padding-left:20px;
    float:left;
    text-align:left;
    }

.connect-list li a{
        margin-top:5px;
        margin-bottom:0;
    }

.today-box .today-title{
    font-size:18px;
    float:left;
    text-align:left;
    margin-bottom:10px;
    padding-left:15px;
    }

.today-box .today-banner{
    margin-right:20px;
    float:left;
    margin-top:-10px;
    margin-left:10px;
    }

.aside-banner img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
    }

.tablet-info{
    float:left;
    width: 50%;
}

.group-tablet a img {
    float:right;
    margin-top:-18px;
    margin-right:0;
    margin-bottom:0;
}

.group-tablet h4{
    margin-top:10px;
}

.app-store-btn{
    margin-bottom:10px;
    }

.responsive-header .navbar-brand img{ width:223px !important;}

}
/* less than 640px width
********************************/
@media (max-width: 640px) {
.post .post-inner .post-thumb{
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:15px;
}

.post-inner .post-date,
.post-inner h2 {
        text-align:center;
    }

.post-social {
        float:none;
        margin:0 auto;
    }

}
/* less than 570px width for iphone 5
********************************/
@media (max-width: 570px) {
	.article-top div.first img {
		height: 160px !important;
		max-height: 200px !important;
	}
	.article-top div.first p {
		padding-left: 13px !important;
	}
	section.article-top div.first div, section.article-top div.first img {
		height: 153px !important;
	}
	.header-banner-breadcrumbs {
		font-size: 8px;
	}

}
/* less than 480px width
********************************/
@media (max-width: 480px) {
    .big-banner{
        width:100%;
        float:none;
        clear:both;
        margin:0 auto;
    }

    .small-banner{
        width:auto;
        float:none;
        clear:both;
        margin:10px auto;
    }

    .logo-block{
        width:auto;
        float:none;
    }

    .foot-logo{
        margin-top:20px;
    }

    .foot-logo a{
        display:block;
        float:none;
        margin-bottom:0;
    }

    .foot-logo .group-logo{
        margin-left:auto;
        margin-right:auto;
    }

    .foot-logo .youth-simple{
        float:none;
        margin-left:auto;
        margin-right:auto;
            margin-bottom:20px;
    }

    .rec-resources .res-item{
        float:left;
        display:block;
        clear:both;
        margin-left:20px;
        width:90%;
        height:100%;
        padding-bottom:15px;
    }

    .rec-resources .res-item.first-item{
        margin-left:20px;
    }
}
/* less than 420px width
********************************/
@media (max-width: 495px) {
	.comp-logo-1{
		margin-top: 14px !important;
	}

}
.narrow-img a .img-auto {
	max-width: 155px !important;
}
@media (min-width: 1200px){
	.main-category-container {
		width: 73.8%;
	}
	.col-lg-3.col-sm-3.col-md-3.category-sidebar {
		width: 26.2% !important;
	}
	.conference-class .col-lg-9 {
		width: 73.8%;
	}
	.conference-class .col-lg-3.col-sm-3.col-md-3 {
			width: 26.2% !important;
	}
}
.img-banner-parent{
	max-width: 100%;
	height: 40px;
	background-image: url("../Images/parent_banner_img.png");
	background-repeat:no-repeat;
}
.img-parent-class{
	float: right;
	margin-top: 11px;
	padding-right: 10px;
}
.img-banner-mag{
	max-width: 100%;
	height: 40px;
	background-image: url("../Images/gm_small.png");
	background-repeat:no-repeat;
}
.img-banner-serv
{
	max-width: 100%;
	height: 40px;
	background-image: url("../Images/serv_small.png");
	background-repeat:no-repeat;
}
.img-banner-conf
{
	max-width: 100%;
	height: 40px;
	background-image: url("../Images/conf_small.png");
	background-repeat:no-repeat;
}
.img-banner-free
{
	max-width: 100%;
	height: 40px;
	background-image: url("../Images/free_small.png");
	background-repeat:no-repeat;
}
.title.header-banner-title{
	letter-spacing:1px;
}
.author-name{
	text-transform:none !important;
}
.menu-top-menu-container{
	padding-bottom:20px;
}
.change-clear{
    height: 120px !important;
}
.home_sidebar_p {
	background:#fff;
	padding:5px;
  text-align: center;
}
.txt_in_a {
	padding :50px;
	text-align : center;
}
.custom-newsletter {
	padding:1px 10px 0px 10px;
	height : 250px !important;
	width: 100% !important;
}
@media screen and (max-width: 767px){
  html body .custom-newsletter{
    padding:1px 10px 0px 10px !important;
	height : 100px !important;
	width: 100% !important;
  }
  html body .today-box .signup-btn{
    display:block !important;
    width:100% !important;
    padding: 33px 0px 200px 0px !important;
    background-image:url(../Images/sign-up-btn.png) !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size: 50% !important;
 }
 html body .bg-img-news2
	{
		max-height: 131px !important;
		width: 62% !important;
		background-size: 100% !important;
		padding :10px !important;
		margin : 0px auto !important;
	}
}
@media screen and (max-width: 991px){
  body .custom-newsletter{
    padding:1px 10px 0px 10px !important;
	height : 185px !important;
	width: 100% !important;
  }
  body .today-box .signup-btn{
    display:block !important;
    width:100% !important;
    padding: 0px 0px 300px 0px !important;
    background-image:url(../Images/sign-up-btn.png) !important;
    background-repeat:no-repeat !important;
    background-position:center !important;
    background-size: 50% !important;
 }
 body .bg-img-news2
	{
		max-height: 131px !important;
		width: 100% !important;
		background-size: 100% !important;
		padding :10px !important;

	}
}
