/*
Theme Name: Ferny Grove 
Author:
Author URI:
*/

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

*, *:before, *:after {
    box-sizing: border-box;
}





/* Links */
.narrowcolumn .entry, .widecolumn .entry { }
.widecolumn { line-height: 1.6em; }
.narrowcolumn .postmetadata { text-align: left; }
.thread-alt { background-color: #F3F3F3; }
.thread-even { background-color: #f1f1f1; }
.depth-1 { border: 0px solid #ddd; }
.even, .alt { border-left: 0px solid #ddd; }
small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; }
#headerimg .description { font-size: 1.2em; text-align: center; }
h2 { font-size:18px; line-height:22px; }
#sidebar h2 { font:16px Arial, Verdana; font-weight:bold; border-bottom:1px solid #AAAEB0; padding:0px 0px 13px 0px; margin:14px 0px 10px 0px; }
h3 { font-size: 1.3em; }
h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; }
h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; }
h2 a:link, h2 a:visited, h3 a:link, h3 a:visited { font-size: 22px; font-weight:normal }
h2 a:hover { font-size: 22px; }
/*.commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; }*/
.commentlist li ul li { font-size: 1em; }
.commentlist li { font-weight: bold; }
.commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; }
.commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; }
.commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; }
#commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align:left; }
.commentmetadata { font-weight: normal; }
#sidebar { width:230px; float:right; margin-left:10px; padding:20px 0px }
small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; }
code { font: 1.1em 'Courier New', Courier, Fixed; }
acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }
#wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; }
#wp-calendar a { text-decoration: none; }
#wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; }
#wp-calendar th { font-style: normal; text-transform: capitalize; }
/* End Typography & Colors */

/* Begin Structure */

