/*
Theme Name: Custom Unofficial HCR Theme
Theme URI: https://rogueresist.org/
Description: A child theme for Rogue Resist Org.
Author: Spirit Designs
Author URI: https://www.spiritdesigns.life/
Template: twentytwentyone
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
/*******************************/



div .paypal-donations {
	background-color: #ffffff !important;
	border-radius: 6px; 
	-webkit-border-radius: 6px; 
	-moz-border-radius: 6px;
}

/* ------- Adjust Calendar page -----*/

.page-id-819  .mc-main .my-calendar-footer input[type=submit]:not(.my-calendar-admin input[type=submit]) {
	margin-right: 20px !important;
}

.page-id-819 .site-main {
    margin-left: 50px !important;
  }

/* ------- Adjust site tagline description -----*/

.site-description {
max-width: 350px !important;
width: 100% !important;
}

/* ------- Adjust front page blog title area -----*/

.coup_blog_title {
	color: #01008b !important;
	margin-top: 20px !important;
	margin-bottom: 40px !important;
}

.temp-mes {
	
}

.temp-mes-2 {
	margin-bottom: 70px !important;
}

/* ------Home page continue to develop text -------*/

@media only screen and ( min-width: 481px ) and ( max-width: 767px ) {
	.this_page {
		font-size: 105% !important;
	
   }	
}

@media only screen and ( max-width: 480px ) {
	.this_page {
		font-size: 102% !important;
	
   }
}

/* ------Popup link styling -------*/

.sg-popup-id-2381, .sg-popup-id-2344, .sg-popup-id-2353, .sg-popup-id-2373, .sg-popup-id-2421 {
	color: blue;
	font-weight: 700;
	font-size: 120%;
	font-style: italic;
	cursor:pointer !important;
}

/* ------Popup page overlay styling -------*/

.sgpb-theme-1-overlay {
	opacity: 0.5 !important;
}

/* ------Shorten space between page/post titlea and content -------*/

div.entry-content {
	margin-top: -30px !important;
}

/* ------------ Contact form 7 sent notice styling--------------*/

.wpcf7 form .wpcf7-response-output, div.screen-reader-response {
    background-color: rgb(255 255 255 / 60%) !important;
    color: #cf2421 !important;
	font-style: italic !important;
	font-weight: 700 !important;
	margin-bottom: 20px !important;
}

/* -------- Contact form 7 widen and style fields---------------*/

.wpcf7 input[type='text'] {
	font-size: 16px;
	width: 75%;
	height: 32px;
	margin: 10px;
	padding: .5%;
	color: #857a53;
	border: 1px solid #857a53;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 4px 4px 14px #857a53;
}

.wpcf7 input[type='tel'] {
	font-size: 16px;
	width: 55%;
	height: 32px;
	margin: 10px;
	padding: .5%;
	color: #857a53;
	border: 1px solid #857a53;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 4px 4px 14px #857a53;
}

#contact-url {
	font-size: 16px;
	width: 55%;
	height: 32px;
	margin: 10px;
	padding: .5%;
	color: #857a53;
	border: 1px solid #857a53;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 4px 4px 14px #857a53;
}

.wpcf7 input[type='email'] {
	font-size: 16px;
	width: 55%;
	height: 32px;
	margin: 10px;
	padding: .5%;
	color: #857a53;
	border: 1px solid #857a53;
	border-radius: 5px;
	background-color: #fff;
	box-shadow: 4px 4px 14px #857a53;
}

.wpcf7 textarea.wpcf7-textarea {
	font-size: 16px;
	width: 95%;
	height: 200px;
	margin: 10px;
	padding: .5%;
	color: #857a53;
	border: 1px solid #857a53;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 4px 4px 14px #857a53;
}

/* ------------- Contact form 7 submit button ---------------*/

.wpcf7 input[type="submit"] {
	font-size: 1em;
	font-weight: 700;
	margin-top: 10px !important;
	margin-left: 20px !important;
	margin-bottom: 3em !important;
	padding-top: 6px !important;
	padding-right: 20px !important;
	padding-bottom: 6px !important;
	padding-left: 20px !important;
	border-radius: 6px;
}

