/*
Theme Name: Telepaks theme
Template: colormag
Author: pixelstar
Description: Telepaks theme based on Colormag Wordpress template. To use this theme, the Colormag theme must be installed on the webpage.
Version: 1.1.0
Updated: 2017-08-12 10:16:08

*/

.single #content .post,
#content .post {
  box-shadow: none;
}
.search .status-publish {
  margin-bottom: 20px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.widget_featured_posts .single-article {
  background-color: #ffffff;
  box-shadow: none;
}
.author-box {
  width: 100%;
  display: inline-block;
  padding: 10px;
  box-shadow: none;
  margin-bottom: 25px;
}
.single-related-posts {
  width: 32.5%;
  box-shadow: none;
  margin-right: 1.25%;
  float: left;
  margin-bottom: 25px;
}
.advertisement_728x90 img {
  margin-bottom: 0;
  box-shadow: none;
  padding: 10px;
  display: block;
  margin: 0 auto;
}

.widget_featured_posts .article-content {
  padding: 0;
}

#content .post .article-content {
  padding: 15px 0 15px 0;
}

/* UPPER HEADER */

.telepaks-upperHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1140px;
  margin: 0 auto;
  min-height: 64px;
}

.telepaks-upperHeader__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.telepaks-upperHeader__menu {
  display: flex;
  flex-direction: row;
  padding-right: 16px;
  border-right: 1px solid #232323;
}

.telepaks-upperHeader__menu > li {
  cursor: pointer;
  white-space: nowrap;
}

.telepaks-upperHeader__menu > li:hover {
  text-decoration: underline;
}

.telepaks-upperHeader__menu > li + li {
  margin-left: 16px;
}

.telepaks-upperHeader__menu > li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.telepaks-upperHeader__menu li a {
  color: #232323;
}

.telepaks-upperHeader__socialIcons {
  border-right: 1px solid #232323;
}

.telepaks-upperHeader__socialIcons ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.telepaks-upperHeader__searchIcon {
  margin-left: 16px;
  margin-right: 16px;
  color: #232323;
  font-size: 24px !important;
  width: 24px;
  min-width: 24px;
  cursor: pointer;
}

.telepaks-upperHeader .header-image {
  max-width: 200px;
  border: none;
}

.telepaks-upperHeader__searchInputContainer {
  font: normal normal normal 14px/1 FontAwesome;
  position: relative;
  height: 100%;
  margin-left: 16px;
}

.telepaks-upperHeader__searchInputContainer::before {
  content: "\f002";
  position: absolute;
  left: 8px;
  top: 50%;
  font-size: 18px;
  transform: translate(0, -50%);
}

.telepaks-upperHeader__searchInput {
  background-color: unset !important;
  border: 1px solid #232323 !important;
  margin: 0 !important;
  border-radius: 8px !important;
  padding-left: 32px !important;
  height: 100%;
  width: unset !important;
}

.telepaks-adHeader {
  max-width: 1140px;
  height: 90px;
  margin: 0 auto;
}

.telepaks-upperHeader__live {
  padding: 4px 8px;
  border: 1px solid #ff000f;
  border-radius: 8px;
}

.telepaks-upperHeader__live a {
  color: #ff000f !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.telepaks-upperHeader__live > a::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='14px' height='16px' viewBox='0 0 14 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Elive_icon%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Menu_03' transform='translate(-628.000000, -32.000000)' fill='%23E43030' fill-rule='nonzero'%3E%3Cg id='Group' transform='translate(628.000000, 32.000000)'%3E%3Cpath d='M10.1786818,8.02344935 L10.1786818,6.38414338 C10.1786818,6.03987207 9.89889449,5.76085163 9.55367702,5.76085163 L0.625004768,5.76085163 C0.279787291,5.76085163 0,6.03987207 0,6.38414338 L0,15.3765877 C0,15.7207372 0.279787291,15.9997577 0.625004768,15.9997577 L9.55367702,15.9997577 C9.89889449,15.9997577 10.1786818,15.7207372 10.1786818,15.3765877 L10.1786818,13.73716 L12.9968185,15.8727864 C13.4045365,16.181754 14,15.8937251 14,15.3765877 L14,6.38414338 C14,5.86980592 13.4078324,5.57629883 12.9968185,5.88782298 L10.1786818,8.02344935 Z M8.88,14.72 L1.28,14.72 L1.28,7.04 L8.88,7.04 L8.88,14.72 Z M12.72,14.08 L10.16,12.1553706 L10.16,9.60474966 L12.72,7.68 L12.72,14.08 Z M0.704614552,2.26417391 C2.01724332,0.825304493 3.94734799,0 5.99993846,0 C8.0525289,0 9.9826336,0.825304493 11.2953855,2.26417391 C11.5172139,2.50738984 11.479668,2.86769318 11.2114304,3.06882908 C10.9439313,3.26940687 10.5464374,3.23659112 10.3239934,2.9927055 C9.25165832,1.81714328 7.67559285,1.14296973 5.99993846,1.14296973 C4.32440717,1.14296973 2.7483417,1.81714328 1.67600659,2.9927055 C1.45417813,3.23592143 1.05680726,3.27007656 0.788569597,3.06882908 C0.52033197,2.86769318 0.482786061,2.50738984 0.704614552,2.26417391 Z M7.94289911,3.24446991 C8.2369621,3.4380771 8.32813871,3.84941091 8.146641,4.16309367 C7.96538771,4.47612459 7.5800259,4.57442749 7.28535184,4.3802988 C6.80343566,4.06283514 6.24830929,3.89504222 5.67998311,3.89504222 C5.11177914,3.89504222 4.55665276,4.06283514 4.07461437,4.3802988 C3.78055138,4.57403635 3.39506735,4.47677646 3.21344739,4.16309367 C3.03182747,3.84941091 3.12300411,3.4380771 3.41706707,3.24446991 C4.09685855,2.79663103 4.87931538,2.56 5.67998311,2.56 C6.48077305,2.56 7.26322987,2.79663103 7.94289911,3.24446991 L7.94289911,3.24446991 Z' id='live_icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.telepaks-upperHeader__videos {
  padding: 4px 8px;
  border: 1px solid #232323;
  border-radius: 8px;
}

