/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

@font-face {
   font-family: "lato";
   src: url('fonts/Lato-Regular.ttf'),
        url('fonts/Lato-Black.ttf'),
        url('fonts/Lato-BlackItalic.ttf'),
        url('fonts/Lato-Bold.ttf'),
        url('fonts/Lato-BoldItalic.ttf'),
        url('fonts/Lato-Italic.ttf'),
        url('fonts/Lato-Light.ttf'),
        url('fonts/Lato-LightItalic.ttf'),
        url('fonts/Lato-Thin.ttf'),
        url('fonts/Lato-ThinItalic.ttf');
    font-weight: normal;
    font-style: normal;
 }

 body {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;*/
    font-family: 'lato';
    font-size: 14px;
  }

#navbar {
  background-color: #d80000;
  border-color: #d80000;

  font-size: 16px;
}

.navbar-default .navbar-nav>li>a {
    color: #c7d1d8;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #fff;
}

.navbar-btn {
  margin-top: 10px;
}

.region-banner {
  background-color: #fff;
}

.region-headline-right {
  margin-right: 30px;
}
.region-sidebar-second {
  padding-left: 10px;
  /*padding-right: 10px;*/
  padding-right: 0px;
}

.headline-style {
  /*background-color: #5f5f5f;*/
  background-color: #666;

  padding-top: 14px;
}

.featured-style {
  /* background-color: #f5f5f5; */
}

.content-style {
/*  background-color: #f5f5f5;*/
  background-color: #fff;
  padding-top: 10px;
}

.main-content-style {
/*  background-color: #fff5f5;*/
  background-color: #fff;
}

 #main-content {
   background-color: #f5f5f5;
 }

.footer-style {
  background-color: #f5f5f5;
  /*background-color: #fff;*/
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}


.block-title {
  font-size: 20px;
  margin-top: 10px;

}

  .btn {
    border-radius: 1px;
  }

  .btn-full-width {
    width: 100%;
  }

  .btn-full-green-border {
  	width: 100%;
  	border-color: #54be71;
    background-color: #54be71;
  	/*color: #54be71;*/
    color: #fff;
  }

  .btn-full-green-border:hover {
  	/*border: 2px;*/
  	border-color: #549e71;
  	background-color: #54ee71;
  	color: #fff;
  }


#block-bobstrap-bobstrap-user-login {
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}

.block-sidebar-second {
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;

  margin-bottom: 12px;

  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}

.btn-ask-question {
  width: 100%;
  border-color: #666;
  background-color: #666;
  /*color: #54be71;*/
  color: #fff;
}

 .thumbnail {
   margin-bottom: 20px;

   /*border-bottom: 2px solid #d9d9d9;
   border-top: 2px solid #d9d9d9;
   border-left:  2px solid #d9d9d9;
   border-right: 2px solid #d9d9d9;
*/
   border: none;
   box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5);
   border-radius: 1px;
 }

 .thumbnail-header {
   border-bottom: 2px solid #d9d9d9;
   border-top: 2px solid #d9d9d9;
   border-left:  2px solid #d9d9d9;
   border-right: 2px solid #d9d9d9;
 }

 .thumbnail-header .header-content {
   height: 42px;
   padding-left: 15px;
   padding-right: 10px;
   padding-top: 6px;
 }

 .thumbnail-header .header-content>h4 {
   margin-top: 5px;
   color: #54be71;
/* color: #5e5e5e;*/
 }

 .thumbnail-body {
   /*padding-left: 15px;
   padding-right: 15px;*/
   padding: 10px 15px;

   /*border-bottom: 2px solid #d9d9d9;
   border-left:  2px solid #d9d9d9;
   border-right: 2px solid #d9d9d9;
   */

 }
 .thumbnail-body .title{
     max-height: 92px;
     height: 92px;
     font-size: 22px;

     margin-top: 2px;

     /*font-weight: 600;
     letter-spacing: 0;
     padding: 0;*/
 }

 .thumbnail-body .title a:focus, a:hover{
   color: #282C35;
   text-decoration: none;
 }

 .thumbnail-body .title a {
    color: #282C35;
    text-decoration: none;
}

 .thumbnail-body .title a>h3 {
   margin-top: 2px;
   color: #282C35;
 }

 .thumbnail-body .title a>h4 {
   font-size: 16px;
   margin-top: 2px;
   color: #282C35;
 }

 .thumbnail-body .title-type>h4 {
   margin-bottom: 4px;
   font-size: 18px;
   font-weight: 400;
   color: #54be71;

   /*color: #45494E;*/
 }


 .thumbnail-body-title {
     margin-top: 18px;
     margin-bottom: 0;
     min-height: 56px;
 }

 .thumbnail-footer {
     height: 42px;


     /*padding: 10px 15px;*/

     padding-left: 0px;
     padding-right: 10px;
     padding-top: 9px;

     /*background-color: #ebf4f7;*/

     border-top: 2px solid #efeff0;
/*
  border-bottom: 2px solid #d9d9d9;
     border-left:  2px solid #d9d9d9;
     border-right: 2px solid #d9d9d9;
    */
 }

