/*
Theme Name:     CarmelNuns
Description:    Child theme for Ultimatum
Author:         Ultimatum Theme
Template:       ultimatum
Version:        0.1.0
*/

a {
	color: #d2ab03;
	text-decoration:none;
}

.btn {
	background: #694500;
	background-image: -webkit-linear-gradient(top, #694500, #4a2b07);
	background-image: -moz-linear-gradient(top, #694500, #4a2b07);
	background-image: -ms-linear-gradient(top, #694500, #4a2b07);
	background-image: -o-linear-gradient(top, #694500, #4a2b07);
	background-image: linear-gradient(to bottom, #694500, #4a2b07);
	-webkit-border-radius: 20;
	-moz-border-radius: 20;
	border-radius: 20px;
	text-shadow: 1px 1px 6px #000000;
	font-family: 'Fondamento', cursive;
	color: #d2ab03;
	font-size: 36px;
	line-height: 38px;
	padding: 10px 20px 10px 20px;
	border: solid #d2ab03 4px;
	text-decoration: none;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.5);
}

#btn:hover {
	background: #4a2b07;
	color: #FFF;
	text-decoration: none;
}

/* //// HOME BUTTON STYLES END //// */

.home-scroll {
	background:url(img/scroll_lg_bg.png) no-repeat;
	color: #FFF;
	font-size:36px;
}

/* ///// LAYOUT ///// */

#container {
	margin: 0 auto;
	height: 800px;
	width: 960px;
}

#crest_area {
	width: 100%;
	height: 20%;
	text-align: center;
}

#scroll_area1 {
	margin: 0 30px;
	width: 90%;
	height: 10%;
}

#scroll_area2 {
	margin: 0 30px;
	width: 100%;
	height: 10%;
}


#scroll_area3 {
	margin: 0 30px;
	width: 90%;
	height: 10%;
}

#scroll_area4 {
	margin: 0 auto;
	width: 100%;
	height: 10%;
	text-align:center;
}

#btn_area {
	width: 100%;
	height: 20%;
	text-align: center;
}

#scroll-1 {
	position: relative;
	float: left;
	height: 56px;
	width: 360px;
	background-size: cover;
	-webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-duration: 2s;
}

#scroll-2 {
	position: relative;;
	float: right;
	top: 25%;
	height: 56px;
	width: 360px;
	background-size: cover;
}

#scroll-3 {
	margin: 0 auto;
	position: relative;
	height: 56px;
	width: 360px;
	background-size: cover;
}


#button {
	margin: 0 auto;
	position: relative;
	top: 25%;
	width: 180px;
	text-align:center;
}

	#c-list {display: none;}

@media only screen and (max-width: 768px) {
	#bigmap {display: none;}
	
	#c-list {display: block;}
}