/**
 * @file core.css
 * @desc Core Module CSS by North Web Studio
 * @author
 * Module developed by
 * Inder Singh(http://indersingh.com) @ North Web Studio (http://northwebstudio.com)
*/
body {
  font-family: "Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
  font-weight: normal;
  color: #404040;
}
.credits{
  text-transform: none;
  text-align: center;
  font-size: 0.9em;
  background: #2B2B2B;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-image: url('../images/north-web-studio-logo.png');
  background-repeat: no-repeat;
  display: inline-block;
  background-size: 30px;
  padding: 4px 40px;
  background-position: 5px;
}
.credits a{
  text-transform: capitalize;
}
.block.block--nws-core-nws-developed{
  margin-bottom: 0;
  text-align: center;
}
.views-field-field-subject-logo a img,
.field--name-field-subject-logo img{
  max-width: 200px;
  max-height: 150px;
  height: auto;
  float: left;
  margin-right: 5px;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
}
/*{
  box-shadow: rgb(211, 211, 211) 0px 10px 20px 3px;
}*/
.field--name-field-subject-logo img{
  margin-right: 5px;
}
.views-field-field-subject-logo a img{
  border:0;
  float: none;
}
h2.subject.title,
.view-subjects .views-view-grid td,
.view-subjects .views-view-grid th{
  text-align: center;
}
.page-admin .ui.menu.fixed{
  position: relative;
}
.view-subjects .views-view-grid td,
.view-subjects .views-view-grid th,
table thead th:last-child,
table tr td:last-child,
table.views-view-grid{
  border-width: 0;
}
.front table.views-view-grid{
  margin-top: 0;
}
h2.subject.title{
  font-size: 30px;
}
h2.title a{
  color: #8D8989;
}

