@import url(http://styles-bigupdata.s3-website.eu-west-1.amazonaws.com/styles.css);

html, body {
    width: calc(100vw - 34px);
    scroll-behavior: smooth;
    font-family: 'Noto Sans', sans-serif !important;
    min-height: 100vh;
    transition: transform 500ms ease-in-out 0s;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0;
}

/* Required for scroll behavior to appear below the sticky header */
.field_block, #top-intro {
    scroll-margin-top: 100px;
}

/*HEADER START*/
.logos {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px;
}
/*HEADER END*/


/*NAVBAR*/
  .toggleNav{
    display:none;
  }

  .flex-nav {
      position: relative;
      box-shadow: 0 1px 0 rgba(52,23,23,0.2);
      margin: 20px;
      font-size: 14px;
      transition: 0.3s;    
  }

 .flex-nav a:hover{
     color: inherit;
 }

  .flex-nav ul{
    padding:0;
    margin:0;
    list-style:none;
    display:flex;
  }

  .flex-nav li{
    flex:3;
    text-align: center;
    padding: 7px;
  }

  .flex-nav ul li a{
      color: #4d4d4d;
  }

  .flex-nav ul li ul.dropdown{
    min-width: 100px;
    /* Set width of the dropdown */
    display: none;
    position: absolute;
    z-index: 999;
  }

  .flex-nav ul li:hover ul.dropdown {
    white-space: nowrap;
    display: block;
    /* Display the dropdown */
    background: #FFFFFF;
    box-shadow: 0 2px 2px rgba(52,23,23,0.2);
    border-radius:4px;
    border: 0.5px solid rgba(146, 146, 146, 0.432);
  }

  .flex-nav ul li:hover ul.dropdown li{
      padding: 12px;
      text-align: left !important;
      transition: 0.3s;    
  }
  
  .flex-nav li.active{
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
     background: #5cb85c;
     color: white !important;
     font-weight: 600;
  }

  .flex-nav li.active a{
    color: #ffffff;
  }

  .flex-nav li.active a:hover{
      color : inherit;
  }

  .flex-nav li.active ul li {
      color: rgb(66, 66, 66) !important;
  }

  .flex-nav li.active ul li.sub-active{
    border-radius: 5px;
    font-weight: 600;
    text-decoration: underline;
  }

  .flex-nav li.active ul li a{
    color: #4d4d4d;
}


  .flex-nav .social{
    flex:1; 
    display: none;
  }

/*NAVBAR*/
/*STICKY NAVBAR*/
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%; 
    background-color: #4d4d4d;
    color: white;
    z-index: 1000;    
    margin: 0;
    font-size: 14px !important;
    box-shadow: 0 5px 2px rgba(52,23,23,0.2);
}

.fixed-header li a{
    color: #ffffff !important;
}

@media (max-width: 700px)
{
    .fixed-header
    {
        display: none;
    }
}

.fixed-header li.active{
    background-color: #FFFFFF;
    margin-top: -2px;
    color: #4d4d4d !important;
}

.fixed-header li.active a{
    color: #4d4d4d !important;
}

.fixed-header ul li ul.dropdown{
    background-color: #FFFFFF;
    margin-left: 2%;
    color: #4d4d4d !important;
}


.fixed-header ul li:hover ul.dropdown a{
    color: #4d4d4d !important;
}
/*STICKY NAVBAR*/

.topbar{
    padding-bottom: 10px;
}

.logo-awin{
    float:left;
	height: 100%;
}

.logo-awin img {
	max-height: 100px;
	margin-left: 50px;
}

.logo-bud {	
	display: inline-block;
    vertical-align: middle;
	height: 50%;

	position: relative;
}

.logo-bud img {
	position: absolute;
	top: 50%;
	left: 50%;	
	height: 65px;
	margin-top: -30; /* Half the height */
   	margin-left: -30px; /* Half the width */
}


/* Side nav */
.sidenav{
    height: 100%;
    top: 10px;
    font-size: 20px;
}

.stickysidenav {
    width: 250px;
    position: sticky;
    z-index: 1;
    top: 110px;
    left: 1;
    height: 800px;
}

/* removes sticky table of contents at a certain width*/
@media (max-width: 600px)
{
    .stickysidenav
    {
        display: none;
    }
}

.sidenav h2 {
    font-size: 1.1rem;
    text-align: center;
    position: sticky;
    text-decoration: underline;
}

.sidenav a {
    color: #303030;
    transition: 0.3s;
    font-size: 0.9rem;
}

.sidenav ul{
    list-style: none;
    height: 100%;
    padding: 0;
    overflow-y: hidden;
}

