body {
	background-color: #f8f8f0;
	color: #827157;
	font-family: 'Baloo 2', cursive;
	
	font-size: 20px;
	line-height: 1.8;
	

}

 a, a:hover, a:focus, a:active {
      text-decoration: none;
      color: inherit;
 }

.menu {
	background-image: url("../images/backgrounds/wood_bg.jpg");
	color: #FFF;
	padding-bottom: 31px;
}



#menu-burger {
	position: absolute;
	right: 10px;
	top: 4px;
	z-index: 100;
	font-size: 30px;
	display: none;
}



@media (max-width: 992px) { 
	.menu-buttons {
		display: none;		
	}
	#menu-burger {
		display: block;
	}

}


/* NAV */



.navbar-light {
	background-color: transparent!important;
	color: #FFF!important;
	font-family: 'Baloo 2', cursive!important;
	padding: 0px!important;
}	

.navbar-light a {
	color: #FFF!important;
}



.navbar-light .dropdown-menu {
	margin-top: 10px;
	font-size: 20px;

}

.navbar-light .navbar-toggler {
	position:fixed;
	right: 0;
	top: 0;
	border: none;
}


.navbar-nav .nav-item {
	margin-bottom: 15px;
	margin-right: 5px;
	margin-left: 5px;
}

.navbar-nav .nav-item .btn-rule {
	padding-left: 15px!important;
	padding-right: 15px!important;
}

.navbar-nav .dropdown-toggle::after {
	margin-left: 15px;
	margin-right: 5px;
}

/* NAV */

	

.margin-bottom-0 	{	margin-bottom: 0px!important; 	}
.margin-bottom-15 	{	margin-bottom: 15px;	}
.margin-bottom-30 	{	margin-bottom: 30px;	}
.margin-top-15 		{	margin-top: 15px;		}
.margin-top-30 		{	margin-top: 30px;		}

h1, h2, h3, h4, h5 {
		font-family: 'BioRhyme', serif;
	font-weight: 700;
	}
.normal-font {
	font-family: 'Baloo 2', cursive!important;
}

.box {
	padding: 15px;	
    background: #f8f8f0;
    border-radius: 20px;
    -webkit-box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
    box-shadow: 0px 0px 0px 10px rgba(255,255,255,0.3);
	height: 100%;
}

.box-cream {
	background-color: #f3efd6;
}

.box-header {
	border-radius: 20px;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}

.box-header h1, .box-header h2, .box-header h3, .box-header h4 {
	padding: 5px;
	margin: 0px;
}

.box-header-teal {	background-color: #19c8b9; }
.box-header-red {	background-color: #eb7373; }
.box-header-blue {	background-color: #5fa0d7; }
.box-header-brown {	background-color: #827157; }
.box-header-pink {	background-color: #f47d8f; }

.box-header-yellow {
	background-color: #ece25e;
	color: #6d6040;
}
.box-header-yellow-shadow {
		box-shadow: 0px 8px 0px 0px #d7c480;
-webkit-box-shadow: 0px 8px 0px 0px #d7c480;
-moz-box-shadow: 0px 8px 0px 0px #d7c480;
}

.box-header-image {
	height: 44px;
	margin-top: -8px;
	float: right;
}


.table {
	margin-bottom: 0px;
}
	.table th, .table td {
	border: none!important;

}	
.table-rounded {

border-radius:20px;
	overflow: hidden;

}
	.table-striped {
	background-color:  #dfd3ac;
	color: #865a25;
	font-size: 20px;
}

.table-striped tbody tr:nth-of-type(odd) {
background-color: #e3d7b5;
}

.image-fluid {
	width: 100%;
	
}


.badge {
	color: #FFF;
	font-weight: 400;
}
.badge-brown {
	background-color: #827157;	
}






.pro-design-list {
	background-color: #f3efd6;
	margin-bottom: 30px;
	padding: 15px;
	border-radius: 30px;
	box-shadow: 0px 8px 0px 0px #d7c480;
-webkit-box-shadow: 0px 8px 0px 0px #d7c480;
-moz-box-shadow: 0px 8px 0px 0px #d7c480;
		transition: all .15s ease; 
}

	.pro-design-list:hover{
		transform: translateY(4px);
-webkit-transform: translateY(4px);
	box-shadow: 0px 4px 0px 0px #d7c480;
-webkit-box-shadow: 0px 4px 0px 0px #d7c480;
-moz-box-shadow: 0px 4px 0px 0px #d7c480;
}

.pro-design-list td {
	padding: 0px;
}



.prodesign-text {
		background-color: #f1e7cc;
		padding: 5px 15px;
		border-radius: 30px;
		color: #514634;
		font-weight: 700;
		max-width: 310px;
		margin: 0px auto;
		font-size: 30px;
		line-height: 1.2;
		
		
	}

	.prodesign-image {
		margin-top: 30px;

		background-color: #f3efd6;
		padding:15px;
		border-radius: 30px;
		border: dashed 2px #f8a5af;
		max-width: 330px;
	}
	
	.prodesign-image-pattern {
		background-color: #f4f6e8;
		padding:15px;
		border-radius: 30px;
		border: dashed 2px #f8a5af;
		max-width: 160px;
		margin-top: 30px;
	
		
	}
	
	.prodesign-title {
		background-image: url("../images/other/prodesign_header.png");
		background-position: center;
		margin: -15px;
		border-top-left-radius: 20px;
		border-top-right-radius: 20px;
		min-height: 94px;
		color: #FFFFFF; 
		padding-top: 15px;
		background-size: cover;
		background-repeat: no-repeat;
	}


.status-parent-true .status-button-true 	{	display: inline-block;	}
.status-parent-true .status-button-false 	{	display: none;	}
.status-parent-false .status-button-true 	{	display: none;	}
.status-parent-false .status-button-false 	{	display: inline-block;	}



.brown-chart {
	margin-top: 15px;
	background-color: #dfd3ac;
	border-radius: 20px;
	padding: 15px;

}
@media (max-width: 992px) { 
	.table-skinny-mobile th {
		padding: 0px!important;
	}
	.table-skinny-mobile td {
		padding: 0px!important;
	}
}


.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.gate-dot {
	color: #19c8b9;
}


	.passport-box {
		background-color: #fbf9e2;
		border-radius: 50px;
		
		padding: 15px;
		box-shadow: 0px 8px 0px 0px #e5dfca;
		-webkit-box-shadow: 0px 8px 0px 0px #e5dfca;
		-moz-box-shadow: 0px 8px 0px 0px #e5dfca;
		font-size: 30px;
}
		
	
	.passport-image {
		border-radius: 50px;
		border: 12px solid #fbf9e2;
		width: 100%;
	}
	

	.passport-image-padding {
		padding: 30px;
	}
	
	.passport-top {
		background-image: url("../images/other/passport_bg_top.png");
		border-top-right-radius: 50px;
		border-top-left-radius: 50px;
		color: #bcae8b;
		text-align: center;
		font-weight: 700;
			text-transform: uppercase;
	}
	

	.passport-middle {
		background-image: url("../images/other/passport_bg_middle.png");
	
	}
	
	.passport-middle-tree {
		background-image: url("../images/other/passport_tree.png");
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	
	.passport-bottom {
		background-image: url("../images/other/passport_bg_bottom.png");
		border-bottom-right-radius: 50px;
		border-bottom-left-radius: 50px;
		color: #bcae8b;
	}
	
	

	.passport-bottom .passport-padding {
		padding: 15px 30px;
	}
	
	.passport-box .table {
		color: #827157;
	}