:root {
	--main-red: #C42121;
	--primary-green:#04958d ;
	--creme-40: #fbfaf6;
  }

  


/* Style
-------------------------------------------------------------- */




.bg-creme-40{
	background-color: var(--creme-40);
}

.top-bar{
	height:70px;
}

.search-control{
	max-width:18rem;
}

.top-bar
{
	img{
		height:20px;
	}

}

body {
	font-family: "Roboto", sans-serif;
	background: #fff;
   -webkit-font-smoothing: antialiased;
	top: 0;  
	left: 0;
	position: relative;
	font-size: 14px;
}

html, body {
    height:100%;
    -webkit-font-smoothing: antialiased;
}


.logo .mood-circle {
	float: left;
	height: 41px;
	width: 41px;
	background: url("../mood-circle.svg") 0 3px no-repeat;
}

.logo .mood-name {
	float: left;
	height: 41px;
	width: 103px;
	background: url("../mood-name-white.svg") 6px 0 no-repeat;	
}

.iframe-container{
	flex-grow:1;
}

.card.promoted {
    border-left:4px solid var(--primary-green);
}

@media only screen and (max-width: 768px) {
	h1{
		font-size: 2rem;
	}

	.search-control{
		flex-grow: 1;
		max-width:inherit !important;
	}
  }