input.wpcf7-form-control.wpcf7-submit {
	background-color: #8bb564;
	color: #ffffff;
}

/* -------------- Contact form 7 submit button hover ------------ */

input.wpcf7-form-control.wpcf7-submit:hover {
	background-color: #bfd6a9;
	color: #00018b;
}

/* -------- Contact form 7 sent OK and something missing messages styling--------*/

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
	color: #D8000C !important;
	background-color: #FFBABA !important;
	border: 1px;
	padding: 10px;
}

.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
	text-align: center !important;
	border: 1px solid #56e2e0 !important;
	padding: 32px !important;
	font-size: 15px !important;
	font-weight: bold !important;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	background-color: #DFF2BF !important;
}

/* ------- Make sent messages more vivible in Private messaging -----*/

div.uwp-message-item-content {
	color: black !important;
}

/* ------- Adjust image credits- add selector to class under Advanced -----*/

.image_credit {
	margin-top: -50px !important;
}

/* ------- Style user role label on comment authors -----*/

.comment-author-label, span.comment-author-label {
    color: #01008b !important;
	padding: 5px !important;
	font-size: 80% !important;
	font-style: oblique;
}

/* ------- Style and affect blog page authors -----*/

a .blog-author, div.blog-author a {
	font-size: 140% !important;
}

a .blog-author, div.blog-author a {
pointer-events: none;
}

/* ------- site wide link styling -----*/

a:hover {
	color: purple !important;
}

/* ------- Adjust block separators -----*/

.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	width: 80% !important;
	border-bottom: 2px solid  #01008b !important;
}

/* ------- Adjust comment form notice text -----*/

.comment_site {
	font-size: 130%;
	color: #b92b2b;
	font-weight: 600;
}
.comment-form .comment-form-cookies-consent > label {
	font-size: 100%;
	margin-top: -4px;
}

/* ------- Site search submit button -----*/

input.search-submit {
	border:none !important;
	border-radius: 10px !important;
	background-color: #01008b !important;
	padding: 5px 15px 5px 15px !important;
}

/* ------- Message on Events page for logged in users only -----*/

body:not(.logged-in) .loggedin {
    display: none !important;
}

/* ------- Calendar -----*/

button.mc-toggle.close {
	font-size: 40px !important;
	margin-top: -28px !important;
	outline: none !important;
}

button.mc-text-button {
	border:none;
	border-radius: 10px;
	background-color: #01008b !important;
	padding: 5px 15px 5px 15px;
}

button.mc-text-button:hover {
	background-color: #e8f1ee !important;
}

.mc-main th abbr, .mc-main h2, .mc-date {
    border-bottom: none;
	color: #01008b;
}

.mc-search {
	position: absolute;
	right: 0px;
}

@media screen and (min-width: 500px) and (max-width: 566px) {
	.mc-search {
		margin-top: 130px !important;
		margin-bottom: 40px !important;
   }
}

@media screen and (max-width: 499px) {
	.mc-search {
		display: none !important;
   }
}

.mc-search {
	position: absolute;
	right: 0px;
}

input#mcs {
	border-radius: 10px 0px 0px 10px;
	border: 2px solid #01008b;
}

.mc-main .my-calendar-footer input[type=submit]:not(.my-calendar-admin input[type=submit]) {
	background-color: #01008b;
	border-radius: 0px 10px 10px 0px !important;
	padding-top: 8px;
	padding-bottom: 10px;
}

.mcajax, .my-calendar-month {
	font-size: 120% !important;
}

.mc-main .my-calendar-footer{
	margin-top: 30px;
}

/* ------- Blocks -----*/

p.has-extra-large-font-size {
	color: #01008b;
}

/* ------- Adjust Blog archive thumbnails -----*/

.grid-blog-thumb {
  float: left !important;
  height: 80% !important;
  overflow: hidden;
  position: relative;
  width: auto !important;
}

