/*
Theme Name: Humanists UK (Bootstrap 4)
Theme URI: https://humanism.org.uk
Author: Andrew West
Version: 6.0

*/

/* -----------Colours ------------ */
/* Other colours are defined in customizer */

.header nav {
    width: 100%;
}

.footer {
    background-color: #e9f1fa;
    color:black;
    font-weight: 500;
    font-size: 0.8rem;
}

.footer a, .footer a:visited, .footer a:active, .footer a:hover {
    color: black;
}

#headerSocial img, #headerLogin img, .fpSearchBar img, #footerSocial img {
    height: 25px;
}

.hukHeaderMenu a, .hukHeaderMenu a:visited .hukHeaderMenu a:active {
    color: black;
    font-weight: 500;
    font-size: 0.9rem;
}

.fpSearchBar a, .fpSearchBar a:hover, .fpSearchBar a:visited .fpSearchBar a:active {
    color: white;
    font-weight: 500;
    font-size: 0.9rem;
    text-transform: uppercase;
}

.fpSearchBar {
    background-color: #00c7b1;
    color: white;
}

.frontPageContainer #s, .fpSearchBar #s, .footerSearch #s {
    background-color: #00c7b1;
    border-bottom: 2px solid white;
    border-top: none;
    border-right: none;
    border-left: none;
    border-radius: 0;
    color: white;
    width: inherit;
    text-align: center;
    padding-bottom: 0.25rem;
}

.loggedInText {
    font-size: 0.9rem;
    font-weight: 700;
}

.orange {
    color: #e87722;
}

.yellow {
    color: #ffcc33;
}

.green {
    color: #00c7b1;
}

.blue {
    color: #4c4184;
}

.purple {
    color: #702f8a;
}

.orangeBackground {
    background-color: #e87722;
}

.yellowBackground {
    background-color: #ffcc33;
    color: #4c4184 !important;
}

.greenBackground {
    background-color: #00c7b1;
}

.blueBackground {
    background-color: #4c4184;
    color: white;
}

.purpleBackground {
    background-color: #702f8a;
    color: white;
}

.purpleBackground a, .purpleBackground a:hover, .purpleBackground a:active, .purpleBackground a:visited {
    color: white;
}

.blueBackground a, .blueBackground a:hover, .blueBackground a:active, .blueBackground a:visited {
    color: white;
}

h1 {
    color: #702f8a;
    /* text-transform: uppercase; */
    font-weight: 700;
}

h2 {
    font-weight: 600;
}

.h1news {
    color:black;
    text-transform: none;
}

.fpBox {
    color: white;
    padding: 1rem;
}

