/*
Theme Name: Dice-spellen.be
Version: 1.0
*/

/*
===============================================================
GLOBAL
===============================================================
*/
body {
	padding: 0px;
	margin: 0px;
}
.pull-left {
	float: left; 
}
.pull-right {
	float: right; 
}
.hidden {
	display: none;
}
	
	
/*
===============================================================
WRAP TOP
===============================================================
*/
.wrap_site {
	background-image: url(images/bg-header.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}


/*
===============================================================
HEADER
===============================================================
*/
#header .logo {
	max-width: 298px;
}


/*
===============================================================
BANNER
===============================================================
*/
#banner img {
	margin: 0 auto; 
}


/*
===============================================================
NAVBAR
===============================================================
*/
#navbar ul {
	display: block;
	background-color: #095797;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navbar ul li { 
	display: inline-block;
}
#navbar ul li a { 
	display: block;
	padding: 9px 0px; 
}
#navbar ul li:first-child a { 
	padding-left: 20px;
}
#navbar ul li a:before { 
	content: " | ";
	font-weight: normal;
	font-size: 13px;
}
#navbar ul li:first-child a:before { 
	content: "";
}



/*
===============================================================
FEATURED
===============================================================
*/
#featured .wrapfeature {
	background-color: #095797;
	padding: 20px 25px 40px; 
	margin-bottom: 25px;
}
#featured .wrapfeature img {
	border: 10px solid #fff;
}


/*
===============================================================
CONTENT
===============================================================
*/
#maincontent  .wrapcontent {
	background-color: #1e1e1e;
	padding: 25px;
}


/*
===============================================================
FOOTER
===============================================================
*/
#footer {
	
}


/*
===============================================================
STYLES 
===============================================================
*/

/*List Style One*/
.list_style_one ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.list_style_one ul li {
	padding-bottom: 10px; 
}
.list_style_one ul li img { 
	position: relative;
	bottom: 3px;
} 




/*
===============================================================
RESPONSIVE AREA
===============================================================
*/

/* Large desktops and laptops */
@media (min-width: 1200px) {
	/*Global*/
	.container { width: 946px; }
}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	/*Global*/
	.container { width: 946px; }
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	/*Global*/
	.container { width: 750px; } 
	
	/*Navbar*/
	#wrapnavtoggle { background-color: #095797; position: relative;  height: 45px; }
	#nav-toggle { outline: 0; border: 2px solid #fff; cursor: pointer; padding: 14px 28px 15px 3px; position: absolute; z-index: 10; right: 10px; top: 6px; }
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 2px; width: 25px; background: #fff; position: absolute; display: block; content: ''; }
	#nav-toggle span:before { top: -8px; }
	#nav-toggle span:after { bottom: -8px; }
	#navbar ul { display: none; padding: 0; background: #095797; position: relative; }
	#navbar ul li { border-top: 1px solid #fff; padding: 7px 5px;  display: block;} 
	#navbar ul li a { padding: 2px 10px; color: #fff; } 
	#navbar ul li a:hover, #navbar ul li a:focus { color: #FED841; } 
	#navbar ul li:first-child { padding-left: 5px; }
	#navbar ul li a:before  { content: ""; }
	#navbar ul li:first-child a { padding-left: 10px; }
	
	/*Banner*/
	#banner img { max-width: 768px; }
	
	/*Sidebar*/
	.sidebar p[align="center"] { text-align: left; }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	/*Navbar*/
	#wrapnavtoggle { background-color: #095797; position: relative;  height: 45px; }
	#nav-toggle { outline: 0; border: 2px solid #fff; cursor: pointer; padding: 14px 28px 15px 3px; position: absolute; z-index: 10; right: 10px; top: 6px; }
	#nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; height: 2px; width: 25px; background: #fff; position: absolute; display: block; content: ''; }
	#nav-toggle span:before { top: -8px; }
	#nav-toggle span:after { bottom: -8px; }
	#navbar ul { display: none; padding: 0; background: #095797; position: relative; }
	#navbar ul li { border-top: 1px solid #fff; padding: 7px 5px;  display: block;} 
	#navbar ul li a { padding: 2px 10px; color: #fff; } 
	#navbar ul li a:hover, #navbar ul li a:focus { color: #FED841; } 
	#navbar ul li:first-child { padding-left: 5px; }
	#navbar ul li a:before  { content: ""; }
	#navbar ul li:first-child a { padding-left: 10px; }
	
	/*Sidebar*/
	.sidebar p[align="center"] { text-align: left; }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
	/*Styles*/
	.list_style_one ul li { padding-bottom: 25px; }
	.list_style_one ul li .col-xs-1 { width: 12%; }
	.list_style_one ul li .col-xs-4 { width: 80%; }
	.list_style_one ul li .col-xs-7 { width: 88%; margin-left: width: 12%;}
	.list_style_one ul li img { bottom: 0; }
	
	/*Featured*/
	#featured .wrapfeature { padding: 15px 15px 25px; }
	
	/*Main Content*/
	#maincontent .wrapcontent { padding: 15px; }
}


