/*
Theme Name:     Homotopia (Make Child)
Author:         Mark Jones
Author URI:     http://www.jones.mn
Template:       make
Version:        1.0
*/

@import url("../make/style.css");

/* colours



span.site-description { color: #585858; }
.home h1.entry-title, div.site-info { display: none !important; }

*/

button:not(.cky-btn), .ttfmake-button, input[type="button"], input[type="reset"], input[type="submit"], .site-main .gform_wrapper .gform_footer input.button { color: #ffffff !important; border-radius: 0; text-transform: uppercase; }

.container, .entry-header { max-width: 1200px !important; }
h1, h2, h3, h4 { line-height: 1.3 !important; }
h1 { font-size: 40px; font-size: 4rem; }
h2 { font-size: 30px; font-size: 3rem; }
h3 { font-size: 26px; font-size: 2.6rem; }
h4 { font-size: 20px; font-size: 2rem; }

.site-title a { font-size: clamp(2.4rem, 3.7vw, 4rem) !important; }

.header-bar { background-color: transparent !important; background-position: center; background-size: cover; background-repeat: no-repeat; border: 0; }
.header-bar .container { height: 0; }
.header-text { display: none; }
.header-social-links li a { padding-bottom: 0; }
.fa-twitter:before { content: '\e61b' !important; }

.home .header-bar .container,
.page-id-334 .header-bar .container,
.page-id-336 .header-bar .container,
.page-id-338 .header-bar .container,
.page-id-340 .header-bar .container,
.page-id-343 .header-bar .container,
.page-id-345 .header-bar .container,
.page-id-471 .header-bar .container,
.page-id-485 .header-bar .container,
.page-id-492 .header-bar .container,
.page-id-480 .header-bar .container,
.page-id-489 .header-bar .container,
.page-id-506 .header-bar .container
	{ padding-bottom: 12.5%; }

.home .header-text { display: block; background-color: #181818; padding: 0.5em; float: left; }

.page-id-334 .header-bar { background-image: url('images/festival-header.png'); }
.page-id-336 .header-bar { background-image: url('images/events-header.jpg'); }
.page-id-338 .header-bar { background-image: url('images/about-header.jpg'); }
.page-id-340 .header-bar { background-image: url('images/news-header.jpg'); }
.page-id-343 .header-bar { background-image: url('images/partner-with-us-header.jpg'); }
.page-id-345 .header-bar { background-image: url('images/support-us-header.jpg'); }
.page-id-471 .header-bar { background-image: url('images/homotopiapresents-header.png'); }
.page-id-485 .header-bar { background-image: url('images/queercore-header.png'); }
.page-id-492 .header-bar { background-image: url('images/queerthecity-header.jpg'); }
.page-id-480 .header-bar { background-image: url('images/younghomotopia-header.png'); }
.page-id-489 .header-bar { background-image: url('images/supportedby-header.png'); }
.page-id-506 .header-bar { background-image: url('images/staff-header.jpg'); }

.site-header-main { padding: 0; }
.site-header-main .container { display: flex; align-items: end; }
.site-header-main ul.menu { margin: 0; }
.site-header-main .inner-container { margin-left: auto; margin-bottom: 17px; }
.header-social-links a { font-weight: normal !important; }

.page-template-template-builder #site-content .container { max-width: 100% !important; }
.page-template-template-builder #site-content .container section { max-width: 1200px; margin: 0 auto; }
.page-template-template-builder #site-content .container section.builder-section-full-width { max-width: 98%; margin: 0 auto; }
/*
.page-template-template-builder #site-content .container section.builder-section-full-width h3.builder-text-section-title { max-width: 1200px; margin: 0 auto; }
*/

h1.entry-title { font-weight: 300; }

.home h3.builder-text-section-title { margin-bottom: 0; }
.builder-section-gallery .builder-section-content, .builder-section-text .builder-section-content, .builder-section-blank .builder-section-content { border-bottom: 2px black solid; max-width: none; }
.builder-section { margin-bottom: 0; }
.builder-text-section-title, .builder-gallery-section-title, .builder-banner-section-title { max-width: none; }
.builder-section-text { padding-bottom: 32px; padding-bottom: 3.2rem; }

section.content-centre .builder-text-content { text-align: center; }
section.no-border .builder-section-content { border-bottom: 0; }

.event-categories-festival .em-item-meta h3,
section.header-festival h2,
section.header-festival h3,
section.header-festival h4,
section.header-festival .builder-text-content p:first-child
	{ color: #ea515a !important; }

.event-categories-supported-by .em-item-meta h3,
section.header-supported-by h2,
section.header-supported-by h3,
section.header-supported-by h4,
section.header-supported-by .builder-text-content p:first-child
	{ color: #f69f00 !important; }

.event-categories-queercore .em-item-meta h3,
section.header-queercore h2,
section.header-queercore h3,
section.header-queercore h4,
section.header-queercore .builder-text-content p:first-child
	{ color: #0080ab !important; }

.event-categories-young-homotopia .em-item-meta h3,
section.header-young-homotopia h2,
section.header-young-homotopia h3,
section.header-young-homotopia h4,
section.header-young-homotopia .builder-text-content p:first-child
	{ color: #ca4492 !important; }

.event-categories-homotopia-presents .em-item-meta h3,
section.header-homotopia-presents h2,
section.header-homotopia-presents h3,
section.header-homotopia-presents h4,
section.header-homotopia-presents .builder-text-content p:first-child
	{ color: #005372 !important; }

section[class*="header-"] .builder-text-content h3+p,
section[class*="header-"] .builder-text-content p:first-child
	{ font-size: 1.2em; }

section.highlight-box .builder-text-column { padding: 2.2rem; background-color: #e5e5e5 !important; }
section.highlight-box .builder-text-row .builder-text-column { margin-bottom: 3.2rem; }

.coloured-boxes .builder-text-column { padding: 2.2rem; color: #fff !important; margin-bottom: 3.2rem; }
.coloured-boxes .builder-text-column-1, .coloured-boxes .builder-text-column-3 { background: url('/wp-content/uploads/2023/07/gradient-fill.png') center/cover no-repeat; }
.coloured-boxes .builder-text-column-2, .coloured-boxes .builder-text-column-4 { background: #173768; }
.coloured-boxes .builder-text-column button { background-color: #fff; color: #181818 !important; }

.gallery-columns-4 .gallery-item { margin: 1%; }

/* Content Views */
#pt-cv-view-caeb59edtg .cvp-post-type-event span.terms:before { content: 'Event / '; }
#pt-cv-view-caeb59edtg .cvp-post-type-post span.terms:before { content: 'News / '; }

.pt-cv-content-item .pt-cv-title a { font-size: clamp(2.4rem, 2.4vw, 3.6rem) !important; line-height: 1.1em !important; }

.pt-cv-wrapper h3 { line-height: 0.75 !important; }
.pt-cv-meta-fields,
.pt-cv-view .pt-cv-title,
.pt-cv-ctf-list,
.pt-cv-content
	{ margin: 0 10px 5px 10px; }
.pt-cv-custom-fields
	{ margin-top: 0; }
.pt-cv-wrapper .btn
	{ background-color: #ffffff !important; }

.cvp-term-category-general .pt-cv-ifield,
.cvp-live-filter.cvp-button input[type=radio]:checked~div
 { background-color: #181818; }
.cvp-term-event-categories-festival .pt-cv-ifield,
.cvp-term-category-festival .pt-cv-ifield,
.cvp-live-filter.cvp-button input[value=festival]:checked~div
 { background-color: #ea515a; }
.cvp-term-event-categories-queercore .pt-cv-ifield,
.cvp-term-category-queercore .pt-cv-ifield,
.cvp-live-filter.cvp-button input[value=queercore]:checked~div
 { background-color: #0080ab; }
.cvp-term-event-categories-young-homotopia .pt-cv-ifield,
.cvp-term-category-young-homotopia .pt-cv-ifield,
.cvp-live-filter.cvp-button input[value="young-homotopia"]:checked~div
 { background-color: #ca4492; }
.cvp-term-event-categories-homotopia-presents .pt-cv-ifield,
.cvp-term-category-homotopia-presents .pt-cv-ifield,
.cvp-live-filter.cvp-button input[value="homotopia-presents"]:checked~div
 { background-color: #005372; }
.cvp-term-event-categories-supported-by .pt-cv-ifield,
.cvp-term-category-supported-by .pt-cv-ifield,
.cvp-live-filter.cvp-button input[value=supported-by]:checked~div
 { background-color: #f69f00; }

.pt-cv-ctf-_event_start_date { font-weight: 700; }

/* Events */
.em.em-item.em-item-single .em-item-meta h3 { text-transform: none; color: #181818; }
.em.em-item.em-item-single .em-item-image { flex: 1 0 66%; order: 1; }
.em.em-item.em-item-single .em-item-meta { order: 2; }
.em.em-item.em-item-single>section.em-event-location,
.em.em-item.em-item-single>section.em-event-content
	{ width: 66%; }
.em-item-related .pt-cv-ifield { background: transparent !important; }
.em-item-meta-line.em-item-related .pt-cv-content-item .pt-cv-title a { font-size: 15px !important; font-style: normal !important; color: #181818 !important; }

/* tweak meta */
.em.em-item.em-item-single .em-item-meta { gap: 0; }
span.em-icon { display: none !important; }
.em.em-item .em-item-meta .em-item-meta-line, .em.em-list .em-item .em-item-meta .em-item-meta-line, .em.em-list-widget .em-item .em-item-meta .em-item-meta-line { display: block; margin-bottom: 0; }
.em.em-item.em-item-single .em-item-meta h3 { font-size: calc(var(--font-size) + 5px)!important }
.em.em-item.em-item-single .em-item-meta .button, .em.em-item.em-item-single .em-item-meta button { margin: 10px 0 !important; }
.em-event-categories { display: none; }
.em-event-when,
.em-event-where,
.em-item-taxonomies,
.em-event-booking,
.em-event-related
	{ margin-bottom: 10px !important; padding-bottom: 10px; border-bottom: 1px black solid; }
.em.em-item.em-item-single .em-item-meta h3 { margin-top: 0 !important; }

/* Vimeo */
iframe[title="vimeo-player"] { max-height: 45vw !important; }

/* Footer */

.footer-widget-container .widget li { padding: 0; border-bottom: 0; }

@media screen and (min-width: 800px) { 
	.header-social-links { float: right; }
	.site-branding { max-width: 27%; }
	.inner-container { max-width: 73%; }
	.site-navigation { max-width: 100%; }
}

@media screen and (max-width: 799px) { 
	.home .header-bar .container,
	.page-id-334 .header-bar .container,
	.page-id-336 .header-bar .container,
	.page-id-338 .header-bar .container,
	.page-id-340 .header-bar .container,
	.page-id-343 .header-bar .container,
	.page-id-345 .header-bar .container
		{ padding-bottom: 20%; }
	.site-header-main .container { display: block; }
	.no-site-tagline .site-title { margin-bottom: 0; }
	.header-social-links { text-align: left; }
}