/* Enter Your Custom CSS Here */




/* Make 'Question Bank' menu item shown as selected on the main page
and remove the top highlight but adds background colour in mobile view */

.home .menu-item-1243 a {
	border-top-color: #3A3A3A;
}

.home .main-navigation.toggled .menu-item-1243 a {
	border-top-color: transparent;
}

.home .main-navigation.toggled .menu-item-1243 a {
	background: rgba(58, 58, 58, 0.1);
}


/* Make 'Renew Membership' menu item unclickable and unhoverable
only on renew Membership page */

.page-id-1322 .menu-item-1324 a:hover {
	color: #000;
	cursor: default;
}


/* same for Group Membership page */

.page-id-1217 .menu-item-1295 a:hover {
	color: #000;
	cursor: default;
}


/* same for Join Up Again Menu item on Old Member page */

.page-id-1468 .menu-item-1470 a:hover {
	color: #000;
	cursor: default;
}

H3 {
	margin-bottom: 5px;
	margin-top: 0px !important;
	padding-top: 0px !important;
}

B,
STRONG {
	font-weight: bold;
	color: rgba(178, 6, 6, 0.940);
}


/* change colour of the sidebar, justify text and add rounded corners */

.widget-area .sidebar-primary .widget {
	background-color: #117BB8;
	/* text-align: justify; */
	border-radius: 4px;
	/* border-color: #4b6d96; */
	/* border-style: solid; */
	/* border-width: 1px; */
}


/* border radius on post thumbnails */

.grid article .post-thumbnail {
	border-radius: 4px;
}


/* add space before site header */

.site-header {
	margin-top: 25px !important;
}


/* add space before and after the main navigation */

.main-navigation {
	margin-top: 20px !important;
	margin-bottom: 25px !important;
}


/* remove entry title, author and date on posts */


/* removed .related-content from this code as it seems extra */

#main article>footer,
.single #main>article .entry-title,
.entry-date.published {
	display: none;
}


/* remove page titles and spacing from single pages (not posts) */


/*
.entry-title, .page-title {
	margin-bottom: 0px;
	display: none;
}
*/

.page header.entry-header {
	display: none;
}


/* change spacing on footer */

#colophon {
	margin-top: 10px !important;
	margin-bottom: 20px !important;
	font-size: 12px;
	line-height: normal !important;
	text-align: justify;
}


/* change spacing on related content */

.related-content .related-content-title {
	/* font-size: 16px; */
	margin-bottom: 10px !important;
	margin-top: 45px !important;
	color: black !important;
}

.related-content article .post-thumbnail {
	border-radius: 4px;
}


/* remove margins before and after post title */

.entry-content h2 {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	padding: 0;
	color: #117BB8;
}


/* insert logo before site title */

.jtsitelogo>div {
	display: inline-block;
	vertical-align: middle;
}

.jtlogoimg {
	display: inline-block !important;
}

.jtlogocontent {
	display: inline-block !important;
}


/* hide site title */

#masthead.site-header .site-title {
	display: none;
}


/* change size of header logo */

@media screen {
	.jtlogoimg img {
		max-width: 260px;
	}
}

@media screen and (max-width: 992px) {
	.jtlogoimg img {
		max-width: 220px;
	}
}

@media screen and (max-width: 479px) {
	.jtlogoimg img {
		max-width: 180px;
	}
}

FIGCAPTION {
	font-weight: 600;
	/*border: 1px solid rgba(0, 0, 0, 0.754);*/
	padding: 10px !important;
	background-color: rgba(235, 239, 241, 0.754);
	margin-bottom: 50px;
	/*text-align: center;*/
	/*text-transform: uppercase;*/
	font-style: normal;
	/*+border-radius: 4px !important;*/
	-moz-border-radius: 4px !important;
	-webkit-border-radius: 4px !important;
	-khtml-border-radius: 4px !important;
	border-radius: 4px !important;
}


/* Style Forgot Password text in RCP */

p.rcp_lost_password {
	text-align: right;
	font-size: small;
	margin-top: -10px !important;
	max-width: 400px;
}


/* remove underline on forgot password link */

.rcp_lost_password a {
	text-decoration: none;
}


/* Restrict max width of forms on login page to 400px*/

.page-id-916 input[type="text"],
.page-id-916 input[type="password"],
.page-id-916 input[type="email"],
.page-id-916 input[type="url"],
.page-id-916 input[type="search"] {
	max-width: 400px !important;
}


/* style form inputs */

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
	border: 1.5px solid #E3E4E4 !important;
	border-radius: 3px;
	font-size: 16px;
	display: block;
	width: 100%;
	/* min-width: 280px !important; */
	max-width: 600px;
	margin: 0;
	padding: 0.95rem;
	height: 2.8em !important;
}


/* style the TextArea for ADI Group Descriptions slightly taller */

