/*
Theme Name:Membership Designer
Theme URI:http://www.membershipdesigner.com
Description:Membership site theme - compatibility repaired for modern WordPress and PHP 8.x
Version: 1.3.3.8
Author:Robert Plank
Author URI:http://www.membershipcube.com
*/

img.avatar, img.photo {
  float: right;
  border: black solid 1px;
  margin: 10px;
}

#membershipdesigner_announcement { font-size:26px; font-weight:bold; }
#membershipdesigner_announcementarea { margin-top:5px; margin-bottom:25px; }
#membershipdesigner_subannouncement { font-size:19px; font-weight:bold; }

body { background: white; color: #333; font-size: 9px; text-align: center; }
* { padding: 0; margin: 0; }

a { color: #0060ff; text-decoration: underline; }
a:hover { color: #e09f04; text-decoration: underline; }
a img { border: none; }

blockquote {
   color: #555;
   border: 2px;
   border-style: solid;
   border-color: #018BCE;
   padding: 10px 0px 10px 0px;
   background-color: #CFE9F6;
   padding:5px;
   margin:5px;
   overflow:visible;
}


table.dashboard { width:100%; }

h1, h2, h3, h1 a, h1 a:visited, h2 a, h2 a:visited { letter-spacing:-1px; font-weight: bold; color: black; text-decoration:none; }
h1 a:hover, h2 a:hover { color:#e09f04; text-decoration:none; }


code { color: #000; }
pre { margin: 0 0 13px 0; overflow: auto; clear: both; }
p.center { text-align: center !important; }
p.bottom { margin: 0 !important; }

.posts h2 { margin: 0 0 10px 0; line-height: 10px; }
.pages h2, h2.page_header { margin: 0 0 6px 0; padding: 0 0 5px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
h2.archive_head { font-weight: bold !important; letter-spacing: normal !important; margin: 0 0 15px 0 !important; padding: 3px 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }

#masthead h3 { margin: 0 0 6px 0; font-weight: normal; text-transform: none; color: #888; text-align: center; }
.entry h3 { margin: 20px 0 10px 0; }
.entry h3.top { margin: 12px 0 4px 0 !important; }

h4, h4 a, h4 a:visited { text-decoration:none; font: italic 11px Verdana, Arial; color: #888; }
h4 a:hover { color: #888; text-decoration: underline; }
.posts h4 { margin: 0 0 10px 0; padding: 0 0 8px 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }

/* sizing */
div.videoplayer_pagewide { max-width:98% !important; }
#container, #content_box, #footer, #masthead { width: 770px; }
nav { width:750px; max-width:95%; }
#content, .navigation, .clear, #comments, ul#comment_list li.comment, #comment_form { width:500px; }
#sidebar, ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width:230px; }
.entry blockquote.right, .entry blockquote.left { width: 200px; }
ul#comment_list li.trackback { width: 470px; }
#comment_form .text_input { width: 191px; }
#comment_form .text_area { width: 500px !important; }
#search_form .search_input { width: 221px; }

/* font families */
* { font-family:
-apple-system, BlinkMacSystemFont, 
    "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", 
    "Fira Sans", "Droid Sans", "Helvetica Neue", 
    Tahoma, Arial, sans-serif; }
code { font-family: Courier, monospace; }

/* font sizes: headers */
h1 { font-size: 36px; }
h2 { font-size: 22px; }
h3 { font-size: 19px; }

/* font sizes: body */
.entry { font-size: 13px; line-height: 20px; }
.tablepress { font-size: 11px; line-height:22px; }
.tablepress td h3 { font-size:14px; margin: 0; letter-spacing: 0; }
blockquote { font-size:12px; }

/* font sizes: sidebar */
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { font-size: 12px; line-height: 18px; }
#footer p { font-size:11px; }
pre, .dashboard tr td strong { font-size:15px; }
h2.archive_head { font-size:12px !important; }
h3.comments_headers { font-size: 12px; }
.entry blockquote.left, .entry blockquote.right { font-size: 11px !important; }
.tagged { font-size: 10px; line-height: 13px;  }
.navigation { font-size: 12px; }

#masthead h3 { font-size:15px; }
li.widget h2, li.linkcat h2, li.widget h2 a { font-size:14px;  }
.comment_num { font-size: 12px; }
#comment_form label { font-size: 10px; }
#comment_form p.subscribe-to-comments { font-size: 12px; }
#comment_form p.subscribe-to-comments label { font-size: 8px; }
.search_input { font-size: 14px; }

/* mobile sizing */
img, #videoplayer_control { max-width: 98% !important; height: auto; }
/*#container, div, iframe, table, video, p, span, textarea { max-width:100%; }*/
#masthead, #content_box, #content { max-width:100%; }
blockquote { max-width:90%; }
#content, .navigation, .clear, #comments, ul#comment_list li.comment, #comment_form { max-width:98%; }

/* iPhone and iPad portrait */

@media only screen and (max-device-width: 480px),
(min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)
{
	h1, h2, h3 { text-align:center; border:none; }
	h1 { font-size: 48px; }
	h2 { font-size: 32px; }
	h3 { font-size: 24px; }

	.entry, .tablepress { font-size: 16px; line-height: 24px; }
	li.widget .search_input { font-size: 18px; }

	input, .search_input { font-size: 24px; }

	.tablepress { font-size:16px; line-height:24px; }
	.tablepress td h3 { font-size:26px; margin:10px 0; line-height:32px; letter-spacing:0; }

	ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { font-size: 18px; line-height: 24px; }

	blockquote { font-size:14px; }

   #container { overflow-x:hidden; }
   #content, #masthead, #membershipdesigner_announcementarea, #footer { width:98%; clear:both; margin:auto; }
   #sidebar { text-align:center; clear:both; margin:auto; width:98%; }
   div.entry { width:98%; }
   .pages h2, h2.page_header { padding:5px 0; }
   #membershipdesigner_announcement { padding:5px 0; }

   table.tablepress, #container, .clear { width:98%; max-width:98%; }
   table.tablepress { width:98%; max-width:98%; }
   nav { padding:0 25px; }

   td { word-break: normal; }
   table { overflow:scroll; }

   #sidebar, ul.sidebar_list, ul.sidebar_list li, ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { width:100%; list-style-type:none; }
}

#container { margin: 15px auto 0 auto; }
#content_box { text-align: left; float: left; clear: both; }
#content { padding: 0 40px 0 0; float: left; }
#widecontent { padding: 0 40px 0 0; float: left; max-width:100%; }
#sidebar { float: left; }
#footer { padding: 10px 0 0 0; border-top: 2px solid #ccc; float: left; clear: both; }
#masthead { padding-bottom:5px; }

nav { text-align:center; list-style: none; padding: 0 10px; border-bottom: 3px solid #000;  float: left; clear: both; margin-bottom:10px; }
nav li { padding: 5px 20px 5px 0; font: bold 11px Verdana, Arial; text-transform: uppercase; float: center; }
nav li a, nav li a:visited { color: #000; text-decoration: none; }
nav li a:hover { color: #000; text-decoration: underline; }
nav li a.current, nav li a.current:visited, nav li.page_item a, nav li.page_item a:visited { color: #0060ff; text-decoration: underline; }
nav li.rss { padding: 7px 0 6px 0; float: right; }
nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }
#header_img { position: relative; margin: 0 0 25px 0; border-bottom: 1px solid #000; float: left; clear: both; }
#header_img img { display: block; } /* IE 6 and IE 7 */

.entry blockquote.right { font-style: normal !important; margin: 2px 0 2px 15px !important; padding: 2px 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
.entry blockquote.left { font-style: normal !important; margin: 2px 15px 2px 0 !important; padding: 2px 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 12px !important; }
.entry p { margin: 0 0 12px 0; }
.entry ul, .entry ol { margin: 0 0 12px 40px; }
.entry ul { list-style-type: square; }
.entry li { margin: 0 0 4px 0; }
.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 4px 0 4px 30px; }
.entry dl { margin: 0 0 12px 0; }
.entry dt { font-weight: bold; margin: 0 0 4px 0; }
.entry dd { margin: 0 0 12px 20px; }
.entry .ad { margin: 0 0 4px 15px; float: right; }
.entry .ad_left { margin: 0 15px 4px 0; float: left; }

.entry img.left { padding: 3px; margin: 4px 15px 4px 0; border: 3px double #bbb; float: left; clear: left; }
.entry img.right { padding: 3px; margin: 4px 0 4px 15px; border: 3px double #bbb; float: right; clear: right; }
.entry img.center { display: block; padding: 3px; margin: 0 auto 12px auto; border: 3px double #bbb; float: none; clear: both; }
.entry img.off { padding: 0 !important; border: none !important; }
.entry img.stack { clear: none !important; }

.tagged { padding: 3px 0 0 0; /*background: url('images/hr_tag_sep.gif') no-repeat; */ color: #888; clear: both; }
.tagged a, .tagged a:visited { padding: 2px; color: #333; text-decoration: none; }
.tagged a:hover { color: #fff; background: #333; text-decoration: none; }
.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }
.navigation { float: left; }

.previous { padding: 0 20px 0 0; float: left; }
.next { float: right; }

.clear { height: 1px; margin: 0 0 42px 0; clear: both; }
.flat { margin: 0 0 17px 0 !important; }
.whitespace { margin: 0 0 30px 0 !important; }

ul.sidebar_list { list-style: none; }
ul.sidebar_list li.widget, ul.sidebar_list li.linkcat { margin: 0 0 21px 0; float: left; }
li.widget h2 { border-bottom: 3px solid #000; }
li.widget h2, li.linkcat h2, li.widget h2 a { font-weight: bold; letter-spacing: normal; margin: 0 0 7px 0; padding: 3px 2px; }
li.widget p { margin: 0 0 12px 0; padding: 0 10px; }
li.widget ul, li.linkcat ul { list-style: square; margin: 0 0 4px 20px; }
li.widget ol, li.linkcat ol { margin: 0 0 4px 20px; }
li.widget li, li.linkcat li { margin: 0 0 6px 0; }
li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }

#footer p { margin: 0 0 8px 0; color: #888; text-align: right; }
#footer a, #footer a:visited { color: #888; text-decoration: none; }
#footer a:hover { color: #888; text-decoration: underline; }

#comments { float: left; clear: both; }
ul#comment_list { list-style: none; margin: 0 0 34px 0; border-top: 1px solid #bbb; float: left; }
ul#comment_list li.comment { padding: 10px 0 0 0; border-bottom: 1px dotted #bbb; float: left; }
ul#comment_list li.trackback { padding: 10px 15px 0 15px; background: url('images/trackback_bg.gif'); }
.comment_meta { margin: 0 0 10px 0; }
.comment_num { padding: 0 15px 0 20px; font-weight: bold; float: right; }
.trackback .comment_num { padding: 0 0 0 20px; }
.comment_num a, .comment_num a:visited { color: #888; text-decoration: none; }
.comment_num a:hover { color: #df0000; text-decoration: none; }
.comment_time { font: normal 10px Verdana, Helvetica, Arial, sans-serif; color: #888; }
.comment .entry { padding: 0 15px; }
.comment .entry p { margin: 0 0 8px 0; }

#comment_form { padding: 8px 0 0 0; float: left; }
#comment_form p { padding: 5px 0; }
#comment_form label { padding: 0 0 0 10px; }
#comment_form .text_input { padding: 3px; color: #444; font: Verdana, Arial; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
#comment_form .text_input:focus { border-top: 2px solid #666; border-left: 2px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
#comment_form .form_submit { padding: 3px 4px; background: url('images/submit_bg.gif'); border: 3px double #999; border-top-color: #ccc; border-left-color: #ccc; font: bold 11px Verdana, Arial; cursor: pointer; }

#search_form .search_input { padding: 3px; color: #000; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }

#search_form .search_input:focus { border-top: 1px solid #666; border-left: 1px solid #666; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/* navigation */
 .main-navigation { text-align:center; }
 .main-navigation li { display: inline-block; }
 .main-navigation li ul li {
	padding:0;
	/*text-transform: none;*/
}

.main-navigation li {
	margin: 0 20px 0 0;
	position: relative;
	float:center;
}

.main-navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 1;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

 .main-navigation li ul ul {
	top: 0;
	left: 100%;
}
.main-navigation li ul li {
text-align:left;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li:focus > ul,
.main-navigation .focus > ul {
	border-left: 0;
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}
.main-navigation li ul li a {
	background: #f9f9f9;
	border-bottom: 1px solid #ededed;
	display: block;
	line-height: 2;
	padding: 0 15px 0;
	overflow:visible;
	white-space: normal;
	width:250px;
}