/* ------- Comment subscription message closer to checkbox -----*/

p.comment-form-subscriptions {
	margin-bottom: -20px;
}

/* ------- Message buttons on Users page -----*/

.bsui .mb-1 {
	background-color: #f7ecca !important;
}

.bsui .btn:hover {
	background-color: #83a5b7 !important;
}

/* ------- Cleanup on Users page -----*/

.bsui .pr-0 {
	display: none !important;
}

/* ------- Widget imager title credit -----*/

h2.widget-title {
	font-size: 20px !important;
}

/* ------- Widget imager title credit -----*/

.widget_image h2.widget-title {
	font-size: 12px !important;
	padding-top: 5px !important;
	display: block;
 	margin-left: auto;
 	margin-right: auto;
	text-align: center;
}

/* ------- Footer site info alignment -----*/

@media only screen and (max-width: 904px) {
	.site-footer>.site-info {
		display: block;
 		margin-left: auto;
 		margin-right: auto;
		text-align: center;
   }
}

/* ------- Adjust forum preview popups on hover -----*/

.bsp-preview .bsp-previewtext {
	margin-left: 10px;
}

/* ------- Footer widget image corners and widget title colors -----*/

img.image.wp-image-173.attachment-medium.size-medium {
	border-radius: 3%;
}

h2.widget-title {
	color: #01008b;
	text-decoration: underline;
}

/* ------- Footer widget area adjustments -----*/

aside.widget-area {
	border-top: 1px solid #00008B !important;
	margin-top: 10px !important;
}

/*--- Tighter spacing below WP blog page posts ----*/

main#main.site-main > article > .entry-footer {
	display: none !important;
}

/*--- Remove edit linls below WP blog page posts ----*/

a.post-edit-link {
	display: none !important;
}

/*--- mobile menu adjustments ----*/

@media only screen and (max-width: 959px) {
	div.primary-menu-container {
		width: 80% !important;
		max-width: 80% !important;
		margin-left: 10% !important;
		opacity: 90% !important;
   }	
	div.menu-button-container {
		background-color: transparent !important;	
   }	
	.menu-button-container #primary-mobile-menu .dropdown-icon {
		margin-right: 2vw !important;
	}
}

/*--- Remove goofy footer widgets on Bog "front-end archiver" page ----*/

.page-id-180 aside.widget-area {
	display: none !important;
}

/*--- Header and menu sdjustments ----*/

.site-description, p.site-description, .site-branding, p.site-title, , .site-title a:link, .site-title a:visited, .site-title a:active, .entry-title, .singular .entry-title, h1.entry-title {
	color: #00008B !important;
}

@media only screen and (min-width: 960px) {
	.primary-navigation .primary-menu-container>ul>.menu-item>a, .primary-navigation > div > .menu-wrapper .sub-menu-toggle {
		margin-top: -5px;
   }
}

/*--- message count spacing in message widget ----*/

span.unread-count.badge.badge-danger.mr-1 {
	margin-right: 5px !important
}

/*--- bbPress Forums ----*/

#bbpress-forums hr {
	border: none !important;
}

#bbpress-forums .bbp-reply-header, #bbpress-forums .quicktags-toolbar {
	background: #d6ecf3 !important;
}

#bbpress-forums li.bbp-header, #bbpress-forums li.bbp-footer {
	background: #bdcdc7 !important;
	border-top: 1px solid #bdcdc7 !important;
}

#bbpress-forums #subscription-toggle, .bsp-new-topic, #bbpress-forums #favorite-toggle {
    font-size: 16px;
}

#bbpress-forums .bbp-forums-list .bbp-forum {
	margin-left: 20px;
}

input#bbp_search_submit.button {
	padding: 4px 10px 8px 10px;
	background-color: #01008b;
}

input#bbp_search {
	border: 0px;
	border-radius: 8px;
	margin-bottom: 4px;
}

