/* Main page */
/** General styling **/
@font-face {
  font-family: DeusEx3_Hud;
  font-style: normal;
  font-weight: normal;
  src: url("https://images.wikia.nocookie.net/markva-public/images/2/2d/DeusEx3_Hud.eot#iefix") format("embedded-opentype"), url("https://images.wikia.nocookie.net/markva-public/images/d/d7/DeusEx3_Hud.woff") format("woff"), url("https://images.wikia.nocookie.net/markva-public/images/a/a0/DeusEx3_Hud.ttf") format("truetype"), url("https://images.wikia.nocookie.net/markva-public/images/3/35/DeusEx3_Hud.svg#DeusEx3_Hud") format("svg");
}

.page-Deus_Ex_Wiki .WikiaPageBackground {
     background-image: url("https://images.wikia.nocookie.net/deusex/images/4/47/Article-background.jpg/revision/latest?path-prefix=en") ! important;
}

/* Hide the page name */
.mainpage .page-header__title,
.mainpage .page-header__separator {
  display: none;
}

/** Headers **/
.mainpage-header {
     background: #2a2a2c none repeat scroll 0% 0%;
     border-bottom: medium none ! important;
     color: #cb9c50;
     font-family: DeusEx3_Hud, Rubik, Arial, sans-serif !important;
     font-size: 26px !important;
     margin: 0 !important;
     padding: 7px 14px 6px !important;
     text-transform: uppercase;
}

.mainpage-header .header-accent {
     color: #696971;
}

/** Boxes **/
.theme-fandomdesktop-dark .mainpage-box {
     background: rgba(32, 32, 35, 0.5) none repeat scroll 0% 0%;
     margin: 20px 0 0;
     padding-top: 20px;
}

.theme-fandomdesktop-light .mainpage-box {
     background: rgba(32, 32, 35, 0.1) none repeat scroll 0% 0%;
     margin: 20px 0 0;
     padding-top: 20px;
}

.mainpage-box .container {
     padding: 20px; 
}

/** Header box **/
.mainpage-box-header img {
     margin-top: 20px;
     height: auto;
     width: 100%;
}

/** Universe box **/
.mainpage-header-universe {
     font-size: 17px !important;
     padding: 2px 0 !important;
     text-align: center;
}

.mainpage-header-secondary {
     margin-bottom: 20px !important;
}

.theme-fandomdesktop-dark .mainpage-box-universe {
     text-align: center;
     padding-top: 0;
}

.theme-fandomdesktop-light .mainpage-box-universe {
	background: rgba(32, 32, 35, 0.75) none repeat scroll 0% 0%;
     text-align: center;
     padding-top: 0;
}

.mainpage-box-universe .game-accent {
     background: rgba(0, 0, 0, 0.3) none repeat scroll 0% 0%;
     margin: 20px;
     padding: 15px;
}

.mainpage-box-universe .contents {
     margin-left: 50px;
}

.mainpage-box-universe .content {
     display: inline-block;
     margin-bottom: 20px;
     margin-right: 50px;
}

.mainpage-box-universe .contents-secondary .content img {
     height: auto;
     width: 140px;
}

@media screen and (max-width: 1600px) {
     .mainpage-box-universe .contents {
		 margin-left: 20px; 
     }
	 
     .mainpage-box-universe .content {
          margin-right: 20px;
     }
}

@media screen and (min-width: 1024px) and (max-width: 1083px) {
     .mainpage-box-universe .content img {
          height: auto;
          max-width: 150px;
     }
	 
     .mainpage-box-universe .contents-secondary .content img {
          height: auto;
          width: 130px;
     }
}

/** Content box **/
.mainpage-box-content {
	 padding-top: 0;
}

.mainpage-box-content .contents {
     margin-left: 51px;
     padding-bottom: 15px;
     padding-top: 65px;
     text-align: center;
}

.mainpage-box-content .content {
     display: inline-block;
     margin-bottom: 43px;
     margin-right: 51px;
     width: 130px;
}

.mainpage-box-content .content .caption {
     font-family: DeusEx3_Hud, Rubik, Arial, sans-serif;
     font-size: 17px;
     margin-top: 15px;
}

@media screen and (max-width: 1600px) {
     .mainpage-box-content .contents {
          margin-left: 31px; 
     }
	 
     .mainpage-box-content .content {
          margin-right: 31px;
     }
}

@media screen and (min-width: 1024px) and (max-width: 1083px) {
     .mainpage-box-content .contents {
          margin-left: 21px;
     }
	 
	 .mainpage-box-content .content {
          margin-right: 21px;
     }
}

/** Blogs box **/
.mainpage-box-blogs {
     float: left; 
}

/* Reduce default padding */
.mainpage-box-blogs .container {
    padding-left: 10px;
    padding-right: 10px;
}
.skin-fandomdesktop .mainpage-box-blogs section.blog-listing {
    margin-bottom: 0;
}
.mainpage-box-blogs .blog-listing__post {
    padding: 18px;
    margin-bottom: 0;
}

/* Indent between two subsequent blog posts */
.mainpage-box-blogs .blog-listing__post + .blog-listing__post {
    margin-top: 18px;
}

.mainpage-box-blogs .blog-listing__post-details {
    display: unset; /* Unset the default flex display to prevent weird wrapping of date & comment count */
}

.mainpage-box-blogs .blog-listing__post-details span {
    font-weight: normal;
}

.mainpage-box-blogs .blog-listing__comment-count {
    text-align: right;
}


/** Buy box **/
.mainpage-box-buy {
    text-align: center;
    position: relative;
}

.skin-oasis .mainpage-box-buy {
    margin-top: 10px;
}

.mainpage-box-buy .mainpage-button-buy {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 17px;
}

.mainpage-box-buy .mainpage-button-buy a {
    color: white;
}

.mainpage-box-buy .mainpage-button-buy a:hover {
    text-decoration: none;
}


/** Social box **/
.mainpage-box-social .social-links {
     margin-bottom: -20px;
     margin-left: 20px;
     text-align: center;
}

.mainpage-box-social .social-item {
     display: inline-block;
     margin-bottom: 20px;
     margin-right: 20px;
}

.mainpage-box-social .social-item img {
     height: auto;
     width: 55px;
}


/** Featured Images box - FandomDesktop styles **/

/* Remove excessive margins/paddings */
.skin-fandomdesktop .mainpage-box-featuredimages .container {
    padding-left: 0;
    padding-right: 0;
}
.mainpage-box-featuredimages .gallery {
    margin: 0 !important;
    padding: 0;
}

/* Force gallery navigation buttons to be displayed on the same "row" */
.mainpage-box-featuredimages .mw-gallery-slideshow-buttons {
    padding: 0.6em 0 0 !important;
}
.mainpage-box-featuredimages .mw-gallery-slideshow-buttons .oo-ui-buttonElement {
    margin: 0 auto !important;
}


/** Video box **/
.mainpage-box-video figure, .mainpage-box-video figure img {
     height: auto;
     margin-top: 0;
     width: 100% !important;
}

.mainpage-box-video figcaption .title {
     margin-bottom: -24px;
}

.mainpage-box-video .play-circle {
     background-image: url("https://images.wikia.nocookie.net/deusex/images/4/48/Mainpage_Video_Play.png/revision/latest?path-prefix=en") ! important;
     height: 56px !important;
     margin: -28px 0 0 -28px !important;
     width: 56px !important;
}

/** Quote box **/
.mainpage-box-quote .container {
     padding: 11px 19px 12px;
}

.mainpage-box-quote .quote {
     font-style: italic;
}

.mainpage-box-quote .from {
     font-style: normal;
     text-align: right;
}