/*--------------------------------------*/
/*---- VARIABLES -----------------------*/
/*--------------------------------------*/

    :root {
      --main-font-color: rgb(89, 38, 14);   /* Font brown color */
      --main-font-focus-color: white;       /* Font focus color */
    }


/*--------------------------------------*/
/*---- GENERAL IDS ---------------------*/
/*--------------------------------------*/
    
    header
    {        
        /*background-image: none;
        background-color: white;*/
        /*background-image: url(../img/backgrounds/about_bg.jpg);*/
    }

    #features
    {
        background-image: url(../img/backgrounds/about_bg.jpg);
        /*background-position: 50% 0;
        background-repeat: no-repeat;
        background-color: black;*/
    }

    #alsofor
    {
        background-image: url(../img/backgrounds/media_bg.jpg);
        /*background-position: 50% 0;
        background-repeat: no-repeat;
        background-color: black;*/
    }

    #media
    {
        background-image: url(../img/backgrounds/media_bg.jpg);        
    }

    #godheads
    {
        background-image: url(../img/backgrounds/godheads_bg_small.jpg);
        background-position: 50% 0%;
        background-repeat: no-repeat;
        background-color: black;
    }

    #contact
    {
        background-image: url(../img/backgrounds/contact_bg.jpg);        
    }

    #copyright
    {
        background-color: #181818;
        padding-bottom: 10px;
        padding-top: 10px;
        color:#ddd;
        margin:auto;
        text-align: center;
    }

    /* Increase display width when showing polaroids*/
    #media .container    
    {
        width: 80%;
        margin-top: 10px;
        /*margin: auto;*/
        /*background-color: blue;*/
	} 
    
    /*#media > a
    {
        margin: 10px !important;
        width: 80%;
        background-color: aquamarine;
    }*/

    #about .container
    {
        padding: 60px 0;
    }

/*--------------------------------------*/
/*---- GENERAL CLASSES -----------------*/
/*--------------------------------------*/      
    
    .fancybox
    {
        font-family: "Indie Flower",'Helvetica Neue',Arial,sans-serif !important;
        font-weight: bold;
    }

    .fancybox > img
    {
        margin: 10px 0;
        margin-top: 10px;
        width: 90% !important;
        /*background-color: aquamarine !important;
        border: 3px solid red !important;*/
    }

    .hideIfSmall
    {
        visibility: hidden !important;
        display: none;
    }

    .hideIfBig
    {
        visibility: visible !important;
    }

    .row-padding
    {
        padding: 30px 0;
    }

    .row-padding-half
    {
        padding: 15px 0;
    }
    
    .row-padding-big
    {
        padding: 180px 0;
    }

    .separator
    {        
        background-image: url(../img/separator.png);
        height: 50px;
        line-height: 50px; /*Used to vertically center text. */
        text-align: center;                
        font-family: 'Rammetto One','Helvetica Neue',Arial,sans-serif !important;
		font-size:28px !important;
        font-weight: bold;		
        color: var(--main-font-color);                
        margin: auto !important;
    }

    /* Social icons and text normal*/
    .text-primary,
    a
    {
        color: rgba(255, 200, 130, 1.0);
    }
    
    /* Social icons and text on hover*/
    a:hover, a:focus,
    .text-primary:hover, .text-primary:focus
    {
        /*color: #f05f40;*/
        color: #ffe7ce;
    }    
    
    .trailer
	{
        width: 90%;
        padding-top: 20px;
        padding-bottom: 15px;
        margin: 0px auto;
	}

    .fa-inverse
    {
        color: rgb(239, 173, 106) !important;    
    }

/*--------------------------------------*/
/*---- ABOUT -----------------------*/
/*--------------------------------------*/

    /*.gif-box > img {*/
    .gif-box > img
    {
        width: 100%;
    }
    
    .usp-box,
    .gif-box
    {
        height: 138px;
        width: 242px;
        margin: 10px auto;
        font-size: 30px;
        color: rgb(89, 38, 14);   /* Font brown color */
        font-weight: bold;
        background-size: cover;
        background-position: center;
    }

    .usp-box-1{
        background-image: url(../img/usp-box-1.png);        
    }

    .usp-box-2{
        background-image: url(../img/usp-box-2.png);        
    }

    .usp-box-3{
        background-image: url(../img/usp-box-3.png);        
    }


    p.usp-text {
        font-size: 30px;
        height: 207px;
        width: 364px;
        margin: 0px;
        display: table-cell;
        vertical-align: middle;
        padding: 10px;
        line-height: 30px;
    }


