/*--MAIN PAGE CSS // SPRING EDITION -------------------------------------*/

.c1 { font-family: 'Oswald', sans-serif; font-size: 16pt; font-weight:300; line-height:120%; }
.c2 { font-family: 'Oswald', sans-serif; font-size: 16pt; font-weight:500; line-height:110%; color:darkgreen;}
.c3 { font-family: 'Oswald', sans-serif; font-size: 18pt !important; font-weight:400; line-height:110%; color:darkgreen;}

/*--------------------------------------*/

@media only screen and (min-width:850px)  {

div#LG_DISP { display:block; }
div#TB_DISP { display:none; }
div#MB_DISP { display:none; }


.font50 { font-size:200%;}


#top_container {
	display:block;
    position: relative;
    z-index: 1;
	height:800px;
	margin-top:0px;
    background: url(http://www.cityoflecenter.com/content/site/bg_main-spring.jpg) center top no-repeat;
}


div#home_content {

	position:absolute;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	margin-top: 125px;
	width: 900px;
	height: 450px;

	opacity: 1;
	align: center;
	background: url(http://www.cityoflecenter.com/content/home/home_bg_spring.jpg) center top no-repeat;
	background-color: #49733d;
	border-top-left-radius:35px;
	border-top-right-radius:35px;

}

.top > * {
  vertical-align: middle;
}




img#photo {
	display:block;
	position: absolute;
	margin-top: 30px;
	margin-left: -30px;
	z-index: 3;
}
img#postcard {
	display:block;
	position: absolute;
	right: -20px;
	margin-top: 40px;
	z-index: 2;
}


#home_center_full {	
	display:block;
	text-align: center;
	position:absolute;
	left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
	margin-top: 500px;
	width: 850px;
	height: 570px;
}


.column-left{ 
	display:inline;
	margin-top: 40px;
	float: left; width: 30%; 
	margin-left: -15px; 
	box-shadow: 2px 2px 0px #49733d;	
}

img#q1 {display:block;}
img#q2,img#q3,img#q4,img#q5,img#q6  {display:block;margin-top:-2px;}


.column-right-top{ 
	position: absolute;
	margin-top: 15px;
	right: 0;
	float: right; width: 672px; text-align: center; 
	height: auto;
	margin-right: -10px; 
	background-color:#fff;
	border: 2px solid #edebe9;
	box-shadow: 3px 2px 3px #a7a7a6;
	z-index: 4;

}

.column-right-btm{ 
	position: absolute;
	padding-top: 0px;
	float: right; width: 650px; text-align: center; 
	right: 0;
	height: 660px;
	margin-right: 0px; 
	background-color:#41f84a;
	box-shadow: 1px 1px 0px #a7a7a6;
	border-radius: 10px;
	z-index: 3;


}


.tabs {
	background: #f5fcf4;
	text-align: center;
	border-top: 1px solid #e5e0db;
	border-left: 1px solid #e5e0db;
	border-right: 1px solid #e5e0db;
	border-radius: 15px 15px 0px 0px;
}

a#tab { color: #26963e; }

div#news::-webkit-scrollbar {
    width: 2em;
}


table#weltolc { 
	background: url(../content/home/welbg-spring.jpg) center top no-repeat;
	padding: 10px;
	border: 1px dashed #26963e;
	font-family: 'Courgette', cursive;
	text-align: left; 
	font-size:12pt;  
	font-weight: 400;
	letter-spacing:-0.00em;
	color: #26963e;
}



td#a2 {
text-align: left;
color: #26963e;

}


td#td1 { padding-right:10px; }
td#td2 {  
	padding-top: 15px;
	width: 45%;
	vertical-align:top;
	text-align: center;
	border-left:1px solid #c4d8bf; 
	height: 330px;
	border-right-width:1px; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	padding-left:10px;
	line-height: 1.15em;
	color: #26963e;
}

td#td3 {  
	width: 35%;
	vertical-align:top;
	text-align: center;
	border-left:1px solid #c4d8bf; 
	border-right-width:1px; 
	border-top-width:1px; 
	border-bottom-width:1px; 
	padding-left:10px;
	line-height: 1.15em;
	color: #26963e;
	font-weight: 700;
}


}/*----End 850(Full Desktop)----*/




/*----------------Tablet Formats-----------------------*/
@media only screen and (min-width: 600px) and (max-width: 849px),
only screen and (min-device-width: 768px) and (max-device-width: 1024px) 
and (orientation : portrait)  { 

div#LG_DISP { display:none; }
div#TB_DISP { display:block; }
div#MB_DISP { display:none; }


.font3 {
	font-family:'Courgette', cursive; color:#207712;
	letter-spacing:-0.01em;font-weight:700;
	text-shadow: 1px 1px #7d7d7d;
	font-size: 26pt;
}

#tb_container {
	display:block;
    height: auto;
    background: url(../content/site/tablet_hd-spring.jpg) center top no-repeat;
	background-size: 100%;
}

img#tb_photo { display: block; margin: 0 auto; padding-top: 100px; }


#tb_body {
	display: block;
	margin: 0 auto;
	width: 90%;
	background-color:#fff;
	border: 2px solid #dddcda;
	box-shadow: 3px 2px 3px #a7a7a6;
}

