@font-face {
  font-family: 'open_sansregular';
  src: url("/sites/all/fonts/opensans-regular-webfont.eot");
  src: url("/sites/all/fonts/opensans-regular-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/opensans-regular-webfont.woff") format("woff"), url("/sites/all/fonts/opensans-regular-webfont.ttf") format("truetype"), url("/sites/all/fonts/opensans-regular-webfont.svg#open_sansregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanslight';
  src: url("/sites/all/fonts/opensans-light-webfont.eot");
  src: url("/sites/all/fonts/opensans-light-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/opensans-light-webfont.woff") format("woff"), url("/sites/all/fonts/opensans-light-webfont.ttf") format("truetype"), url("/sites/all/fonts/opensans-light-webfont.svg#open_sanslight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sanssemibold';
  src: url("/sites/all/fonts/opensans-semibold-webfont.eot");
  src: url("/sites/all/fonts/opensans-semibold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/opensans-semibold-webfont.woff") format("woff"), url("/sites/all/fonts/opensans-semibold-webfont.ttf") format("truetype"), url("/sites/all/fonts/opensans-semibold-webfont.svg#open_sanssemibold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'open_sansbold';
  src: url("/sites/all/fonts/opensans-bold-webfont.eot");
  src: url("/sites/all/fonts/opensans-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/opensans-bold-webfont.woff") format("woff"), url("/sites/all/fonts/opensans-bold-webfont.ttf") format("truetype"), url("/sites/all/fonts/opensans-bold-webfont.svg#open_sansbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
#page-top a, #page-top p, #page-top span, #page-top h1, #page-top h2, #page-top h3, #page-top h4 {
  /*font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;*/
}
.header, .swiper-container, .recent-posts, #page-top, .recent-posts .topics {
  background: #01c0f4;
}
.header:after {
  background: #84d9ee;
}
.header .right-item ul li {
  border-color: #d56a26;
}
.header #navigation ul li {
  font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}
.header #navigation ul li:hover, .header #navigation ul li.active {
  background: #00A5D3;
}
.header #navigation ul li ul {
  background: #00A5D3;
}
.header #navigation ul li ul li {
  background: #00A5D3;
  border-bottom-color: #0098C2;
}
.header #navigation ul li ul li a:hover {
  background: #EB55AD;
}
.header #navigation ul li .icomoon-forum:before {
  content: "\e61d";
}
.header #navigation ul li .icomoon-cart:before {
  content: "\e62b";
  position: relative;
  top: -2px;
}
.header .right-item ul li {
  border-color: #84d9ee;
}
.header .right-item ul li:hover {
  background: #00ABDA;
}
.header .right-item ul li.active, .header .right-item .search.active {
  background: #00ABDA;
}
.header .right-item ul li .count {
  background: #ff9c00;
  border-radius: 20px;
}
.header .right-item ul li .count:before {
  border-bottom-color: #ff9c00;
}
.header .right-item .search form input {
border-bottom: 2px solid #E8F8FD;
}
.recent-posts .breadcrumbs {
background: #28232C;
}
.recent-posts .topics {
  background: #28232C;
}
.recent-posts .swiper-slide .title p {
font-family: "open_sanssemibold";
}
.recent-posts .breadcrumbs > ul > li {
  color:#fff;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown {
  background: #28232C;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown:before {
border-bottom: 14px solid #28232C;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown .search {
  background: #37313B;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown .search form input {
  font: 14px/25px "open_sanslight", Helvetica, Arial, sans-serif;
  border-bottom: 2px solid #463F4B;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown ul li:hover {
  background: #2E2E2E
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown ul li:before {
  background: #f2008f;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown ul li:after {
  border-color: transparent transparent transparent #f2008f;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown ul li a {
 font-family: "open_sanslignt", Helvetica, Arial, sans-serif;
}
.recent-posts .breadcrumbs > ul > li .crumb-dropdown h3 {
font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
font-weight: normal;
}
.recent-posts .topics ul li {
  position: relative;
}
.recent-posts .topics > ul li {
  padding: 0 0 12px 0;
}

.recent-posts .topics ul li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 1px;
  height: 15px;
  background: #504949;
}
.recent-posts .topics ul li:first-child:after {
  width:0px;
}
.recent-posts .topics ul li a {
  border-radius: 0;
  background: none;
  color: #fff;
  font-size: 15px;
  font-family: "open_sansregular", Helvetica, Arial, sans-serif;
}
.recent-posts .topics ul li a:hover {
  background: none;
  color:#01c0f4;
}
.recent-posts .topics > ul li a {
padding: 0 14px;
}
.recent-posts .topics h4 {
  color: #fff;
  font-size: 17px;
  font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
}
.recent-posts .swiper-slide:after {
  background: url(../images/bg_mask_wpcentral.png) repeat-x;
  opacity: 0.4;
}
.recent-posts .swiper-slide .title p span {
  color: #FF80CB;
}
.recent-posts .swiper-slide .title h2 span {
  font-family: "open_sanslight", Helvetica, Arial, sans-serif;
  font-size: 35px;
}
.navigation-right .inner {
  border-color: #00A5D3;
}
.navigation-right .menu .tip-us a [class^="icomoon-play"] {
  margin: -4px 6px -4px 0px;
  font-size: 37px;
}
.navigation-right .sub-list .featured h4 {
font-family: "open_sanslight";
}
.navigation-right .feed h4 a {
font-family: "open_sansregular";
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"], .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"] {
  background: #d5d9da;
  border-radius: 5px;
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"]:hover, .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"]:hover {
  background: #be6adc;
}
.navigation-right .inner .other-channels .channels-list li {
  padding-bottom: 13px;
}
.navigation-right .inner .staff-members .staff-member > a {
  color: #be6adc;
}
.navigation-right .inner .staff-members .staff-member [class^="icomoon-"]:hover, .navigation-right .inner .staff-members .staff-member [class*=" icomoon-"]:hover {
  color: #be6adc;
}
.navigation-right .inner > section .view-all a {
  background: #ff9c00;
  border-radius: 0 20px 20px 0;
}
.navigation-right .inner > section ul li:before {
  background: #f2008f;
  border-radius: 50%;
  width: 7px;
  height: 7px;
}
.navigation-right .inner > section ul li:after {
  content: none;
}
.navigation-right .inner > section ul li a {
  color: #3b3b3b;
}
.navigation-right .inner > section h3 {
  font-family: "open_sansbold", Helvetica, Arial, sans-serif;
  line-height: 1.2;
  color: #3b3b3b;
}
.navigation-right .menu ul {
  background: #EDF8FC;
}
.navigation-right .menu ul li:first-child {
  border: none;
}
.navigation-right .menu ul li:first-child a {
  border-top: 1px solid #BBD8E0;
}
.navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a {
  background: #EB55AD;
}
.navigation-right .menu ul li a {
  font-family: "open_sanssemibold", Helvetica, Arial, sans-serif;
  font-size: 14px;
  border-bottom: 1px solid #BBD8E0;
}
.navigation-right .menu ul li a[data-subnav] {
  border-left-color: #00ABDA;
}
.navigation-right .menu .tip-us:hover a, .navigation-right .menu .tip-us.hover a, .navigation-right .menu .tip-us.hover-f a {
  color: #fff;
}
.navigation-right .menu .tip-us a {
  color: #EB55AD;
}
.navigation-right .feed article:hover .pic:before {
  background: #be6adc;
}
.header .right-item .account a:hover:after {
  background: #EB55AD;
}
#header .logo {
  width: 190px;
  height: 59px;
  margin-top: 15px;
  margin-left: 90px;
  margin-right: 55px;
  background: none;
  font-size: 25px;
  font-family: "open_sansregular", Helvetica, Arial, sans-serif;
  color: #fff !important;
  letter-spacing: -1px;
  text-indent:0px !important;
}
#header .logo:before {
  content: "";
  display: block;
}
#header .logo:after {
  content: "";
  position: absolute;
  display: block;
  width: inherit;
  height: inherit;
  top: -5px;
  left: -74px;
  width: 59px;
  height: 59px;
  background: url(../images/logo-wpcentral.svg);
  background-size: 59px 59px;
}
#header qa.logo:hover {
  text-decoration: none;
}
.portals-nav .toggle-nav {
  left: 270px;
  top: -42px;
}
.portals-nav ul .wrapper-wpcentral {
  display: none;
}
.portals-nav ul .wrapper-androidcentral {
  display: block;
}
.header-small .swiper-slide .title h2 span {
  font-family: "open_sanslight", Helvetica, Arial, sans-serif;
  font-size: 28px;
}
#main-search::-webkit-input-placeholder {
   color: #fff;
}
#main-search::-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}
#main-search:::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}
#main-search::-ms-input-placeholder {  
   color: #fff;  
}
span.pp-username {
color: #EB55AD;
border-bottom: 1px solid #bbd8e0;
}

/*--- Next - Previous Arrows Header -------*/

.recent-posts .prevnext .swiper-prev, .recent-posts .prevnext .swiper-next {
background-color: #01c0f4;
}

.recent-posts .prevnext .swiper-next:hover,.recent-posts .prevnext .swiper-prev:hover {
background-color:#EB55AD;
}

@media screen and (max-width: 1008px) {
  .logo {
    margin-right: 55px;
  }
  .logo:before {
    content: "";
  }
}
@media screen and (max-width: 660px) {
  .logo {
    width: 59px;
    margin: 10px 0 0 16px;
  }
  .logo:before {
    content: none;
  }
  .logo:after {
    left: 0;
    top: 0;
  }
  .portals-nav .toggle-nav {
    left: 270px;
  }
}
@media screen and (max-width: 479px) {
  .logo {
  }
  #header .logo {
    font-size: 17px;
    margin-right: 0;
    width: 120px;
  }
  .portals-nav .toggle-nav {
    display: none;
  }
}
