/* minor layout helpers */

.text-center{text-align: center;}
.row.gutter-sm {
  margin-right: 5px;
  margin-left: 5px;
}
.row.gutter-sm > [class^="col-"],
.row.gutter-sm > [class*=" col-"] {
  padding-right: 5px;
  padding-left: 5px;
}

p{padding: 0px!important;margin-bottom: 15px;}

/* main scaffolding for resource styles */

.jumbotron{background-size: cover;background-position: center center;background-repeat: no-repeat;padding: 0;border-radius: 0px;margin: 0;}
.jumbotron .text_cont{padding: 45px 15px 60px;color: #fff;background: rgba(0,0,0,.6);margin-left: -15px;margin-right: -15px;}
.jumbotron .text_cont figure.icon,
.jumbotron .text_cont i.fa{margin-bottom: 15px;}
.jumbotron .text_cont figure.icon > img{max-width: 100px;height: auto;}
.jumbotron .text_cont i.fa{font-size: 72px;}
.jumbotron .text_cont h1{font-size: 34px;font-weight: 600;color: #fff;}
.jumbotron .text_cont h3{font-size: 21px;color: #fd9322;margin-top: 5px;}
.jumbotron .text_cont p{display: block;margin: 15px auto 0;max-width: 640px;font-size: 16px;}

section{border: none!important;}
section.chapter_nav{padding: 30px 0 0px;}
section.chapter_nav .panel{padding: 6px;border-radius: 6px; text-align: center; position: relative;margin-bottom: 30px; background: rgb(188,227,240);
background: -moz-linear-gradient(-45deg, rgba(188,227,240,1) 1%, rgba(56,162,200,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(188,227,240,1) 1%,rgba(56,162,200,1) 100%);
background: linear-gradient(135deg, rgba(188,227,240,1) 1%,rgba(56,162,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bce3f0', endColorstr='#38a2c8',GradientType=1 );}
section.chapter_nav .panel:before{content: "";position: absolute;top: 0;right: 0;width: 86px;height: 54px;background-image: url(../img/corner.png);background-repeat: no-repeat;z-index: 2;}
section.chapter_nav .panel .text_cont{padding: 25px 20px;border: 1px solid rgba(255,255,255,0.5);}
section.chapter_nav .panel .text_cont h4{color: #0c5592;font-size: 21px;font-weight: 600;margin: 0;}
section.chapter_nav .panel .text_cont > figure.icon,
section.chapter_nav .panel .text_cont > i.fa{margin: 15px 0 20px;height: 80px;display: block;color: #0c5592;}
section.chapter_nav .panel .text_cont > figure.icon > img{max-width: 70px;}
section.chapter_nav .panel .text_cont > i.fa{font-size: 72px;line-height: 80px;}
section.chapter_nav .panel .text_cont > a.btn{border-radius: 4px;padding: .5rem .75rem;display: inline-block;outline: none;border: none;color: #fff;font-weight: 500;font-size: 18px; box-shadow: 0 0 3px rgba(0,0,0,.4); background: rgb(249,178,50);
background: -moz-linear-gradient(top, rgba(249,178,50,1) 0%, rgba(251,149,49,1) 100%);
background: -webkit-linear-gradient(top, rgba(249,178,50,1) 0%,rgba(251,149,49,1) 100%);
background: linear-gradient(to bottom, rgba(249,178,50,1) 0%,rgba(251,149,49,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9b232', endColorstr='#fb9531',GradientType=0 );}

section.chapter_nav.internal{}
section.chapter_nav.internal.lower{}
section.chapter_nav.internal a.panel{display: block;}
section.chapter_nav.internal a.panel:hover{}
section.chapter_nav.internal a.panel:hover .text_cont{border-color: #fff;background: rgba(255,255,255,0.1);}
section.chapter_nav.internal a.panel.active .text_cont{}
section.chapter_nav.internal a.panel.active .text_cont h4{color: #3b579d;}
section.chapter_nav.internal a.panel .text_cont{padding: 5px;}
section.chapter_nav.internal a.panel .text_cont h4{font-size: 16px;height: auto;height: 45px;color: #fff;}
section.chapter_nav.internal a.panel .text_cont > figure.icon,
section.chapter_nav.internal a.panel .text_cont > i.fa{height: 50px;margin: 15px 0;}
section.chapter_nav.internal a.panel .text_cont > figure.icon > img{max-width: 45px;}
section.chapter_nav.internal a.panel .text_cont > i.fa{font-size: 42px;line-height: 50px;}
section.chapter_nav.internal a.panel .text_cont > a.btn{}


/* internal chapter content styles */

section article{}
section article + article,
section article .widget + .widget{margin-top: 45px;}
section article + .clearfix + article,
section article .widget + .clearfix + .widget{margin-top: 45px;}
section article .section_heading{margin: 0 0 20px;}
section article .section_heading h3{color: #0c5592;font-weight: 700;font-size: 30px;margin: 0;}
section article p{font-size: 16px;}
section article p a{color: #fd9322;text-decoration: underline;font-weight: 600;}
section article p b{color: #3b579d;font-weight: 600;}
section article ul{padding-left: 15px;}
section article ul li{list-style: inside;font-weight: 300;line-height: 1.4;}
section article ul li + li{margin-top: 10px;}
section article ul li p{}
section article ul li b{font-weight: 600;color: #3b579d;}
section article .grid_list_wrap{padding: 15px 0;display: block;}
section article .grid_list_wrap .row.grid_list{margin-top: 15px;margin-bottom: 15px;}
section article .grid_list_wrap .row.grid_list h4{font-weight: 700;color: #3b579d;}
section article .grid_list_wrap .row.grid_list h4 span{color: #fd9322;}
section article .grid_list_wrap .row.grid_list p{}
section article .grid_list_wrap .row.grid_list p b{color: #3b579d;font-weight: 600;}
section article .grid_list_wrap .row.grid_list figure.icon{}
section article .grid_list_wrap .row.grid_list figure.icon i.fa{font-size: 32px;color: #0c5592;}
section article .grid_list_wrap .row.grid_list img.icon{width: 50px;height: auto;margin: 0 auto;display: block;}
section article .grid_list_wrap .row.grid_list img.icon.icon-xs{width: 40px;}
section article .grid_list_wrap .row.grid_list img.icon.icon-sm{width: 45px;}
section article .grid_list_wrap .row.grid_list img.icon.icon-lg{width: 55px;}
section article .grid_list_wrap .row.grid_list img.icon.icon-xl{width: 80px;}
section article .grid_list_wrap .row.grid_list img.icon.pull-up{margin-top: -10px;}
section article .grid_list_wrap .row.grid_list img.icon.push-down{margin-top: 10px;}
section article img.alignright,
section article img.alignleft{width: 45%;height: auto;}
section article figure{}
section article figure > img{width: 100%;height: auto;}

section article .next_prev a.prev,
section article .next_prev a.next{color: #fd9322;font-size: 18px;font-weight: 600;}
section article .next_prev a.prev:hover,
section article .next_prev a.next:hover{text-decoration: underline;}
section article .next_prev a.prev{}
section article .next_prev a.next{float: right;}

section article ul.images{margin: 0;padding: 0;}
section article ul.images li{list-style: none;}
/*section article ul.images li + li{margin-left: -4px;}*/
section article ul.images li figure{border: 4px solid #fff;box-shadow: 2px 4px 12px rgba(0,0,0,.2);}
section article ul.images li figure > img{width: 100%;height: auto;}
section article ul.images li:nth-child(1) figure{-webkit-transform: rotate(7deg) scale(0.94); -ms-transform: rotate(7deg) scale(0.94); transform: rotate(7deg) scale(0.94);}
section article ul.images li:nth-child(2) figure{-webkit-transform: rotate(-5deg) scale(1.02); -ms-transform: rotate(-5deg) scale(1.02); transform: rotate(-5deg) scale(1.02);}
section article ul.images li:nth-child(3) figure{-webkit-transform: rotate(6deg) scale(1); -ms-transform: rotate(6deg) scale(1); transform: rotate(6deg) scale(1);}
section article ul.images li:nth-child(4) figure{-webkit-transform: rotate(-5deg) scale(1); -ms-transform: rotate(-5deg) scale(1); transform: rotate(-5deg) scale(1);}
section article ul.images li:nth-child(5) figure{-webkit-transform: rotate(7deg) scale(1.04); -ms-transform: rotate(9deg) scale(1.04); transform: rotate(9deg) scale(1.04);}

.hs_panel{padding: 6px;border-radius: 6px;height: 100%; position: relative;display: block;background: rgb(246,246,246);
background: -moz-linear-gradient(-45deg, rgba(246,246,246,1) 0%, rgba(231,231,231,1) 100%);
background: -webkit-linear-gradient(-45deg, rgba(246,246,246,1) 0%,rgba(231,231,231,1) 100%);
background: linear-gradient(135deg, rgba(246,246,246,1) 0%,rgba(231,231,231,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#e7e7e7',GradientType=1 );}
.hs_panel:before{content: "";position: absolute;top: 0;right: 0;width: 86px;height: 54px;background-image: url(../img/corner-bw.png);background-repeat: no-repeat;z-index: 2;}
.hs_panel .text_cont{padding: 25px;border: 1px solid rgba(255,255,255,0.5);height: 100%;}
.hs_panel .text_cont figure.icon{display: inline-block;}
.hs_panel .text_cont figure.icon > i.fa{font-size: 42px;color: #3b579d;width: 70px;height: 70px;border: 2px solid #3b579d;border-radius: 50%;line-height: 66px;text-align: center;}
.hs_panel .text_cont h3{color: #0c5592;font-weight: 600;margin: 0 0 30px;display: block;font-size: 30px;}
.hs_panel .text_cont h4{color: #0c5592;font-weight: 600;margin: 0 0 30px;display: inline-block;font-size: 24px;}
.hs_panel .text_cont h5{color: #0c5592;font-weight: 600;margin: 0 0 10px;display: block;font-size: 21px;}
.hs_panel .text_cont a.read_more{color: #fd9322;font-weight: 600;display: inline-block;text-decoration: none;}
.hs_panel .text_cont a.read_more:hover{text-decoration: underline;}
.hs_panel .text_cont figure.icon + h4{margin-left: 15px;}
.hs_panel .text_cont ul{}
.hs_panel .text_cont ul li{}
.hs_panel .text_cont ul li + li{margin-top: 10px;}
.hs_panel .text_cont p{color: #444;font-size: 15px;line-height: 24px;}
.hs_panel .text_cont p.link_cont{padding-bottom: 0px;}

/* reponsive styles */

@media (min-width: 576px) {
.container{max-width: none;}
.head_foot{padding: 30px 0;}
.head_foot .branding{display: inline-block;margin-top: 0;text-align: left;}
.head_foot ul.social{margin: 10px 0 0;padding: 0;display: inline-block;float: right;vertical-align: top;}
footer.head_foot ul.social{margin: 0;}
.jumbotron .text_cont{padding: 45px 15px 60px;background: rgba(0,0,0,.4);}
section.chapter_nav .panel .text_cont h4{height: 45px;}
section.chapter_nav.internal a.panel .text_cont h4{height: 50px;}
}

@media (min-width: 768px) {
.text-md-right{text-align: right!important;}
.container{max-width: 720px;}
.jumbotron .text_cont{padding: 45px 0 60px;background: transparent;}
.jumbotron.home .text_cont{padding: 45px 0 100px;}
.jumbotron .text_cont h1{font-size: 40px;}
.jumbotron .text_cont h3{font-size: 30px;}
section.chapter_nav{padding: 60px 0 15px;}
section.chapter_nav.internal.lower{padding: 15px 0 15px;}
section.chapter_nav.internal a.panel .text_cont h4{height: 50px;font-size: 16px;}
}

@media (min-width: 992px) {
.container{max-width: 990px;}
header.head_foot{height: 160px;padding: 15px 0;}
header.head_foot .branding{margin-top: 25px;}
header.head_foot .branding > a > img{max-width: 350px;}
header.head_foot ul.social{margin: 40px 0 0;}
.jumbotron .text_cont{padding: 60px 0;}
.jumbotron.home .text_cont{padding: 75px 0 100px;}
section.chapter_nav .panel .text_cont h4{font-size: 24px;height: 50px;}
section.chapter_nav.internal a.panel .text_cont h4{height: 60px;}
section.chapter_nav .panel .text_cont > a.btn:hover{box-shadow: 0 0 9px rgba(0,0,0,.4);}
section article .grid_list_wrap .row.grid_list .npl{padding-left: 0px;}
}

@media (min-width: 1200px) {
.container{max-width: 990px;}
.text-xl-center{text-align: center;}
.jumbotron .text_cont{padding: 120px 0 120px;}
.jumbotron.home .text_cont{padding: 75px 0 90px;}
.jumbotron .text_cont h1{font-size: 52px;}
.jumbotron .text_cont h3{font-size: 41px;}
section.chapter_nav .panel .text_cont h4{font-size: 28px;height: 65px;}
section.chapter_nav.internal a.panel .text_cont h4{height: 55px;}
section.chapter_nav .panel .text_cont > figure.icon,
section.chapter_nav .panel .text_cont > i.fa{height: 110px;margin: 20px 0 25px;}
section.chapter_nav .panel .text_cont > figure.icon > img{max-width: 90px;}
section.chapter_nav .panel .text_cont > i.fa{font-size: 90px;line-height: 90px;}
}
@media (min-width: 1390px) {
    .jumbotron.home .text_cont{padding: 90px 0 120px;}
}
@media (min-width: 1670px) {
    .jumbotron.home .text_cont{padding: 120px 0 160px;}
}

@media (min-width: 1820px) {
    .jumbotron.home .text_cont{padding: 140px 0 180px;}
}