body{
	font-family: 'Droid Serif', serif;
}


/*Global*/
a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}



/*Nav*/
.navbar-nav>li>a{
	line-height: 33px;
}

.nav>li>a:focus, .nav>li>a:hover{
	text-decoration: underline;
	background-color: transparent;
}


/*Background Color*/
.yellow{ 
	background-color: #FACE3C; 
}


/*Button Setting*/
.btn-primary{
	background-color: #35BBA5;
}

.btn-frame{
	background-color: rgb(250, 206, 60);
	border:1px solid #35BBA5;
	color: #35BBA5;
}

	.btn-primary:hover{ 
	    color: #35BBA5;
	    background-color: #face3c;
	 }

	 .btn-primary.active, .btn-primary:active, 
	 .open>.dropdown-toggle.btn-primary{
	 	background-color: #35BBA5;
	 }

	 .btn-primary.active.focus, .btn-primary.active:focus, 
	 .btn-primary.active:hover, .btn-primary:active.focus, 
	 .btn-primary:active:focus, .btn-primary:active:hover, 
	 open>.dropdown-toggle.btn-primary.focus, 
	 .open>.dropdown-toggle.btn-primary:focus, 
	 .open>.dropdown-toggle.btn-primary:hover{
	 	background-color: #35BBA5;
	 }


/*exercise IMG*/
.exercises .inner{ margin-bottom: 25px;}


	.exercises .captions{ margin-top: 5px; }
	.exercises .img-border{
		border:1px solid #35BBA5;
		overflow: hidden;
	}

/*placeholder*/
.placeholder{
	padding-top: 15px;
	padding-bottom: 15px; 
}

/*section-heading*/
.section-header{}
.section-header h2{
	font-size: 30px;
	font-weight: 700;
	color: #35BBA5;
}

/*Main Content*/
.main{
	display: inline-block;
}



/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
}

@media (min-width: 768px) {
  .sidebar {
    position: relative;
    /*top: 51px;*/
    bottom: 0;
    left: 0;
    z-index: 1000;
    display: inline-block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */
.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}
.nav-sidebar > li > a {
  padding-right: 20px;
  padding-left: 20px;
}
.nav-sidebar > .active > a,
.nav-sidebar > .active > a:hover,
.nav-sidebar > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}




/*Modal*/

.modal-content{
	background-color: #FACE3C;
}

	.modal-content .modal-header{ 
		border-bottom: none; 
	}

	.modal-content .modal-footer{
		border-top: none; 
	}

	/*Footer*/
	.modal-footer{ text-align: center; }


	/*Modal Backdrop Color*/
	.modal-backdrop {
   		background-color: transparent;
	}


/*user-profile-display*/
#user-profile-display .modal-dialog{ 
	width: 800px; 
}


/*Tools*/
.tools{}
	
	.tools .item-wrapper{
	    text-align: center;
	}

	.tools .item{
	width: 100%;
    border-radius: 10px;
    border: 1px solid #35BBA5;
    overflow: hidden;
}
	
		.tools .item img{ width: 100%; }

	.tools .item-wrapper .caption{ 
	margin-top: 5px;
	margin-bottom: 5px; 
}