.fpTitle {
    font-size: 1.2rem;
    text-transform: uppercase;
    border-top: 4px solid;
    border-bottom: 4px solid;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.fpTitleShadow {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}

.hukDisplay1 {
    font-size: 1.5rem;
    text-transform: uppercase;
    border-top: 4px solid;
    border-bottom: 4px solid;
    padding-left: 2rem;
    padding-right: 2rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
    line-height: 1.7rem;
    font-weight: 700;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.fpIntro1 {
    font-size: 1rem;
    font-weight: 500;
}

.fpIntro2 {
    font-size: 0.9rem;
}

.hukHeaderMenu>li>a:first-of-type {
    padding-left: 0 !important;
}


.fpCampaigns, .fpBoxPhoto {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 340px;
}

.fpNewsTitle {
    font-size: 1.23rem; /* if it's 1.2 then exclamation marks become ls */
    font-weight: 500;
}

.aligncenter {
    text-align:center;
}

.hukHeaderMenu .dropdown-menu a {
    font-weight: 400 !important;
}
/*override carousel caption placement */
.frontPageContainer .carousel-caption {
    right: 27.4% !important;
    left: auto !important;
}

.frontPageContainer .carousel-indicators {
    margin-left: 38% !important;
    margin-right: auto !important;
}

button, input, optgroup, select, textarea {
    font-family: Rubik, sans-serif;
}

/* ----------- Main Content ------------ */

body {
    word-wrap: break-word;
}

iframe {
    display: block; /* fix for extra padding on front page iframe video */
    width: 100%;
}

.mainContent .alignright {
    margin: 0 0rem 1rem 1rem;
}

.mainContent .alignleft {
    margin: 0 1rem 1rem 0;
}

.mainContent .wp-caption p {
    margin-bottom: 0.5rem;
}

.mainContent .post_title {
    margin-top: 0.5rem;
    font-size: 2.5rem;
}

.mainContent .post_title_black {
    margin-top: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600 !important;
    text-transform:none;
}

.post_title_news_page {
    text-transform:none;
    color:black;
    font-weight: 600;
}

.mainContent blockquote {
    font-size: 1rem;
    padding-left: 2rem;
    border-left: none;
}

.mainContent .breadcrumbs {
    font-size: 0.8rem;
    border-bottom: 1px solid #e7e7e7;
    margin: 0.5rem 0 0 0;
    color: #555;
}

.mainContent ul li, .mainContent ul li ul li {
    padding-bottom: 0.5rem;
}

.mainContent ul li:last-child, .mainContent ul li ul li:last-child {
    padding-bottom: 0;
}

.post_content a:not(.btn), .post_content a:active {
     border-bottom: 1px solid rgba(76, 65, 132, .2);
}

/* not for images */
.post-content a:has(img), .post_content a:has(img):active, .post_content a:has(img):hover {
    border-bottom: none !important;
}

.post_content table a:not(.btn), .post_content a:active {
    border-bottom: 1px solid rgba(76, 65, 132, .2);
}

.post_content a:hover:not(.btn) {
    border-bottom: 1px solid rgba(76, 65, 132, .7);
    text-decoration:none;
}

/* hack hack hack */
.accredStatusTable a, accredStatusTable a:visited, accredStatusTable a:active, accredStatusTable a {
    border-bottom: 1px solid rgba(76, 65, 132, .2) !important;
}

.accredStatusTable a:hover {
    border-bottom: 1px solid rgba(76, 65, 132, .7) !important;
    text-decoration:none !important;
}

.post_content #bbpress-forums a, .post_content #bbpress-forums a:visited, .post_content #bbpress-forums a:active, .post_content #bbpress-forums a {
    border-bottom: none !important;
}

.post_content .table a, .post_content .table a:visited, .post_content .table a:active, .post_content .table a {
    border-bottom: none;
}

.mainContent .alignnone {
    padding-bottom: 1rem;
}

h4.post_date {
    font-size: 1rem;
    margin-bottom: 1rem;
}

/*img-fluid seems to break in tables*/
/*td img {*/
    /*max-width: none !important;*/
/*}*/

.table td img {
    max-width:100%;
    height:auto;
}

/*@media (min-width: 768px) {  RESTRICTION TO DESKTOP REMOVED AT REQUEST OF MMO 03/06/2019 */
    .post_content {
        margin-top: 1rem;;
    }
/*}*/

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

/* --------------- sidebars --------------- */
.sidebar {
    margin-bottom: 0.5rem;
    margin-top: 1rem;
    padding-right: 0;
    font-size: 0.9rem;
}

.sidebarBlock {
    padding-bottom: 1rem;
}

.sidebarEqualityTitle {
    text-align: center;
    font-size: 1.2rem;
    text-transform: uppercase;
    border-top: 3px solid;
    border-bottom: 3px solid;
    padding-left: 0rem;
    padding-right: 0rem;
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.sidebar ul {
    list-style-type: none;
    padding-left: 0;
}

.sidebar  ul.children {
    padding-left: 1rem;
    font-weight: normal;
}

.sidebar ul .current_page_item {
    font-weight: bold;
}

.sidebar .menu-bha-menu-2016-container ul {
    list-style-image: url(https://cdn.humanists.uk/wp-content/themes/humanistsuk/images/diagDownArrowInverted.png);
    padding-left: 1.2rem;
    margin-bottom: 0;
}

.sidebar .sidebarNavParentLink ul {
    list-style-image: url(https://cdn.humanists.uk/wp-content/themes/humanistsuk/images/diagUpArrowInverted.png);
    padding-left: 1.2rem;
    margin-bottom: 0;
    padding-top: 0.5rem;
}

.sidebar h2 {
    font-size: 1rem;
    font-weight: bold;
}

.sidebarSignup a, .sidebarSignup a:visited, sidebarSignup a:active, sidebarSignup a:hover {
    color: white;
}

.mainContent .wp-caption-text {
    font-size: 0.8rem;
}

.sideBarNav a, .sideBarNav a:visited, .sideBarNav a:active, .sideBarNav a:hover {
    color: inherit;
}

.sideBarNavContent {
    font-size: 0.9rem;
    padding-top: 0.9375rem;
    padding-bottom: 0.9375rem;
}

.sideBarNav .sub-menu {
    display: none; /*stupid*/
}

.sidebarNavArrow {
    padding-right: 0.2rem;
}

.sidebarCampaignsHeading {
    padding-bottom: 0.5rem;
}

.sidebarCampaignsHeading a, .sidebarCampaignsHeading a:hover, .sidebarCampaignsHeading a:active, .sidebarCampaignsHeading a:visited {
    color: inherit;
}

.sidebarCampaignsText {
    padding-bottom: 1rem;
}

.collapseomatic {
    display: block;
    background-position: 0px 4px;
}

/* ----------- Specific pages -------------- */
.localGroupIndividual {
    padding: 0.5rem;
}

.localGroupIndividual h3 {
    background-color: white !important;
    font-size: 1.2rem !important;
    padding: 0 !important;
    margin: 0 0 0.5rem 0 !important;
}

.fpSmallloginBlock .dropdown-item, .fpSmallloginBlock .dropdown-item:hover {
    color: inherit !important;
}

#headerLogin {
    border-bottom: 2px solid white;
}

.header #searchform, .header #loginform {
    margin-bottom: 0.4rem;
}

.header #searchsubmit {
    width: 39px;
}

.header #headerLoginMenu {
    min-width: 15rem;
}