.thumbnail-footer .footer-content {
  color: #337ab7;
}

.thumbnail-footer .footer-content>h4 {
  margin-top: 4px;
  font-size: 16px;
}

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;

    margin-bottom: 12px;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.white-block {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}

.white-block h4 {
    font-weight: 500;
    font-size: 16px;
    color: #305868;
    margin: 0;
}

.white-block h3 {
    font-weight: 500;
    font-size: 20px;
    color: #305868;
    margin: 0;
}

.white-block p {
    font-size: 14px;
    font-style: normal;
    margin: 0px;
    color: #305868;
}

.white-block .teaser-style{
}

.white-block .teaser-style .header{
}
.white-block .teaser-style .title{

}
.white-block .teaser-style .description{
}
.white-block .teaser-style .footer{
  margin-top: 10px;
  border-top: 1px solid #efefef;

  padding-top: 10px;

  font-size: 14px;
  color: #305868;
  font-style: normal;
}

.white-block .teaser-style .footer .user-profile > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.white-block .teaser-style .footer .user-profile .profile-img{
  width: 60px;
  padding-right: 12px;

/*  width: 46px;
  height: 46px;
*/
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.white-block .teaser-style .footer .user-profile .profile-img .img-circle{
max-width: 100%;
max-height: 100%;
}

.white-block .teaser-style .footer .user-profile h4{
  font-weight: bold;
}

.white-block .card-style{
}

.white-block .cover_image {
  margin-right: -24px;
  margin-left: -24px;
  margin-top: -15px;
  margin-bottom: 10px;
}

.white-block .card-style .header{
}
.white-block .card-style .title{
  min-height: 48px;
  font-size: 18px;
  /*height: 92px;
  font-size: 22px;

  margin-top: 2px;
  */
}
.white-block .card-style .description{
}
.white-block .card-style .footer{
  margin-top: 10px;
  border-top: 1px solid #efefef;

  padding-top: 10px;

  font-size: 14px;
  color: #305868;
  font-style: normal;
}

.white-block .card-style .footer .user-profile > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.white-block .card-style .footer .user-profile .profile-img{
  width: 60px;
  padding-right: 12px;

/*  width: 46px;
  height: 46px;
*/
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.white-block .card-style .footer .user-profile .profile-img .img-circle{
max-width: 100%;
max-height: 100%;
}

.white-block .card-style .footer .user-profile h4{
  font-weight: bold;
}

#block-meetupvideo {
  margin-top: 25px;
  /*padding-top: 12px;
  border-top: 2px solid #cfcfcf;*/
}

.front-card .col-lg-4 {
  padding-left: 0px;
  padding-right: 30px;
}

/*** white-block-fullpage *********************************************************/
.white-block-fullpage {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  /*border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);*/
  background-color: #ffffff;
}

.white-block-fullpage h5, h4, h3, h2, h1 {
  font-weight: 500;
  color: #305868;
  margin-top: 10px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
}
.white-block-fullpage h5 {
  font-size: 16px;
}

.white-block-fullpage h4 {
  /*font-size: 20px;*/
  font-size: 20px;
  font-weight: 500;
  line-height: 28.8px;
  margin-bottom: 9px;
  margin-top: 12px;
  margin-left: 0px;
  margin-right: 0px;
}

.white-block-fullpage h3 {
  /*font-size: 24px;*/
  font-size: 22px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
  margin-top: 15px;
  margin-left: 0px;
  margin-right: 0px;
}

.white-block-fullpage h2 {
  /*font-size: 30px;*/
  font-size: 24px;
  font-weight: 500;
  line-height: 36.8px;
  margin-bottom: 14px;
  margin-top: 35px;
  margin-left: 0px;
  margin-right: 0px;
}

.white-block-fullpage h1 {
  /*font-size: 38px;
  color: #000000;*/
  font-size: 34px;
  font-weight: 600;
  line-height: 41.6px;
  margin-top: 18px;
  margin-bottom: 18px;
  margin-left: 0px;
  margin-right: 0px;
}

.white-block-fullpage p {
  font-size: 17px;
  font-weight: 300;
  line-height: 28px;

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 15px;
  margin-left: 0px;

/*  color: #305868;*/
  /*color: #000000;*/
  /*color: rgb(33, 33, 33);
rgb(59, 69, 78)
  /*line-height: 25.6px;*/
  */
  color: rgb(59, 69, 78);

}

.white-block-fullpage ol {
  font-size: 17px;
  font-weight: 300;
  line-height: 26px;
  /*line-height: 25.6px;*/

  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
  margin-left: 0px;
  color: rgb(80, 80, 80);
}

.white-block-fullpage pre code {
  font-size: 15px;
  padding-top: 0 px;
  padding-bottom: 0 px;
}

/*
.white-block-fullpage pre {
padding-top: 8 px;
padding-right: 9px;
padding-bottom: 8 px;
padding-left: 9px;
}
*/

.white-block-fullpage pre language-python hljs {
    padding-top: 0 px;
  padding-bottom: 0 px;
}

.white-block-fullpage .teaser-style {}

.white-block-fullpage .teaser-style .footer {
  margin-top: 10px;
  border-top: 1px solid #efefef;
  padding-top: 10px;
  font-size: 14px;
  color: #305868;
  font-style: normal;
}

.white-block-fullpage .teaser-style .footer .user-profile>div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.white-block-fullpage .teaser-style .footer .user-profile .profile-img {
  /*width: 60px;*/
  padding-right: 12px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}

.white-block-fullpage .teaser-style .footer .user-profile .profile-img .img-circle {
  max-width: 100%;
  max-height: 100%;
}

.white-block-fullpage .teaser-style .footer .user-profile h4 {
  font-weight: bold;
}

.white-block-fullpage .cover_image {
  margin-right: -24px;
  margin-left: -24px;
  margin-top: -15px;
  margin-bottom: 10px;
}

.white-block-fullpage .card-style .header {}

.white-block-fullpage .card-style .title {
  min-height: 48px;
  font-size: 18px;
}

.white-block-fullpage .card-style .description {}

.white-block-fullpage .card-style .footer {
  margin-top: 10px;
  border-top: 1px solid #efefef;
  padding-top: 10px;
  font-size: 14px;
  color: #305868;
  font-style: normal;
}

.white-block-fullpage .card-style .footer .user-profile>div {
  display: table-cell;
  text-align: left;
  vertical-align: middle;
}

.white-block-fullpage .card-style .footer .user-profile .profile-img {
  width: 60px;
  padding-right: 12px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}

.white-block-fullpage .card-style .footer .user-profile .profile-img .img-circle {
  max-width: 100%;
  max-height: 100%;
}

.white-block-fullpage .card-style .footer .user-profile h4 {
  font-weight: bold;
}


/*** white-block-fullpage *********************************************************/


/*** feed-block ***/
/*.feed-wrapper {
    background-color: #fff;
    border-radius: 4px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left : 30px;
    padding-right : 30px;
    margin: 0px 5px;
    min-height: 100px;
    background: #f7f7f7;
    margin-bottom: 2px;
}
*/
.feed-wrapper {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}
.feed-header {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

.feed-header > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.feed-image-wrapper {
    width: 60px;
    padding-right: 12px;
}

.feed-img {
    /*width: 60px;
    height: 60px;
    */
    width: 46px;
    height: 46px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.feed-img .img-circle{
max-width: 100%;
max-height: 100%;
}

.feed-img .circle-avatar{
/* make it responsive */
max-width: 100%;
width:100%;
height:auto;
display:block;
/* div height to be the same as width*/
padding-top:100%;

/* make it a circle */
border-radius:50%;

/* Centering on image`s center*/
background-position-y: center;
background-position-x: center;
background-repeat: no-repeat;

/* it makes the clue thing, takes smaller dimension to fill div */
background-size: cover;

/* it is optional, for making this div centered in parent*/
margin: 0 auto;
top: 0;
left: 0;
right: 0;
bottom: 0;
}

.feed-content h4 {
    font-weight: 500;
    font-size: 16px;
    color: #305868;
    margin: 0;
}

.feed-wrapper p {
    font-size: 14px;
    margin: 0px;
    color: #305868;
    font-style: normal;
}
.feed-content p {
    font-size: 13px;
    margin: 0;
    color: #305868;
    font-style: normal;
}

.feed-description a{
    color: ##00828c;
    text-decoration: none;
}

.feed-description-title {
  margin-bottom: 10px;
}

.feed-footer {
  margin-top: 10px;
  border-top: 1px solid #efefef;

  padding-top: 10px;

  font-size: 14px;
  color: #305868;
  font-style: normal;
}
.footer-col {
  text-align: center;
  width: 33%;
  display: inline-block;
}

.primary-headline-wrapper {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 11px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25);
    background-color: #ffffff;
}

.primary-headline-wrapper p {
    font-size: 14px;
    margin: 0px;
    color: #305868;
    font-style: normal;
}

.primary-headline-header {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

.primary-headline-header > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.primary-headline-description a{
    color: ##00828c;
    text-decoration: none;
}

.primary-headline-description .title-block {
  font-size: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #305868;
  font-style: normal;
}

.primary-headline-description-title {
  margin-bottom: 10px;
}


.sec-headline-wrapper {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 11px;
    margin-left: 0px;
    padding-top: 8px;
    padding-right: 24px;
    padding-bottom: 8px;
    padding-left: 24px;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.25);
    background-color: #ffffff;
}

.sec-headline-header {
    display: table;
    width: 100%;
    margin-bottom: 0px;
}

.sec-headline-image-wrapper {
    width: 80px;
    padding-right: 12px;
}

.sec-headline-header > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.sec-headline-content h4 {
    font-weight: 500;
    font-size: 16px;
    color: #305868;
    margin: 0;
}

.sec-headline-wrapper p {
    font-size: 14px;
    margin: 0px;
    color: #305868;
    font-style: normal;
}
.sec-headline-content p {
    font-size: 13px;
    margin: 0;
    color: #305868;
    font-style: normal;
}


/** start side feed **/
.side-feed-wrapper {
  /* border-top: 1px solid #efefef; */
}

.side-feed-wrapper .row {
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 0px;
  padding-left: 30px;
}

.side-feed-wrapper p {
    font-size: 14px;
    margin: 0px;
    color: #305868;
    font-style: normal;
}

.side-feed-header {
    display: table;
    width: 100%;
    margin-bottom: 12px;
}

.side-feed-header > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.side-feed-image-wrapper {
    width: 34px;
    padding-right: 6px;
}

.side-feed-img {
    /*width: 60px;
    height: 60px;
    */
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}

.side-feed-img .img-circle{
  width: 30px;
  height: 30px;
}

.side-feed-content .title {
    font-weight: 600;
    font-size: 13px;
    color: #305868;
    margin: 0;
}


.side-feed-content p {
    font-size: 13px;
    margin: 0;
    color: #305868;
    font-style: normal;
}
/** end of side-feed **/

#block-views-block-forum-activity-feed-block-2 .form-group {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}

#block-views-block-forum-activity-feed-block-3 .form-group {
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 12px;
  margin-left: 0px;
  padding-top: 15px;
  padding-right: 24px;
  padding-bottom: 12px;
  padding-left: 24px;
  border-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.25);
  background-color: #ffffff;
}



 /*** course-info-block ***/
 .course-header-block {
   list-style: none;
   /*background-color: #0080bf;*/
   /*background-color: #eee;*/
   background: linear-gradient(89.64deg, #8360C3 0.09%, #2EBF91 99.92%);
   background-color: rgba(0, 0, 0, 0);
   background-image: linear-gradient(89.64deg, rgb(131, 96, 195) 0.09%, rgb(46, 191, 145) 99.92%);
   display: block;

   max-height: 240px;
   height: 240px;

   margin-bottom: 60px;
 }

 .course-header-block .field-course-code {
   color: #ffffff;
 }
 .course-header-block .field-course-title {
   color: #ffffff;
 }

 .course-header-block .field-course-code> h4 {
   /*color: #ffffff;*/
  /* color: #000;*/
   padding-top: 35px;
 }

 .course-header-block .field-course-title> h1 {
   font-size: 55px;
   margin-top: 5px;
 }

 .course-info-block {
   list-style: none;
   padding: 4px 0;
 }

 .course-info-block > li {
   border-bottom: 1px solid #c5c5c5;
   margin: 0 18px;
   padding: 12px 2px;
 }

 .course-info-block > li:last-child {
   border-bottom: 0px;
   padding-bottom: 2px;
 }

 .course-info-block .course-info-label {
   color: #555;
   display: inline-block;
   vertical-align: top;
   width: 35%;
   position: relative;
   padding-left: 2px;
 }

 .course-info-block .course-info-label .fa {
   position: absolute;
   left: 0;
   top: 5px;
 }

 .course-info-block .course-info-label .far {
   position: absolute;
   left: 0;
   top: 5px;
 }

 .course-info-block .course-info-label .fas {
   position: absolute;
   left: 0;
   top: 5px;
   margin-right: 30px;
 }

 .course-info-block .course-info-value {
   color: #0a0a0a;
   display: inline-block;
   vertical-align: top;
   width: 55% ;
 }

 .course-info-block .course-info-value-85pct {
   color: #0a0a0a;
   display: inline-block;
   vertical-align: top;
   width: 85% ;
 }

 .course-info-block .on-left {
   float:left;
 }
 .course-info-block .on-right {
   color: #0a0a0a;
   display: inline-block;
   vertical-align: top;
   width: 100% ;
 }
 /**
 <div class="thumbnail default-border margin-bottom-30-px">
<ul class="clear-list course-info-block">
<li>
      <div class="on-left"><img src="http://localhost/dev02-881/sites/default/files/calendar-32x32.png" alt="#"></div>
      <div class="on-right">{{ field_display_date_time }} </span>
</li>
<li>
      <span class=""><img src="http://localhost/dev02-881/sites/default/files/pin-32x32.png" alt="#"></span>
      <span class="course-info-value-85pct">{{ field_event_location }} </span>
</li>


</ul>
</div>

<div class="thumbnail default-border margin-bottom-30-px">
<div class="container">
  <div class="field-course-code" >
    {{ field_course_code }}
  </div>
  <div class="field-course-title" >
    <h4>{{ title_1 }}</h4>
  </div>
</div>
</div>
**/
 /*** eof course-info-block ***/

 .green-block {
   height: 5px;
   background-color: #54be71;
 }

 /*** helper ***/
 .margin-bottom-30-px {
   margin-bottom: 30px;
 }

 .padding-top-3px {
   padding-top: 3px;
 }

 .color-grey {
   color: #999999;
 }

 .side-block {
   padding-left: 20px;
   padding-right: 12px;
   padding-top: 15px;
   padding-bottom: 5px;
 }
 .no-border {
    border: 0px;
    border-radius: 0px;

    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;

    padding: 0px;
  }

.warning-block {
  background-color: #f4cccc;
}

.width-80pct {
  width: 80% ;
}

 /*** helper ***/

 /* custom style */
 .block-views-blocktraining-frontpgae-block-1 .block-title {
   text-align: center;
 }
 #block-trainingblocktitle {
   text-align: center;
   margin-bottom: 10px;
 }

 #block-trainingblocktitle .field--item>h2{
   font-size: 36px;
 }

 .navbar-default {
   background-color: #ffffff;
   border-color: #ffffff;
 }

