@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 {
  margin-left: 280px;
}
.header #navigation ul li:hover, .header #navigation ul li.active {
  background: #457dbb;
}
.header #navigation ul li a, #header-navigation-right > ul li.forums > a, #header-navigation-right > ul li.shop > 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-navigation-right .search form input {
    border-bottom: 2px solid #fff;
}
.header #navigation ul ul li, .header #header-navigation-right ul ul li {
    border-bottom: 1px solid #cae6f1;
}
.header #navigation ul ul, .header #header-navigation-right ul ul {
    background: #E7F3F7;
    border-top: 5px solid #457dbb;
}
.header #navigation ul ul li a:hover,
.header #header-navigation-right ul ul li a:hover {
  background: #5cb8db;
  color:#fff;
}
.header .header-navigation ul li:hover,
.header .header-navigation ul li.active {
  background: #457dbb;
}
.logged-in #header-navigation-left > ul > li > a:hover,
.logged-in #header-navigation-left > ul > li.active > a {
  background-color: rgba(69, 125, 187, 0.2);
}

.header #navigation ul li ul li a:hover {
background: #5cb8db;
}
.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,
#menu-login-links,
#header-pp-username {
  border-bottom: 1px solid #cae6f1;
  font-family: "camptonbook", sans-serif;
}
.header #header-navigation-right .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;
}
.logo {
  width: 150px;
  height: 64px;
  margin-top: 4px;
  margin-right: 30px;
  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;
background-repeat:no-repeat;
}
.logo:before {
  content: "";
  position: absolute;
  left: -4px;
  top: -3px;
  width: 71px;
  height: 71px;
  background: #5cb8db;
  border-radius: 50%;
}
/* 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;
}

.mona_sidebar_site_link.im {
  display: none;
}

/*--- 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;
}

.recent-posts .topics {
  background: #515c95;
}

.recent-posts .topics > ul li a {
  background-color: #696cc2;
}

/*------ Boom Train Sign Up -------*/

body.im .addontrain-container{
    bottom: 22px !important;
}

body.im .addontrain-content {
     padding: 20px 20px !important;
    text-align: center;
    background: #F5f5f5 !important;
    border: 1px solid #f1f1f1;
    border-top: 6px solid #5CB8DB ;
}

body.im .addontrain-content h3 {
  font-size: 24px;
    line-height: 1.2;
    margin:16px 0 12px;
    font-family: "camptonbook",sans-serif;
}

body.im .addontrain-content h3:before {
  content: "";
    background: url(../images/im-boomtrain-logo.png) repeat;
    background-size: 100%;
    height: 49px;
    width: 49px;
    margin: -7px 10px 0 11px;
    background-repeat: no-repeat;
    display: block;
    top: -10px;
    right: 117px;
    position: absolute;
}


body.im .addontrain-content p {
  margin-bottom: 16px;
  margin-top: 0;
}

body.im .addontrain-content input {
    background-color: #FFFFFF !important;
    border: 1px solid #E8E8E8 !important;
}

body.im .addontrain-container .addontrain-button {
    padding: 0.75em 3.3em .80em !important;
    background-color: #5CB8DB  !important;
    border-radius: 50px !important;
    margin-top: 11px !important;
}

body.im .addontrain-container .addontrain-button:hover {
    background-color: #515C95 !important;

}


@media screen and (max-width: 640px) {
  #logo {
    margin: 0 0 0 11px;
    width: 87px;
  }
  #logo:before {
    display:none;
  }
  #logo:after {
    background-image: url(../images/logo-imore-mobile-retina.png);
    background-size: 87px 33px !important;
    width: 87px !important;
  }
}
