/*
	Theme Name: MGF Theme
	Description: Modified Basic Theme from WordPress For Dummies example
	Author: Ian Davis from Lisa Sabin-Wilson
	Author URI: http://lisasabin-wilson.com
	*/

/*
Revision History:
2023-07-23      KK      Added elements for the Comestibles List
2024-04-05		ID		Merged the two other CSS files into this one (plant lists and recommendations - added at end) 
*/

body {
	width:1500px;
	font-family: verdana, arial, helvetica, sans-serif; 
	font-size: 10pt;
	line-height: 1.75;
	margin: 0 0;
/*	background: #f2fff2; */
	background: #fafafa; 	
}

.container {
	width:1500px;
/*	background: #f2fff2; */
	background: #fafafa; 	
	margin:auto;
}


/* Positioning of header lines */
h1, h2, h3, h4, h5 {
	text-align:center;
	color:#036;
}

/* CSS for main menu area */
.masthead {
	max-width: 1500px;
/*	height: 150px; */
	margin: 5px auto 0; 
/*	background: #f2fff2; */
	background: #fafafa; 	
	padding: 25px;
	margin-bottom:auto;
}

.masthead img{
	border:none;
	width:120px;
	float:left;
}

header.masthead h1 a {
	color: #036;
	font-size: 28px;
	font-family: Arial;
	text-decoration: none;
}

header.masthead h2 {
	font-size: 16px;
	font-family: Georgia;
	color: blue;
}

header.masthead nav {
	background: #ffffff;
	text-align: left;
	height: 25px;
	padding: 4px;
}


header.masthead nav ul {
	list-style:none;
	margin:0;
}

#bannertext {
	margin: 36px 0px 0px 0px;
	text-align:left;
	float:left;
}

#whatsnewtext {
	font-size: 16px;
	margin: 0px 150px 0px 0px;
	text-align:left;
	float:left;
	color:black;
	text-decoration: none;
	background-color: #cedac0;
	padding: 3px 10px 3px 10px;
	border-radius: 5px;
}
	
/* End of CSS for main menu area */


/* Principal container */
.wrapper {
	max-width: 1500px;
	margin: 0 auto;
	padding-left:30px ;
/*	background: #f2fff2; */
	background: #fafafa; 	
}


/* Content area with centered content */
.main-centered section {
	width: 1000px;
	float: left;
	margin: 20px 0px 0px 200px;
	padding: 0 10px 0 30px;
	background-color: #f8fff8;
	text-align: justify; 
	}

/* Content area for front page */
.main-frontpage {
	width: 1200px;
	float: none;
/*	background: #f8fff8; */
	background: #fafafa; 	
	margin: 150px 0px -20px 80px;
	padding: 0 30px 0 30px;
	text-align: justify; 
	}

.main-frontpage h1 {
	color: #036;
	font-size: 28px;
	font-family: Arial;
	text-decoration: none;
	margin: 180px 0px 0px 0px;
}

/* Content area with left sidebar */
.main-sidebar-l section {
	width: 940px;
	float: left;
	margin: 20px 0px 0px 130px;
	padding: 0 10px 0 30px;
/*	background: #f8fff8; */
	background: #fafafa; 	
	text-align: justify; 
	}
	
.main-sidebar-l .post 
{margin-top: 50px;} 

.main-sidebar-l .post h3
{margin-bottom:-5px}
	
	

/* Content area with right sidebar */
.main-sidebar-r h1 {
	text-align:center;
	margin:30px 0px 0px 0px;
	font-size:14pt;
}

.main-sidebar-r section {
	width:  1050px;
	float: left;
	margin-top: 20px;
	padding: 0 30px 0 30px;
/*	background: #f8fff8; */
	background: #fafafa; 	
	text-align: left; 
	}

.main-sidebar-plantlists section {
/*	width:  1155px;  original */
	width:  1080px;
	float: left;
	margin-top: 20px;
	padding: 0 30px 0 30px;
/*	background: #f8fff8; */
	background: #fafafa; 	
	text-align: left; 
	}

.main-sidebar-garden-visits section {
	width:  1135px;
	float: left;
	margin-top: 20px;
	padding: 0 30px 0 30px;
/*	background: #f8fff8; */
	background: #fafafa; 	
	text-align: left; 
	}

/* Content area with no sidebar */
.main-sidebar-none section {
	margin: 110px 20px 0px 20px;
	padding: 0 30px 0 30px;
/*	background: #f8fff8; */
	background: #fafafa; 	
	text-align: justify; 
	}

