@charset "utf-8";
/* CSS Document */

/* General */

#penToolOptions4, #penToolOptions5, #penToolOptions6
{
	visibility: visible;
}

img
{
	margin-left: auto;
	margin-right: auto;
}

/* Activity one */

#section-1 h4
{
	text-align: center;
}

/* Activity two */

#section-2 img 
{
	width: 100%;
	float: right;	
}

.order li, .activitySortableList li.ui-droppable 
{
    font-size: 16px;
    min-height: 50px;
    margin-bottom: 10px;
}

.ui-draggable.being-dragged 
{
    z-index: 6;
    -webkit-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    -moz-box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
    box-shadow: 10px 10px 8px -1px rgba(0, 0, 0, .32);
}

span.sortableElement 
{
	z-index: 5;
	width: 100%;
	background-color: #00adb5;
	color: #fff;
	min-height: 50px;
	margin-bottom: 10px;
	padding: 10px;
	cursor: move;
	display: block;
	text-align: center;
}

/* Activity three */

#section-3 img 
{
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* Activity six */

.text-entry 
{
	min-height: 400px; 
}

/* Activity seven */

#statements li
{
	list-style-type: none;
}

.btn-true
{
	background-color: #00a21d;
	border-color: #00a21d;
}

.btn-true:hover, .btn-true:active, .btn-true:focus
{
	background-color: #fff;
	color: #00a21d;
	border-color: #00a21d;
}

.btn-false 
{
	background-color: #d20000;
	border-color: #d20000;
}

.btn-false:hover, .btn-false:active, .btn-false:focus
{
	background-color: #fff;
	color: #d20000;
	border-color: #d20000;
}

.statement .fa
{
	color: #303841;
}

@media (min-width: 992px)
{
	#section-2 img 
	{
		width: 80%;
	}
}

@media (min-width: 1200px)
{
	#section-2 img 
	{
		width: 65%;
	}
}

/* Hide pen tool on ipad */

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {

  	.pen-control
	{
		display: none;
	}

}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {

	.pen-control
	{
		display: none;
	}


}