@font-face {
  font-family: 'camptonbook';
  src: url("/sites/all/fonts/rene.bieder_campton.book-webfont.eot");
  src: url("/sites/all/fonts/rene.bieder_campton.book-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/rene.bieder_campton.book-webfont.woff") format("woff"), url("/sites/all/fonts/rene.bieder_campton.book-webfont.ttf") format("truetype"), url("/sites/all/fonts/rene.bieder_campton.book-webfont.svg#camptonbook") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'camptonmedium';
  src: url("/sites/all/fonts/rene.bieder_campton.medium-webfont.eot");
  src: url("/sites/all/fonts/rene.bieder_campton.medium-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/rene.bieder_campton.medium-webfont.woff") format("woff"), url("/sites/all/fonts/rene.bieder_campton.medium-webfont.ttf") format("truetype"), url("/sites/all/fonts/rene.bieder_campton.medium-webfont.svg#camptonmedium") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'camptonlight';
  src: url("/sites/all/fonts/rene.bieder_campton.light-webfont.eot");
  src: url("/sites/all/fonts/rene.bieder_campton.light-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/rene.bieder_campton.light-webfont.woff") format("woff"), url("/sites/all/fonts/rene.bieder_campton.light-webfont.ttf") format("truetype"), url("/sites/all/fonts/rene.bieder_campton.light-webfont.svg#camptonlight") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'campton_bookbold';
  src: url("/sites/all/fonts/rene.bieder_campton.bold-webfont.eot");
  src: url("/sites/all/fonts/rene.bieder_campton.bold-webfont.eot?#iefix") format("embedded-opentype"), url("/sites/all/fonts/rene.bieder_campton.bold-webfont.woff") format("woff"), url("/sites/all/fonts/rene.bieder_campton.bold-webfont.ttf") format("truetype"), url("/sites/all/fonts/rene.bieder_campton.bold-webfont.svg#campton_bookbold") 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: "camptonbook", sans-serif;
}
#page-top a [class^="icon-"],
#page-top a [class*=" icon-"] {
  font-family: FontAwesome;
}
.header {
  background: #5cb8db;
}
.header:after {
  background: #457dbb;
}
.header #navigation ul li:hover, .header #navigation ul li.active {
  background: #457dbb;
}
.header #navigation ul li a {
  font-family: "camptonmedium", sans-serif;
}
.header #navigation ul li ul {
  background: #457dbb;
}
.header #navigation ul li ul li {
  background: #457dbb;
  border-bottom-color: #538fbd;
}
.header .right-item ul li:hover {
  background: #457dbb;
}
.header #navigation ul li ul li a:hover {
background: #5cb8db;
}
.header .right-item ul li.active {
  background: #457dbb;
}
.recent-posts .topics {
  background: #7ccfed;
}
.recent-posts .topics ul li a {
  border-radius: 20px;
  background: #67B1CC;
  font-family: "camptonlight", sans-serif;
}
.recent-posts .topics ul li a:hover {
  background: #19a4d4;
}
.recent-posts .topics h4 {
  color: #215869;
  font-family: "camptonlight", sans-serif;
}
.recent-posts .swiper-slide:after {
  background: url(../images/bg_mask_imore.png) repeat-x;
}
.recent-posts .swiper-slide .title p span {
  font-size: 12px;
  font-family: "camptonmedium", sans-serif;
  color: #5cb8db;
}
.recent-posts .swiper-slide .title h2 {
  font-family: "camptonbook", sans-serif;
  letter-spacing: -1.5px;
  font-size:36px;
  line-height:1.0;
}
.header-small .recent-posts .swiper-slide .title h2 {
  font-size: 22px;
  line-height:1.0;
}

.navigation-right .inner {
  border-color: #457dbb;
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"], .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"] {
  background: #dadad4;
}
.navigation-right .inner .other-channels .channels-list [class^="icomoon-"]:hover, .navigation-right .inner .other-channels .channels-list [class*=" icomoon-"]:hover {
  background: #19a4d4;
}
.navigation-right .inner .staff-members .staff-member > a {
  color: #5cb8db;
}
.navigation-right .inner > section .view-all a {
  background: #5cb8db;
  line-height: 16px;
}
.navigation-right .inner .topics-pages ul li:hover {
  background:#19a4d4;
}
.navigation-right .inner .topics-pages ul li a:hover {
  color:#fff;
}
.navigation-right .inner > section ul li:before {
  background: #5cb8db;
}
.navigation-right .inner > section ul li:hover:before {
  background: #fff;
}
.navigation-right .inner > section ul li:after {
  border-left-color: #5cb8db;
}
.navigation-right .inner > section ul li:hover:after {
  border-left-color: #fff;
}
.navigation-right .menu li a[data-subnav] {
border-left: 4px solid #457dbb;
}
.navigation-right .menu ul {
  background: #E7F3F7;
}
.navigation-right .menu ul li:first-child {
  border: none;
}
.navigation-right .menu ul li:first-child a {
  border-top: 1px solid #a6dff6;
}
.navigation-right .menu ul li:hover a, .navigation-right .menu ul li.hover a, .navigation-right .menu ul li.hover-f a {
  background: #5cb8db;
}
.navigation-right .menu ul li a {
  border-bottom: 1px solid #cae6f1;
  font-family: "camptonbook", sans-serif;
}
.header .right-item .search.active {
  background: #457dbb;
}
.navigation-right .menu .tip-us a [class^="icomoon-play"] {
margin: -4px 8px -4px 5px;
font-size: 36px;
}
.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: #0a90be;
}
.navigation-right .feed article:hover .pic:before {
  background: #5cb8db;
}
.header .right-item .account a:hover:after {
  background: #457dbb;
}
.logo {
  width: 150px;
  height: 64px;
  margin-top: 4px;
  margin-right: 90px;
  background: none;
}
.logo:after {
  content: "";
  position: absolute;
  display: block;
  width: inherit;
  height: inherit;
  top: 0;
  background: url(../images/logo-imore.svg);
  background-size: 150px 64px;
}
.logo:before {
  content: "";
  position: absolute;
  left: -4px;
  top: -3px;
  width: 71px;
  height: 71px;
  background: #5cb8db;
  border-radius: 50%;
}
.portals-nav .toggle-nav {
  left: 166px;
}
.portals-nav ul .wrapper-androidcentral {
  display: block;
}
.portals-nav ul .wrapper-imore {
  display: none;
}
/* Search Text Color */
#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: #0a90be;
border-bottom: 1px solid #cae6f1;
}

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

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

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

.recent-posts .prevnext {
  bottom: 3px;
}


@media screen and (max-width: 660px) {
  .logo {
    width: 70px;
    margin-right: 0;
  }
  .portals-nav .toggle-nav {
    left: 100px;
  }
}