.main-sidebar-none h1 {
	text-align:center;
	margin:150px 0px -20px 0px;
	font-size:14pt;
	clear:both;
}

/* Events page */
.main-events section {
	width: 1400px;
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0 10px 0 30px;
	background-color: #f8fff8;
/*	background-color: cyan; */
	text-align: justify; 
	}

/* Past Activities */
.main-past-activities section {
	width: 1100px;
	float: left;
	margin: 20px 0px 0px 160px;
	padding: 0 10px 0 30px;
	background-color: #f8fff8;
	text-align: justify; 
	}


/* Positioning for content title */
.main .hentry {
	margin: 10px 0;
}

/* Start of CSS for sidebars */

/* Styling for basic sidebar size, position and background */

.sidebar-right-250 {
	width: 250px; 
}

.sidebar-right-270 {
	width: 270px;
}

.sidebar-right-325 {
	width: 325px;
}

.sidebar-right-250,
.sidebar-right-270,
.sidebar-right-325
 {
	background-color: #f2fff2; 
	margin: 40px 0px 20px 0px;
	float:right;
	padding: 0 12px 0 12px;
}


/* Styling for sidebar text */

.sidebar-style p
 {
font-size:10pt;
text-align:justify;	
}

/* Styling for sidebar menus */

/* Size and positioning of menu items */

.sidebar-style li
{
margin-top:10px;
margin-left: -30px;	
}

/* Suppress colour change of hyperlinks */
.sidebar-style li a
{
text-decoration: none;
color: black;
}

/* Highlight link when hovered over */
.sidebar-style a:hover
 {
background: #d1ddd1;
}

/* End of CSS for sidebar */

/* Start of styling for widget area  - probably redundant as of 23/12/2023*/

.home-sidebar-area {
margin: 48px 10px 10px 10px;
}

.home-sidebar-area h3  {
	text-align: center;
}

.home-sidebar-area li {
	margin-bottom:10px;
}


.home-sidebar-area li a {
	text-decoration: none;
	font-weight:bold;
	color: black;
}

.home-sidebar-area p {
	width: 240px;
	margin-left: 0px;
	font-size:9pt;
}

.home-sidebar-area a:hover {
	color: red;
}

.textwidget {
	font-size:10pt;
}

/* End of styling for widget area */	

/* Start of CSS for footer */
footer {
	clear:both;
	width: 1500px;
	height: 300px;
	background: #cedac0;
	color: #555;
}

footer p {
	text-align:center;
	padding: 15px 0;
}

footer a {
	color:black;
	text-decoration:none;
}

/* Styling for footer */
#footerwidgets {
	padding: 20px 0px 1px 10px;
	background: #cedac0;
}

.real-footer
{
background:#cedac0;
}

.top-of-page
{
padding: 20px 0px 1px 10px;
background: #f2fff2;
}

.legal-french
{
margin-left: 30px;
width: 400px;
float: left;
}

.legal-coord
{
text-align:center;    
}

.legal-contact
{
text-align:center;   
}

.legal-contact a
{
color: black;
text-decoration: none;
background-color: #f2fff2;
padding: 3px 10px 3px 10px;
border-radius: 5px;
}

.social-media
{
float:left;
width:640px;
max-height: 199px;
}

.fb-place 
{
margin: 0px 0px 0px 0px;
text-align: center;
}

.sfsi_plus_widget
{
margin-left:294px;
}

.legal-english
{
margin-right: 30px;
width: 400px;
float: left;
}

/* End of CSS for footer */

/* Start of CSS for main menu bar */
#menu-topmenu {
width:690px;
font-family: Arial;
font-size:13pt;
background-color:#cedac0;
margin: -90px 0px 0px 705px;
padding: 6px 0px 6px 30px;
border-radius: 10px;
float:left;
overflow:hidden;
}

#menu-topmenu ul  {
width: 1500px;
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#menu-topmenu li {
float: left;
list-style: none;
text-align:center;
}

#menu-topmenu li a {
color:#555;
display:block;
font-size:13px;
line-height: 1.3;
margin: 0;
padding: 8px 12px 8px 12px;
text-decoration:none;
position:relative;
}

#menu-topmenu li a:hover,
#menu-topmenu li a:active,
#menu-topmenu .current-page-item a,
.contact-us a:hover,
.faq a:hover,
.search-submit:hover
{
background:#8eccaa;
color:#fff;
}

