/* Enter Your Custom CSS Here */

/* --------------- Mobile Burger Icon -------------*/

.icon-menu::before {
  content: "\f438";
}
.icon-angle-right:before {
  content: "\f433";
}
.toggle-label:after {
  content: "\f433";		
	transition: transform .3s ease-in-out;
	transform-origin: 50% 30%;
}
.active-toggle .toggle-label:after {
	content: "\f433";	
  transform: rotate(90deg);
	transform-origin: 50% 30%;
  transition: transform .3s ease-in-out;
}

/* --------------- Page Templates for Staff, Courses, Features, Testimonials -------------*/
.post-snippets .type-channel .entry-title a {
  font-size: 19px;
  line-height: 27px; }

.post-snippets .type-channel .img-wrap .type-info {
  top: 25%; }

.post-snippets .type-channel .img-wrap {
  position: relative;
  overflow: hidden; }


.post-snippets .type-channel .img-wrap img  {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; 
}


.post-snippets .type-channel .img-wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); 
}


.post-snippets .type-channel .img-wrap .type-info .post-title {
      margin-bottom: 30px;
      text-transform: none;
      font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
      font-size: 18px;
      line-height: 25px;
      color: #ddd;
      padding: 0 20px; 
}
.post-snippets .type-channel .img-wrap .type-info, .post-snippets .type-news .img-wrap .type-info, .post-snippets .type-staff .img-wrap .type-info, .post-snippets .type-department .img-wrap .type-info {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    opacity: 0;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }



/* ------------------------------- Contact Details ------------------------------ */
.channel-details .header {
  background: #2a9dd6;
  padding: 8px 8%;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #F4F8FA;
  text-transform: uppercase;
  letter-spacing: 2px; }

.channel-details .thumbnail{
  width: 100%; }

.channel-details ul, .course-details ul li {
  list-style: none;
  margin-left: 0; 
}
.channel-details li{
  margin-bottom: 15px; 
}

.channel-details i {
  font-size: 18px;
  color: #777;
  vertical-align: middle;
  margin-right: 10px; 
}
.channel-details .social-list i {
  margin: 0; }

.channel-details .channel-information .label {
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #999999;
  display: inline-block;
  width: 125px; }