.ui.fixed .fixed-nav .logo{
  height: auto;
  width: 52px;
}
#block-system-main-menu > .ui.menu{
  background-color: transparent;
}
#block-system-main-menu .ui.small.menu .item{
  font-size: 1rem;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #2980b9;
  min-width: 150px;
  text-align: center;
  font-weight: bold;
  color:#fff;
}
#block-system-main-menu .ui.small.menu .item:hover{
  background: #62638A;
}
.overlay-open .ui.menu.fixed.main{
  z-index: 9;
}
.nws-header #block-search-form,
.nws-header .block.block--search{
  float: right;
  margin-top: 50px;
}
.nws-header .block.block--search + .block--menu{
  padding-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  clear: both;
  width: 100%;
  text-align: right;
  margin-top: 41px;
}
body .main .panel-3col-stacked .panel-col {
  width: 86%;
}
.site-branding__logo.fl-left{
  max-height: 105px;
}
.chunk.nav a.nav{
  margin-right: 5px;
}
#main .list.chunk .item{
  font-size: 16px;
  text-transform: capitalize;
}
.list.chunk  .chunk-2,
.list.chunk  .chunk-3,
.list.chunk  .chunk-4,
.list.chunk  .chunk-5,
.list.chunk  .chunk-6,
.list.chunk  .chunk-7,
.list.chunk  .chunk-8,
.list.chunk  .chunk-9,
.list.chunk  .chunk-10{
  display:none;
}
body.admin-menu .navigation.float.left {
  top: 20px;
}
body .navigation.float.left {
  top: 0;
  padding-top: 45px;
  z-index: 9999;
}
.navigation.float.left:hover{padding-top:0;}
.page-articles #main > .ui.main,
.front #main > .ui.main{
  padding:0;
  margin-left: 1%;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -khtml-box-shadow: none;
}
.page-articles .main > .block--views,
.front .main > .block--views {
  display: block;
  width: 24%;
  margin-right:1%;
  float: left;
}
.front .main > .block--views .block__content{
  
}
.front .view-nodequeue-java-technologies >.view-content{
  height: 505px;
}
.front .view-nodequeue-microsoft-technologies >.view-content{
    height: 263px;
}
.front .view-nodequeue-scripting-languages .view-content{
    min-height: 125px !important;
}
.front .main > .block--views:last-child{margin-right:0 !important;}
body.front .l-content.main{
  width:100% !important;
}
.front .main > .block--views:nth-child(2) > h2{
  background: #4EA761 !important;
}
#block-block-1{
  clear:both;
  text-align: center;
}
.front .main > .block--views:nth-child(3) > h2{
  background: #5E50B8 !important;
}
.page-articles .main > .block--views  > h2,
.front .main > .block--views  > h2{
  color: #FEFAFA;
  background: #399589 !important;
  position: relative;
  margin-bottom: 0px;
  /* top: -7px; */
  -moz-border-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size:1.1em;padding:1px 7px;
}
.page-articles .main > .block--views .view .view-content,
.front .main > .block--views .view .view-content{
  border: 1px solid #ccc;
  min-height: 150px;
}
.page-articles .main > .block--views  ul.ui.list li:before ,
.page-articles .main > .block--views  .ui.bulleted.list .item:before,
.front .main > .block--views  ul.ui.list li:before,
.front .main > .block--views  .ui.bulleted.list .item:before{
  content: "\f124";
  display: inline-block;
  opacity: .75;
  margin: 0 .25em 0 0;
  width: 1.23em;
  height: 1em;
  font-family: Icons;
  font-style: normal;
  line-height: 1;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.front .main > .block--views .ui.three.items>.item,
.front .main > .block--views .ui.four.items>.item{width:auto;text-align: center;}
.front .view .views-field-title h2,
.front .view[class^='view-nodequeue-'] .views-field-title h2{
  font-size: 1.1em;
}
.navigation.float.left .block.hover .block__title a,
.navigation.float.left .block.hover .block__title{
  text-align: center;
  border-bottom: 1px solid #fff;
  width: 100%;
  color: rgb(252, 252, 252);
  cursor: auto;
  display: inline-block;
  font-family: Lato, proxima-nova, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  padding: 10px;
  margin: 0;
  border:none;
}
.navigation.float.left .block.hover .block__title a:hover{
  background: transparent;
}
.ui.list > .item{font-weight:bold;}
.ui.list > .item .item{font-weight:normal;}
.l-region--sidebar-second .ui.menu .menu .item{width:100%;border-bottom:1px solid #fff;}
#mini-panel-footer .ui.menu .menu .item{width:100%;border-bottom:1px solid #fff;}
.navigation.float.left .chunk.nav{
  position: absolute;
  bottom: 21px;
  margin: auto;
  width: 100%;
  /* text-align: center; */
  padding: 12px;
  background-color: #272525;
  display: block;
  text-align: right;
  float: right;
}
body .navigation.float.left .block{
  background: #2980b9;
  color: #fff;
}
body .navigation.float.left .block a{
  color: #b3b3b3;
  width: 100%;
  font-size: 14px;
  line-height: 18px;
  text-transform: none;
  text-transform: capitalize;
  padding: 7px 10px 6px 15px;
  display: block;
}
body .navigation.float.left .block a.nav{
  float: left;
  padding: 2px 6px;
  width: auto !important;
}
.navigation.float.left .ui.menu a i.icon{
  display:none;
}
.navigation.float.left .ui.menu {
  background: transparent;
  padding-left: 0;
  padding-top: 15px;
}
body .navigation.float.left .block a:hover {
  background-color: #4e4a4a;
  cursor: pointer;
}
.navigation.float.left .ui.list > .item.child >a{background:#3F3D3D;}
.navigation.float.left .block .block__title {
  padding-left: 5px;
}
.navigation.float.left .block .ui.list .list .item,
.navigation.float.left .ui.list > .item{
  font-weight:normal;
  margin: 0;
  padding: 0;
}
.navigation.float.left .ui.list{
  margin-top:15px;
}
.views-table.ui .tabledrag-handle .handle {
  height: 24px;
  width: 27px;
}
.views-field-field-embedded-video iframe{
  max-width: 90%;
  margin: auto;
}
.chapter.manage.link{
  float:right;
}
.page-node .node div.field img{
  max-width:100% !important;
  height:auto !important;
  cursor: pointer;
  pointer:hand;
}
.cke_button .cke_button_icon {
  background-image: url(/sites/all/libraries/ckeditor/plugins/icons.png) !important;
}


.front .block--views + .contextual-links-region{
  /*	clear: both;*/
}
body .navigation.float.left .block{

}
body .navigation.float.left .block a + a.icon{
  position:absolute;width:auto;background:transparent;
}
body .navigation.float.left .block:hover{
  background-color: #343131;
  -webkit-border-radius: 0px !important;
  -moz-border-radius:  0px !important;
  border-radius:  0px !important;
  padding-top:0;
  padding-bottom:0;
}

body .navigation.float.left .block{
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  padding-top:5px;
  padding-bottom:5px;
}
body .navigation.float.left .block:hover{
  padding-right: 0;
}
body .navigation.float.left .block h2{
  background-color: #2980b9;
}
.slide.arrow{
  position: absolute;
  right: -18px  !important;
  top: 50%;
  background: #343131;
  border-radius: 30px;
  width: 32px;
}
.slide.arrow a{
  padding: 8px !important;
}
a .home.icon.home-small{
  font-size: 35px;
  padding: 0;
  margin: 0;
  background: transparent;
  color: #fff;
}
.ui.fixed .fixed-nav .logo{
  background: transparent;
}
body .navigation.float.left .block a.button.mini{
  background-color: #2980b9;
}
.chunk.ui.list .list {
  clear: both;
  margin: 0;
  padding: 0;
  padding-left: 0;
}
.chunk.ui.list .list > .item a{padding-left:20px;}
h1.site-name{
  text-align: center;
  position: absolute;
  width: 90%;
  font-weight: 700;
  font-family: "Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
  text-shadow: 3px 3px 2px rgba(194, 212, 223, 1);
}
body .site-branding img.site-logo {
  width: 200px !important;
}
.ui.menu .fixed-nav .breadcrumb-nav.item{
  float:left;
  margin:0;
  padding:0;
}
.ui.menu .fixed-nav .ui.steps.breadcrumbs{
  float: left;
  margin-top: 3px;
}
.ui.menu .fixed-nav .ui.steps.breadcrumbs .breadcrumb-home{
  display:none;
}
.ui.menu .fixed-nav .breadcrumb-nav.item .ui.steps .disabled.step,
.ui.menu .fixed-nav .breadcrumb-nav.item .ui.disabled.step{
  font-size: 10px;
  background-color: #343131;
}
.ui.menu .fixed-nav .ui.disabled.step:after{
  background-color: #343131;
  -webkit-box-shadow: -1px -1px 0 0 #2980b9 inset;
  box-shadow: -1px -1px 0 0 #2980b9 inset;
}
#block-system-user-menu .item.ml-fb,
#block-system-user-menu .item.ml-google-plus,
#block-system-user-menu .item.ml-twitter{
  text-indent: 2px;
  overflow: hidden;
  width: 30px;
  height: 20px;
  vertical-align: middle;
  padding-left: 0;
  font-size: 20px;
  padding: 0;
  line-height: 33px;
  height: 33px;
}
.navigation.float.left .ui.list .item.no-link.link-title{
  padding-left: 15px;
}
.pane-node-content table td{
  border: solid 1px #e4e2e0;
  border-width: 1px !important;
}

.page-node  .node .field--name-body table{
  width:100% !important;
}
.node .field--name-body p{
  margin: 0 0 0.5em;
}

body p {
  margin: 0 0 1.5em;
  -ms-word-break: keep-all;
  word-break: keep-all;
  word-break: keep-all; /* Non standard for webkit */
  -webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
}
#toc{
  padding-left: 50%;
  margin-left: -40px;
  font-size: 20px;
  width: 100px;
  white-space: nowrap;
}
.pane-node-content + .pane-chapter-pager{
  margin-bottom: 20px;
}
.pane-node-content + .pane-chapter-pager #toc a{
  margin-top: 50px;
  position: absolute;
}
.ui.pagination.menu.chapters > li > a.item{
  color:#009FDA;
}