textarea#bbp_topic_content.bbp-the-content.wp-editor-area, input#bbp_topic_title, select#bbp_stick_topic_select.bbp_dropdown, select#bbp_topic_status_select.bbp_dropdown, input#bbp_topic_subscription, textarea#bbp_reply_content.bbp-the-content.wp-editor-area {
	border: 0px;
	border-radius: 8px;
}

button#bbp_topic_submit.button.submit, button#bbp_reply_submit.button.submit {
	border-radius: 8px 8px 8px 8px !important;
}

span.bbp-author-name {
	font-size: 14px;
	padding-top: 15px;
}

#bbpress-forums div.bbp-reply-header{
	height: 50px !important;
	padding-bottom: 0 !important;
}

#bbpress-forums ul.bbp-threaded-replies {
	margin-left: 25px;
}


/*--- Adjust Titles of comment cubscriptions and boxes and buttons in comment subscription area ----*/

h1 strong, h1#subscribe-reloaded-title-p {
	font-size: 25px !important;
	padding-bottom: 10px !important;
}

#subscribe-reloaded-action-p  {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

/*--- space top menu away from site title a bit on smaller screens ----*/

.primary-menu-container {
	padding-left: 20px !important;
}

/*--- Comments and comment reply threading/nesting adjustments ----*/

.comment .children {
	padding-left: 40px !important;
}

.comment-meta {
	margin-bottom: -25px !important;	
}

.reply {
	padding-top: 0px !important;
	margin-top: -20px !important;
}

/* -- Lift Comment area up on select pages with and witout text at top -- */

.page-id-162 div.entry-content {
	margin-top: -40px !important;
	margin-bottom: -40px !important;
}

.page-id-311 div#comments.comments-area.default-max-width {
	margin-top: -100px !important;
}

/* -- Remove admi edit link in page body -- */

body:not(.single) .site-main > article:last-of-type .entry-footer {
	display: none !important;
}


/* -- Edit comment button (timer) -- */

.sce-edit-button-main {
	color:red !important;
}
.sce-edit-button-main:hover {
	color:blue !important;
}

/* -- Comment submit buttons check boxes, labels (and others?) -- */

input#submit.submit { 
	background-color: #000000;
	margin-top: -5px !important;
}

#submit.submit:hover, p.form-submit:hover, .submit:hover { 
	color: #000000 !important;
}

form#sac-form fieldset textarea {
    margin: 0 0 15px 0 !important;
}

fieldset input[type=checkbox] + label {
    margin: 0 0 0 15px !important;
}

/* -- Remove block option from message widget list of PMs -- */

a.uwp-block-user.user-chat-actions.dropdown-item {
	display: none !important;	
}

/* -- Blog Pagination -- */

.blog_pagination a {
    color: #0067c4 !important;
    padding: 7px 10px;
    font-size: 18px;
	font-weight: 600 !important;
    border: 2px solid #6c7c89;
	border-radius: 4px;
}

span.page-numbers.current {
	font-size: 20px !important;
	font-weight: 700 !important;
}

/* -- Remove Category links from post archives etc... -- */

.archive .entry-footer .cat-links, .archive .entry-footer .tags-links, .search .entry-footer .cat-links, .search .entry-footer .tags-links, .blog .entry-footer .cat-links, .blog .entry-footer .tags-links {
	display: none !important;
}

/* -- Remove UserWP and Messaging avatars, AND whole lots other extraneous stuff -- */

img.avatar.avatar-40.photo.rounded-circle.mr-2, img.rounded-circle.shadow.border.border-white.border-width-4.p-0.mw-100.mt-neg5, img.card-img-top.embed-responsive-item.mw-100, div.embed-responsive.embed-responsive-16by9, div.alert.alert-warning, ul.navbar-nav.flex-wrap.m-0.list-unstyled.being-greedy.w-100, i.fas.fa-camera.fa-fw, a.btn.btn-sm.uwp-banner-change-icon.btn-outline-secondary.btn-circle.border-0.align-self-end.mx-auto, div.card-img-overlay.p-0, span.badge.badge-white.text-muted.pl-0, i.fas.fa-ellipsis-v.fa-sm.fa-fw, a.dropdown.h5.text-muted.m-0, img.rounded-circle.shadow.border.border-white.border-width-4.p-0.mw-100 {
    display: none !important;
}