/*----------------------------------*/
/*---- STORE BUTTONS ---------------*/
/*----------------------------------*/
    .steam button,
    .steam .btn:focus,
    .steam .btn:active:focus,
    .steam .btn.active:focus,
    .steam .btn.focus,
    .steam .btn:active.focus,
    .steam .btn.active.focus
    {   background-image: url(../img/button-steam.png); }

    .ps4-eu > button,
    .ps4-eu .btn:focus,
    .ps4-eu .btn:active:focus,
    .ps4-eu .btn.active:focus,
    .ps4-eu .btn.focus,
    .ps4-eu .btn:active.focus,
    .ps4-eu .btn.active.focus
    {   background-image: url(../img/button-ps4-eu.png);   }

    .ps4-us > button,
    .ps4-us .btn:focus,
    .ps4-us .btn:active:focus,
    .ps4-us .btn.active:focus,
    .ps4-us .btn.focus,
    .ps4-us .btn:active.focus,
    .ps4-us .btn.active.focus
    {   background-image: url(../img/button-ps4-us.png);   }
    
    .xbone > button,
    .xbone .btn:focus,
    .xbone .btn:active:focus,
    .xbone .btn.active:focus,
    .xbone .btn.focus,
    .xbone .btn:active.focus,
    .xbone .btn.active.focus
    {   background-image: url(../img/button-xbone.png); }

    .steam > button:hover   {   background-image: url(../img/button-steam-hover.png);   }
    .ps4-eu > button:hover     {   background-image: url(../img/button-ps4-eu-hover.png);     }
    .ps4-us > button:hover     {   background-image: url(../img/button-ps4-us-hover.png);     }
    .xbone > button:hover   {   background-image: url(../img/button-xbone-hover.png);   }

    .store-box p {
        margin-bottom: 0;
    }

    .buttonText
    {
        margin-left: 8px;
        text-align: left;
        text-transform: none;    
    }

    .store-box > button {
        background-color: transparent;
        width: 210px;
        height: 69px;
        border: none;
        color: #333;
        font-size: 12px;
        background-size:cover;
        line-height: 20px;
    }

    .xboneText
    {
        color: white !important;
    }
    .store-box > button:hover {
        color: white;
        -webkit-transform: scale(1.15);
        -moz-transform: scale(1.15);
        -ms-transform: scale(1.15);
        -o-transform: scale(1.15);
        transform: scale(1.15);
        transition: all .10s linear;
        border: none;
    }

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus,
    .btn.focus,
    .btn:active.focus,
    .btn.active.focus {
        outline: none !important;
        box-shadow: none;
        /*background-image: url(../img/button-steam.png);        */        
        border: none;
        color: #333;
        font-size: 20px;
    }



/*----------------------------------*/
/*---- NAVIGATION BAR --------------*/
/*----------------------------------*/

    .navbar-default
    {
        border: none !important;    /* Remove theme's default border */
        background-image: url(../img/menu_bg_small.jpg);
        /*background-color: rgb(239, 173, 106);*/
    }
    
    .navbar-collapse
    {
        border: none !important;
    }
    
    .navbar-default .navbar-header .navbar-brand
    {
        font-size: 12px !important;
    }

    /* Navigation bar when collapsed when navigating page down.*/
    .navbar-default.affix {
        border: none !important;
        background-color: transparent !important;
    }
    
    /* Change fonts for navbar */
    .navbar-default .navbar-header .navbar-brand {
        color: var(--main-font-color);
        font-size: 18px !important;
    }
    
    /* List of items */ 
    .navbar-default .nav > li> a {
        color: var(--main-font-color);
        font-size: 20px !important;
    }
    
    .navbar-default .nav > li.active>a,
    .navbar-default .nav>li.active>a:focus {
        color: var(--main-font-focus-color) !important;
    }
    
    .navbar-default.affix .nav > li>a,
    .navbar-default.affix .nav>li>a:focus {
        color: var(--main-font-color);
    }
    
    .navbar-default.affix .nav > li>a:hover,
    .navbar-default.affix .nav>li>a:focus:hover {
        color: var(--main-font-focus-color);
    }    
    