#page { margin: 20px auto; padding: 0; width: 760px; }
#headerimg { margin: 0; height: 200px; width: 100%; }
.narrowcolumn { float: left; padding: 0 0 10px 15px; margin: 0px 0 0; width: 670px; }
.widecolumn { padding: 10px 0 20px 0; margin: 5px 0 0 150px; width: 450px; }
.post { margin: 0px; text-align: justify; }
.post hr { display: block; }
.widecolumn .post { margin: 0; }
.narrowcolumn .postmetadata { padding-top: 5px; }
.widecolumn .postmetadata { margin: 30px 0; }
.widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; }
.widecolumn .attachment { text-align: center; margin: 5px 0px; }
.postmetadata { clear: both; background-color:#F1F3EB; padding:10px; }
.clear { clear: both; }
/* End Structure */

/*	Begin Headers */

h2.pagetitle { margin-top: 30px; text-align: center; }
h3.comments { padding: 0; margin: 40px auto 20px; }
/* End Headers */

/* Begin Images */
p img { padding: 0; max-width: 100%; }
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered { display: block; margin-left: auto; margin-right: auto; }
img.alignright {  margin: 0 0 2px 7px; display: inline; }
img.alignleft {  margin: 0 7px 2px 0; display: inline; }
.alignright { float: right; }
.alignleft { float: left; margin-bottom: 20px; margin-right:20px; margin: -1px;}
/* End Images */



/* Begin Form Elements */
#searchform { margin: 10px auto; padding: 5px 3px; text-align:left; }
#sidebar #searchform #s { width: 108px; padding: 2px; }
#sidebar #searchsubmit { padding: 1px; }
.entry form { }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform { margin: 5px 10px 0 0; text-align:left }
h3 { text-align:left }
#commentform textarea { width: 100%; padding: 2px; border:1px solid #ccc; }
#respond:after, #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#commentform #submit { margin: 0 0 5px auto; float: right; }
/* End Form Elements */

/* Begin Comments*/
.alt { margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify; }
.commentlist li { margin: 15px 0 10px; padding: 5px 5px 10px 10px; list-style: none; }
.commentlist li ul li { margin-right: -5px; margin-left: 10px; }
.commentlist p { margin: 10px 5px 10px 0; }
.children { padding: 0; }
#commentform p { margin: 5px 0; }
.nocomments { text-align: center; margin: 0; padding: 0; }
.commentmetadata { margin: 0; display: block; }
/* End Comments */

/* Begin Sidebar */
#sidebar form { margin: 0; }
/* End Sidebar */


/* Begin Calendar */
#wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; }
#wp-calendar #next a { padding-right: 10px; text-align: right; }
#wp-calendar #prev a { padding-left: 10px; text-align: left; }
#wp-calendar a { display: block; }
#wp-calendar caption { text-align: center; width: 100%; }
#wp-calendar td { padding: 3px 0; text-align: center; }
#wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; }
/* End Calendar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { cursor: help; }
acronym, abbr { border-bottom: 1px dashed #999; }
blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; }
blockquote cite { margin: 5px 0 0; display: block; }
.center { text-align: center; }
.hidden { display: none; }
hr { display: none; }
a img { border: none; }
.navigation { clear:both; display: block; text-align: center; margin-top: 10px; margin-bottom: 0px; }
/* End Various Tags & Classes*/

/* Captions */
.aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.wp-caption { 
	border: 1px solid #000; 
	text-align: center; 
	/*background-color: #f3f3f3; */
/*	padding-top: 4px; */
	margin-bottom: 10px;
/*	overflow: hidden;*/
/*	-moz-border-radius: 3px; 
	-khtml-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px; */
}

.wp-caption img { margin: 0; padding: 4px; border: 0 none; }
.wp-caption p.wp-caption-text { 
	font-size: 14px; 
	line-height: 17px; 
	padding: 5px; 
	margin: 0; 
	color: #004360;
	font-weight: 700;
}

/* End captions */

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

body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background: url(images/bg_grass.jpg); font: 13px/20px Arial, Helvetica, sans-serif; }
a { color: #5d9a33; font-weight: bold; }
a:hover { color: #005724; }
#wrapthewrapper { background: url(images/shadow.png) top center no-repeat; }
#wrapper { margin: 0px auto; width: 1020px; background: #FFF; }

#address { 
	
	float:left;
	font: bold 24px Arial, Helvetica, sans-serif; 
	color: #FFF; 
	padding: 47px 0px 0px 20px;
	
	
}

#logo { float:left; }
#header { height: 326px; }
h1, h2, h3, h4, h5, p, form { margin: 0px; padding: 0px; }
h1 { font: bold 28px/32px Arial, Helvetica, sans-serif; color: 	#004360; margin-bottom: 15px; letter-spacing: -1px; }
p { margin-bottom: 15px; }
h2 { font: bold 20px/24px Arial, Helvetica, sans-serif; color: 	#004360; margin-bottom: 5px; }
h3 { font: bold 20px/24px Arial, Helvetica, sans-serif; color: 	#5d9a33; margin-bottom: 5px; }
.clear { clear: both; }
/*#content { padding: 30px 0px 0px 30px;}*/

#content, #middleCol, #rightCol { padding: 20px ;}



.page-template-template-columns #content, .page-template-template-columns #middleCol, .page-template-template-columns #rightCol {padding: 17px 0px;}


/*.home #content {padding: 17px 0px 0px 0px;}*/
/*.pagecolumns, #middleCol, #rightCol { width: 300px; float: left;  padding: 20px 20px 0px 0px; padding-top: 20px;}*/




.pageboxes { 
	width: 300px; 
	float: left;  
	height: 200px;
	display:none;
	margin: 20px 10px 20px 20px;
}

.fullbox {
	border: 2px solid #000;
	overflow: hidden;
}

#menu { 
	padding-left: 20px;
	background: #004360; 
	height: 50px; 
}
.menu-mainmenu-container ul , .menu-honour-board-container ul { margin: 0px; padding: 0px; }
.menu-mainmenu-container ul  li { list-style: none; float: left; display: inline; margin-right: 8px;}
.menu-mainmenu-container ul  li a { float: left; display: inline-block; padding: 0px 10px; font:  16px/50px Arial, Helvetica, sans-serif; color: #FFF; text-decoration:none; }

.menu-lawn-bowls-container  ul li, .menu-honour-board-container  ul li , .menu-photo-gallery-container  ul li  { list-style:none; }

/*.menu-honour-board-container ul li a, .menu-awards-wall-container ul li a, .menu-photo-gallery-container ul li a { float: left; display: inline-block; padding: 0px 10px; font:  16px/20px Arial, Helvetica, sans-serif; color: #004360; text-decoration:none; } */
.menu-honour-board-container .sub-menu, .menu-awards-wall-container .sub-menu, .menu-photo-gallery-container .sub-menu { margin-left: 15px; }
.menu-honour-board-container .current_page_item > a, .menu-awards-wall-container .current_page_item > a, .menu-photo-gallery-container .current_page_item > a { font-weight: 700;}


.menu-mainmenu-container ul  li a:hover, .menu-mainmenu-container ul  li.current_page_item a { background: #5d9a33; line-height: 30px; margin-top: 10px; border-radius: 5px; }

.menu-mainmenu-container ul#menu-mainmenu ul { display: none; }

.menu-mainmenu-container ul#menu-mainmenu li:hover > ul { display: block; }
.menu-mainmenu-container ul#menu-mainmenu ul.sub-menu { position: absolute; top: 40px; z-index: 1000; }

.menu-mainmenu-container ul#menu-mainmenu ul.sub-menu ul.sub-menu { position: absolute; top: 8px; left: 150px; z-index: 1000; }

.menu-mainmenu-container ul.sub-menu li { position: relative; display: block !important; font-size: 0; line-height: 30px;}

.menu-mainmenu-container ul.sub-menu ul.sub-menu li { position: relative; display: block !important; font-size: 0; line-height: 30px;}



.menu-mainmenu-container ul.sub-menu li a { width: 220px !important; background: #004360; line-height: 30px; display: block; margin-top: 0px !important;}
.menu-mainmenu-container ul#menu-mainmenu li:hover { position: relative; }
.menu-mainmenu-container ul.sub-menu li a, .menu-mainmenu-container ul li.current-menu-item ul.sub-menu li a { display: block; background: #005724; line-height: 30px !important; font-size: 14px !important; text-align: left;  text-indent: 10px;margin-top:0px;  }
.menu-mainmenu-container ul.sub-menu li a:hover, .menu-mainmenu-container ul li.current-menu-item ul.sub-menu li a:hover {  display: block; line-height: 30px; background-color:#5D9A33 !important; margin-top:0px !important; }

.menu-mainmenu-container ul.sub-menu ul.sub-menu li a {  background: #004360; line-height: 30px !important; font-size: 12px !important; }

a.linkButton { background: #5d9a33; color: #FFF; border-radius: 15px; padding: 6px 15px; text-decoration:  none; font-weight: bold; }
a:hover.linkButton { background: #005724; }

#footer { 
	background: #3D7A13; 
	height: 70px; 
	color: #FFF;  
	padding: 10px;
}

#footerhome {
	width: 50px;
	margin: 15px 30px 0px 30px;
	float: left;
	font-size: 14px;
}

#footerhome a {
	background: #004360; 
	padding: 10px;
	border-radius: 5px;
}

#footerhome a:hover {
	background: #3D7A13; 
	color: #105370; 
	font-weight: 700;
}


#copyright {
	float: left;	
	text-align: center;
	width: 600px;
	margin: 15px 120px 0px 90px;
}

#followus {
	margin-top: 3px;
	float:left;
}

#followus img {
	display: block;
	margin-left: 20px;
}


.imgRounded { border-radius: 30px; }
.imgRounded1 { border-radius: 30px; }
.slideShow { z-index: 1; width: 1020px; height: 326px; overflow: hidden; }
.imgRight { float: right; margin-left: 30px; margin-bottom: 30px; }
.rightFloat { width: 300px; float: right; margin-left: 30px; margin-bottom: 30px; }
.rightFloat img { border-radius: 30px; margin-bottom: 30px; }

.cont_left{ float:left; margin-right: 20px; width: 700px;}
.postbox{ float:left; width:100%; margin-bottom:15px; padding-bottom:7px; border-bottom:dotted 1px #333}
.postbox .entry{ padding-top:10px;}

#comments{ margin-top:15px;}


 /* table{
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
table td{
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
border-spacing: 0px;
	padding: 4px;
} */

table.contact, table.contact td{
	border: none;
}
#footer a{
	color: #FFF;
	font-weight: normal;
 	text-decoration: none;
}


#fbcheader {
	height: 124px;
	background-color: #5D9A33;
}

#phoneicon {
	margin: 44px 15px;
	float:left;

}

#phone {
	float:left;
	font: bold 20px Arial, Helvetica, sans-serif; 
	color: #FFF; 
	margin-top: 50px;
}

#wpcf7-f2438-p21-o1 {
	margin-right: 30px;
	background-color: #206380;
	padding: 20px;
	border-radius: 5px;
}