/*<!--Weekly Schedule/Thematic Schedule-->*/
.schedule-type{
	display: inline-flex;
}
	
	.schedule-type .inner{
		display: inline-block;
		border: 1px solid #35BBA5;
		width: 100px;
		height: 100px;
	}

	.schedule-type .inner.round{
		border-radius: 100px;
		overflow: hidden;
	}

	.schedule-type .captions{
		margin-top: 5px;
	}

	.schedule-type a { 

    	margin-left: 20px;
    	text-align: center;
    	   	}

	.schedule-type img{
		width: 100%;
	}



	.tools-bug{ 
		background-image: url('../img2015/bug.png');
		background-repeat: no-repeat;
		background-position: 50% -65% ;
		width: 100%;
		height: 100%;
		background-size: 80%;
		-webkit-transition: 1s;
		transition: 1s;
	}

	

	.tools-learning{ 
		background-image: url('../img2015/learningtools.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 100%;
		background-size: cover;
		-webkit-transition: 1s;
		transition: 1s;
	}

		

	.tools-thematic{ 
		background-image: url('../img2015/theme-icon.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 100%;
		background-size: cover;
		-webkit-transition: 1s;
		transition: 1s;
	}

		

	.tools-weekly{ 
		background-image: url('../img2015/weekly-icon.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 100%;
		background-size: cover;
		-webkit-transition: 1s;
		transition: 1s;
	}

	.change-theme{ 
		background-image: url('../img2015/change-theme.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 100%;
		background-size: 80%;
		-webkit-transition: 1s;
		transition: 1s;
	}

	.article-list{ 
		background-image: url('../img2015/article-list.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 100%;
		background-size: 80%;
		-webkit-transition: 1s;
		transition: 1s;
	}

		

/*Footer*/
.footer{
	padding-top: 58px;
}


/*Article List Setting*/
#article-list .list-group-item{
	border:none;
	margin-bottom: 0;
}

	/*Modal Backdrop Color*/
	#article-list .modal{
		background-color: transparent;
	}


/*character*/
.character-boy{
		background-image: url('../img2015/boy.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 320px;
		background-size: contain;
		-webkit-transition: 1s;
		transition: 1s;
}

.character-boy{
		background-image: url('../img2015/girl.png');
		background-repeat: no-repeat;
		background-position: center center ;
		width: 100%;
		height: 320px;
		background-size: contain;
		-webkit-transition: 1s;
		transition: 1s;
}



/*Default Theme*/
	.default-theme{
		background: url('../img2015/backdrophouse.png');
    	background-repeat: no-repeat;
    	background-size: 35%;
    	background-position: center 88%;
	}


/*Theme*/
	
	/*Brave Chicken*/

	/*#D62818; RED*/


	.theme-brave{
		background-color: #ffffff;
		background: url('../img2015/theme/brave/chicken.png');
		background-repeat: no-repeat;
    	background-size: 40%;
    	background-position: -28% 95%;
    }

	/*navbar*/
	.theme-brave .navbar {background-color: #D62818;}
	.theme-brave .navbar .navbar-nav .navbar-right li a { color: white; } 

	/*typography*/
	.theme-brave .section-header h2{ color: #D62818; }


	/*Button*/
	.theme-brave .btn-frame{
		background-color: rgb(214, 40, 24);
	    border: 2px dashed #face3c;
		color: #ffffff;
	}


	/*Stroke Color*/
	.theme-brave .exercises .img-border{
		border: 1px solid #d62818;
    	overflow: hidden;
    	-webkit-border-radius: 10px;
    		border-radius: 10px;
	}

	.theme-brave .schedule-type .inner{
		border: 6px solid #d62818;
	}


	/*footer*/
	.theme-brave .footer{ background: #D62818;}
	.theme-brave .footer p{ color: white;}

	/*chicken*/
	.chicken{
		background: url('../img2015/theme/brave/chicken.png');
		background-size: cover;
		background-repeat: no-repeat;
		background-position: 50% 50%;
	}

	/*Life in Portugal*/

	
	.theme-lifePort{
		background-color: #F6F4EE;
		background: url('../img2015/theme-wide-life-in-portugal.png');
		background-repeat: no-repeat;
    	background-size: 40%;
    	background-position: -28% 95%;*/
    }

	/*navbar*/
	.theme-lifePort .navbar {background-color: #EAD5B7; }
	.theme-lifePort .navbar .navbar-nav .navbar-right li a { color: #323D80; } 

	/*typography*/
	.theme-lifePort .section-header h2{ color: #323D80; }


	/*Button*/
	.theme-lifePort .btn-frame{
		background-color: #323D80;
	    border: 2px dashed #face3c;
		color: #ffffff;
	}


	/*Stroke Color*/
	.theme-lifePort .exercises .img-border{
		border: 1px solid #d62818;
    	overflow: hidden;
    	-webkit-border-radius: 10px;
    		border-radius: 10px;
	}

	.theme-lifePort .schedule-type .inner{
		border: 6px solid #d62818;
	}


	/*footer*/
	.theme-lifePort .footer{ background: #EAD5B7;}
	.theme-lifePort .footer p{ color: #323D80; }