/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Parameters 
/* -/=--------------------------------------------------------------------------------------------------------------------------- */
:root {
	--primary-heading-color:	#1f1a47;
	--secondary-heading-color:	#4f566b;
	
	--darker-text-color: 		#333333;
	--primary-text-color: 		#697386;
	--secondary-text-color:		#8898aa;
	--tertiary-text-color:		#A0AEBC;
	--light-grey-color:			#E3E8EE;
		
	--primary-accent-color: 	#02a38a;
	--secondary-accent-color: 	#046556;
	
	--hint-color:				#FF8C00;
	--error-color:				#E0245E;
	
	--font-size-xl: 		25px;
	--font-size-large: 		16px;
	--font-size-regular: 	14px;
	--font-size-smaller: 	13px;
	--font-size-xs: 		12px;
}

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* SC Page Layout 
/* ---------------------------------------------------------------------------------------------------------------------------- */

	.scp-wrapper			{ padding: 4em 0 3em 2em; }
	.scp-main				{ padding-left: 4em; padding-right: 4em; }
	.context-section		{  padding-left: 10px; padding-right: 20px; position: fixed; z-index: 2;}
	.context-section-spacer	{ width: 360px; position: relative;}
	.scp-toc-text			{ color: var(--secondary-text-color); font-size: var(--font-size-regular);  margin-top: 20px; margin-bottom: 10px;}
	.scp-toc-text a			{ color: var(--secondary-text-color);     text-decoration: underline; }	
	.hide-toc-element		{ display: none;}

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* General Styles 
/* ---------------------------------------------------------------------------------------------------------------------------- */

	body					{ font-family: 'Inter-Regular';     overflow-x: hidden;     overflow-y: scroll; }
	
	.general_page			{ min-height: 85vh; padding: 4em 8em 3em 5em; }
	.right-padded			{ padding-right: 8em; }
	.regular_text p			{ color: var(--primary-text-color); }
	.gray_link a			{ color: var(--primary-text-color); text-decoration: underline;}
	.scw_ul ul, ul, ol		{ color: var(--primary-text-color); list-style-type: square; margin-top: 5px; margin-bottom: 40px;}
	.scw_ul li a			{ color: var(--primary-accent-color); font-size: var(--font-size-large);}

	.form-errors li			{ color: var(--error-color); padding: 0;}
	.form-errors ul			{ border: 1px solid var(--error-color); margin: 10px 0px 10px 0px; padding-top: 10px; padding-bottom: 10px;  }
	.form-errors a			{ color: var(--error-color); }
	.form-okmsg a 			{ color: var(--primary-accent-color); }
	.form-hint				{ color: var(--hint-color); }
	.form-okmsg				{ display: block; color: var(--primary-accent-color); border: 1px solid var(--primary-accent-color); margin-top:10px; margin-bottom: 10px; padding: 10px 5px 10px 10px;}
	
	.right_aligned			{ display: block; text-align: right; }
	.left_aligned			{ display: block; text-align: left; }	
	.center_aligned			{ display: block; text-align: center; }		
	em						{ font-weight: bold; font-style: normal; }
	a						{ color: var(--primary-text-color); text-decoration: underline; }
	a:hover					{ color: var(--primary-accent-color); text-decoration: underline; }
	.space_above			{ margin-top: 20px!important; }


/* ----------------------------------------------------------------------------------------------------------------------------
	Posts Page
---------------------------------------------------------------------------------------------------------------------------- */
	.posts_page					{ min-height: 85vh; padding: 4em 2em 3em 5em; 	}
	.posts_page	p				{ text-align: justify; }
	.posts_page .bordered 		{ border: 1px solid var(--secondary-text-color); margin-bottom: 12px; padding: 5px; display: table; }
	.posts_page .bordered p		{ margin: 15px 5px 3px 0px; padding:0; text-align: right; font-size: var(--font-size-smaller); font-style: italic;}
	.posts_page .bordered img	{ width: 100%; }
	.posts_page table			{ font-family: 'Inter-Regular'; font-size: var(--font-size-smaller); color: var(--primary-text-color); }
	.posts_page td				{ vertical-align: middle; }