table#weltolc { 
	display: block;
	width: 95%;
	background: url(../content/home/welbg-spring.jpg) center top no-repeat;
	margin-top: 10px;
	padding: 0px;
	border: 1px dashed #26963e;
	font-family: 'Courgette', cursive;
	text-align: center; 
	font-size:12pt;  
	font-weight: 400;
	letter-spacing:-0.02em;
	color: #26963e;
}


	
div#tb_qlinks  {

	width: 90%;
	font-family: 'Frank Ruhl Libre', sans-serif;
	font-size: 2.75vw;
	font-weight: 700;
	letter-spacing: -0.05em
	cellspacing: 10px;
}
#tb_qlinks td { text-align: center; min-width: 33%; color: #fff;
				 height:60px; table-layout: fixed; background-size: 125%;
				border: 3px solid #8a8a89; border-radius: 20px;}

#tb_qlinks td:hover { border: 3px solid #04faf1; cursor:pointer;	}
#tb_qlinks a { color:#fff; text-decoration: none !important; }







}/*--------End Tablet View---------------------------------*/








/*---Laptop/Tablet Formats------*/
@media only screen and (min-width: 0px) and (max-width: 599px),
only screen and (min-device-width : 320px) and (max-device-width : 480px) {

div#LG_DISP { display:none; }
div#TB_DISP { display:none; }
div#MB_DISP { display:block; }

#mobile_container {
	display:block;
	height: auto;
    background: url(../content/site/mobile_hd-spring.jpg) center top no-repeat;
	background-size: 100%;
}

img#mb_logo {
	display:block;
    z-index: 1;
	width: 55%;
	padding-top: 10px;
	padding-left: 10px;
}


#mb_welcome {
	display: block;
	padding: 20px;
	width: 82%;
	margin-left: 5%;
	margin-right: 10%;
	margin-top: 10%;
    background-color: #49733d;
	text-align: center;
	font-family: 'Frank Ruhl Libre', sans-serif;
	font-weight: 400;
	font-size: 13pt;
	letter-spacing: -0.03em;
	color:#ffffff;
}


#mb_qlinks {
	display: block;
	overflow:hidden;
    z-index: 1;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
}
#mb_qlinks td {
	border: 4px solid #49733d;
	border-radius: 20px;
	background: #eaf5eb;
	box-shadow: 4px 4px #b2b1b0;
	text-align: center;
	font-family: 'Frank Ruhl Libre', sans-serif;
	font-weight: 400;
	font-size: 6vw;
}
#mb_qlinks td:hover { cursor:pointer; border: 4px solid #5bcc17;}
#mb_qlinks a { color:#49733d !important; text-decoration: none !important; }


#mb_events, #mb_news {
	display: block;
	margin: 0 auto;
	width: 95%;
	height: 40%;
	border: 2px solid #49733d;
	overflow:hidden;
}

td#evt1 {  
	height: 100%; background: #49733d;
	font-family: 'Courgette', cursive;
	font-size: 2em; width:103%;
	font-weight: 700;
	color: #ffffff;
	letter-spacing:-0.00em;
	text-align: center;
	padding-bottom: 10px;
}

td#evt2 {
	overflow:hidden;
	text-align: left;
	font-family: 'Frank Ruhl Libre', sans-serif;
	font-weight: 400;
	font-size: 3vw;
	color: #49733d;
	border-top: 2px dotted #aac2cd;
	letter-spacing: -0.03em;
}

.font50 { font-size:140%; font-weight:700; letter-spacing: -0.03em;}


}/*--------------End 0/599 (Mobile Portrait)------------------*/

/*--------------Specific to Mobile Portrait------------------*/
@media screen and (max-device-aspect-ratio: 1/1) and (orientation: portrait)
{

.font50 { font-size:140%; font-weight:700; letter-spacing: -0.03em;}

img#mb_logo {
	display:block;
	padding-top: 30px;
	padding-left: 30px;
}

#mb_welcome {
	display: block;
	width: 85%;
	margin-top: 10%;
	font-size: 2.5vh;
	padding: 30px;
	letter-spacing: -0.03em;
}


#mb_qlinks table {border-spacing: 40px;}
#mb_qlinks td { border-radius: 50px; font-size: 7vw;}
#mb_qlinks a { color:#49733d !important; text-decoration: none !important; }


td#evt1 { font-size: 4em; }
td#evt2 { font-size: 4.25vw;border-top: 4px dotted #b4cdaa;}
	


}/*---------End 320/480 (Mobile Device)---------------------*/


/*-------Specific to Mobile Landscape------*/
@media screen and (max-device-aspect-ratio: 1/1) and (orientation: landscape)
{


.font50 { font-size:140%; font-weight:700; letter-spacing: -0.03em;}

img#mb_logo {
	display:block;
	width: 60%;
}

#mb_welcome {
	display: block;
	width: 85%;
	margin-top: 10%;
	font-size: 4.5vh;
	padding: 30px;
	letter-spacing: -0.03em;
}


#mb_qlinks table {border-spacing: 40px;}
#mb_qlinks td { border-radius: 50px; font-size: 7vw;}
#mb_qlinks a { color:#49733d !important; text-decoration: none !important; }


td#evt1 { font-size: 4em; }
td#evt2 { font-size: 4.25vw;border-top: 4px dotted #b4cdaa;}

}/*---------End 320/480 (Mobile Device)---------------------*/