.fpXSOnlyBlock {
    padding-bottom: 1rem;
}

.fpXSOnlyBlock .widget a {
    color: white !important; /* hack - rework this */
}

.fpXSOnlyBlock .dropdown-item:focus, .fpXSOnlyBlock .dropdown-item:hover {
    background-color: inherit;
}

/* --------------- off-canvas menu --------------- */

#offCanvasWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

#offCanvasCanvas {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
}

#offCanvasMenu {
    width: 200px;
    height: 100%;
    position: absolute;
    top: 0;
    right: -200px;
    padding: 15px;
    color: white;
    background-color: #00c7b1;
}

#offCanvasMenu a, #offCanvasMenu a:active, #offCanvasMenu a:visited {
    color: white;
}

.show-nav #offCanvasCanvas {
    -webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}

#headerButtons .toggle-nav {
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}

#offCanvasMenu .sub-menu {
    display: none; /* can't decide if this is clever or stupid */
}

#offCanvasMenu .menu {
    list-style-type: none;
    padding-left: 0px;
}

#offCanvasMenu ul > li {
    padding-bottom: 0.25rem;
}

#offCanvasMenu .offCanvasBHAMenu {
    height: auto;
    white-space: normal;
    overflow: visible;
}

#offCanvasMenu .offCanvasSmallLinks {
    display: block;
    font-size: 10px;
    text-align: center;
    margin-bottom: 2rem;

}

#offCanvasMenu .offCanvasSmallLinks a {
    padding-right: 2rem;
}

.offCanvasMenuExtraLinks {
    padding-top: 0.25rem;
    border-top: 2px solid white;
}

.offCanvasMenuExtraLinks p {
    margin-bottom: 0.25rem;
}

#offCanvasBHAMenu {
    margin-bottom: 0;
}

/* Celebrant Area */

dl.attachments-large, dl.attachments-medium, dl.attachments-small {
    border: none !important;
    padding: 2px !important;
}

/*bbPress overrides*/
img.avatar-14 {
    border: none !important;
    margin-bottom: 0 !important;
}

#bbpress-forums div.bbp-forum-content, #bbpress-forums div.bbp-reply-content, #bbpress-forums div.bbp-topic-content {
    line-height: 1.3rem !important;
}