/* ----------------------------------------------------------------------------------------------------------------------------
 	General Headings 
---------------------------------------------------------------------------------------------------------------------------- */
	.headingXL, h1			{ font-size: var(--font-size-xl); padding: 10px 0 25px 0; margin: 0; color: var(--secondary-heading-color); font-family: 'Inter-Medium'; }
	.heading1, h2			{ font-size: var(--font-size-large); padding: 10px 0 10px 0; margin: 0; color: var(--secondary-heading-color); font-family: 'Inter-Medium'; }
	.heading2 			{ font-size: var(--font-size-regular); padding: 0 0 3px 0; margin: 0; color: var(--secondary-heading-color); font-family: 'Inter-Medium'; }
	.heading3 			{ font-size: var(--font-size-regular); padding: 0 0 3px 0; margin: 0; color: var(--primary-text-color); font-family: 'Inter-Medium'; }

	.heading-title			{ font-size: 16px; padding: 0 0 3px 0;     margin: 0;     color: var(--primary-heading-color);     font-family: 'Inter-Medium'; }
	.heading-title2			{ font-size: 24px; padding: 0 0 5px 0;     margin: 0;     color: var(--primary-heading-color);     font-family: 'Inter-Medium'; }
	.heading-title3			{ font-size: 24px; padding: 8px 0 8px 0;   margin: 0;     color: var(--primary-heading-color);     font-family: 'Inter-Medium'; }
	.heading-title5 		{ font-size: 16px; padding:0 10px 10px 0;	margin-top: 20px;	color:#4f566b;	font-family: 'Inter-Medium';	}	
	.heading-title6			{ font-size: 16px; padding: 15px 0 5px 0;  color: var(--secondary-heading-color);     font-family: 'Inter-Medium'; }
	.heading-title7			{ font-size: 20px; padding: 0;     margin: 0;     color: var(--primary-heading-color);     font-family: 'Inter-Medium';     display: inline-block; }
	.heading-title4			{ font-size: 18px; padding: 0 0 10px 0;     margin: 0;     color: var(--primary-heading-color);     font-family: 'Inter-SemiBold'; }
	

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Main Navigation /*
---------------------------------------------------------------------------------------------------------------------------- */
	#mobile-nav										{ display: none;     position: fixed;     top: 0;     width: 100%;     z-index: 999;     border-bottom: 1px solid #e3e8ee; }
	#mobile-nav.active								{ background: #fff;     -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);     -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);     box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); }
	.mobile-banner									{ size: 100%;  display: inline; position: fix;}
	.blank:hover									{ text-decoration: none; }
	.desktop-main-menu								{ display: inline-block; }
	.desktop-main-menu li							{ display: inline-block;     position: relative;     z-index: 100; }
	.desktop-main-menu li a							{ font-weight: normal;     text-decoration: none;     padding: 10px 15px;     display: block;     color: var(--primary-text-color);border-radius: 5px;     font-family: 'Inter-Medium'; }
	.desktop-main-menu li a:hover					{ color: var(--primary-accent-color);     background: #e6f6f4; }
	.desktop-main-menu li:first-child				{ margin-left: 0; }
	.desktop-main-menu li:hover>a					{ color: var(--primary-accent-color);     background: #e6f6f4; }
	.desktop-main-menu li:hover>ul					{ visibility: visible;     opacity: 1;     transform: translate(0, 0); }
	.desktop-main-menu li>ul ul:hover				{ visibility: visible;     opacity: 1;     transform: translate(0, 0); }
	.desktop-main-menu ul							{ visibility: hidden;     opacity: 0;     margin: 0;     padding: 0;     width: 170px;     position: absolute;     left: 0px;     background: #fff;     z-index: 99;     transform: translate(0, 20px);     transition: all 0.2s ease-out; }
	.desktop-main-menu ul li						{ display: block;     float: none;     background: none;     margin: 0;     padding: 0; }
	.desktop-main-menu ul li a						{ font-size: var(--font-size-regular);     font-weight: normal;     display: block;     color: #797979;     background: #fff;     text-align: left; }
	.desktop-main-menu ul ul						{ left: 169px;     top: 0px;     visibility: hidden;     opacity: 0;     transform: translate(20px, 20px);     transition: all 0.2s ease-out; }
	.desktop-main-menu ul ul:after					{ left: -6px;     top: 10%;     border: solid transparent;     content: " ";     height: 0;     width: 0;     position: absolute;     pointer-events: none;     border-color: rgba(255, 255, 255, 0);     border-right-color: #fff;     border-width: 6px;     margin-top: -6px; }
	.desktop-main-menu ul:after						{ bottom: 100%;     left: 20%;     border: solid transparent;     content: " ";     height: 0;     width: 0;     position: absolute;     pointer-events: none;     border-color: rgba(255, 255, 255, 0);     border-bottom-color: #fff;     border-width: 6px;     margin-left: -6px; }
	.desktop-nav									{ display: block;     background: #fff;     padding: 10px 0;     position: fixed;     top: 0;     width: 100%;     z-index: 999;     border-bottom: 1px solid #e3e8ee; }
	.desktop-nav .form-control						{ background: #f7fafc;     border: none;     transition: all 0.5s ease-in-out 0s;     border: 1px solid transparent; }
	.desktop-nav .form-control:hover				{ border: 1px solid var(--primary-accent-color); }
	.desktop-nav .has-search .form-control-feedback	{ margin: 0 10px 0 0; }
	.desktop-nav ul									{ margin-bottom: 0; }
	.desktop-nav.active								{ background: #fff; }
	.placeholder 									{ color: var(--tertiary-text-color); font-size: var(--font-size-regular); font-family: 'Inter-Regular'; padding-left: 100px; }
	.mobile-logo									{ position: absolute; top: 20px; left: 10px; width: 25px;}
	.mobile-logo a:focus							{ text-decoration: none; outline: none; box-shadow: none; }
	.mobile-logo a:hover							{ text-decoration: none; }
	.mobile-banner-ad								{ position: fixed; top: 20px; left: 50%; height: 50px; margin-left: -160px; width: 320px; }


	.login-link										{ display: inline-block;     padding: 4px 15px;     font-size: 16px;     color: #7b8495;     margin: 0 10px 0 0;    border-radius: 5px; text-decoration: none; }
	.login-link:hover								{ background: var(--primary-accent-color);     color: #fff;     text-decoration: none; }
	.signup-link									{ display: inline-block;     padding: 4px 14px;     font-size: 16px;     color: #fff;     background: var(--primary-accent-color);     margin: 0 0 0 0;     border-radius: 5px; text-decoration: none; }
	.signup-link:hover								{ background: var(--secondary-accent-color);     color: #fff;     text-decoration: none; }

	.account-icon									{ display: inline-block;     padding: 8px 8px;     font-size: 16px;     color: #7b8495;     transition: all 0.5s ease-in-out 0s;     border-radius: 5px; }
	.account-icon:hover								{ background: var(--primary-accent-color);     color: #fff;     text-decoration: none; }
	.dropdown-toggle::after { display: none; }

	
	.desktop-nav .right-section-wrapper	 			{ display: table; width: 100%;  height: 50px; text-align: right; }
	.desktop-nav .right-section-inner 				{ display: table-cell; vertical-align: middle;  }			
	.search-wrapper {display: table; width: 100%;  height: 50px;}
	.search-inner {display: table-cell; vertical-align: middle;  }
	
	
	.has-search .form-control						{ padding-left: 3rem; }
	.has-search .form-control-feedback				{ position: absolute;     z-index: 2;     display: block;     width: 3rem;     height: 4rem;     line-height: 2.375rem;     text-align: center;     pointer-events: none;     color: #aaa;     font-size: 20px;     margin: 3px 0 0 0; }

	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* search
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.match_term										{ font-weight: bolder;}
	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Frontpage
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.fp-slider-img							{ width: 100%; height: 350px;     object-fit: cover; }
	.fp-wrapper								{ min-height:85vh; }
	.fp-banner-area							{ margin: 65px 0 0 0;}
	.fp-banner-area .form-control			{ height: auto;     padding: 10px 10px 10px 50px;     border-radius: 5px;     background: #e6f6f4;     transition: all 0.5s ease-in-out 0s;     border: 1px solid transparent; }
	.fp-banner-area .form-control:focus		{ border: 1px solid #007b68;     outline: none;     box-shadow: none; }
	.fp-banner-area .form-control:hover		{ border: 1px solid #007b68; }
	.fp-banner-area .form-group				{ margin-bottom: 1rem;     margin-top: 5px; }
	.fp-banner-area p						{ font-size: 16px;     padding: 0 0 10px 0;     margin: 0;     color: #d1fff8;     letter-spacing: 1px; }
	.fp-banner-area p span					{ color: #fff; }
	.fp-banner-area::placeholder 			{ color: #8898aa;     font-size: 18px;     font-family: 'Inter-Regular';     padding: 0; }
	.fp-banner-center						{ width: 800px;     margin: 0 auto;     max-width: 100%; }
	.fp-banner-content						{ width: 100%;     height: 350px;     display: flex;     align-items: center;     position: absolute;     top: 0; }
	.fp-banner-mobile						{ padding: 4em 0;     display: none;     background: var(--primary-heading-color); }
	.fp-banner-title						{ font-family: 'Inter-Regular';     font-size: 36px;     padding: 0 0 10px 0;     margin: 0;     color: #fff; }
	.fp-banner-title span					{ font-family: 'Inter-Bold'; }

	.frontpage_link a						{ color: white; text-decoration: none;}
	.contribute a							{ text-decoration: none; }
	
	.category-widget						{ width: 100%; }
	.contribute a							{ padding: 5px 15px;     background: #fff;     color: #098d79;     display: inline-block;     margin: 0 0 0 15px;     border-radius: 5px;     transition: all 0.5s ease-in-out 0s; }
	.contribute a:hover						{ background: #e0e0e0;     text-decoration: none; }

	.created-editing					{ padding: 15px 0;     background: #068c77; }
	.created-editing p					{ font-size: 20px;     padding: 0;     margin: 0;     color: #fff;     display: inline-block; }
	.logo								{ display: inline-block; }
	.recomm-repeat						{ width: 100%;     margin: 10px 0 0 0; }
	.recommeded-repeat					{ width: 100%;     margin: 0 0 10px 0; }
	.project-updates					{ padding: 4em 0 0 0; }

	.project-updates-widget				{ width: 100%;     border: 1px solid #e3e8ee;     border-radius: 5px;     padding: 20px 15px;  margin-bottom: 4em; }
	.project-updates-top				{ width: 100%;     margin: 20px 0 0 0;  }

	.project-updates-widget ul			{  margin:0; padding:0; }
	.project-updates-left				{ padding-top: 2em; padding-left: 2em; text-align: center; }


	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Footer 
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.footer-main			{ width: 100%;     padding: 25px 0 0 0;z-index: 10; }
	.footer					{ padding: 0 0 0.5em 0;     border-top: 1px solid #e3e8ee;   }
	.footer i				{ color: var(--primary-accent-color); }
	.footer p				{ font-size: var(--font-size-smaller);     padding: 0;     margin: 0;      color: var(--primary-text-color) }
	.footer a:hover			{ color: var(--primary-text-color); text-decoration: underline; }	
	.footer-widget			{ width: 100%; }

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Context Section/ Box 
/* ---------------------------------------------------------------------------------------------------------------------------- */

	.context-section .heading-title5		{ padding-bottom: 0; margin-bottom: 10px; }
	.context-section .support-text	{ font-size: var(--font-size-xs); color: var(--primary-text-color); margin-bottom: 3px; margin-top: 20px; }

	.context-section .mobile-ad		{ display: none;}
	.context-section-top			{ width: 100%;     margin: 30px 0 0 0; }
	.nobreak						{ white-space:nowrap; }
	.context-section-repeat a		{ font-size: var(--font-size-regular); color: var(--primary-text-color); }
	.context-section-repeat			{ width: 100%;     margin: 0 0 15px 0; }
	.software-icon					{ margin: 0 0 15px 0; display: block; max-width: 100%; }

	.context-mobile					{ padding: 30px 15px 0px 15px; display: none;}
	.context-mobile h3				{ margin-left: -15px; }

	.related-links a				{ color: var(--primary-text-color); font-size: var(--font-size-smaller); text-decoration: underline; }
	.related-links 					{ max-width: 300px; padding-bottom: 20px;}
	
	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Breadcrumbs used for Hub Pages 
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.breadcrumb					{ background-color: transparent;     padding: 0;     font-size: var(--font-size-regular); }
	.breadcrumb-item a			{ color: var(--primary-text-color);     text-decoration: underline; }
	.breadcrumb-item a:hover	{ color: var(--primary-accent-color);     text-decoration: underline; }
	.no-underline:hover			{ text-decoration: none; }
	.no-underline				{ text-decoration: none; }

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Hub Pages 
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.hbp_wrapper				{ min-height: 85vh; padding: 4em 0 3em 0;     background: #fbfbfb; }
	.hbp_content				{ padding-right: 4em; z-index: 4; }
	.inner-banner				{ width: 100%;     height: 50px; }

	.popular-recommeded			{ width: 100%; }

	.hbp_tile					{ width: 100%; border: 1px solid var(--light-grey-color); border-radius: 10px; padding: 20px; background: #fff; margin: 0 0 20px 0;}

	.hbp_tile img				{ margin-bottom: 8px;}
	.hbp_tile:hover				{ border: 1px solid var(--primary-accent-color); box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.10);  text-decoration: none; }
	.hbp_tile_sub 				{ color: var(--secondary-text-color); font-size: var(--font-size-regular);     padding: 0;     margin: 0; }


	.single-category			{ padding: 4em 0 3em 0;     background: #fbfbfb; }
	.single-category p			{ color: #8898aa;     font-size: var(--font-size-regular);     padding: 0;     margin: 0; }
	
 	.hbp_tile .icon_plus		{ height: 100%;  display: flex; justify-content: center; align-items: center; color: var(--secondary-text-color);  }

	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Shortcut Pages 
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.active-left a								{ color: #121212!important; }
	.back-btn									{ display: inline-block; }
	.back-btn a									{ width: 35px;     height: 35px;     line-height: 35px;     background: #f7fafc;     border-radius: 50%;     display: inline-block;     text-align: center;     margin: 0 10px 0 0;     transition: all 0.5s ease-in-out 0s; }
	.back-btn a:hover							{ background: var(--primary-accent-color);     color: #fff; }
	.card-body									{ width: 80%;     padding: 0;     margin: 20px 0 0 0;     border-bottom: 1px solid #eee;     padding: 0 0 30px 0; }
	.card-header p, .card-link a				{ color: var(--primary-text-color);     color: var(--primary-heading-color);     padding-top: 10px; }

	.download-print a							{ width: 40px;     height: 40px;     line-height: 40px;     background: #f7fafc;     color: var(--primary-text-color);     display: inline-block;     text-align: center;     border-radius: 50%;     transition: all 0.2s ease-in-out 0s; }
	.download-print a:hover						{ background: var(--primary-accent-color);     color: #fff;     text-decoration: none; }		  
	.bookmark_inactive 							{ color: var(--tertiary-text-color);}
	.nohover:hover								{ background: #f7fafc!important; cursor: default;} 	

		

	.main-category								{ margin-top: 20px; }
	.scp-text									{ color: var(--secondary-text-color)!important;     font-size: var(--font-size-regular);     margin-right: 5%;     display: inline-block;    margin-top: 10px;     margin-bottom: 20px; }
	.scp-text a									{ color: var(--secondary-text-color);     text-decoration: underline; }
	.shortcut-key-column						{ width: 10%;     padding: 10px;     padding-right: 5%; }
	.shortcuts-table							{ width: 100%;     background: #f9f9f9; }
	.shortcuts-table tr:nth-child(2n)			{ background: white; }
	.sub-category								{ margin-top: 0px; }
	.tabs-head									{ width: 100%;     margin: 0 0 25px 0; }
	.tabs-right									{ width: 100%;     text-align: right; }
	.tabs-top									{ width: 100%;     margin: 15px 0; }
	.tabs-top .card-link						{ color: var(--primary-text-color);     font-family: 'Inter-Medium';     font-size: 16px; }
	.tabs-top p									{ color: #8898aa;     color: var(--primary-text-color);     font-size: var(--font-size-regular);     padding: 0 0 0 0;     margin: 0; }
	.tabs-top p span							{ border: 1px solid #ccc;     border-radius: 2px;     border-style: outset;     font-size: var(--font-size-regular);     padding: 2px 4px;     margin: 6px 2px;     background: #f1f3f6;     line-height: 30px;     vertical-align: baseline;     color: var(--primary-text-color);     white-space: nowrap; }
	.tabs-widget								{ width: 100%;     border-bottom: 1px solid #e3e8ee; }
	.tabs-widget .nav-link						{ border-radius: 0;     color: var(--primary-text-color);     margin: 0 15px 0 0; text-decoration: none; }
	.tabs-widget .nav-link i					{ margin: 0 5px 0 0; }
	.tabs-widget .nav-pills .nav-link.active	{ background: transparent;     color: var(--primary-accent-color);     border-bottom: 2px solid var(--primary-accent-color); }
	.scp-wrapper .card							{ border: none;     margin: 0 0 30px 0; }
	.scp-wrapper .card-header					{ padding: 0;     padding-top: 20px;     padding-bottom: 5px;     background: transparent;     border: none;     text-align: left; }



	  
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Shortcut Pages - left section 
/* ---------------------------------------------------------------------------------------------------------------------------- */
	.wrapper					{ display: flex;     width: 100%;     align-items: stretch; }
	
	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* Comment Section 
	.comment-wrapper					{ max-width: 100%;     box-sizing: border-box;     padding-top: 5px; }
	.comment-wrapper p					{ color: var(--primary-text-color);     font-size: 15px;     padding: 0;     margin: 0; }
	.comment-wrapper a					{ color: var(--primary-accent-color);     text-decoration: none; }
	.comment-wrapper p a:hover			{ color: #003c32;     text-decoration: none; }

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

 .comment_anchor {
	padding-top: 120px;
    margin-top: -120px;
}
	.comment-box-footer					{ font-size: var(--font-size-regular);     font-family: 'Inter-Medium';     padding: 0; }
	.comment-btn						{ padding: 5px 15px;     background: var(--primary-accent-color);     color: #fff;     width: auto;     display: inline-block;     border: none;     border-radius: 5px;     font-size: var(--font-size-regular); }
	.comment-btn:focus					{ background: var(--secondary-accent-color);     color: #fff;     outline: none;     box-shadow: none; }
	.comment-btn:hover					{ background: #00816d;     color: #fff; }
	.comment-main						{ display: none; }
	.comment-repeat-inner				{ width: 100%;     margin: 0 0 5px 50px;     padding-right: 50px; }
	.comment-repeat-outter				{ width: 100%;     margin: 0 0 15px 0; }
	.comment-title						{ font-size: var(--font-size-regular);     font-family: 'Inter-Medium';     padding: 0;  margin-top: 20px;}
	.comment-title .smaller				{ color: var(--secondary-text-color) ;     font-size: 12px; }
	.comments-wrapper					{ width: 80%;     color: var(--primary-text-color); }
	.comments_header					{ display: none; }
	.comments-wrapper .form-hint		{ margin: 20px 0px 20px 0px; display: block;}
	
/* ---------------------------------------------------------------------------------------------------------------------------- 
/* All Forms
/* ---------------------------------------------------------------------------------------------------------------------------- */	

	.scw_form								{ margin-bottom: 20px;}
	.scw_form textarea						{ background: #f7fafc;     border: 1px solid #e3e8ee;     border-radius: 5px;     resize: none;     margin: 5px 0 10px 0; }
	.scw_form input[type='text']			{ background: #f7fafc;     border: 1px solid #e3e8ee;     border-radius: 5px;     resize: none;     margin: 5px 0 10px 0; }
	.scw_form input[type='password']		{ background: #f7fafc;     border: 1px solid #e3e8ee;     border-radius: 5px;     resize: none;     margin: 5px 0 10px 0; }
	.scw_form label							{ color: var(--secondary-text-color);  font-size: var(--font-size-xs);     margin: 0;     padding: 0 0 0 5px; }

	.scw_form .post-right					{ width: 100%;     text-align: right; }
	.scw_form .submit-btn					{ width: 100%;     padding: 6px;     background: var(--primary-accent-color);     border-radius: 5px;     border: none;     color: #fff;     transition: all 0.5s ease-in-out 0s; }
	.scw_form .submit-btn:focus				{ outline: none;     box-shadow: none; }
	.scw_form .scw_form submit-btn:hover	{ background :--var(--secondary-accent-color); }
	.scw_form .usernamelink					{ font-size: 12px;     text-decoration: underline;     color: #8898aa; }

	.xxCcomment-form .single_line_input	{ margin: 0 0 10px 0;     background: #f7fafc;     border: 1px solid #e3e8ee;     border-radius: 5px;     resize: none;     height: 1.8em; }

	/*
	.scw_form .form-control					{ width: 100%;     padding: 6px;     height: auto;     border: 1px solid #eee;    }
	.scw_form .form-control:focus			{ border: 1px solid var(--primary-accent-color);     outline: none;     box-shadow: none; }
	.scw_form .form-control:hover			{ border: 1px solid var(--primary-accent-color); }
*/
	.scw_form ::placeholder					{ color: #93a1b1;     font-size: var(--font-size-smaller);     letter-spacing: 1px; }

/* ---------------------------------------------------------------------------------------------------------------------------- 
/* User Pages
/* ---------------------------------------------------------------------------------------------------------------------------- */	
	.user_page					{ min-height: 85vh; padding: 4em; }
	.user_page .nopadding		{ margin: 0; padding: 0; }
	.user_page .user_box 		{ border: 1px solid #ccc; border-radius: 5px; font-size: var(--font-size-regular); padding: 30px 40px; margin: 6px 2px; color: var(--primary-text-color);  width: 50%; }

	.user_page .btn				{ padding: 5px 15px; background: var(--primary-accent-color); color: #fff; border: none; border-radius: 5px; font-size: var(--font-size-regular); margin-top: 10px; margin-bottom: 10px; }
	.user_page .btn:focus		{ background: var(--secondary-accent-color);     color: #fff;     outline: none;     box-shadow: none; }
	.user_page .btn:hover		{ background: var(--secondary-accent-color);       color: #fff; }	
	.user_page .form_links a	{ color: var(--secondary-text-color);     text-decoration: underline; }
	.user_page .form_links 		{ padding-top: 10px;}
	.user_page .form_links p	{ padding: 0; margin-top:5px; margin-bottom: 5px;}

	.user_page label a			{ color: var(--primary-text-color); text-decoration: underline; font-weight: bold;}
	.user_page label			{ margin-bottom: 3px; margin-top: 6px;}
	.user_page .show_pwd:hover	{ cursor: pointer}

	.green-link a				{ color: var(--primary-accent-color)!important; text-decoration: underline;}
	.g-recaptcha 				{ display: inline-block; margin-bottom: 10px;}
	.half 						{ width: 50%;}
	.red 						{color: red!important;}
	.green 						{color: green!important;}
	.center						{ text-align: center;}
	.privacy-notice 			{ position: fixed; height: 4em; bottom: 2em; width: 100%; opacity: 0.9; background-color: var(--primary-text-color); color: white; display: table; }
	.privacy-notice p 			{ vertical-align: middle; text-align: center; display: table-cell; }
	.privacy-notice a 			{ color: white; }
	.hidden						{ display: none; }