/*
Theme Name: Mighty Rabbit Studios
Theme URI: http://www.unitedthemes.com
Description: Game Studio
Version: 4.2.4
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

@import url("../brooklyn/style.css");  



/************************************ CSS OVERRIDE  ***************************************/

/************************************ Fonts/Sizes ***************************************/

h1, h2, h3, h4, h5 { 
      font-family: "BrushUp", Titillium Web, Helvetica, Arial, sans-serif !important;
      font-weight: normal;
      font-style: normal;
}

.section-title, .parallax-title{
    font-family: "BrushUp", Titillium Web, Helvetica, Arial, sans-serif !important;

}



.lead, .taxonomy-description {
    font-family: "Titillium Web", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px !important;
    
}

.section-content {
    position: relative;
    font-size: 15px !important;
}

/* headline style */

.light .pt-style-4 .parallax-title span, .light .pt-style-4 .section-title span {
    display: inline-block;
    border: 3px solid #FFFFFF;
    padding: 4px 10px 0px 10px;
    background: #ffffff;
    color: #000;
}


h3.portfolio-title{

line-height: 1.4em !important;

}


/************************************ END  ***************************************/

/************************************ EDGE MASK ***************************************/

#aboutus {
    position: relative;
    margin-top: 1%;
    margin-bottom: 1%;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;
}

#titles {

    position: relative;
    margin-top: -5vw;
    margin-bottom: -5vw;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;

}

#breach-clear {

   position: relative;
    margin-top: -5vw;
    margin-bottom: -5vw;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;

}

#deadline {

   position: relative;
    margin-top: -5vw;
    margin-bottom: -5vw;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;

}


.parallax-section {
    position: relative;
    margin-top: -4vw;
    margin-bottom: -4vw;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;
}




.imgmask {
   
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/MR_Image_Mask_Edge.png);
    -webkit-mask-size: 100% 100% !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/MR_Image_Mask_Edge.png);
    -moz-webkit-mask-size: 100% 100% !important;
}


.mp-holder .member-description {
   
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/MR_Image_Mask_Edge.png);
    -webkit-mask-size: 100% 100% !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/MR_Image_Mask_Edge.png);
    -moz-webkit-mask-size: 100% 100% !important;
}


#contact-us {

    position: relative;
    margin-top: -2%;
    margin-bottom: -2%;
    z-index: 3;
    -webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -webkit-mask-size: cover !important;
    -moz-webkit-mask-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_Mask_Edge-1.png);
    -moz-webkit-mask-size: cover !important;
}
 



/************************************ END  ***************************************/


/************************************ Blog Hero  ***************************************/

.hero .parallax-scroll-container {
    background-repeat: no-repeat !important;
    background-size: !important;
    background-image: url("");
    -webkit-filter: grayscale(100%);
}

.hero-btn, .hero-second-btn {
    background: transparent;
    color: #FFFFFF;
    border: 1px solid rgb(255, 255, 255);
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 8px 12px;
    font-size: 1.0em;
    cursor: pointer;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    display: inline-block;
    -webkit-transition: 0.2s background linear;
    -moz-transition: 0.2s background linear;
    transition: 0.2s background linear;
    font-family: inherit;
    /* position: absolute; */
}


.hero-title {
    font-family: "BrushUp" !important;
    font-size: 180px !important;
}


/************************************ END  ***************************************/

/************************************ Custom Nav  ***************************************/


#header-section.ut-header-dark, .ha-header.ha-transparent:hover, .ha-header.ha-transparent:hover #navigation ul.sub-menu li > a, #header-section.ut-header-dark #navigation ul.sub-menu li > a {
    background: #161515 !important;
}

#header-section:after {
    background: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MRJaggedEdge.png) repeat-x 17%;
    display: block;
    content: " ";
    position: absolute;
    height: 8px;
    width: 100%;
    bottom: -7px;
    left: 0;
    right: 0;
}

#navigation ul li a {
    white-space: nowrap;
    font-family: Titillium Web !important;
    padding: 0px 15px 0px 15px;
    /* color: #efefef !important; */
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 12px !important;
    position: relative;
    text-decoration: none;
    display: block;
}

.ut-header-dark #navigation ul li a {
    color: #FFFFFF;
}

.ha-transparent #navigation ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    /* color: #FFFFFF; */
    left: 9px;
}

.ut-header-dark #navigation ul li a:after {
    content: '';
    position: absolute;
    top: 0;
    /* color: #999999; */
    left: 9px;
}

#navigation ul li a {
    white-space: nowrap;
    padding: 0px 15px 0px 15px;
    color: #555555;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 11px;
    position: relative;
    text-decoration: none;
    display: block;
}

#navigation ul li a:hover{
	background: #000;
	color: #fff
	border-top: 3px;
}

/************************************ END  ***************************************/

/************************************ Sub Nav  ***************************************/


#navigation ul.sub-menu {
    margin-left: 0px;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    transition: 0.2s all linear;
}