/*----------------------------------*/
/*---- MAIL CHIMP ------------------*/    
/*----------------------------------*/
    
    #mc_embed_signup div.mce_inline_error    
	{
		background-color: transparent !important;
	}

	#mc_embed_signup input.mce_inline_error
    {
        border-color: #ddd !important;
	}
    
    #mc_embed_signup_scroll h2,
    #mce-error-response
    {
        color: #ddd !important;
    }

	#mc_embed_signup
	{
		background: transparent;
		clear:left;
		font-size:14px;
		font-family: Cabin,'Helvetica Neue',Arial,sans-serif;
	}

    #mc_embed_signup .mc-field-group
    {
        float: left;
        height: 38px;        
        width: 80% !important;
        margin: 0 10%;
    }

	#mc_embed_signup .btn2
	{
        float: left;
        height: 38px;
        width: 80%;
        margin: 0 10%;
        
        /* Button style */ 
        /*background-color:#f05f40 !important;            
		border-color: #ddd !important;*/
        background-color:#fdb46f !important;            
		border-color: #59260e !important;
        border-width: 3px !important;
        
        font-size:20px !important;
        color: #59260e;
        /*font-family: Cabin,'Helvetica Neue',Arial,sans-serif !important;*/		
	} 

    #mc_embed_signup .btn2:hover
	{
        /* Button style */ 
        background-color:#59260e !important;            
		border-color: #fdb46f !important;                
        color: #fdb46f !important;
        /*font-family: Cabin,'Helvetica Neue',Arial,sans-serif !important;*/
        
        color: white;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05);
        transition: all .10s linear;        
	} 

    #mc_embed_signup div.response
    {
        width: 100%;
    }

    /*#mc_embed_signup_scroll
    {
        background-color: blueviolet !important;
    }*/

    /*#mc_embed_signup .btn2
	{
		margin: auto !important;
		margin-top: 0px !important;
		border-width: 3px !important;
		font-family: Cabin,'Helvetica Neue',Arial,sans-serif !important;
		font-size:24px !important;
		background-color:#f05f40 !important;
        border-color: #ddd !important;
		color: #ddd;
		width: 240px;
		height: 40px;
		float: right;		
	}*/


    /* OMGHX CSS*/
    .available
    {
        text-shadow:
            -1px -1px 0 #fff,  
            1px -1px 0 #fff,
            -1px 1px 0 #fff,
            1px 1px 0 #fff;
        
        font-size: 32px !important;
        color: #733090;
        font-family: 'Rammetto One','Helvetica Neue',Arial,sans-serif !important;
    }


.switch-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 12px 24px;
    border: 1px solid #be120a;
    border-radius: 8px;
    background: #ff2213;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2213), to(#db160b));
    background: -moz-linear-gradient(top, #ff2213, #db160b);
    background: linear-gradient(to bottom, #ff2213, #db160b);
    text-shadow: #700b06 1px 1px 1px;
    font: normal normal bold 20px verdana;
    color: #ffffff;
    text-decoration: none;
}
.switch-button:hover,
.switch-button:focus {
    border: 1px solid ##e0150c;
    background: #ff2917;
    background: -webkit-gradient(linear, left top, left bottom, from(#ff2917), to(#ff1a0d));
    background: -moz-linear-gradient(top, #ff2917, #ff1a0d);
    background: linear-gradient(to bottom, #ff2917, #ff1a0d);
    color: #ffffff;
    text-decoration: none;
}
.switch-button:active {
    background: #be120a;
    background: -webkit-gradient(linear, left top, left bottom, from(#be120a), to(#db160b));
    background: -moz-linear-gradient(top, #be120a, #db160b);
    background: linear-gradient(to bottom, #be120a, #db160b);
}
.switch-button:before{
    content:  "\0000a0";
    display: inline-block;
    height: 24px;
    width: 24px;
    line-height: 24px;
    margin: 0 14px 0px 0px;
    position: relative;
    top: 0px;
    left: 0px;
    background-image: url(../img/switch-logo-broken.png);
    background-size: 100% 100%;
}

.switch-button:hover:before,
.switch-button:focus:before,
.switch-button:active:before {
    background-image: url(../img/switch-logo.png);
}