.countdown * {
	color: #ffce4a !important;
}

.single-post li {
	color: #fff;
}

.header-logo {
    padding: 15px 15px 15px 0px;
}

.80pct {
    display: block;
    padding-left: 10% !important;
    padding-right: 10% !important;
    width: 80% !important;
}

.mk-blog-spotlight-item .item-wrapper .mk-button {
    margin: 0px !important;
}

.vert-center {
    vertical-align:middle;
}

.careers-page-benefits-grid {
    background-color: #000;
}
/*
@media screen and (min-width : 1921px) {
 Styles 
    .featured-image {
        height: 650px !important;
    }
}
*/
@media screen and (min-width : 320px) and (max-width : 767px) {
/* Styles */
    .eg-careers-benefits-element-1 {
        font-size: 16px !important;
        line-height: 18px !important;
        padding: 15px !important;
    }
}

#careers_faq {
	background: linear-gradient(to bottom right, rgba(145,17,70,0.5), rgba(0,153,255,0.5));
}


.size-64 {
    text-align: center !important;
}

.size-64 > i {
    font-size: 64px !important;
}

/* Careers BG Fixes */
.careers_box {
		padding: 30px 20px;
		margin-bottom: 10px;
		border: 20px solid #000;
}

.careers_art_animation {
    background: #6bb337;
    background: linear-gradient(to bottom right,#6bb337 0%, #32a138 100%);
}
.careers_audio {
    background: #22aad3;
    background: linear-gradient(to bottom right,#22aad3 0%, #2076cb 100%);
}

.careers_design {
    background: #f98639;
    background: linear-gradient(to bottom right,#f98639 0%, #fc5a3a 100%);
}
.careers_operations {
    background: #588c8c;
    background: linear-gradient(to bottom right,#588c8c 0%, #4f6c7f 100%);
}
.careers_production {
    background: #ff6d4c;
    background: linear-gradient(to bottom right,#ff6d4c 0%, #d92b2b 100%);
}
.careers_programming {
    background: #cc4452;
    background: linear-gradient(to bottom right,#cc4452 0%, #723147 100%);
}
.careers_team_member {
    background: #9f1fc2;
    background: linear-gradient(to bottom right,#9f1fc2 0%, #74178e 100%);
}

.careers_mocap {
    background: #35E8D9;
    background: linear-gradient(to bottom right,#35E8D9 0%, #3BDBFF 100%);
}

/* Career Icons size force */
.mk-milestone.milestone-medium i {
    font-size: 64px !important;
}
.mk-milestone.milestone-medium .milestone-number, .mk-milestone.milestone-medium .milestone-prefix, .mk-milestone.milestone-medium .milestone-suffix {
    font-size: 40px !important;
    text-align: center !important;
}
.mk-milestone .milestone-number, .mk-milestone .milestone-prefix, .mk-milestone .milestone-suffix {
    line-height: 110% !important;
    letter-spacing: 2px !important;
    text-align: center !important;
}
.mk-milestone.center-align i {
    display: block;
    margin-bottom: 30px !important;
}
.mk-milestone.milestone-medium i {
    font-size: 64px !important;
}
.mk-milestone i {
    line-height: 1;
}
.mk-milestone.center-align {
    text-align: center !important;
}
/* End Career Icons */


#mk-boxed-layout {
    max-width: 100% !important;
    overflow: hidden;
}

body {
    background-color: #333;
}

.mk-testimonial.avantgarde-style .mk-testimonial-image img {
    margin: 10px auto;
    border-radius: 0;
    height: 128px;
    width: 128px;
}

.mk-testimonial.avantgarde-style .mk-testimonial-content p {
    line-height: 35px !important;
}


.footer_link {
    margin-left: 30px;
    margin-right: 30px;
    color: #fff !important;
    text-transformation: uppercase;
}

.the-title {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.events-title {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 30px;
    text-align: left;
    color: #f5a503;
    font-style: inherit;
    font-weight: inherit;
    padding-top: 10px;
}

.events-information {
    letter-spacing: 2px;
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff !important;
    text-align: left;
    font-style: inherit;
    font-weight: inherit;
    padding-bottom: 10px;
}

.padding-60px {
    height: 60px;
}

.padding-40px {
    height: 40px;
}

.padding-20px {
    height: 20px;
}

.no_bullet {
    list-style: none;
}

.press_release-container {
    background: url("https://gearboxsoftwarecom.s3.amazonaws.com/images/background_images/gearbox_sign.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
}

.press_release-inner {
    background-color: rgba(0,0,0,0.75);
    padding: 20px;
    margin-top: 60px;
    margin-bottom: 60px;
    z-index: 6;
}

.info_content p {
    color: #000 !important;
}

.mk-skip-to-next {
    margin: -26px 0 60px -26px;
}

#stickyheader {
    width: 100%;
    height: 10px;
}

#stickyalias {
    display: none;
    height: 10px;
}

.video_column {
    padding: 0px 7.5px !important;
}

.section_inner_header {
    color: #fff !important;
    font-size: 36px;
}

.black_bg {
    background-color: #000;
}

.dark_grey_bg {
    background-color: #222;
}

.bg_222 {
    background-color: #222;
}

.bg_111 {
    background-color: #111;
}

b {
    color: #f2385a;
}

.press_release_padding {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.video_row_1, .video_row_2, .video_row_3, .video_row_4 {
    margin-top:15px;
}

#mk-footer span {
    color: #fff !important;
}

#mk-footer a span:hover {
    color: #4ad9d9 !important;
}

.ess_grid_margin {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.esg-loadmore-wrapper {
    margin-top: 15px;
}

.mk-blog-spotlight-item .featured-image {
    padding: 7.5px;
}

.mk-blog-spotlight-item .featured-image .image-hover-overlay {
    margin: 7.5px;
}

.mk-blog-hero.bold-style .the-title {
    max-width: 90%;
}

.mk-image.outside-image .mk-image-caption .mk-caption-title {
    font-size: 20px !important;
    line-height: 22px !important;
}

.black_text > * {
    color: #000 !important;
}

.text_shadow, .text_shadow > span {
    text-shadow: 0px 0px 10px #000 !important;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {
/* Styles */
    .eg-games-grid-element-0 {
        font-size: 20px !important;
        line-height: 20px !important;
    }
    .eg-games-grid-element-1 {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 5px 15px 15px 15px !important;
    }
    .esg-center.eg-careers-benefits-element-1 {
        font-size: 16px !important;
        line-height: 18px !important;
        padding: 15px !important;
    }
	.tp-parallax-wrap h1 {
			font-size: 30px !important;
			white-space: pre-wrap !important;
			width: 90vw !important;
			text-shadow: 3px 3px 4px #000000;
	}
	.tp-parallax-wrap h2 {
			font-size: 20px !important;
			white-space: pre-wrap !important;
			width: 90vw !important;
			text-shadow: 3px 3px 4px #000000;
	}
}
@media only screen and (min-width : 768px) and (max-width : 1023px) {
    .esg-center.eg-careers-benefits-element-1 {
        font-size: 20px !important;
        line-height: 20px !important;
        padding: 20px !important;
    }
		.tp-parallax-wrap h1 {
			font-size: 36px !important;
			white-space: pre-wrap !important;
			width: 100vw !important;
			text-shadow: 3px 3px 4px #000000;
	}
	.tp-parallax-wrap h2 {
			font-size: 24px !important;
			white-space: pre-wrap !important;
			width: 100vw !important;
			text-shadow: 3px 3px 4px #000000;
	}
}

/**** BUTTON CONSISTENCY ****/

.load_more_button, .ff-loadmore-wrapper > span, .esg-loadmore-wrapper > .esg-navigationbutton, .mk-readmore, .wpcf7-submit {
        border: 2px solid #fff;
	padding: 10px;
	text-align: center;
	margin: 5px auto 15px;
	max-width: 275px;
	cursor: pointer;
	text-transform: Uppercase;
	font-weight: bold;
	transition-duration: .25s;
        background-color: rgba(0, 0, 0, 0) !important;
        color: #fff;
}

.mk-readmore, .wpcf7-submit {
        padding: 14px 24px;
}

.ff-loadmore-wrapper > span {
    border-radius: 0px !important;
    background-color: rgba(0, 0, 0, 0) !important;
}

.load_more_button:hover, .ff-loadmore-wrapper > span:hover, .esg-loadmore-wrapper > .esg-navigationbutton:hover, .mk-readmore:hover, .wpcf7-submit:hover {
	border: 2px solid #fff;
	background-color: #fff !important;
	color: #333;
	transition-duration: .5s;
}

.mk-button--text {
    text-transform: uppercase;
}

/**** END BUTTON CONSISTENCY ****/

.mk-blog-grid-item .the-title a {
    letter-spacing: 1px;
    font-size: 22px !important;
    line-height: 24px !important;
    color: #fff;
}

.page_header {
    height: 400px !important;
    max-height: 400px !important;
}

.mk-footer-logo {
    padding: 8px 20px 8px 20px;
}

.mk-pagination .current-page, .mk-pagination .current-page:hover, .mk-pagination .page-number:hover, .mk-pagination .mk-pagination-next:hover, .mk-pagination .mk-pagination-previous:hover {
    border: 2px solid #fff;
}

.mk-pagination .current-page, .mk-pagination .page-number, .mk-pagination .mk-pagination-next a, .mk-pagination .mk-pagination-previous a {
    color: #fff !important;
}
.mk-pagination .mk-pagination-next, .mk-pagination .mk-pagination-previous {
    color: #fff !important;
}

.simple-dark .esg-filterbutton, .simple-dark .esg-navigationbutton, .simple-dark .esg-sortbutton, .simple-dark .esg-cartbutton {
    margin-top: 25px;
}

.registered{
    font-size: 65%;
}

.mk-section-video.mk-center-video.js-el, #game_video_header {
    padding-top: 0px !important;
}

/*[data-filter="filter-tag-battleborn"]:before {
content: url("");
}*/


/* HEADER BANNER TITLE CUSTOMIZATION */

/*#theme-page .theme-page-wrapper.no-padding {
    min-width: 100%;
}*/

#game_header, #page_header {
    position: relative;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
		height: 400px !important;
}

#game_header_text, #page_header_text {
    position: absolute;
    bottom: 25px;
    left: 25px;
    z-index: 4 !important;
}

#theme-page .theme-page-wrapper {
    margin: 20px 0 !important;
    min-width: 100% !important;
}

#theme-page .theme-page-wrapper .theme-content, #theme-page .theme-page-wrapper .theme-content.no-padding {
    padding: 0px !important;
    min-width: 100%;
}

#background_overlay {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    min-width: 100%;
    min-height: 100%;
    z-index: 3 !important;
    top: 0px;
    left: 0px;
}

h1, h2 {
    margin-bottom: 0px !important;
}

.mk-blog-spotlight-item .item-wrapper h3 {
    margin: 5% 0 !important;
    letter-spacing: 0px !important;
    line-height: 26px !important;
}

.mk-blog-spotlight-item .featured-image .image-hover-overlay {
    opacity: 0.75 !important;
}
.post-type-badge {
	display: none !important;
}
.featured-image > .image-hover-overlay {
		background-color: rgba(0,0,0,0.2) !important;
}
/****** RESPONSIVE TEXT ******/


@media only screen and (min-width : 1280px) {
    h1 {
        font-size: 72px !important;
        line-height: 1.5 !important;
    }
    h2 {
        font-size: 40px !important;
        line-height: 1.5 !important;
    }
    h3 {
        font-size: 36px !important;
        line-height: 1.5 !important;
    }
    h4 {
        font-size: 30px !important;
        line-height: 1.5 !important;
    }
    h5 {
        font-size: 26px !important;
        line-height: 1.5 !important;
    }
    h6 {
        font-size: 22px !important;
        line-height: 1.5 !important;
    }
}

@media only screen and (min-width : 1024px) and (max-width : 1279px) {
    h1 {
        font-size: 55px !important;
        line-height: 55px !important;
    }
    h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    h3 {
        font-size: 32px !important;
        line-height: 32px !important;
    }
    h4 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h5 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    h6 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
}

@media only screen and (min-width : 768px) and (max-width : 1023px) {
    h1 {
        font-size: 55px !important;
        line-height: 55px !important;
    }
    h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }
    h3 {
        font-size: 32px !important;
        line-height: 32px !important;
    }
    h4 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h5 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    h6 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
}