#menu-topmenu li li a,
#menu-topmenu li li a:link,
#menu-topmenu li li a:visited {
background:#cedac0;
color:#555;
width:350px;
font-size:13px;
margin: 0;
padding: 10px 10px 10px 10px;
position:relative;
}

#menu-topmenu li li a:hover,
#menu-topmenu li li a:active {
background:#8eccaa;
color:#fff;
}

#menu-topmenu li ul {
z-index: 1999;
position: absolute;
left: -999em;
	height: auto;
width: 160px;
}

#menu-topmenu li ul a {
width: 140px;
}

#menu-topmenu li ul ul {
margin: 0px 0 0 30px;
	z-index: 999;
}

#menu-topmenu li:hover ul ul,
#menu-topmenu li:hover ul ul {
left: -999em;	
}

#menu-topmenu li:hover ul,
#menu-topmenu li li:hover ul,
#menu-topmenu li li li:hover ul {
left: auto;
}

#menu-topmenu li:hover {
position: static;
}
/* End of CSS for main menu bar */

/* Start of CSS for second menu bar */

.second-menu
{margin: 100px 0px 0px 245px;}

.search-div
{float:left;}

.faq 
{float: left;
margin: 1px 4px 0px 11px;
border-radius:5px;}

.faq a
{color:black;
text-decoration: none;
background-color: #cedac0;
padding: 3px 10px 3px 10px;
border-radius: 5px;}

.join 
{float: left;
margin: 1px 4px 0px 11px;
border-radius:5px;}

.join a
{color:black;
text-decoration: none;
background:#f4e0e0;
padding: 3px 10px 3px 10px;
border-radius: 5px;}

.contact-us 
{float: left;
margin: 1px 0px 0px 6px;}

.contact-us a
{color:black;
text-decoration: none;
background-color: #cedac0;
padding: 3px 10px 3px 10px;
border-radius: 5px;}

/* Start of CSS for third menu bar */

.third-menu
{margin: 0px 0px 0px 0px;}

.whats-new 
{float: left;
text-align:left;
margin: 1px 0px 0px 6px;}

.whats-new a
{font-size:24px;
text-decoration: none;
background-color: #e0e0e0;
color: #3723e8;
padding: 3px 10px 3px 10px;
border-radius: 5px;}

.search-field
{width:220px;}

.search-submit
{background-color: #cedac0;
padding: 3px 10px 3px 10px;
border-radius: 5px;}

/* End of CSS for second menu bar */

/* CSS for insect alert menu item */
.insectalert {
	color:white;
	background-color:#452ee3;
}

#menu-item-16838   a {
    background: #f4e0e0;
    border-radius: 10px;
}

/* Positioning for members menu item */
.members	{
	margin-left:20px;
}

/* Start of CSS for pagination */
ul.page-numbers {
    list-style: none;
    margin: 0;
}

.page-numbers:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

ul.page-numbers li {
    display: block;
    float: left;
    margin: 0 4px 4px 0;
    text-align: center;
}

.page-numbers a,
.page-numbers span {
    line-height: 1.6em;
    display: block;
    padding: 0 6px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    border: 1px solid #ddd;
    color: #888;
}

.page-numbers a span { padding: 0 }

.page-numbers a:hover,
.page-numbers.current,
.page-numbers.current:hover {
    color: #000;
    background: #f7f7f7;
    text-decoration: none;
}

.page-numbers:hover { text-decoration: none }
/* End of CSS for pagination */

/* Styling for image captions */
figcaption {
	font-size:8pt;
	text-align:center;
}

/* Styling to remove underline on kb-gallery image captions */
.kb-gallery-item-link {
	text-decoration: none;
}


/* Start of CSS for search block, form and results */
.searchform {
	padding-left:0px;
}

.mgf-search-results {
	width:700px;
}

.search-result-items {
	margin: 20px 0px 20px 100px;
}
/* End of CSS for search block, form and results */

/* Start of styling for posts page (home.php) */
#whatsnew {
	width: 950px;
	margin: 15px 60px 0px 170px;
	padding: 1px 60px 0 0px;
	background-color: #f2fff2;
	text-align: left;
	float: left;
}

#whatsnew h3 {
	text-align: left;
}

.previous-next-entries
{margin: 70px 0px 0px 170px;}

.previous-entries
{margin: 0px 0px 0px 0px; float:left;}