.navbar {
  margin-bottom: 0px;
}

.field--name-field-course-content .field--label {
  font-size: 18px;
  font-weight: 500;
}
.field--name-field-course-prerequisites .field--label {
  font-size: 18px;
  font-weight: 500;
}
.field--name-field-course-prerequisites .field--label {
  font-size: 18px;
  font-weight: 500;
}

.block-views-blockcourse-info-event-list-block-2 >h2.block-title {
  font-size: 20px;
}

/*specifik style*/
.team-member {
  display: table;
  width: 90%;
  margin-bottom: 15px;

  background-color: #ffffff;
border-radius: 4px;
position: relative;
padding: 15px 20px 15px 10px;
box-shadow: 0px 0px 3px #00000061;
margin: 20px 20px;
}

.team-member > div {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.team-member-image-wrapper {
  width: 85px;
  padding-right: 15px;
}
.team-member-img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
  position: relative;
}
.test-home-img {

}
.team-member-content {

}

.team-member-content h4 {
    font-weight: 600;
    font-size: 20px;
    color: #4F4F4F;
    margin: 0;
}
.team-member-content p {
    font-size: 14px;
    margin: 0;
    color: #4F4F4F;
    font-style: italic;
}

.footer-social h3 {
    margin-right: 20px;
    font-size: 16px;
}

.footer-social .footer-social-icons {
  text-align: right;
}

#footer-info{
  font-size: 16px;

  padding: 9px 0;
margin-top: 30px;
border-top: 1px solid #2b5468;
border-bottom: 1px solid #2b5468;
}

#footer-info .row {
  display: flex;
  flex-wrap: wrap;
}

#footer-info .col-md-6 {
  flex: 0 0 50%;
max-width: 50%;
}

#footer-info .copyrights
{
  display: flex;
align-items: center;
}

#footer-info h3 {
    margin-right: 20px;
    font-size: 16px;
}

#footer-info .footer-social-icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;

  text-align: right;
  padding-right: 26px;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
}



#footer-info .footer-social-icons ul a {
  display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
color: #fff;
background: #2b5468;
text-align: center;
border-radius: 50%;
}
.footer-social-icons {

}