@media only screen and (max-width : 767px) {
    h1 {
        font-size: 40px !important;
        line-height: 40px !important;
    }
    h2 {
        font-size: 30px !important;
        line-height: 30px !important;
    }
    h3 {
        font-size: 26px !important;
        line-height: 26px !important;
    }
    h4 {
        font-size: 22px !important;
        line-height: 22px !important;
    }
    h5 {
        font-size: 18px !important;
        line-height: 18px !important;
    }
    h6 {
        font-size: 16px !important;
        line-height: 16px !important;
    }
}

@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {
    #page_header .mk-section-video video {
        display: none !important;
    }
}

@media only screen and (max-width: 1024px) and (min-device-width: 320px) {
    #game_header, #page_header {
        background-position: center center !important;
        background-attachment: scroll !important;
        background-size: cover !important;
    }
#theme-page .theme-page-wrapper.no-padding {
        padding: 0px !important;
    }
}

@media only screen and (min-device-width: 1921px) {
    #game_header, #page_header {
        background-position: center center !important;
        background-attachment: scroll !important;
        background-size: cover !important;
    }
}
.mk-font-icons .font-icon.mk-size-xx-large, .mk-size-xx-large {
    font-size: 128px !important;
    text-align: center !important;
}

.mk-font-icons .font-icon.mk-size-large {
    font-size: 64px !important;
    text-align: center !important;
}