textarea {
	border: 1.5px solid #E3E4E4 !important;
	border-radius: 3px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif;
  	font-size: small;   
	display: block;
	width: 100%;
	/* min-width: 280px !important; */
	max-width: 600px;
	margin: 0;
	padding: 0.95rem;
	height: 4.8em !important;
}


/*style button on single register pages page */

body.page-id-840 #pp_submit,
body.page-id-940 #rcp_submit,
body.page-id-1015 #rcp_submit,
body.page-id-1017 #rcp_submit,
body.page-id-1044 #rcp_submit,
body.page-id-1046 #rcp_submit,
body.page-id-1048 #rcp_submit,
body.page-id-1289 #rcp_submit,
body.page-id-1291 #rcp_submit {
	background-color: #FB0;
	font-size: 22px;
	text-shadow: 0px 2px 1px rgba(255, 225, 189, 0.82);
	min-width: 270px;
	width: 100%;
	max-width: 600px;
	margin-top: 25px;
	margin-bottom: 20px;
	border-radius: 5px;
	border-top: 1px solid #F90;
	border-bottom: 3px solid #F90;
	border-right: 1px solid #F90;
	border-left: 1px solid #F90;
	box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.75);
	color: #6B4000;
	font-weight: 600;
}

body.page-id-840 #pp_submit:hover,
body.page-id-940 #rcp_submit:hover,
body.page-id-1015 #rcp_submit:hover,
body.page-id-1017 #rcp_submit:hover,
body.page-id-1044 #rcp_submit:hover,
body.page-id-1046 #rcp_submit:hover,
body.page-id-1048 #rcp_submit:hover,
body.page-id-1289 #rcp_submit:hover,
body.page-id-1291 #rcp_submit:hover {
	background-color: #FFDB77;
}


/* Simpler flat style

body.page-id-940 #rcp_submit
{
	background-color: #FB0;
	font-size: 22px;
	width: 280px;
	margin-top: 30px;
	color: black;
}

*/


/* remove padding from individual page registration form */

#rcp_registration_form {
	padding: 0px !important;
}


/* set max width on payment table in registration page to same as input fields */

body.page-id-940 TABLE.rcp_registration_total_details,
body.page-id-1015 TABLE.rcp_registration_total_details,
body.page-id-1017 TABLE.rcp_registration_total_details,
body.page-id-1044 TABLE.rcp_registration_total_details,
body.page-id-1046 TABLE.rcp_registration_total_details,
body.page-id-1048 TABLE.rcp_registration_total_details,
body.page-id-1289 TABLE.rcp_registration_total_details,
body.page-id-1291 TABLE.rcp_registration_total_details {
	max-width: 600px;
}


/* set max width on form labels in registration page to same as input fields */

body.page-id-940 .rcp_form label,
body.page-id-1015 .rcp_form label,
body.page-id-1017 .rcp_form label,
body.page-id-1044 .rcp_form label,
body.page-id-1046 .rcp_form label,
body.page-id-1048 .rcp_form label,
body.page-id-1289 .rcp_form label,
body.page-id-1291 .rcp_form label {
	max-width: 600px;
}


/* set max width on description to be same as input fields */

body.page-id-940 .rcp_form p,
body.page-id-1015 .rcp_form p,
body.page-id-1017 .rcp_form p,
body.page-id-1044 .rcp_form p,
body.page-id-1046 .rcp_form p,
body.page-id-1048 .rcp_form p,
body.page-id-1289 .rcp_form p,
body.page-id-1291 .rcp_form p {
	max-width: 600px;
}


/* hide autorenew checkbox,
because we want it hidden on consumer levels,
but autoactivated and hidden on ADI levels.
We have added a plugin to support this 
*/
.rcp_form #rcp_auto_renew_wrap_1 {
	display: none !important;
}



/* hide "total today" row from single registration forms, but leaves it on group membership forms.
body.page-id-940 table tr.rcp-total,
body.page-id-1015 table tr.rcp-total,
body.page-id-1017 table tr.rcp-total,
body.page-id-1289 table tr.rcp-total,
body.page-id-1291 table tr.rcp-total
{
   display : none;
}
*/


/* hide "total today" row on Silver-discount and Gold-discount pages
body.page-id-1289 table tr.rcp-total,
body.page-id-1291 table tr.rcp-total
{
   display : none;
}
*/


/* hide discount area on main signup pages */

body.page-id-940 .rcp_discounts_fieldset,
body.page-id-1015 .rcp_discounts_fieldset,
body.page-id-1017 .rcp_discounts_fieldset,
body.page-id-1044 .rcp_discounts_fieldset,
body.page-id-1046 .rcp_discounts_fieldset,
body.page-id-1048 .rcp_discounts_fieldset,
body.page-id-1289 .rcp_discounts_fieldset,
body.page-id-1291 .rcp_discounts_fieldset {
	display: none !important;
}