/* -- Adjust UserWP message widget vertical spacing-- */

div.col-9.d-flex.align-items-center {
	padding-top: 10px !important;
}

.mes-title h2.widget-title {
	margin-bottom: -10px !important;
}

/* -- Adjust UserWP @user-name up a bit in user settings -- */

div.d-flex.justify-content-center.flex-column.align-items-center {
margin-top: -40px !important;	
}

/* -- Remove Create account link in UserWP login form -- */

.uwp-footer-links a.uwp-register-link {
    display: none !important;
}

/* -- Show comments only to logged in users 

.comment, .comments-title {
   display: none;     
}

.logged-in .comment, .logged-in .comments-title {
   display: inline;    
}

.page-id-980 .comment, .page-id-980 .comments-title {
   display: inline;     
}
-- */

/* ------  Simple Chat ------ */

div#simple-ajax-chat {
    width: 90% !important;
    overflow: hidden !important;
	Margin-right: 0 !important;
	margin: auto !important;
}

ul#sac-messages li {
    font-size: 120%;
}

/*---- Adjust top of single pages and posts ----*/

.singular .entry-header {
    margin-bottom: 48px !important;
	border-bottom-width: 0px !important;
}

/*---- Search Form ----*/

.search-form > label {
	display: none !important;
}

.widget_search > .search-form .search-field  {
    border-radius: 8px 8px 8px 8px !important;
	margin-right: 1px !important;
	border: 0 !important;
}

input[type=submit] {
	border: 0 !important;
    border-radius: 8px 8px 8px 8px !important;
}

input[type=submit]:hover {
	background-color: #e8f1ee !important;
}

/*---- Lift comment areas up a little bit ----*/

.comments-area > *:first-child {
    margin-top: -20px;
}

/*---- Highlight top menu item when on sub-menu page & remove pointer hand and hover effects ----*/

.primary-navigation .current-menu-ancestor > a { 
	text-decoration: underline !important;
}

.primary-navigation li.menu-item-has-children > a {
	cursor: default !important;
	pointer-events: none !important;
}

/*------- Adjust hamburger on narrow media-------*/

.menu-button-container .button.button .dropdown-icon.open .svg-icon {
    width: 36px;
    height:36px;
}

@media only screen and ( min-width: 481px ) {
	.menu-button-container {
    	top: -20px !important;
   }
}

@media only screen and (min-width: 960px) {
    .primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus svg  {
	    margin-left: 5px !important;
   }
}

.primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-plus svg, .primary-navigation>div>.menu-wrapper .sub-menu-toggle .icon-minus svg {
    margin-left: 10px !important;
   }

/* ------------ Clean up sub menu ----------------*/

ul.sub-menu {
	border: 0px !important;
	margin-left: 9px !important;
}

button.sub-menu-toggle {
	margin-left: -1.4rem !important;
}

.post-navigation {
	margin-top: -50px !important;
	margin-bottom: 50px !important;
}

/* ------  Menu adjustments ------ */

@media only screen and (min-width: 482px) {
	#primary-menu-list {
		justify-content: center !important;
}
   }

/*------- Second Blog area styling -------*/

.blog .blog-title a {
    font-size: 30px;
    line-height: 36px;
    color: #0067c4;
    text-decoration: none;
	font-weight: 700;
}

@media only screen and ( min-width: 501px ) {
	.blog-content {
		margin-top: -30px !important;
   }
}

a.blog-more-link{
    font-size: 18px;
}


/*------- Single entry titles-------*/

@media only screen and ( min-width: 501px ) {
		.singular .entry-title {
    		font-size: 2.5rem !important;
			color: #00008B !important;
   }
}

@media only screen and ( max-width: 500px ) {
		.singular .entry-title {
    		font-size: 2rem !important;
			color: #00008B !important;
   }
}