div.bbp-template-notice li, div.bbp-template-notice p {
    font-size: 14px !important;
}

#bbpress-forums blockquote {
    font-size: inherit !important;
}

#bbpress-forums .bbp-forum-info .bbp-forum-content, #bbpress-forums p.bbp-topic-meta {
    font-size: 13px !important;
}

#bbpress-forums {
    font-size: 14px !important;
}

/*extra padding for non-front-pages on xs */
@media (max-width: 767px) {
    .mainContentWrapper {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
}

/* Join Page */
.memImages {
    padding-bottom: 1rem;
}

.nav-tabs .nav-item {
    padding-bottom: 0;
}

#joinFormTabs .tab-pane {
    padding-top: 1rem;
}

#helprow-custom_98 div.content {
    padding-top: 1rem;
}

#memDescriptor {
    clear: both;
}

#joinFormTabs nav {
    clear: both;
}

#payPalSection {
    border: 1px solid #bbb;
    padding: 1rem;
    margin-bottom: 1rem;
}

.mainContent iframe {
    /*padding-bottom: 1rem;*/
}

.newsSearch {
    padding-top: 1rem;
}

/* page-specific tweaks */
.crm-event-id-230 .event_fees-section {
    display: none;
}

/* tweak to cart 66 checkout styling */

#continueShopping a, #checkoutShopping a, #emptyCartMsg a.Cart66ButtonSecondary {
    color: white !important;
}

/* limit width of images in news posts to 50%
hard to target images specifically as they get wrapped in divs by captions, and then different rules apply, so just use alignright/left for now */

.mainContentPost .alignright, .mainContentPost .alignleft {
    max-width: 50% !important;
}

/* ensure images that are aligned center do not exceed 100% */
.mainContentPost .aligncenter {
    max-width: 100% !important;
}

/*.mainContentPost .wp-caption-text {*/
    /*max-width: inherit;*/
/*}*/

    /* join page 2017 */
.row.equal-height {
    display: flex;
    flex-wrap: wrap;
}

.row.equal-height > [class*='col-'] {
    display: flex;
    /*flex-direction: column;*/
}

.equal-height .card {
    flex: 1;
}

/* fix for IE 10/11 not calculating heights of flexed images correctly. Needed because of above equal-height bootstrap hack - hopefully we can remove this later */
.equal-height .card .card-img-top {
    flex: none;
}

/*fix for bootstrap buttons not wrapping text */
.btn {
    white-space: normal;
}

#oa_social_link {
    font-size: 1rem;
}

/*overrides for oneall login */
.providers_block .providers_row .provider #button_facebook, .providers_block .providers_row .provider #button_google, .providers_block .providers_row .provider #button_youtube {
    width: 100% !important;
}

.providers_unpaginated {
    width: 100%;
}

/* fix for Profile Editor table nonsense */
table {
    border-collapse: collapse !important;
}

/* fix for groups map logos */
#Localgrpmap .card-img-top {
	width:auto;
}

.status .msg-title {
    display: block;
    font-weight: bold;
}

/* fix for colours on closed forum items */

#bbpress-forums .status-closed, #bbpress-forums .status-closed a {
    color: initial !important;
}

.handpointer {
    cursor: pointer;
}

/* To make woocommerce checkout page display correctly (deals with incompatibility between Bootstrap 4 and WooCommerce styles).
See https://github.com/woocommerce/woocommerce/issues/15793 */

.woocommerce-billing-fields .form-row, .woocommerce-shipping-fields .form-row,.woocommerce form .form-row {
display: block;
}

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
max-width: unset;
}

/*----- Start of PL style - 2019 05 07 MMO -----*/

label.PL-label:hover {
    background-color: #702f8a !important;
}

input[type="radio"]:checked + label.PL-label{
    background-color: #FFCC33 !important;
}

@media (min-width: 576px) {
    .PL-hide {
        display: none !important;
    }
}

@media (min-width: 576px) {
    .PL-hide-min {
        display: none !important;
    }
}

/*----- End of PL style - 2019 05 07 MMO -----*/