/*
===============================================================
RESPONSIVE GLOBAL
===============================================================
*/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  position: relative; 
}
.img-responsive {
  display: block;
  /* width: 100% \9; */
  max-width: 100%;
  height: auto;
}
.row { margin-left: -15px; margin-right: -15px; }
.row:before,
.row:after, 
.clearfix:before,
.clearfix:after { content: " "; display: table; }
.row:after, .clearfix:after { clear: both; }


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-25, .col-sm-25, .col-md-25, .col-lg-25, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}


.col-xs-1, .col-xs-2, .col-xs-25, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; }
.col-xs-12 { width: 100%; }
.col-xs-11 {   width: 91.66666667%; }
.col-xs-10 {  width: 83.33333333%; }
.col-xs-9 { width: 75%; }
.col-xs-8 { width: 66.66666667%; }
.col-xs-7 { width: 58.33333333%; }
.col-xs-6 { width: 50%; }
.col-xs-5 { width: 41.66666667%; }
.col-xs-4 { width: 33.33333333%; }
.col-xs-3 { width: 25%; }
.col-xs-25 { width: 20%; }
.col-xs-2 { width: 16.66666667%; }
.col-xs-1 { width: 8.33333333%;  }

.col-xs-offset-12 {  margin-left: 100%; }
.col-xs-offset-11 { margin-left: 91.66666667%;}
.col-xs-offset-10 {  margin-left: 83.33333333%;}
.col-xs-offset-9 	{  margin-left: 75%;}
.col-xs-offset-8 	{  margin-left: 66.66666667%;}
.col-xs-offset-7 	{ margin-left: 58.33333333%;}
.col-xs-offset-6 	{  margin-left: 50%;}
.col-xs-offset-5 	{ margin-left: 41.66666667%;}
.col-xs-offset-4 	{ margin-left: 33.33333333%;}
.col-xs-offset-3 	{ margin-left: 25%;}
.col-sm-offset-25{ margin-left: 20%;}
.col-xs-offset-2 	{ margin-left: 16.66666667%;}
.col-xs-offset-1 	{ margin-left: 8.33333333%;}
.col-xs-offset-0 	{  margin-left: 0%;}

@media (min-width: 768px) {
	.col-sm-1, .col-sm-2, .col-sm-25, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }
	.col-sm-12 { width: 100%; }
	.col-sm-11 {   width: 91.66666667%; }
	.col-sm-10 {  width: 83.33333333%; }
	.col-sm-9 { width: 75%; }
	.col-sm-8 { width: 66.66666667%; }
	.col-sm-7 { width: 58.33333333%; }
	.col-sm-6 { width: 50%; }
	.col-sm-5 { width: 41.66666667%; }
	.col-sm-4 { width: 33.33333333%; }
	.col-sm-3 { width: 25%; }
	.col-sm-25 { width: 20%; }
	.col-sm-2 { width: 16.66666667%; }
	.col-sm-1 { width: 8.33333333%;  }
  
	.col-sm-offset-12 {  margin-left: 100%; }
	.col-sm-offset-11 { margin-left: 91.66666667%;}
	.col-sm-offset-10 {  margin-left: 83.33333333%;}
	.col-sm-offset-9 	 {  margin-left: 75%;}
	.col-sm-offset-8 	 {  margin-left: 66.66666667%;}
	.col-sm-offset-7 	 { margin-left: 58.33333333%;}
	.col-sm-offset-6 	 {  margin-left: 50%;}
	.col-sm-offset-5 	 { margin-left: 41.66666667%;}
	.col-sm-offset-4   { margin-left: 33.33333333%;}
	.col-sm-offset-3 	 { margin-left: 25%;}
	.col-sm-offset-25 { margin-left: 20%;}
	.col-sm-offset-2 	 { margin-left: 16.66666667%;}
	.col-sm-offset-1 	 { margin-left: 8.33333333%;}
	.col-sm-offset-0 	 {  margin-left: 0%;}
}