/*------- Style comment area-------*/

textarea#comment, input#author, input#email, input#url, input#wp-comment-cookies-consent {
	border-radius: 8px !important;
	border: 1px !important;
}


input#wp-comment-cookies-consent {
	border-radius: 2px !important;
	border: 1px !important;
}

p.akismet_comment_form_privacy_notice {
	margin-bottom: 20px !important;
	margin-top: -20px !important;
}


#submit {
background-color:#0068c4;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
border:1px solid #18ab29;
display:inline-block;
cursor:pointer;
color:#ffffff;
font-family:Arial;
font-size:17px;
padding:10px 25px;
text-decoration:none;
text-shadow:0px 1px 0px #2f6627;
} 
  
#submit:hover {
background-color: #3ba0bf; 
}

.commentlist .even .comment { 
background-color:#ccddf2; 
} 
.commentlist .odd .comment {
background-color:#CCCCCC;
}

/*------- Style vertical scrollbar-------*/

::-webkit-scrollbar {
    -webkit-appearance: none;
}
::-webkit-scrollbar {
  width: 15px;
}
 
::-webkit-scrollbar-track {
  background: #e0ece7; 
    border:1px solid #4b7c69;
}
 
::-webkit-scrollbar-thumb {
  background: #5199b4; 
    border:0px solid #4b7c69;
    height:60px;
    border-radius:8px;
}
 
::-webkit-scrollbar-thumb:hover {
  background: #7dbfd4; 
}

/*------- Adjust site title-------*/

@media only screen and (min-width: 981px) {
    .site-title {
        margin-top: -20px !important;
		margin-bottom: 20px !important;
   }
}

/*------- Adjust site title on narrow media-------*/

@media only screen and (max-width: 481px) {
    .site-title {
        margin-top: -50px !important;
   }
}

/*-------"Continue Reading" link-------*/

a.more-link {
   font-weight: 800 !important;	
	font-style: italic !important;
	padding-left: 20px !important;
}

/*-------Remove Date and author meta

.single .site-main > article > .entry-footer .posted-on, .single .site-main > article > .entry-footer .byline {
    display: none !important;
}

.archive .entry-footer .posted-on, .search .entry-footer .posted-on, .blog .entry-footer .posted-on {
    display: none !important;
}
-------*/

/*-------Footer adjustments-------*/

.single .site-main > article > .entry-footer {
    margin-top: calc(3.4 * var(--global--spacing-vertical));
    margin-bottom: calc(3.4 * var(--global--spacing-vertical));
    padding-bottom: 0;
    padding-top: calc(0.8 * var(--global--spacing-vertical));
    border-top: 1px solid var(--separator--border-color);
    border-bottom: var(--separator--height) solid transparent;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: calc(2 * var(--global--spacing-horizontal));
}

/*-------Link and link adjustments-------*/

.widget-area .widget a, .widget-area a:link, .widget-area a:visited, .widget-area a:active, .site-footer > .site-info a:link, .site-footer > .site-info a:visited, .site-footer > .site-info a:active {
    color: #0068c4 !important;
}

a:link, a:visited, a:active, a:hover {
	background-color: transparent !important;
}

.widget-area .widget a:hover, .widget-area a:hover, .site-footer > .site-info a:hover, .site-title a:hover {
    color: #297086 !important;
}

/* ------------ Simple Light Box ----------------*/

.slb_viewer_overlay {
	background-color: #B1A0AE !important;
}

#slb_viewer_wrap .slb_theme_slb_black .slb_container {
	background-color: #a0668d !important;
}

#slb_viewer_wrap .slb_theme_slb_black .slb_data_title {
	color: #ffffff !important;
}

#slb_viewer_wrap .slb_theme_slb_black .slb_data_desc {
	color: #ffffff !important;
	padding-bottom: 2em !important;
}

#slb_viewer_wrap .slb_theme_slb_black .slb_group_status {
	color: #ffffff !important;
}