/**
Theme Name: LAFS
Author: cubecolour
Author URI: https://cubecolour.uk
Description: The London Arts Facilitation Society. Child Theme for Astra.
Version: 1.1.12
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lafs
Template: astra
*/


/**
 * Brand Colours
 *
 */
:root {
  --lafs-blue:			#005ae1;
  --lafs-midblue:		#3f9fe7;
  --lafs-yellow:		#fedb01;
  --lafs-jukeyellow:	#fdc60b;
  --lafs-red:			#ee3f22;
  --lafs-darkred:		#761F11;
  --lafs-blackish:		#0d0d0d;
  --lafs-darkblue:		#004ab8;
}

/**
 * Remove outlines
 *
 */
.ast-primary-header-bar:hover,
.ast-above-header-bar:hover,
.ast-below-header-bar:hover,
.site-primary-footer-wrap.site-footer-focus-item:hover,
.site-above-footer-wrap.site-footer-focus-item:hover,
.site-below-footer-wrap.site-footer-focus-item:hover,
.customizer-item-block-preview:hover {
  outline: none;
}
/**
 * Header CTA button
 *
 */
.ast-header-button-1 .ast-custom-button-link {
	white-space: nowrap;
	overflow: visible;
}
/**
 * Unordered lists .entry-content ul.wp-block-list 
 *
 */
.wp-singular .site-content .entry-content ul.wp-block-list {
	margin-bottom: 1.5em;
}
.page-id-1794 h2.gform_title {
	display: none;
}
/**
 * Last updated shortcode
 *
 */
.lastupdated {
	font-weight: 700;
}
/**
 * elements to hide
 *
 */
.hidden {
	display: none;
}
/**
 * Gravity forms
 *
 */
body .gform_wrapper .gform_body .gform_fields .gsection {
	border-bottom: 0;
}
/**
 * Pricing table
 *
 */
.pricing {
	background-size: 200% 100%!important;
	background-position: left!important;
	transition: background-position 0.5s!important;
}
/* animated sheen effect */
.pricing:hover {
	background-position: right!important;
}

/* Bronze */
.pricing.bronze {
	background-image: linear-gradient(135deg, #7c4a00, #cd7f32, #7c4a00)!important;
	box-shadow: #7c4a00 0px 0px 0px 1px;
}
/* Silver */
.pricing.silver {
	background-image: linear-gradient(135deg, #aaa, #ddd, #aaa)!important;
	box-shadow: #aaa 0px 0px 0px 1px;
}
/* Gold */
.pricing.gold {
	background-image: linear-gradient(135deg, #b29600, #ffd700, #b29600)!important;
	box-shadow:
		#b29600 0px 0px 0px 1px,
		#ffd70099 0px 0px 10px 10px;
}

.tier-cost {
	font-size: 20px;
	font-weight: 600;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.8);
}

.tier-cost strong {
	font-size: 40px;
	font-weight: 800;
}

.coin, 
.coin figure {
	overflow: visible;
    position: relative;
    z-index: 10;
}

.coin figure img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border-radius: 50%;
    outline-offset: -6px;
    margin: 10% 15% 1%;
    width: 70%;
    pointer-events: none;
}

.bronze.coin figure:hover img,
.bronze.coin figure img {
    background-image: linear-gradient(135deg, #7c4a00, #cd7f32, #7c4a00);
    box-shadow: 0 0 0 4px #7c4a00, 0 0 0 5px #ffffff77, 4px 4px 15px 4px #000000aa;
    outline: 4px dotted #cd7f32;
}

.silver.coin figure:hover img,
.silver.coin figure img {
    background-image: linear-gradient(135deg, #aaa, #ddd, #aaa);
    box-shadow: 0 0 0 4px #aaa, 0 0 0 5px #ffffff77, 4px 4px 15px 4px #000000aa;
    outline: 4px dotted #ddd;
}

.gold.coin figure:hover img,
.gold.coin figure img {
    background-image: linear-gradient(135deg, #b29600, #ffd700, #b29600);
    box-shadow: 0 0 0 4px #b29600, 0 0 0 5px #ffffff77, 4px 4px 15px 4px #000000aa;
    outline: 4px dotted #ffd700;
}

/**
 * Projects archive page
 *
 */
/* 1. Turn the individual project container into a flex column */
#post-2310 article.uagb-post__inner-wrap,
.your-project-container-class {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#post-2310 .wp-block-button,
.your-button-class {
    margin-top: auto; 
    margin-bottom: 10px; 
}

/* Only apply equal heights and flex rules on screens larger than mobile */
@media (min-width: 768px) {
    .lafs-tier-card {
        display: flex !important;
        flex-direction: column;
        height: 100%;
    }

    .lafs-tier-card > *:last-child {
        margin-top: auto !important;
    }
}


/**
 * Link styled as a button
 *
 */
.wp-block-flexible-table-block-table table tfoot tr td a {
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	display: block;
	background-color: var(--lafs-red);
	color: white;
	padding: 8px 16px;
	margin: 20px 20px 0;
	text-decoration: none!important;
	text-transform: uppercase;
	font-weight: 700;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}
.wp-block-flexible-table-block-table table tfoot tr td a:hover {
	background-color: var(--lafs-darkred);
}

/**
 * Footer
 *
 */
#colophon > * {
	border: none;
}
.address {
	font-size: 14px;
}
.addresshead {
	font-weight: 800;
}
.cic {
	display: block;
	margin-top: 1em;
	font-size: 12px;
}
.devlink,
.devlink:hover {
	color: #fff;
}
/**
 * VS Event List archive
 *
 */
body #vsel .vsel-content {
  border: none;
}
/**
 * Events (single)
 *
 */
.single-event .entry-header {
	display: none;
}
.single-event .vsel-content {
	margin-top: 4em;
}
.single-event figure.wp-block-video {
	margin-top: 2em;
}
.single-event .post-navigation {
	margin-bottom: 2em;
}

/**
 * EmbedPlus for Youtube Video Page
 *
 */
.epyt-pagination {
	margin: 12px 0;
}
.epyt-pagination > div:not( .epyt-pagenumbers ) {
	color: #005ae1 !important;
	border: 1px solid #005ae1 !important;
	padding: 3px 12px !important;
}
.epyt-pagination > div:not( .epyt-pagenumbers ):hover {
	background-color: #005ae1 !important;
	color: #fff !important;
}
.epyt-pagenumbers {
	margin: 0 12px;
	background-color: #005ae1 !important;
	padding: 3px 12px !important;
}
.epyt-pagenumbers  >div {
	color: #fff !important;
}

/**
 * Social Icons
 *
 */
footer .footer-social-item span {
	display: inline-block;
	width: 36px;
	height: 36px;
	border-radius: 20px;
	padding: 6px;
}
footer .footer-social-item span:hover {
	background-color: #fff;
}
/* hide scroll to top in surecart dashboard */
.page-template-template-surecart-dashboard a.scrolltop.showscrolltop {
	display: none;
}
/* SureCart checkout */
:root:root {
	.form-control--has-label .form-control__label: #d0d0d0!important;
}

/**
 * Page/post password form
 *
 */
.entry-content .post-password-form,
.post-password-form {
    max-width: 400px;
    text-align: left;
    margin: 0 auto; 
}

/* Ensures the input field shrinks to fit inside the container */
.post-password-form input[type="password"] {
    max-width: 100%;
    box-sizing: border-box;
}
/* submit button */
.post-password-form input[type="submit"]{
	margin: 1rem 0 2rem;
}