/*########################################## What would you like to do today? */

#what-to-do{
	/*background:#eee; edit byzul */
	border-top:20px solid #fff;
	border-bottom:20px solid #fff;
	font-weight:bold;
}

#what-to-do .what-to-do{
	background:#03A2AE url(../images/image-arrow.png) left center no-repeat;
	padding:10px 20px;
	margin:-20px 0;color:#fff;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0,0.3);
}

#what-to-do .what-to-do span.title{
	font-size:20px;
	font-weight:bold;
	width:220px;
	display:block;
	margin-top:10px;
}

/* What to do subtitle */
#what-to-do .what-to-do span.subtitle{
	font-size:13px;
	text-align:center;
}
#what-to-do .what-to-do span.subtitle i{
	display:block;
	font-size:24px;
	margin:0 0 5px;
	color:#2C297F;
}
#what-to-do .what-to-do span.subtitle .dropdown{
	cursor:pointer;
	display:block;
	padding:10px;
}

#what-to-do .what-to-do span.subtitle .dropdown:hover{
	background:#2C297F;
	color:#fff;
	border-radius:2px;
}
#what-to-do .what-to-do span.subtitle .dropdown:hover i{
	color:#fff;
}

#what-to-do .what-to-do span.subtitle a{
	cursor:pointer;
	display:block;
	padding:10px;
}
#what-to-do .what-to-do span.subtitle a:hover{
	background:#2C297F;
	color:#fff;
	border-radius:2px;
}
#what-to-do .what-to-do span.subtitle a:hover i{
	color:#fff;
}



/* What to do expand */
#what-to-do-expand{
	background:#fff;
}
#what-to-do-expand .what-to-do-expand{
	background:#2C297F;
	color:#fff;
	text-align:center;
	font-weight:500;
}
#what-to-do-expand .what-to-do-expand a{
	color:#fff;
	font-weight:500;
}
#what-to-do-expand .what-to-do-expand a:hover{
	color:rgba(255,255,255,0.8);
}



/*############### Start What you like to do - Simple Dropdown Menu - addby matjuju #################### */
.dropbtn {
    background-color: #4CAF50;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    margin: 7px 0px 0px -10px;
}

.dropdown-content .what-to-do-expand {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width:183px;
}

.dropdown-content .what-to-do-expand:hover {
	background-color: #ddd;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/*-- Custome -- */

#what-to-do .what-to-do .dropdown:hover {
    /* cursor: pointer; 
    padding: 10px;*/
    display: block;
    background:#2C297F;
}

#what-to-do .what-to-do span.subtitle a {
    width: 153px;
}
/*#what-to-do-expand .what-to-do-expand {
    background: #2C297F;
    color: #fff;
    text-align: center;
    font-weight: 500;
}*/
/*-- Custome -- */

/*############### End What You Like to Do - Simple Dropdown Menu  #################### */