#wpcf7-f2438-p21-o1 input[type="text"], #wpcf7-f2438-p21-o1 input[type="email"], #wpcf7-f2438-p21-o1 textarea {
	width: 320px;
}

#wpcf7-f2438-p21-o1 input[type="submit"] {
	margin-top: 15px;
	padding: 10px;
	border-radius: 5px;
	background-color: #5D9A33;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	border: none;
	font-size: 14px;
}

#wpcf7-f2438-p21-o1 input[type="submit"]:hover {
	background-color: #fff;
	color: #206380;

}

#sponsors {
	padding: 10px 30px 10px 30px;
	/*border-top: solid 1px #000;*/
}

#sponsors:after {
    content:'';
    display:block;
    clear: both;
}

#sponsors ul li {
	list-style: none; 
	float: left; 
	display: inline;

}

#sponsors ul li img {
	height: 110px;
	width: auto;
	margin-right: 10px;
	margin-bottom: 10px;
}

#banner, #banner img {
	width: 1020px;
	height: auto;
}
.fullbox {
	display: inline;
}

.fullbox img {
	float:left;
	width: 300px;
	min-height: 200px;
	z-index: -9999;
}

.fullbox h4 {
	float: left;
	z-index: 9999999999;
	position: absolute;
	font-size: 18px;
	color: #004360;
	background-color: #FFF; 
	width: 292px;
	padding-left: 8px;
	height: 30px;
	opacity: 0.9;
	margin-top: 162px;
	padding-top: 8px;
}

.fullbox a {
	text-decoration: none;
	color: #004360;
}

.pagetitle {

	margin-left:30px;
	margin-top: 30px;
}
 
/* .entry2 table, td {
	border:none !important;
}

.entry2 tr:nth-child(1) {font-weight: 700; text-align: center;}
.entry2 tr:nth-child(odd) {background: #CCC}
.entry2 tr:nth-child(even) {background: #FFF}

.entry2 table {
	width: 100%;
}
.entry2 td {
	width: 30%;
} */

#leftsidebar {
	float: left;
	width: 200px;
}

.entry2 {
	display: inline-block;
	width: 750px;
}

#leftsidebar ul {
	padding-left: 0px;
}


.cycloneslider-template-standard{  margin-bottom: 0px !important; }

.fb-page {

	border: 1px solid #000;
	margin-bottom: 30px;
}


#allthecols {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    
}

.pagecolumns, #middleCol, #rightCol {
    flex: 0 33%;
    overflow: hidden;
 
}

.grecaptcha-badge {display: none;}

.aligncenter {
     clear: none !important;
}