.next-entries
{margin: 0px 0px 0px 40px; float:left;}

.navigation
{
clear:both;    
margin-top: 120px;
}

/* End of styling for posts page (home.php) */

/* Start of CSS for child pages */
.childpages li {
	list-style-type:none;
	clear:both;
}

.childpages li h4 {
	width:600px;
	text-align: left;
	float:left;
}

.childpages li img {
	margin: 15px 0px 0px 0px;
}
/* End of CSS for child pages */

/* Styling for wrapping text around images */
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

/* Font size for plant list updates */
.wpdatatable-font {
font-size:12pt;
}


/* Positioning for comments to posts */
.comment {
	margin: 0px 0px 20px 0px;
}

.comment .reply {
	margin: -15px 0px 10px 0px;
}

/* Styling for page titles */
article h1 {
	font-size:14pt;
	color: #036;
}

article h1 a {
	text-decoration: none;
	color: black;
}


.list-maint-background {
	margin: 25px -50px 0px -50px;
	border-style: solid;
	border-width:1px;
	padding: 10px 10px 10px 10px;
}

/* Styling to reduce gap between blocks */
.wp-block-columns 
{
margin-bottom: 0px;
}

/*  redundant?
.wp-block-image img {
	height: auto;
}
*/ 

/* Styling for recommmended books table */
.rec-books-desc {
	width:300px;
}

/* Styling for Cookie Yes plugin */
gdpr_heading
{margin-top: -10px;
background-color:yellow;}

/* Styling for latest review block in Book Reviews */

.latest {
width: 1155px;
background-color:lightpink;
margin: 0px 0px 0px 0px;	
}

.latest-rubric {
	float:left;
	width:100px;
	margin: 0px 20px 0px 410px;
	padding-top: 20px;
}

.latest-image {
	float:left;
	width:90px;
	margin: 0px 0px 0px 0px;
}


.latest-title {
	float:left;
	width:500px;
	margin: -10px 0px 0px 30px;
}

#latest1
{
width:150px;
float:left;
padding: 40px 0px 0px 0px;
margin-left:0px;
background-color: #f2fff2;
}

.latest2
{
min-height: 100px;
border-style: none none none none;
border-width: thin;
padding-bottom: 0px;
width:600px;
overflow: hidden;
background-color: #f2fff2;
}

.latest2 .leftimage
{
margin: 0px;
padding: 10px 10px 10px 0px;
}

.righttext {
    margin: 30px 0 0 0px;
    padding: 10px 0 0 0px;
    line-height: 130%;
    width: 65%;
    font-size: 10pt;
    font-weight: normal;
    text-align: justify;
    overflow: hidden;
}

/* Styling for Forthcoming Events page */

.l-rubric-text
{
width:650px;
float:left;
margin: 0px 30px 0px 30px;
}
.r-rubric-text
{
width:650px;
float:left;
margin-right:10px;
}

.event-entry
{
width:1400px;
min-height:30px;
margin: 20px 0px 25px 50px;
clear:both;
overflow:hidden;
}

.event-header
{
width:1400px;	
}

.event-image
{
width:150px;
min-height:100px;
margin: 5px 0px 0px 0px;		
float:left;

}

.event-date
{
width:1200px;
font-weight:bold;
font-size:12pt;
float:left;	
}

.event-location
{
width:1200px;
font-weight:bold;
font-size:12pt;
}

.event-details
{
width:1400px;	
}

.event-titles
{
width:1400px;
margin: 5px 0px 0px 0px;	
clear:both;
}

.event-en-title
{
width:720px;
float:left;
padding-bottom:5px;
border-style:none;
border-width:2px;
font-weight:bold;
font-size:11pt;
}

.event-fr-title
{
width:700px;
float:left;
margin-left:-50px;
padding-bottom:5px;
border-style:none;
border-width:2px;
font-weight:bold;
font-size:11pt;
}

.event-texts
{
width:1400px;
float:left;
/* background-color:yellowgreen; */
margin-bottom:40px;
}

.event-en-text
{
width:620px;
clear:left;	
float:left;
padding: 0px 0px 0px 0px;
/* background-color:lightcoral; */
}

.event-fr-text
{
width:620px;
float:left;
padding: 0px 0px 0px 50px;
/*background-color:lightgreen;*/ 
}

.event-en-text-international
{
width:1200px;
float:left;
margin-right:40px;
padding: 0px 0px 0px 0px;
/*background-color:lightcoral;*/
}