.telepaks-upperHeader__videos a {
  color: #232323 !important;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.telepaks-upperHeader__videos > a::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16px' height='16px' viewBox='0 0 16 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Evideo_icon%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Menu_03' transform='translate(-705.000000, -34.000000)' fill='%23000000' fill-rule='nonzero'%3E%3Cpath d='M713,34 C715.136875,34 717.145844,34.832125 718.656844,36.343125 C720.167844,37.8541563 721,39.863125 721,42 C721,44.136875 720.167844,46.1458437 718.656844,47.656875 C717.145844,49.167875 715.136875,50 713,50 C710.863094,50 708.854094,49.1678438 707.343125,47.656875 C705.832125,46.145875 705,44.136875 705,42 C705,39.863125 705.832125,37.854125 707.343125,36.343125 C708.854094,34.8321562 710.863094,34 713,34 Z M713,34.9375 C709.105719,34.9375 705.9375,38.1057188 705.9375,42 C705.9375,45.8942812 709.105719,49.0625 713,49.0625 C716.894281,49.0625 720.0625,45.8942812 720.0625,42 C720.0625,38.1057188 716.894281,34.9375 713,34.9375 Z M711.0215,37.5700312 C711.173937,37.4884375 711.358844,37.4974062 711.502687,37.5932812 L711.502687,37.5932812 L717.527687,41.61 C717.658094,41.6969375 717.736437,41.8433125 717.736437,42 C717.736437,42.1567187 717.658094,42.3030938 717.527687,42.3900312 L717.527687,42.3900312 L711.502687,46.4066562 C711.424281,46.4589375 711.333594,46.485375 711.242656,46.485375 C711.166812,46.485375 711.090812,46.467 711.0215,46.4299063 C710.869094,46.3483437 710.773937,46.1895 710.773937,46.016625 L710.773937,46.016625 L710.773937,37.9833125 C710.773937,37.8104375 710.869094,37.6515938 711.0215,37.5700312 Z M711.711406,38.8592187 L711.711406,45.1408125 L716.422594,42.0000312 L711.711406,38.8592187 Z' id='video_icon'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 4px;
}

.telepaks-upperHeader .menu-item-has-children {
  position: relative;
}

.telepaks-upperHeader .menu-item-has-children:hover .sub-menu,
.telepaks-upperHeader .menu-item-has-children .sub-menu:hover {
  display: block;
}

.telepaks-upperHeader .menu-item-has-children .sub-menu::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 8px;
  top: -8px;
  left: 0;
}

.telepaks-upperHeader .menu-item-has-children .sub-menu {
  position: absolute;
  display: none;
  background: #ffffff;
  margin: 0;
  top: calc(100% + 8px);
  z-index: 1000;
  left: -50%;
  transform: translate(25%, 0);
  padding: 8px 16px;
  border-radius: 8px;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2);
}

.telepaks-upperHeader .menu-item-has-children .sub-menu li + li {
  margin: 16px 0px 0px 0px;
}

.telepaks-upperHeader .menu-item-has-children::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  background-image: url("data:image/svg+xml,%3Csvg width='7px' height='4px' viewBox='0 0 7 4' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Ctitle%3Edropdown_icon%3C/title%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='Menu_03' transform='translate(-791.000000, -40.000000)' fill='%231A0A2B'%3E%3Cpolygon id='dropdown_icon' transform='translate(794.500000, 42.000000) rotate(-180.000000) translate(-794.500000, -42.000000) ' points='794.5 40 798 44 791 44'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-left: 4px;
}

.main-navigation {
  background-color: #16539f !important;
}

@media (min-width: 769px) and (max-width: 1200px) {
  .telepaks-upperHeader {
    flex-direction: column;
    margin-bottom: 16px;
  }

  .telepaks-upperHeader__content {
    flex-direction: column;
  }
  
  .telepaks-upperHeader__menu,
  .telepaks-upperHeader__socialIcons {
    border: none;
    margin-bottom: 16px;
  }
}

@media (max-width: 768px) {
  .telepaks-upperHeader,
  .telepaks-upperHeader__content,
  .telepaks-upperHeader__menu {
    flex-direction: column;
  }

  .telepaks-upperHeader {
    padding: 16px;
  }

  .telepaks-upperHeader__menu {
    border: none;
    align-items: center;
    padding-right: 0;
  }

  .telepaks-upperHeader__menu > li + li {
    margin: 16px 0px 0px 0px;
  }

  .telepaks-upperHeader__socialIcons {
    border: none;
    margin-top: 16px;
  }

  .telepaks-upperHeader__searchInputContainer {
    margin-left: 0px;
    margin-top: 16px;
  }
}