/* hide final summary that comes before the payment button, on main signup pages 

body.page-id-940 .rcp_level_details_fieldset,
body.page-id-1015 .rcp_level_details_fieldset,
body.page-id-1017 .rcp_level_details_fieldset,
body.page-id-1044 .rcp_level_details_fieldset,
body.page-id-1046 .rcp_level_details_fieldset,
body.page-id-1048 .rcp_level_details_fieldset,
body.page-id-1289 .rcp_level_details_fieldset,
body.page-id-1291 .rcp_level_details_fieldset {
	display: none !important;
}

*/

/* Style Card Expiry Date field  */

.rcp_card_exp_month {
/*	background-clip: padding-box; */
    background-color: white;
	width: 90px;
	/* max-width: 300px; */
	padding-left: 3px;
	font-size: 16px;
	border: 1.5px solid #E3E4E4;
	border-radius: 3px;
	height: 2.8em !important;
}

.rcp_card_exp_year {
/*	background-clip: padding-box; */
	background-color: white;
    width: 90px;
	/* max-width: 150px; */
	padding-left: 3px;
	font-size: 16px;
	border: 1.5px solid #E3E4E4;
	border-radius: 3px;
	height: 2.8em !important;
}


/* hide name chooser dropdown in edit profile section */

#rcp_profile_display_name_wrap {
	display: none !important;
}


/* set max width of password change notice */

p.rcp_success {
	max-width: 600px;
}


/* hide name fields on Invited Password Change page */


/* also hide labels for name change and password change */

body.page-id-1388 #rcp_profile_first_name_wrap,
body.page-id-1388 #rcp_profile_last_name_wrap,
body.page-id-1388 #rcp_profile_editor_form>fieldset:nth-child(1)>legend:nth-child(1),
body.page-id-1388 #rcp_profile_editor_form>fieldset:nth-child(1)>legend:nth-child(6),
body.page-id-1388 #rcp_profile_editor_form>fieldset:nth-child(1)>legend:nth-child(2),
body.page-id-1388 #rcp_profile_editor_form>fieldset:nth-child(1)>legend:nth-child(7) {
	display: none !important;
}


/* hide logout notice on Invited Password Change page */

body.page-id-1388 .rcp_password_change_notice {
	display: none !important;
}


/* hide tickbox and label about not sending invite email */
/* By doing this, we force every user to be invited, not auto-added */
/* becasue the distinction is confusing to me. I need to think about this */
#rcpga-group-member-disable-invite-wrap
{
  display: none !important;
}

#rcpga-group-member-import-disable-invite_wrap
{
  display: none !important;
}


/* restrict width of error messages on Login Page */

body.page-id-916 .rcp_message {
	max-width: 400px !important;
}


/* Make external arrow link bigger and remove underline*/




/* remove category title */
.page-description {
  display: none !important;
}

/* remove username from registration fields */
.rcp_form #rcp_user_login_wrap {
  display: none !important;
}


/* remove iOS roundedness */

textarea,
input[type="text"],
input[type="password"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

/* Padding for secure widget in mobile view */

#secure_widget {
    padding: 24px 24px;
  margin-top: 10px;
  width: 100%;
}

#guarantee_widget {
    padding: 24px 24px;
  margin-top: 10px;
  width: 100%;
}


/* radio buttons */

.rcp_gateway_fields .rcp_gateways_fieldset {
max-width:600px;
     -webkit-tap-highlight-color: rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;
}


.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways input[type="radio"] {
display: none;
}

.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways label {
position: relative;
margin-top: 15px;
display: inline-block;
/* margin-right: 50px; */
}


.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways label:before {
width: 30px;
height: 30px;
border: 1px solid #aaa;
border-radius: 100%;
box-shadow: 0 2px 5px rgba(100, 100, 100, 0.3) inset, 0 0 0 rgba(145, 178, 211, 0.8);
content: "";
display: inline-block;
position: relative;
/* left: -7px; */
margin-right: 5px;
/* margin-left: 15px; */
vertical-align: middle;
/* margin-top: -4px; */
  bottom: 2px;
background-color: #fff;
}

.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways input[type="radio"] + label:after {
background-color: #3cb371;
width: 20px;
height: 20px;
border-radius: 100%;
content: "";
position: absolute;
top: 3px;
left: 5px;
transform: scale(0);
transition: transform 0.2s cubic-bezier(0.8, 0.1, 0.2, 1.5);
}

.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways input[type="radio"]:checked + label:before {
background-color: rgba(60, 179, 113, 0.15);
box-shadow: none;
}
.rcp_gateway_fields .rcp_gateways_fieldset #rcp_payment_gateways input[type="radio"]:checked + label:after {
transform: scale(0.8);
}

.rcp_form .rcp_gateway_option_label {
	margin-right: 0px !important;
}


/* set max width on PayPal express confirmation table */

body.page-id-840 #order_summary,
body.page-id-840 #billing_info {
	max-width: 600px;
}


/* remove affiliate email notifications checkbox */

.affwp-send-notifications-wrap {
	display: none !important;
}