.event-contact
{
clear:both;
margin: 10px 0px 0px 400px;
padding:10px 0px 10px 0px;
text-align:center;
font-size:10pt;
background-color: #cedac0;
width:510px;
}

/* Styling for gardens to visit map */

.gardens-map
{
margin: 20px 0px 40px 90px;
}

/* Styling for Member Directory page */
.param-block
{
margin: 0px 0px 10px 0px;
padding-top:10px;	
background: #cedac0;
border-radius: 10px;
position: relative;
}

.sort-key	
{
width:40%;	
padding: 10px 0px 10px 30px;
float: left;
}

.sort-seq	
{
clear: right;	
width:40%;
padding: 10px 0px 10px 30px;
float: left;
}

#mem-dir-seq {
margin-top:10px;	
}

.submit-button
{
margin: 60px 0px 0px 410px;
padding: 20px 0px 20px 0px;
}

.submit-button input
{
padding: 10px; 	
background: #cedac0;
border-radius:20px;
}

.sort-key-label
{
margin-left: 85px;	
}

.sort-seq-label
{
margin-left: 200px;	
}

.mem-dir-return
{
width: 385px;
padding:10px;	
margin: 25px 0px 0px 325px;
background: #cedac0;
border-radius:20px;

}

#mem-dir-return-button
{
margin: 0px 0px 25px 410px;
background: #cedac0;
border-radius:20px;
}

/* Additional Styling for View all Members page 
 * Uses styling from Member Directory - the following are additional to that
*/

.view-mem-sort-key	
{
padding: 10px 0px 10px 30px;
}

.view-mem-sort-seq	
{
padding: 10px 0px 10px 30px;
}

.view-mem-sort-key-label
{
margin-left: 360px;	
}

.view-mem-sort-seq-label
{
margin-left: 390px;	
}

.view-mem-rad
{
margin-left: 190px;		
}


.view-mem-submit-button
{
margin: 0px 0px 0px 410px;
padding: 20px 0px 20px 0px;	
}

.view-mem-submit-button input
{
padding: 10px; 	
background: #cedac0;
border-radius:20px;
}


/* Styling for Member Profile page */

.profile
{
width: 960px;
padding: 10px 0px 10px 0px;
clear: both;
min-height: 50px;
}

.profile p 
{
margin: 0px 0px 0px 0px;	
}

.address  
{
text-align: center;
padding:0px 0px 0px 0px;

}

.leftside  
{
width: 430px;
float:left; 
margin:0px 0px 0px 110px; 
padding:0px 0px 0px 0px;

}
.rightside
{
width: 380px;
float:left;
margin:0px 0px 0px 100px;
padding:0px 0px 0px 0px;
}

.rightside p
{
text-align: left;
}

.rightsidel
{
width: 130px;
float:left;
text-align:right;
}

.rightsidel p
{
text-align:right;
}

.rightsider
{
width: 350px;
float:left;
margin-left: 10px;
}

.midinfo
{
width: 800px;
margin: 10px 0px 10px 49px;
padding: 5px 5px;
border-style:solid;
border-width:1px;
min-height:50px;
}

.midinfo p
{
text-align: left;
}

#addinfo
{
text-align: center;	
}

.otherinfo 
{
text-align: center;	
}

/* Styling for subscription renewal page */

.renew-block
{
text-align: center;	
}

.secondrenew
{
width: 90%;
margin: 25px 0px 0px 35px;
border-style: solid;
border-width: 1px;
border-radius: 10px;
background-color: #cedac0;
padding: 15px 10px 15px 10px;
}

.renew-sec-lab
{
float: left;	
}

.renew-submit-button
{
margin: 15px 0px 0px 410px;
padding: 20px 0px 20px 0px;	
}

.renew-submit-button input
{
padding: 10px; 
background: #cedac0;
border-radius:20px;
}

.renew-error
{
color: red;
font-size: 12pt;	
}
.postbox-container {
    background-color:cyan;
    }

.inside {
    background-color:yellow;
    }

/* Styling for treasurer page */
.subscriptions-return
{
width: 410px;
padding:10px;	
margin: 25px 0px 0px 410px;
background: #cedac0;
border-radius:20px;
}

#subscriptions-return-button
{
margin: 10px 0px 10px 285px;
background: #cedac0;
border-radius:20px;
}