.mk-event-countdown-ul li .timestamp {
    color: #fff !important;
    text-shadow: 0px 0px #fff !important;
}

/* CACHE FIXES */

.full_width_button{
    width: 100% !important;
}
.full_width_button > a {
  width: 100% !important;
}
.text_center {
    text-align: center !important;
}
.height_400 {
    height: 400px !important;
    overflow: hidden;
}
.white_text, .white_text a {
    color: #fff !important;
}
.mk-blog-grid-item .blog-grid-holder { 
    background-color: #333 !important;
    border: 0px solid !important;
}
.mk-blog-grid-item .blog-grid-footer {
    border-top: 0px solid !important;
}

/* Game Page Social Icons */
.icon_body_social {
    padding-top: 20px;
    padding-bottom: 20px;
}

#social_links_body i {
    font-size: 48px;
}

/* Youtube Embed Fix */
.youtube-container { display: block; margin: 15px auto; width: 100%; max-width: 1920px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto }
div.play-button { height: 72px; width: 72px; left: 50%; top: 50%; margin-left: -36px; margin-top: -36px; position: absolute; background: url("//www.legacy-gearboxsoftware.dream.press/assets/images/play_btn.png") no-repeat; }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

.pdb-signup td .helptext {
    margin-left: 0px;
    font-size: 14px !important;
    font-weight: normal !important;
}

#mk-page-introduce {
    display: none;
}

.icon_body_social, a:hover {
    color: #fff;
}

.section_title {
	color: #fff;
	padding-top: 40px;
}

.mk-blog-grid-item .featured-image img {
	z-index: -999999;
	opacity: 0;
}

.pad_l {
	padding-left: 20px;
}

.featured-image {
    max-height: 400px;
}

.grecaptcha-badge {
    display: none;
}

.chosen-drop {
    width: 350px !important;	
}

.mk-blog-spotlight-item .featured-image img {
    overflow: hidden;
    max-height: 380px;
		width: 100%;
    height: auto;
}

.mk-blog-spotlight-item .featured-image {
    padding: 7.5px;
    height: auto;
}

.mk-blog-spotlight-item .item-wrapper time:after {
    width: 20px;
    height: 2px;
    content: "";
    display: none !important;
    margin: 0px;
    background-color: #fff;
}