#navigation ul.sub-menu {
    border-top: 0px solid; 
}


/************************************ Hero ***************************************/

.ut-video-control, .ut-audio-control {
    bottom: 10%;
    position: absolute;
    text-indent: -9999px;
    width: 25px;
    height: 25px;
    left: 50%;
    margin-left: -12px;
    display: block;
    z-index: 2;
}

img.aligncenter {
    margin: 5px auto;
    width: 45% !important;
    height: auto !important;
    
}


.hero-inner p img {

    margin-top: 15% !important;

}


.hero .parallax-overlay {
    background-color: rgba(8,13,19 , 0.7 );
}


/************************************ END  ***************************************/


/************************************ ABOUT US ***************************************/

#aboutus .section-title {
    font-family: BrushUp, Titillium Web, Helvetica, Arial, sans-serif  !important;
    font-size: 7vw !important;
}


.section-title:after {
    content: "";
    display: block;
    background-color: #f7891e !important;
    width: 25% !important;
    height: 4px !important;
    margin: 15px auto 0;
}


/************************************ END  ***************************************/


/************************************ Connect with Us ***************************************/


.ut-social-network {
    list-style: none !important;
    margin: 0px auto;
    text-align: center;
    width: 60%;
}



/************************************ END  ***************************************/

/************************************ Titles ***************************************/

#titles .section-title {
    
    font-size: 7vw !important;
}

#titles .ut-split-screen-poster {
    background-position: 90% 100% !important;
    margin-top: 40px;
    width: 50%;
} 


.titlesimage {

   max-width: 50% !important;
}

#titles .ut-service-column{
    width: 96%;

}





/************************************ END  ***************************************/



/************************************ GAME TITLES ICONS/LINKS  ***************************************/

.fa-2x {
    font-size: 1.45em !important;
    margin: 0% 0px -1% 0px !important;
}

.fa-1x:hover {
	color: #000 !important;
}

/************************************ END  ***************************************/


/************************************ GAME TITLES CHARACTERS ******************************/

.ut-split-screen-poster {
    position: relative !important;
    background-size: contain !important;
    z-index: 0;
    
}


/************************************ END  ***************************************/

/************************************ Deadline ***************************************/




/************************************ END  ***************************************/

/************************************ Breach & Clear ***************************************/


#breach-clear .parallax-scroll-container {
    background-repeat: no-repeat !important;
    background-size: contain !important;
}



/************************************ END  ***************************************/

/************************************ SMRPG ***************************************/


#saturday-morning-rpg .parallax-scroll-container {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: .5;
    z-index: -1;
}



/************************************ END  ***************************************/

/************************************ Fat Chicken ***************************************/


#fat-chicken .parallax-scroll-container {
    background-repeat: no-repeat !important;
    background-size: contain !important;
    opacity: .5;
    z-index: -1;
}





/************************************ END  ***************************************/



/************************************ Works In Progress  ***************************************/

#works-in-progress .parallax-title {
    font-size: 7vw !important;
    color: #f7891e;
}

.flexslider .slides > li {
    display: none;
    padding-left: .2%;
    padding-right: .2%;
}

.fa-photo:before, .fa-image:before, .fa-picture-o:before {
    content: "\f00e" !important;
    /* display: block !important; */
}

.ut-portfolio-info span {
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: none;
    font-family: "BrushUp" !important;
}

.portfolio-style-two h2.portfolio-title {
    font-size: 23px;
    margin: 0;
    padding: 30px 0px 0px 0px;
    text-align: center;
    background: #FFFFFF;
}

.ut-carousel .slides img {
    width: 101%!important;
    max-width: 101%!important;
    -webkit-filter: grayscale(100%);
}




/************************************ END  ***************************************/

/************************************ TEAM  ***************************************/


#our-team .parallax-title {
   font-size: 7vw !important;
}


#our-team .parallax-title:after {
    content: "";
    display: block;
    background-color: #f7891e !important;
    width: 25% !important;
    height: 4px !important;
    margin: 15px auto 0;
}


.mp-holder .member-description .ut-member-details {
    bottom: 0px !important;
    position: absolute;
    right: 0px !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 0 !important;
    padding: 72% 0% 0% 71% !important;
}

.mp-holder .member-description {
    position: absolute;
    /*top: 0;*/
    left: 0;
    padding: 20px;
    /*background: #222222;*/
    background: rgba(247, 137, 30, 0.77) !important;
    color: #FFFFFF;
}

/************************************ END ***************************************/


/************************************ Mighty Rabbit Community ***************************************/


#mighty-rabbit-community .parallax-title {
    padding-top: 5%;
    font-size: 7vw !important;
}



#mighty-rabbit-community .parallax-title:after{
    content: "";
    display: block;
    background-color: #f7891e !important;
    width: 25% !important;
    height: 4px !important;
    margin: 15px auto 0;
}

#mighty-rabbit-community {
    padding-top: 150px;
    padding-bottom: 150px;
}