.post-snippets .type-channel .channel-id {
  position: absolute;
  top: 0;
  right: 0;
  background: #2a9dd6;
  color: #fff;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 12px;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  margin-top: -24px; }

.post-snippets .type-channel .nothumbnail .channel-id {
  margin-top: 0; }

.post-snippets .type-channel .terms a {
  font-size: 13px;
  font-style: italic;
  color: #979797; }

.post-snippets .type-channel .terms a:hover {
    color: #2a9dd6; }

@media only screen and (max-width: 1024px) {
  
.post-snippets .type-channel .img-wrap .type-info .post-title {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 26px; } }

.post-snippets .type-channel .img-wrap .type-info .post-title a {
        color: #ddd;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; 

}

.post-snippets .type-channel .img-wrap .type-info .post-title a:hover {
          color: #fff; }

.post-snippets .type-channel .img-wrap .type-info .button  {
      position: relative;
      padding: 6px 14px;
      font-weight: 700;
      border: 2px solid #ddd;
      font-size: 11px;
      line-height: 22px; 
}

.post-snippets .type-channel .img-wrap:hover .image-overlay {
    background-color: rgba(0, 0, 0, 0.5); 
}

.post-snippets .type-channel .img-wrap:hover .type-info {
    opacity: 1; }










/* --------------- Page Templates for Staff, Courses, Features, Testimonials -------------*/
.post-snippets .type-ideabuzz .entry-title a {
  font-size: 19px;
  line-height: 27px; }

.post-snippets .type-ideabuzz  .img-wrap .type-info {
  top: 25%; }

.post-snippets .type-ideabuzz .img-wrap {
  position: relative;
  overflow: hidden; }

 .post-snippets .type-ideabuzz .img-wrap img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }

  .post-snippets .type-ideabuzz .img-wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.post-snippets .type-ideabuzz .img-wrap .type-info {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    opacity: .2;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }

 .post-snippets .type-ideabuzz .img-wrap .type-info .post-title {
      margin-bottom: 30px;
      text-transform: none;
      font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
      font-size: 18px;
      line-height: 25px;
      color: #ddd;
      padding: 0 20px; }

      @media only screen and (max-width: 1024px) {
.post-snippets .type-ideabuzz .img-wrap .type-info .post-title {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 26px; } }

.post-snippets .type-ideabuzz .img-wrap .type-info .post-title a {
        color: #ddd;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }

 .post-snippets .type-ideabuzz .img-wrap .type-info .post-title a:hover {
          color: #fff; }

 .post-snippets .type-ideabuzz .img-wrap .type-info .button {
      position: relative;
      padding: 6px 14px;
      font-weight: 700;
      border: 2px solid #ddd;
      font-size: 11px;
      line-height: 22px; }

.post-snippets .type-ideabuzz .img-wrap:hover .image-overlay {
    background-color: rgba(0, 0, 0, 0.5); }

.post-snippets .type-ideabuzz .img-wrap:hover .type-info {
    opacity: 1; 
}

/* ------------------------------- Contact Details ------------------------------ */
.ideabuzz-details .header {
  background: #2a9dd6;
  padding: 8px 8%;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #F4F8FA;
  text-transform: uppercase;
  letter-spacing: 2px; }

.ideabuzz-details .thumbnail {
  width: 100%; }

.ideabuzz-details ul, .ideabuzz-details ul li {
  list-style: none;
  margin-left: 0; }

.ideabuzz-details li {
  margin-bottom: 15px; }

.ideabuzz-details i {
  font-size: 18px;
  color: #777;
  vertical-align: middle;
  margin-right: 10px; }
.ideabuzz-details .social-list i {
  margin: 0; }


.ideabuzz-details .contact-person {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px; }

  .ideabuzz-details .contact-person .name {
    font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 30px; }

  .ideabuzz-details .contact-person .title {
    font-size: 14px;
    font-style: italic; }

.ideabuzz-content .thumbnail {
  margin-bottom: 20px; }








/* --------------- Page Templates for branch -------------*/
.post-snippets .type-branch .entry-title a {
  font-size: 19px;
  line-height: 27px; }

.post-snippets .type-branch  .img-wrap .type-info {
  top: 25%; }

.post-snippets .type-branch .img-wrap {
  position: relative;
  overflow: hidden; }

 .post-snippets .type-branch .img-wrap img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }

  .post-snippets .type-branch .img-wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.post-snippets .type-branch .img-wrap .type-info {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    opacity: .2;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }

 .post-snippets .type-branch .img-wrap .type-info .post-title {
      margin-bottom: 30px;
      text-transform: none;
      font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
      font-size: 18px;
      line-height: 25px;
      color: #ddd;
      padding: 0 20px; }

      @media only screen and (max-width: 1024px) {
.post-snippets .type-branch .img-wrap .type-info .post-title {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 26px; } }

.post-snippets .type-branch .img-wrap .type-info .post-title a {
        color: #ddd;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }

 .post-snippets .type-branch .img-wrap .type-info .post-title a:hover {
          color: #fff; }

 .post-snippets .type-branch .img-wrap .type-info .button {
      position: relative;
      padding: 6px 14px;
      font-weight: 700;
      border: 2px solid #ddd;
      font-size: 11px;
      line-height: 22px; }

.post-snippets .type-branch .img-wrap:hover .image-overlay {
    background-color: rgba(0, 0, 0, 0.5); }

.post-snippets .type-branch .img-wrap:hover .type-info {
    opacity: 1; 
}

/* ------------------------------- Contact Details ------------------------------ */
.branch-details .header {
  background: #2a9dd6;
  padding: 8px 8%;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #F4F8FA;
  text-transform: uppercase;
  letter-spacing: 2px; }

.branch-details .thumbnail {
  width: 100%; }

.branch-details ul, .ideabuzz-details ul li {
  list-style: none;
  margin-left: 0; }

.branch-details li {
  margin-bottom: 15px; }

.branch-details i {
  font-size: 18px;
  color: #777;
  vertical-align: middle;
  margin-right: 10px; }

.branch-details .social-list i {
  margin: 0; }


.branch-details .contact-person {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px; }

  .branch-details .contact-person .name {
    font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 30px; }

  .branch-details .contact-person .title {
    font-size: 14px;
    font-style: italic; }

.branch-content .thumbnail {
  margin-bottom: 20px; }


/* --------------- Page Templates for division -------------*/
.post-snippets .type-division .entry-title a {
  font-size: 19px;
  line-height: 27px; }

.post-snippets .type-division  .img-wrap .type-info {
  top: 25%; }

.post-snippets .type-division .img-wrap {
  position: relative;
  overflow: hidden; }

 .post-snippets .type-division .img-wrap img {
    max-width: 100%;
    max-height: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
    -moz-transition: -moz-transform 0.3s ease-in-out;
    -ms-transition: -ms-transform 0.3s ease-in-out;
    -o-transition: -o-transform 0.3s ease-in-out;
    transition: transform 0.3s ease-in-out; }

  .post-snippets .type-division .img-wrap:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1); }

.post-snippets .type-division .img-wrap .type-info {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 2;
    opacity: .2;
    -webkit-transition: opacity 0.4s ease-in-out;
    -moz-transition: opacity 0.4s ease-in-out;
    -ms-transition: opacity 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out; }

 .post-snippets .type-division .img-wrap .type-info .post-title {
      margin-bottom: 30px;
      text-transform: none;
      font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
      font-size: 18px;
      line-height: 25px;
      color: #ddd;
      padding: 0 20px; }

      @media only screen and (max-width: 1024px) {
.post-snippets .type-division .img-wrap .type-info .post-title {
          margin-bottom: 20px;
          font-size: 18px;
          line-height: 26px; } }

.post-snippets .type-division .img-wrap .type-info .post-title a {
        color: #ddd;
        -webkit-transition: color 0.2s ease-in-out 0s;
        -moz-transition: color 0.2s ease-in-out 0s;
        -ms-transition: color 0.2s ease-in-out 0s;
        transition: color 0.2s ease-in-out 0s; }

 .post-snippets .type-division .img-wrap .type-info .post-title a:hover {
          color: #fff; }

 .post-snippets .type-division .img-wrap .type-info .button {
      position: relative;
      padding: 6px 14px;
      font-weight: 700;
      border: 2px solid #ddd;
      font-size: 11px;
      line-height: 22px; }

.post-snippets .type-division .img-wrap:hover .image-overlay {
    background-color: rgba(0, 0, 0, 0.5); }

.post-snippets .type-division .img-wrap:hover .type-info {
    opacity: 1; 
}

/* ------------------------------- Contact Details ------------------------------ */
.division-details .header {
  background: #2a9dd6;
  padding: 8px 8%;
  font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 900;
  font-size: 14px;
  color: #F4F8FA;
  text-transform: uppercase;
  letter-spacing: 2px; }

.division-details .thumbnail {
  width: 100%; }

.division-details ul, .ideabuzz-details ul li {
  list-style: none;
  margin-left: 0; }

.division-details li {
  margin-bottom: 15px; }

.division-details i {
  font-size: 18px;
  color: #777;
  vertical-align: middle;
  margin-right: 10px; }
.division-details .social-list i {
  margin: 0; }


.division-details .contact-person {
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 12px; }

  .division-details .contact-person .name {
    font-family: "Lato", Arial, Helvetica, Verdana, sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #4A4A4A;
    line-height: 30px; }

  .division-details .contact-person .title {
    font-size: 14px;
    font-style: italic; }

.division-content .thumbnail {
  margin-bottom: 20px; }
.post-snippets .type-division .img-wrap .type-info {opacity:0}
.post-snippets .type-branch .img-wrap .type-info{opacity:0}
.post-snippets .type-ideabuzz .img-wrap .type-info{opacity:0}


/* ------------------------------- uCloud iFrame Styling ------------------------------ */



/* --- fix wpcf7 label display */
.contact-form label, .wpcf7-form label {
	display: block
}