@media (min-width: 992px) {
	.col-md-1, .col-md-2, .col-md-25, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; }
	.col-md-12 { width: 100%; }
	.col-md-11 {   width: 91.66666667%; }
	.col-md-10 {  width: 83.33333333%; }
	.col-md-9 { width: 75%; }
	.col-md-8 { width: 66.66666667%; }
	.col-md-7 { width: 58.33333333%; }
	.col-md-6 { width: 50%; }
	.col-md-5 { width: 41.66666667%; }
	.col-md-4 { width: 33.33333333%; }
	.col-md-3 { width: 25%; }
	.col-md-25 { width: 20%; }
	.col-md-2 { width: 16.66666667%; }
	.col-md-1 { width: 8.33333333%;  }
  
	.col-md-offset-12 {  margin-left: 100%; }
	.col-md-offset-11 { margin-left: 91.66666667%;}
	.col-md-offset-10 {  margin-left: 83.33333333%;}
	.col-md-offset-9 	 {  margin-left: 75%;}
	.col-md-offset-8 	 {  margin-left: 66.66666667%;}
	.col-md-offset-7 	 { margin-left: 58.33333333%;}
	.col-md-offset-6 	 {  margin-left: 50%;}
	.col-md-offset-5 	 { margin-left: 41.66666667%;}
	.col-md-offset-4   { margin-left: 33.33333333%;}
	.col-md-offset-3 	 { margin-left: 25%;}
	.col-md-offset-25 { margin-left: 20%;}
	.col-md-offset-2 	 { margin-left: 16.66666667%;}
	.col-md-offset-1 	 { margin-left: 8.33333333%;}
	.col-md-offset-0 	 {  margin-left: 0%;}
}


@media (min-width: 1200px) {
	.col-lg-1, .col-lg-2, .col-lg-25, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; }
	.col-lg-12 { width: 100%; }
	.col-lg-11 {   width: 91.66666667%; }
	.col-lg-10 {  width: 83.33333333%; }
	.col-lg-9 { width: 75%; }
	.col-lg-8 { width: 66.66666667%; }
	.col-lg-7 { width: 58.33333333%; }
	.col-lg-6 { width: 50%; }
	.col-lg-5 { width: 41.66666667%; }
	.col-lg-4 { width: 33.33333333%; }
	.col-lg-3 { width: 25%; }
	.col-lg-25 { width: 20%; }
	.col-lg-2 { width: 16.66666667%; }
	.col-lg-1 { width: 8.33333333%;  }
	
	.col-lg-offset-12 {  margin-left: 100%; }
	.col-lg-offset-11 { margin-left: 91.66666667%;}
	.col-lg-offset-10 {  margin-left: 83.33333333%;}
	.col-lg-offset-9 	 {  margin-left: 75%;}
	.col-lg-offset-8 	 {  margin-left: 66.66666667%;}
	.col-lg-offset-7 	 { margin-left: 58.33333333%;}
	.col-lg-offset-6 	 {  margin-left: 50%;}
	.col-lg-offset-5 	 { margin-left: 41.66666667%;}
	.col-lg-offset-4   { margin-left: 33.33333333%;}
	.col-lg-offset-3 	 { margin-left: 25%;}
	.col-lg-offset-25 { margin-left: 20%;}
	.col-lg-offset-2 	 { margin-left: 16.66666667%;}
	.col-lg-offset-1 	 { margin-left: 8.33333333%;}
	.col-lg-offset-0 	 {  margin-left: 0%;}	
}

/*Line 5996*/
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}

/*Line 6016*/
@media (max-width: 767px) {
  .visible-xs { display: block !important; }
}

/*Line 6046*/
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm { display: block !important; }
}

/*Line 6076*/
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md { display: block !important; }
}

/*Line 6106*/
@media (min-width: 1200px) {
  .visible-lg {  display: block !important;  }
}

/*Line 6136*/
@media (max-width: 767px) {
  .hidden-xs { display: none !important; }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm { display: none !important; }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md { display: none !important; }
}
@media (min-width: 1200px) {
  .hidden-lg {  display: none !important; }
}




/*
===============================================================
TABLE RESPONSIVE
===============================================================
*/
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
 /*  padding: 8px; */
  /* line-height: 1.42857143; */
  padding: 2px 5px; 
  line-height: 30px;
  vertical-align: top;
  /* border-top: 1px solid #dddddd; */
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #F8F5F5;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}


/*
===============================================================
IFRAME RESPONSIVE
===============================================================
*/
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  /* height: 85%; */
	width: 100%;
  /* width: 98%; */
  border: 0;
}
.embed-responsive.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive.embed-responsive-4by3 {
  padding-bottom: 75%;
}