#ff-stream-1, #ff-stream-1 .ff-popup, #ff-stream-1 .ff-search input, #ff-stream-1.ff-layout-compact .picture-item__inner {
    background-color: rgba(0, 0, 0, 0);
    min-height: 0px !important;
}

/************************************ END ***************************************/


/************************************ Contact Us ***************************************/


#contact-us .parallax-title {
    font-size: 7vw !important;
}

#contact-us .parallax-title:after {
    content: "";
    display: block;
    background-color: #f7891e !important;
    width: 25% !important;
    height: 4px !important;
    margin: 15px auto 0;
}


/******* Contact form *******/

div.wpcf7 {
    margin: 0;
    padding: 0;
    margin-left: 18% !important;
}

.light button, .light input[type="submit"], .light input[type="button"] {
    border: none !important;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 20px;
    line-height: normal;
    color: #FFFFFF;
    padding: 12px 39px !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    text-align: center;
    -webkit-transition: 0.2s background linear;
    -moz-transition: 0.2s background linear;
    transition: 0.2s background linear;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background: #f7891e !important;
    -webkit-appearance: none;
    width: auto;
    font-family: 'Titillium Web' !important;
    font-size: 13px !important;
    font-weight: bold !important;
}

.light input[type="submit"]:hover {

	background:#000 !important;
}


.light input, .light textarea {
    border: 1px solid transparent;
    padding: 13px;
    outline: none;
    color: #FFFFFF;
     margin: 0;
    width: 80% !important;
    max-width: 100%;
    display: block;
    vertical-align: baseline;
    margin-bottom: 20px;
    -webkit-transition: 0.2s background linear;
    -moz-transition: 0.2s background linear;
    transition: 0.2s background linear;
    -webkit-transform: translateZ(0);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-background-clip: padding;
    -moz-background-clip: padding;
    background-clip: padding-box;
     background: rgb(0, 0, 0); 
    background: rgba(221, 221, 221, 0) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    border-bottom: 0.5px solid rgba(255, 255, 255, 0.47) !important;
}


/************************************ END  ***************************************/


/************************************ Limited Run  ***************************************/

#limited-run .section-title:after {
    content: "";
    display: none;
    background-color: #f7891e !important;
    width: 25% !important;
    height: 4px !important;
    margin: 15px auto 0;
}

#limited-run {
    padding-top: 2% !important;
    padding-bottom: 2% !important;
}


#limited-run .ut-split-screen-poster {
    position: relative !important;
    background-size: 39% !important;
    z-index: 0;
    background-position: 70% 55% !important;
}

/************************************ END  ***************************************/

/************************************ Media  ***************************************/

.ut-fancy-slider nav {
    z-index: 1000;
    position: relative;
    top: -100px;
    display: none;
}

.ut-fancy-slider-fullwidth {
    width: 100%;
    margin-bottom: 0;
    background-image: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/DEADline-bg.jpg);
    background-color: #f7891e;
}

.hero-btn-holder {
    display: block;
    position: absolute;
    margin: 0px auto;
    bottom: 10%;
    left: 0px;
    right: 0px;
}

.ut-masonry a {
    width: 95%;
    height: 100%;
    margin: 0px auto;
    padding-top: 5%;
}

#post-6058 .ut-portfolio-info .portfolio-title {
    margin: 0;
    font-size: 34px;
    text-transform: uppercase;
}

#post-6058 .ut-portfolio-info span {
    display: none;
}

/************************************ END  ***************************************/

/************************************ FOOTER  ***************************************/

/*.footer .ut-footer-dark {
    background: #161515;
}*/

.footer-content {
    text-align: center;
    padding-bottom: 30px;
    z-index: 12 !important;
    position: relative;
}

.footer {
    padding: 30px 0 0;
    background: #161515;
    position: relative;
    z-index: 3;
}

.footer:before {
    background: url(http://www.mightyrabbitstudios.com/blog/wp-content/uploads/2016/05/MR_JaggedEdge_Footer.png) repeat-x 100%;
    display: block;
    content: " ";
    position: absolute;
    height: 110% !important;
    width: 100%;
   /* top: -65%; */
    bottom: 47%;
    z-index: 2;
}



/****** footer BTT *****/

a.toTop:hover {
color: #f7891e !important;
}

a.toTop {
    background: #FFF !important;
    display: block;
    width: 40px;
    height: 40px;
    font-size: 28px;
    line-height: 38px;
    position: absolute;
    z-index: 3;
    top: -41%;
    left: 90%;
    right: 0;
    margin: auto;
    color: #222222 !important;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 0px 0px 0 0px;
    -webkit-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0) !important;
    -moz-box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0) !important;
    -webkit-transform: translateZ(0);
    -webkit-transition: 0.2s all linear;
    -moz-transition: 0.2s all linear;
    transition: 0.2s all linear;
    text-align: center;
}


/************************************ END  ***************************************/