#profile-return-button
{
margin: 10px 0px 10px 300px;
width: 400px;
background: #cedac0;
border-radius:20px;
}

#subscriptions-table {
    width: 100%;
    }
    
#subscriptions-table th {
    text-align: center;
    }

#subscriptions-table td {
    text-align: center;
    }
	
#broadcast-title {
	text-align:left;
}

.subscriptions-payments
{
width:270px;
padding:10px;	
margin: 25px 0px 0px 345px;
background: #cedac0;
border-radius:20px;
}

#subscriptions-payments-button
{
margin: 10px 0px 10px 410px;
background: #cedac0;
border-radius:20px;
}

/*  Styling for broadcast message form */
.broadcast-input {
	width:100%;
}

.broadcast-english {
	width:50%;
	float: left;
}

.broadcast-english p {
	width: 90%;
}

.broadcast-french {
	width:50%;
	float: left;
}

.broadcast-french p {
	width: 90%;
}

.broadcast-view-send {
	width:100%;
	background-color: pink;
	clear:both;
}

.broadcast-heading {
font-weight: 700;
font-size: 12px;
color: #777;
float: none;
line-height: 1.3;
margin: 25px 0 4px 0;
padding: 0;
}

.broadcast-rubric {
color:#444;
font-size:9pt;
width:90%;
font-weight:normal;	
}

#esubject , #fsubject {
	background: #cedac0;
	width:90%;
	height:30px;
}

#etext , #ftext {
	background: #cedac0;
}

.broadcast-upload-area{
    width: 70%;
    height: 200px;
    border: 2px solid lightgray;
    border-radius: 3px;
    margin: 0 auto;
    margin-top: 100px;
    text-align: center;
    overflow: auto;
}

.broadcast-upload-area:hover{
    cursor: pointer;
}

.broadcast-upload-area h1{
    text-align: center;
    font-weight: normal;
    font-family: sans-serif;
    line-height: 50px;
    color: darkslategray;
}

#broadcast-file{
    display: none;
}

/* Thumbnail */
.broadcast-thumbnail{
    width: 80px;
    height: 80px;
    padding: 2px;
    border: 2px solid lightgray;
    border-radius: 3px;
    float: left;
}

.broadcast-size{
    font-size:12px;
}

.broadcast-buttons {
	width:100%;
	margin: 20px 0px 0px 120px;
	clear:both;
	}

.broadcast-button {
	width:30%;
	float: left;
}

.broadcast-button button {
	width:500px;
}

#broadcast-return-button
{
margin: 10px 0px 10px 30px;
width: 200px;
background: #cedac0;
border-radius:20px;
float: left;
}

/*  End ofStyling for broadcast message form */


/* Styling for popups */

.sg-popup-id-17069 {
    background: #cedac0;
    margin-left:200px;
    padding:10px;
    border-radius: 10px;
}

.sg-popup-id-17069:hover {
  color: blue;
}

.sg-popup-id-17337 {
    background: #cedac0;
    margin: 200px 0px 0px 850px;
    padding:10px;
    border-radius: 10px;
}

.sg-popup-id-17337:hover {
  color: blue;
}

