/*
Project: 15-16_18
Activity: 2 - Introducing key terms
Author: Richy Thomas
Palette: Color: Primary Colour: rgba(23, 190, 187, 1) , Secondary Colour: rgba(240, 166, 202, 1)
*/

.ytvideo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
    border: 1px solid #777;
}

.ytvideo.invictus {
	background-image: url('../../img/invictus-iframe-bg.jpg');
	width: 420px; 
	height: 315px;
}

.ytvideo iframe {
    border-style: none;
    height: 100%;
    width: 100%;
}

.hide {
    display: none;
}

.show {
    display: block;
}

.disabled {
    background-color: grey !important;
    border: 1px solid grey !important;
}

p.answer {
    background-color: #CBCBE4;
    border: 1px solid #CBCBE4;
    padding: 18px;
    margin: 20px 0px 0px 0px;
}

p.lead {
    max-width: 360px;
    line-height: 1.5em;
}

.btn {
	margin-right: 10px;
}

#activityControls {
    margin-top: 20px;
}

.content {
    max-height: 450px;
    overflow-y: scroll;
    overflow-x: hidden;
    background-color: #CBCBE4;
    padding: 15px;
}

.content p {
    font-size: 14px;
}


/* Tablet */
@media(min-width: 768px){


}

/* Desktop */
@media(min-width:992px){



}

/* Large Desktop */
@media(min-width:1200px){



}