@media (min-width: 420px) and (max-width: 740px) {
  .page-articles #main > .ui.main, .front #main > .ui.main{
    height: auto !important;
    position: relative !important;
  }
  body.page-articles .main > .block--views, 
  body.front .main > .block--views {
    width: 49% !important;
    float: left;
    top: auto !important;
    position: relative !important;
    left: auto !important;
  }
}

@media (max-width: 420px) {
  .page-articles #main > .ui.main, .front #main > .ui.main{
    height: auto !important;
    position: relative !important;
  }
  body.page-articles .main > .block--views, 
  body.front .main > .block--views {
    width: 98% !important;
    float: left;
    top: auto !important;
    position: relative !important;
    left: auto !important;
  }
  .l-region.l-region--branding #block-search-form,
  body h1.site-name{
    display:none;
  }
  body #block-system-main-menu > .ui.menu{
    display: block;
    width: 100%;
  }
  body #block-system-main-menu .ui.small.menu .item{
    width: 100%;
    margin-bottom: 10px;
  }
  .site-branding__logo.fl-left {
    width: 100%;
    text-align: center;
  }
  .site-branding__logo.fl-left .ui.small.image{
    text-align: center;
    margin: auto;
    height: 130px;
    width: auto !important;
  }
  .l-region.l-region--branding{
    
  }
}
html body .header .site-branding img.site-logo{
height: 136px;
  width: auto !important;
  position: absolute;
}