.sg-popup-id-17343 {
    background: #cedac0;
    position: absolute;
    top: 85px;
    left: 755px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17343:hover {
  color: blue;
}

.sg-popup-id-17356 {
    background: #cedac0;
    position: absolute;
    top: 270px;
    left: 1110px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17356:hover {
  color: blue;
}

.sg-popup-id-17364 {
    background: #cedac0;
    position: absolute;
    top: 554px;
    left: 1050px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
    z-index:10;
}

.sg-popup-id-17364:hover {
  color: blue;
}

.sg-popup-id-17365 {
    background: #cedac0;
    position: absolute;
    top: 410px;
    left: 1100px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17365:hover {
  color: blue;
}

.sg-popup-id-17366 {
    background: #cedac0;
    position: absolute;
    top: 270px;
    left: 1110px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17366:hover {
  color: blue;
}

.sg-popup-id-17367 {
    background: #cedac0;
    position: absolute;
    top: 296px;
    left: 1080px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17367:hover {
  color: blue;
}

.sg-popup-id-17376 {
    background: #cedac0;
    position: absolute;
    top: 350px;
    left: 1100px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17376:hover {
  color: blue;
}

.sg-popup-id-17379 {
    background: #cedac0;
    position: absolute;
    top: 265px;
    left: 1100px;
    padding:10px;
    border-radius: 10px;
    border-style: solid;
    border-width: 1px;
}

.sg-popup-id-17379:hover {
  color: blue;
}


.sg-popup-id-18295 {
/*	
    position: absolute;
    top: 715px;
	left: 258px;
*/	
	padding-left: 10px;
}


.sg-popup-id-18295:hover {
  color: blue;
  text-decoration: underline;
}

/* End of styling for popups */

/* Styling for WP forms */

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-text .wpforms-field-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: #7e8a70;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-text input {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 30px;
    width: 100%;
    line-height: 1.3;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-email .wpforms-field-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: #7e8a70;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form  .wpforms-field.wpforms-field-email input[type=email] {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 30px;
    width: 100%;
    line-height: 1.3;    
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-password .wpforms-field-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: #7e8a70;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-password input {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 30px;
    width: 100%;
    line-height: 1.3;    
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea .wpforms-field-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    color: #7e8a70;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 2px;
    color: #333;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 12px;
    border: 1px solid #ccc;
    padding: 6px 10px;
    height: 100px;
    width: 100%;
    line-height: 1.3;
}
    
div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox .wpforms-field-label {
    display: block;
    font-weight: 700;
    font-size: 12px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-checkbox ul li .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
    color: #7e8a70;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-radio .wpforms-field-label {
    display: block;
    font-weight: 700;
    color: #7e8a70;
    font-size: 12px;
    float: none;
    line-height: 1.3;
    margin: 0 0 4px 0;
    padding: 0;
}

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-radio ul li .wpforms-field-label-inline {
    display: inline;
    vertical-align: baseline;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
 }

/* End of styling for WP forms */

/* Styling for formatting tabbed plant lists */

.bilingual
{
margin: -15px 10px 0px 10px;
overflow: hidden;
clear: both;
}

.imgheight 
{
height: 50px;
}

.imgbookheight 
{
height: 100px;
}

.imgcomestibleheight 
{
height: 170px;
width : 170px;
}

.comestiblecaption
{
clear:both;     
font-size: 8pt;
float:left;
}

a:hover img
{
border:1px solid #ff0000;
}
.logo, .france
{
border-style:none;
}
div.ccaption
{
font-weight:normal;
font-size:9pt; 
text-align:center; 
width:100%;
margin: 10px 0px 30px 0px;
}

.wrap {
    overflow: hidden;
    width: 960px;
    margin: 10px 0px 10px 40px;

}

div.text1
{
margin:0px 0 0 0px;
padding:5px 0 0 15px;
line-height: 130%;
width:460px;
font-size:12pt; 
font-weight:normal;
text-align:left;
overflow:hidden;
float:left;
}

div.text1 sup
{
font-size:8pt;	
}

div.text2
{
margin:0px 0 0 0px;
padding:5px 0 0 0px;
line-height: 130%;
width:480px;;
font-size:12pt; 
font-weight:normal;
text-align:left;
overflow:hidden;
}

div.text1-panelwidth
{
margin:0px 0 0 80px;
padding:5px 0 0 15px;
line-height: 130%;
width: 850px;
font-size:12pt; 
font-weight:normal;
text-align:left;
overflow:hidden;
float:left;
}

div.text1-panelwidth p
{
font-size:10pt;   
}

div.leftimage
{
width:90px;
float:left;
text-align:center;
min-height: 60px;
}

div.wildlife-latin-name
{
margin:0px 0 0 0px;
padding:5px 0 0 25px;
line-height: 130%;
width:300px;
font-size:12pt; 
font-weight:normal;
text-align:left;
overflow:hidden;
float:left;
}

div.wildlife-common-name
{
margin:0px 0 0 0px;
padding:5px 0 0 25px;
line-height: 130%;
width:300px;
font-size:12pt; 
font-weight:normal;
text-align:center;
overflow:hidden;
float:left;
}

div.wildlife-provides
{
margin:0px 0 0 -6px;
padding:5px 0 0 0px;
line-height: 130%;
width:1020px;;
font-size:12pt; 
font-weight:normal;
text-align:left;
overflow:hidden;
}

div.wildlife-provides-legend
{
width:100px;
float: left;
text-align: right;
}

div.wildlife-provides-text
{
margin-left: 110px;
}

.plantinfo
{
text-align: center;
margin:30px 0px 30px 0px;
padding:10px 10px 10px 10px;
border:2px solid;
border-radius:10px;
font-size:10pt;
background-color:#cedac0; 
overflow:hidden;
}

p .plantinfo
{
font-size: 10pt;
background-color:#dddddd; 
padding: 0px 0px 5px 0px;
}

.lrubric
{
width:490px;
float:left;
margin-left:10px;
text-align: justify;
}

.rrubric
{
width:490px;	
float:right;
margin-right:10px;
text-align: justify;
}

.limgtext
{
width:510px;
float:left;
margin-left:10px;
}
.rimgtext
{
width:510px;
float:right;
margin-right:10px;
}
.cimgtext
{
width:1000px;
text-align: justify;
margin: 0px 0px 0px 50px;
}

.limgtext p , .rimgtext p , .comgtext p , .lrubric p , .rrubric p
{
font-size:10pt;
}

div.lhalftext
{
width:46%;
font-size:10pt;
float:left;
margin-left:15px;
}
div.rhalftext
{
width:46%;
font-size:10pt;
float:right;
margin-right:25px;
}

h4.pagetitle 
{
clear:both;
font-size:11pt;
text-align:center; 
color:#036; 
margin-top:0px; 
margin-bottom:0px;
}

div.plant-entry
{
padding:10px 0 5px 10px;
background-color:#e1eee1;
overflow:hidden;
width:99%;
}  
     
div.plant-entry2
{
padding:10px 0 5px 10px;
background-color:#d1ddd1;
overflow:hidden;
width: 99%;
} 
      
.plant-entry2 img 
{
border:1px solid #cccccc;
}

#instructions
{
padding: 0px 20px 0px 20px;
width: 900px;
text-align: left;
}   

div.tabcontainer
{
background-color:#f2fff2;
min-height:100px;
margin:20px 0px 40px 20px; 
clear:both;
}

.tabs {
        margin: 0;
        padding: 0;     
        zoom : 1;
}
.tabs li {
        float: left;
        list-style: none;
        padding: 0;
        margin: 0;
}
.tabs a {
        display: block;
        text-decoration: none;
        padding: 3px 10px 3px 10px;
        background-color: #8dd4f1 ;
        margin-right: 25px;
        color: white;
        border: 1px solid rgb(153,153,153);
        border-radius:3px 3px 0 0;
        margin-bottom: -1px;
        border-bottom-style:none;
}
.tabs .active {
        border-bottom: 1px solid #d1ddd1;
        background-color: #d1ddd1;
        color: black;
        position: relative;
}
.panelContainer {
        clear: both;
        margin-bottom: 25px;
        border: 1px solid rgb(153,153,153);     
        background-color:#d1ddd1;
        padding: 10px 0 10px 0;
}
.panel
{
padding-top:10px;
}
.panel h2 {
        color: rgb(57,78,121);
        text-shadow: none;              
}
.panel p {
        color: black;   
}

/* End of styling for formatting tabbed plant lists */

/* Styling common to Recommendation pages: nurseries, designers, products. */

div.rec-righttext
{
margin:0px 0 0 0px;
padding:10px 0 0 25px;
line-height: 130%;
width:65%;
font-size:10pt; 
font-weight:normal;
text-align:justify;
overflow:hidden;
}


div.rec-leftimage
{
margin:-15px 0 0px 40px;
padding:30px 0 0 0px;
width:190px;
float:left;
text-align:center;
}

div.rec-entry
{

min-height:100px;
border-style: none none none none;
border-width:thin;
padding-bottom:15px;
background-color:#e1eee1;
overflow:hidden;
}

div.rec-entry2
{

min-height:100px;
border-style: none none none none;
border-width:thin;
padding-bottom:15px;
background-color:#d1ddd1;
overflow:hidden;
}

div.book-leftimage {
    margin: 0px 0 0px 40px;
    padding: 15px 0 0 0px;
    width: 190px;
    float: left;
    text-align: center;
}


div.noimg
{
/*padding-left:20px;*/
display:none;
}

p.hd
{
margin:0;
font-size:12pt;
}

div.rec-desc
{
text-align:center;
font-weight:normal;
font-size:9pt; 
width:190px;
min-height:10px;
}


.rec-rubric
{
text-align:left; 
font-family:"trebuchet MS", arial;
font-size:16pt; 
color:#5a0ab5;
padding: 8px 0 0px 50px;
margin: 0px 0 0 0px;
}

/* End of styling common to Recommendation pages: nurseries, designers, products. */