/* Fix for horizontal bar on Mailing Approvals Recipient list */

#checkMailing div.panel-body:before {
	height: 0;
}

/* Supporter Survey */
.formRangeRow td {
    border-top: none !important;
    padding: 0.1rem !important;
}

#bbpress-forums ul.bbp-forums, #bbpress-forums ul.bbp-lead-topic, #bbpress-forums ul.bbp-replies, #bbpress-forums ul.bbp-search-results, #bbpress-forums ul.bbp-topics {
    font-size: 0.9rem !important;
    line-height: inherit !important;
}

.card-body {
    overflow-x: auto;
}

/* Fix for Internet Explorer displaying the news page images incorrectly */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .newsTeaser img {
      width: 100%;
   }
}

/* Additional woocommerce styling */

.woocommerce-loop-category__title {
	color:black;
	font-size:17px;
	font-weight:bold;
	display:inline-block;
	font-family:"Rubik Medium",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
}

.products img {
	height:250px;
	width:250px !important;
	margin-right:10px;
    display: inline !important;
}

.products h2 {
	vertical-align:bottom;
}

mark.count {
	display:none;
}

li.product-category a {
	position:relative;
}

.product_background_square {
		height:230px;
		width:230px;
		border: 5px solid #ffcc33;
		position: absolute;
		top:10px;
		left:10px;
}

product_image_div {
	position:absolute;
	top:0;
	left:0;
}

.product-category a:hover {
    text-decoration: none;
}

.term-description {
    padding:40px;
    padding-left:85px;
    padding-right:85px;
    font-size:20px;
}

.woocommerce form.woocommerce-ordering {
    margin-left:40px;
}

.woocommerce-pagination {
    margin-left:auto;
    font-size: 20px;
}

.woocommerce-pagination ul li {
    display:inline-block;
    margin-left:6px;
}

.product {
	margin-top:40px;
}

/* temp fixes for strategy page till new website */

.humanistsuk_block_action .bg-humanistsuk-web-background {
    --bs-bg-opacity: 1;
    background-color: rgba(248,248,248, 1) !important;
}

.humanistsuk_block_action .p-5 {
    padding: 7rem !important;
}

.fs-2 {
    font-size: 2rem !important;
}

.fw-bold {
    font-weight: 700 !important;
}

.has-humanistsuk-green-color {
    color: #00c7b1;
}

.border-5 {
    border-width: 5px !important;
}

.humanistsuk_block_campaigns {
    background-repeat: no-repeat;
    background-size: cover;
}

.fs-1 {
    font-size: 2.5rem !important;
}

.ps-0 {
    padding-left: 0px;
}

.pe-0 {
    padding-right: 0px;
}

.ms-0 {
    margin-left: 0px;
}

.me-0 {
    margin-right: 0px;
}

.container.mainContentWrapper.pg-114193 {
    font-size: 1.27rem;
    font-weight: 300;
}

.pg-114193 .centeredImage img {
    height: auto;
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin-left: 50%;
    transform: translateX(-50%);
}

.pg-114193 h5, .pg-114193 .h5 {
    font-size: 1.56rem;
}

.pg-114193 .fs-4 {
    font-size: 1.4rem;
}

/**
Temp - brought over from new site
 */

.centeredImage img {
    height: auto;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    margin-left: 50%;
    transform: translateX(-50%)
}

.centeredImage250px img {
    height: auto;
    object-fit: cover;
    margin-left: 50%;
    transform: translateX(-50%)
}

@media(min-width: 768px) {
    .centeredImage250px img {
        height:125px;
        object-fit: cover;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 992px) {
    .centeredImage250px img {
        height:166.665px;
        object-fit: cover;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 1200px) {
    .centeredImage250px img {
        height:208.333325px;
        object-fit: cover;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

@media(min-width: 1600px) {
    .centeredImage250px img {
        height:250px;
        object-fit: cover;
        margin-left: 50%;
        transform: translateX(-50%)
    }
}

.centeredImage250px {
    overflow: hidden
}

/**
Hide the ratings row in celebrant forum edit page
 */
.ratings-row {
    display:none;
}