.sidenav ul:hover{
    overflow-x: auto;
    overflow-y: auto;
}

.sidenav ul li{
    list-style-type: none; 
    text-align: left;
}

.sidenav ul li a:hover {
    color: rgb(48, 48, 48);
    border-radius: 5px;
    padding: 5px;
}

.sidenav .faIcon{
    font-size: 0.6rem;
    display: inline-block;
    margin-left: -1.3em; /* same as padding-left set on li */
    width: 1.3em; /* same as padding-left set on li */
    margin-top:1em
}

.sidenav .active {
	font-weight: bold;
	text-decoration: underline
}

.sidenav .toc_subsec{
    font-weight: 700;   
}

.sidenav .toc_separator {
    box-shadow: 0 1px 0 rgba(52,23,23,0.2);
    padding-bottom: 5px;
    margin-bottom: 5px;
}

/* TOC dropdown menu*/
.sidenav ul.dropdown {
    display: none;
    position: relative;
}



/* Main Content */

/* Global */

a, a:active, a:visited {
    outline: none;
    text-decoration: none;
	color: inherit;
}

h1 {
    font-size: 68px;
}

h2 {
    font-size: 42px;
}

h3{
    font-size: 26px;
}

.field-type{
	font-size: 20px;
	font-style: oblique;
}

.non-null{
	font-size: inherit;
	font-weight: bold;
}

.null{
	font-size: inherit;
	font-weight: 600;
}

.example{
	background-color: rgb(255, 255, 255);
	padding: 5px;
    border: solid 2px rgba(83, 83, 83, 0.315);
    border-radius: 5px;
}

.example ul{
    padding: 10px 55px 10px 55px;
}

.example_text{
	padding: 10px;
    border: 2px dotted rgba(85, 85, 85, 0.397);
    border-radius: 5px;
}

.field_block{
	margin-bottom: 20px;
	background-color: rgba(150, 150, 150, 0.1);
    padding: 15px; 
    box-shadow: 0 1px 2px rgba(0,0,0,0.7);
    border-radius: 5px;
}

.field_block:after {
    height: 80px;
    width: 1px;
    top: -80px;
}

.unused{
	background-color:  rgba(255, 255, 255, 0.1);
    box-shadow: 0 1px 2px rgba(0,0,0,0.7);
    color: rgb(128, 128, 128);
}


.json_key{
    font-style: italic;
    font-weight: 600;
}
.json_key_ref{
    font-style: italic;
    font-weight: 600;
}


.col-sm-9 a{
    color: #202020;
    text-decoration: underline;
    font-weight: 600;
    font-style: italic;
}

.col-sm-9 a:hover{
    color: #3f3f3f;
}
.mx-5 a{
    color: #202020;
    text-decoration: underline;
    font-weight: 600;
    font-style: italic;
}

/*
.field{
	background-color: rgba(255,255,0,0.3)
}
.external_link {
	background-color: rgba(70,255,70,0.3)		
}

.internal_link {
	background-color: rgba(50,70,255,0.3)		
}
*/

.multiplay_compatible{
	float:right;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 10px
}

.multiplay_incompatible{
	float:right;
	font-size: 15px;
	padding-top: 5px;
	padding-right: 10px
}

.mp_check{
	padding-right: 10px;
}

.mp_warning{
	padding-right: 10px;
}

.subsec {  
    box-shadow: 0 2px 5px rgba(0,0,0,0.7);
	padding: 10px 10px;
    margin-bottom: 25px; 
    border-radius: 5px;
}

.footer {
    height: 80px;
    bottom: 0;
    padding-top: 10px;
    position: absolute;
    width: 100%;
}

/* Allows table of content internal links to appear just below the sticky navbar*/
:target::before {
    content: "";
    display: block;
    /*height: 37px;  fixed header height*/
    /* margin-top: 0 -37px  0; negative fixed header height */
    z-index: 1;
  }

/* DEV */
.dev_needed {
	border: 5px rgba(223, 0, 0, 0.712) solid;
    padding: 5px 5px;
    background-color: white;
}



@media all and (max-width: 700px){
    .flex-nav ul{
      flex-wrap:wrap;
    }
    .flex-nav li{
      flex: 1 1 100%;
      padding: 5px;
    }
    .flex-nav .social{
      flex: 1 1 33%;
      padding: 5px;
    }
  }
  
  @media all and (max-width:450px){
    .toggleNav{
      display:block;
    }
    .flex-nav ul{
      display:none;    
    }
    .flex-nav ul.open{
      display:flex;
    }
  }


/* Sticky header */
header {
    position: sticky;
    top: 0;
    width: 100%;
    z-index: 2;
    background: white;
}
