/*
 * Stylesheet for Kalender Musim Gorontalo
 *
 * Designed by ZulNs, @Gorontalo, Indonesia, 23 October 2017
 * Based on Amirudin Dako's notes
 */

#musim-tanam .buttons
{
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	color: #efefef;
}

#musim-tanam .buttons > div
{
	width: 25%;
	display: inline-block;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	        box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

#musim-tanam .buttons > div:first-child
{
	background: #4caf50;
	background: -webkit-linear-gradient(   left,  #36a2a1, #4caf50, #4caf50, #4caf50, #4caf50, #3d6f3f);
	background:      -o-linear-gradient(   right, #36a2a1, #4caf50, #4caf50, #4caf50, #4caf50, #3d6f3f);
	background:    -moz-linear-gradient(   right, #36a2a1, #4caf50, #4caf50, #4caf50, #4caf50, #3d6f3f);
	background:         linear-gradient(to right, #36a2a1, #4caf50, #4caf50, #4caf50, #4caf50, #3d6f3f);
}

#musim-tanam .buttons > div:nth-child(2)
{
	background: #2f2f2f;
	background: -webkit-linear-gradient(   left,  #3d6f3f, #2f2f2f, #2f2f2f, #2f2f2f, #2f2f2f, #913932);
	background:      -o-linear-gradient(   right, #3d6f3f, #2f2f2f, #2f2f2f, #2f2f2f, #2f2f2f, #913932);
	background:    -moz-linear-gradient(   right, #3d6f3f, #2f2f2f, #2f2f2f, #2f2f2f, #2f2f2f, #913932);
	background:         linear-gradient(to right, #3d6f3f, #2f2f2f, #2f2f2f, #2f2f2f, #2f2f2f, #913932);
}

#musim-tanam .buttons > div:nth-child(3)
{
	background: #f44336;
	background: -webkit-linear-gradient(   left,  #913932, #f44336, #f44336, #f44336, #f44336, #8a6c94);
	background:      -o-linear-gradient(   right, #913932, #f44336, #f44336, #f44336, #f44336, #8a6c94);
	background:    -moz-linear-gradient(   right, #913932, #f44336, #f44336, #f44336, #f44336, #8a6c94);
	background:         linear-gradient(to right, #913932, #f44336, #f44336, #f44336, #f44336, #8a6c94);
}

#musim-tanam .buttons > div:last-child
{
	background: #2196f3;
	background: -webkit-linear-gradient(   left,  #8a6c94, #2196f3, #2196f3, #2196f3, #2196f3, #36a2a1);
	background:      -o-linear-gradient(   right, #8a6c94, #2196f3, #2196f3, #2196f3, #2196f3, #36a2a1);
	background:    -moz-linear-gradient(   right, #8a6c94, #2196f3, #2196f3, #2196f3, #2196f3, #36a2a1);
	background:         linear-gradient(to right, #8a6c94, #2196f3, #2196f3, #2196f3, #2196f3, #36a2a1);
}

#musim-tanam .buttons > div > div
{
	width: 100%;
	display: table;
}

#musim-tanam .buttons > div > div > div
{
	display: table-cell;
	vertical-align: middle;
	padding: 4px;
}

#musim-tanam .button
{
	width: 33.33%;
	height: 40px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.5);
	        box-shadow: 0 1px 2px rgba(0,0,0,.5);
}

#musim-tanam .button:hover
{
	cursor: pointer;
	background: #e68a00;
	color: #ffffff;
}

#musim-tanam .button.active
{
	background: #ff9800;
	color: #ffffff;
}

#musim-tanam .buttons > div > div:last-child
{
	height: 50px;
}

#musim-tanam .desc
{
	display: none;
}

#musim-tanam .desc.show
{
	display: block !important;
}

#musim-tanam .bulan-0
{
	background: #4caf50;
	background: -webkit-linear-gradient(    left, #36a2a1, #4caf50);
	background:      -o-linear-gradient(   right, #36a2a1, #4caf50);
	background:    -moz-linear-gradient(   right, #36a2a1, #4caf50);
	background:         linear-gradient(to right, #36a2a1, #4caf50);
}

#musim-tanam .bulan-1
{
	background: #4caf50;
}

#musim-tanam .bulan-2
{
	background: #4caf50;
	background: -webkit-linear-gradient(    left, #4caf50, #3d6f3f);
	background:      -o-linear-gradient(   right, #4caf50, #3d6f3f);
	background:    -moz-linear-gradient(   right, #4caf50, #3d6f3f);
	background:         linear-gradient(to right, #4caf50, #3d6f3f);
}

#musim-tanam .bulan-3
{
	background:                                            #2f2f2f;
	background: -webkit-linear-gradient(    left, #3d6f3f, #2f2f2f);
	background:      -o-linear-gradient(   right, #3d6f3f, #2f2f2f);
	background:    -moz-linear-gradient(   right, #3d6f3f, #2f2f2f);
	background:         linear-gradient(to right, #3d6f3f, #2f2f2f);
}

#musim-tanam .bulan-4
{
	background: #2f2f2f;
}

#musim-tanam .bulan-5
{
	background: #2f2f2f;
	background: -webkit-linear-gradient(    left, #2f2f2f, #913932);
	background:      -o-linear-gradient(   right, #2f2f2f, #913932);
	background:    -moz-linear-gradient(   right, #2f2f2f, #913932);
	background:         linear-gradient(to right, #2f2f2f, #913932);
}

#musim-tanam .bulan-6
{
	background: #f44336;
	background: -webkit-linear-gradient(    left, #913932,#f44336);
	background:      -o-linear-gradient(   right, #913932,#f44336);
	background:    -moz-linear-gradient(   right, #913932,#f44336);
	background:         linear-gradient(to right, #913932,#f44336);
}

#musim-tanam .bulan-7
{
	background: #f44336;
}

#musim-tanam .bulan-8
{
	background: #f44336;
	background: -webkit-linear-gradient(    left, #f44336, #8a6c94);
	background:      -o-linear-gradient(   right, #f44336, #8a6c94);
	background:    -moz-linear-gradient(   right, #f44336, #8a6c94);
	background:         linear-gradient(to right, #f44336, #8a6c94);
}

#musim-tanam .bulan-9
{
	background: #2196f3;
	background: -webkit-linear-gradient(    left, #8a6c94, #2196f3);
	background:      -o-linear-gradient(   right, #8a6c94, #2196f3);
	background:    -moz-linear-gradient(   right, #8a6c94, #2196f3);
	background:         linear-gradient(to right, #8a6c94, #2196f3);
}

#musim-tanam .bulan-10
{
	background: #2196f3;
}

#musim-tanam .bulan-11
{
	background :#2196f3;
	background: -webkit-linear-gradient(    left, #2196f3, #36a2a1);
	background:      -o-linear-gradient(   right, #2196f3, #36a2a1);
	background:    -moz-linear-gradient(   right, #2196f3, #36a2a1);
	background:         linear-gradient(to right, #2196f3, #36a2a1);
}