.cmplz-obfuscate span{display:none}#cmplz-manage-consent-container{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary{display:block;cursor:pointer}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::-webkit-details-marker,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories summary::marker{display:none;content:""}.cmplz-alert{display:none;padding:7px;color:white;margin:10px 0}.cmplz-alert.cmplz-error{background-color:#f44336}.cmplz-alert.cmplz-success{background-color:green}.cmplz-close{margin-left:15px;color:white;font-weight:bold;float:right;font-size:22px;line-height:20px;cursor:pointer;transition:.3s}.cmplz-close:hover{color:black}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{display:inline-block;width:calc(50% - 35px);vertical-align:top}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{width:100%}}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;cursor:pointer}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary div,#cmplz-document .cmplz-dropdown summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div{display:grid;grid-template:"heading chevron";grid-template-columns:2fr 25px;grid-gap:15px;align-items:center}#cmplz-cookies-overview .cmplz-dropdown summary div h3,#cmplz-document .cmplz-dropdown summary div h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div h3{grid-area:heading;margin:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{grid-area:chevron}#cmplz-cookies-overview .cmplz-dropdown summary div input[data-category=functional],#cmplz-document .cmplz-dropdown summary div input[data-category=functional],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div input[data-category=functional]{visibility:hidden}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary{display:block}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div{grid-template:"heading paragraph label checkbox chevron";grid-template-columns:2fr auto 0 auto 25px}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy summary div p{grid-area:paragraph}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{display:grid}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-column:span 2;grid-template-columns:1fr 1fr 1fr;grid-template:"purpose purpose purpose" "header1 header2 header3" auto}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-area:purpose}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .name-header{grid-area:header1}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .retention-header{grid-area:header2}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .function-header{grid-area:header3}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose{grid-template-columns:100px 1fr}#cmplz-cookies-overview .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,#cmplz-document .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown.cmplz-dropdown-cookiepolicy .cookies-per-purpose .purpose{grid-column:span 2}}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories{margin-top:10px;display:block;width:100%}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category{background-color:rgba(239,239,239,0.25)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category summary::-webkit-details-marker{display:none;content:""}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-description{padding:10px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category:not(:last-child){margin-bottom:5px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header{display:grid;grid-template-columns:1fr auto 25px;grid-template-rows:auto;align-items:center;grid-gap:10px;padding:5px 10px;background-color:rgba(239,239,239,0.5)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header section{padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2{grid-column-start:1;width:100%;justify-self:start;font-size:18px;text-align:left;margin-top:8px;text-transform:initial;padding-bottom:10px;border-bottom:0;margin-bottom:0}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header h2:before{height:0;margin:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active{font-size:var(--cmplz_category_header_active_font_size);color:var(--cmplz_category_header_always_active_color)}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active label,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-always-active input{display:none}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-banner-checkbox{display:flex;align-items:center;margin:0;padding:initial}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category .cmplz-category-header .cmplz-icon.cmplz-open{display:flex;align-items:center;justify-content:center;grid-column-start:3;cursor:pointer;content:"";background:var(--cmplz_category_open_icon_url) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:25px;width:25px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open]{padding-bottom:1px}#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-category-header:after,#cmplz-manage-consent-container.cmplz-manage-consent-container .cmplz-categories .cmplz-category[open] summary .cmplz-icon.cmplz-open{transform:rotate(180deg)}.postbox #cmplz-document{margin:auto auto}#cmplz-document,.editor-styles-wrapper .cmplz-unlinked-mode{font-size:14px;margin-top:0;max-width:800px;text-justify:inter-word}#cmplz-document input::-moz-focus-inner,#cmplz-document button::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode input::-moz-focus-inner,.editor-styles-wrapper .cmplz-unlinked-mode button::-moz-focus-inner{border:0;padding:0}#cmplz-document a,.editor-styles-wrapper .cmplz-unlinked-mode a{text-decoration:underline}#cmplz-document a[target=_blank]::after,.editor-styles-wrapper .cmplz-unlinked-mode a[target=_blank]::after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);margin:0 3px 0 5px}#cmplz-document a:focus,.editor-styles-wrapper .cmplz-unlinked-mode a:focus{border:1px solid black;padding:2px}#cmplz-document #cmplz-dnsmpd-form label,.editor-styles-wrapper .cmplz-unlinked-mode #cmplz-dnsmpd-form label{margin-right:20px;min-width:100px;display:inline-block}#cmplz-document h2,#cmplz-document h3,.editor-styles-wrapper .cmplz-unlinked-mode h2,.editor-styles-wrapper .cmplz-unlinked-mode h3{font-size:22px;text-align:left;margin-top:15px;text-transform:initial;padding-bottom:10px;margin-bottom:10px}#cmplz-document.impressum h2,#cmplz-document.impressum h3,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h2,.editor-styles-wrapper .cmplz-unlinked-mode.impressum h3{border-bottom:0;font-size:1em;padding-bottom:5px;margin-bottom:5px}#cmplz-document.impressum p,.editor-styles-wrapper .cmplz-unlinked-mode.impressum p{margin-bottom:7px}#cmplz-document h4,.editor-styles-wrapper .cmplz-unlinked-mode h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-document h5,.editor-styles-wrapper .cmplz-unlinked-mode h5{font-size:14px;text-align:left;margin-top:10px;margin-bottom:5px;text-transform:initial}#cmplz-document h3.annex,#cmplz-document h4.annex,.editor-styles-wrapper .cmplz-unlinked-mode h3.annex,.editor-styles-wrapper .cmplz-unlinked-mode h4.annex{font-weight:bold}#cmplz-document span h3,.editor-styles-wrapper .cmplz-unlinked-mode span h3{font-size:14px;border-bottom:0}#cmplz-document p,#cmplz-document li,#cmplz-document td,.editor-styles-wrapper .cmplz-unlinked-mode p,.editor-styles-wrapper .cmplz-unlinked-mode li,.editor-styles-wrapper .cmplz-unlinked-mode td{font-size:14px;margin-top:0}#cmplz-document ol.alphabetic,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic li:before{font-weight:bold;content:counter(list,lower-alpha) ") ";counter-increment:list}#cmplz-document ul,.editor-styles-wrapper .cmplz-unlinked-mode ul{list-style:disc;margin-left:15px;margin-bottom:15px}#cmplz-document ol.alphabetic ol,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol{counter-reset:list;list-style-type:none}#cmplz-document ol.alphabetic ol li:before,.editor-styles-wrapper .cmplz-unlinked-mode ol.alphabetic ol li:before{font-weight:bold;content:counter(list,decimal) ") ";counter-increment:list}#cmplz-document .cmplz-subtitle,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-subtitle{font-weight:bold;margin-top:25px}#cmplz-document .cmplz-indent,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-indent{margin-left:36px}#cmplz-cookies-overview .cmplz-dropdown,#cmplz-document .cmplz-dropdown,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown{background-color:rgba(239,239,239,0.25)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:18px;text-align:left;margin-top:15px;margin-bottom:5px;text-transform:initial}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown a,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown a,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown a{font-size:14px;margin-top:0}#cmplz-cookies-overview .cmplz-dropdown p,#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-cookies-overview .cmplz-dropdown ul,#cmplz-document .cmplz-dropdown p,#cmplz-document .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown ul,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown ul{padding:0 15px}#cmplz-cookies-overview .cmplz-dropdown p.legal-obligations-description,#cmplz-document .cmplz-dropdown p.legal-obligations-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown p.legal-obligations-description{padding-bottom:15px}#cmplz-cookies-overview .cmplz-dropdown summary::marker,#cmplz-document .cmplz-dropdown summary::marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary::-webkit-details-marker,#cmplz-document .cmplz-dropdown summary::-webkit-details-marker,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary::-webkit-details-marker{display:none;content:""}#cmplz-cookies-overview .cmplz-dropdown summary,#cmplz-document .cmplz-dropdown summary,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary{display:block;background-color:rgba(239,239,239,0.5);margin:5px 0;padding:5px 10px;align-items:center;justify-items:stretch}#cmplz-cookies-overview .cmplz-dropdown summary h3,#cmplz-document .cmplz-dropdown summary h3,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary h3{padding:0 5px;border-bottom:0;font-size:18px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary p,#cmplz-document .cmplz-dropdown summary p,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary p{text-align:right;padding:0;margin:0;font-size:14px;border-bottom:0}#cmplz-cookies-overview .cmplz-dropdown summary div:after,#cmplz-document .cmplz-dropdown summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary div:after{cursor:pointer;content:"";background:url(//bramstokerfestival.com/wp-content/plugins/complianz-gdpr/assets/images/chevron-down.svg) no-repeat;transform:rotate(0);-webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease;background-size:cover;height:18px;width:18px;margin:3px}#cmplz-cookies-overview .cmplz-dropdown[open],#cmplz-document .cmplz-dropdown[open],.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open]{padding-bottom:1px}#cmplz-cookies-overview .cmplz-dropdown[open] summary div:after,#cmplz-document .cmplz-dropdown[open] summary div:after,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown[open] summary div:after{transform:rotate(180deg)}#cmplz-cookies-overview .cmplz-dropdown h4,#cmplz-document .cmplz-dropdown h4,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h4{font-size:15px;margin:5px 0}#cmplz-cookies-overview .cmplz-dropdown h5,#cmplz-document .cmplz-dropdown h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown h5{margin:0}#cmplz-cookies-overview .cmplz-dropdown .cmplz-service-description,#cmplz-cookies-overview .cmplz-dropdown .cmplz-sharing-data,#cmplz-document .cmplz-dropdown .cmplz-service-description,#cmplz-document .cmplz-dropdown .cmplz-sharing-data,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-service-description,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cmplz-sharing-data{padding:0 15px 15px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose,#cmplz-document .cmplz-dropdown .cookies-per-purpose,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose{border:1px solid #dadada;grid-gap:1px;background-color:#dadada;margin-bottom:10px}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,#cmplz-document .cmplz-dropdown .cookies-per-purpose div,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div{background-color:white;padding:15px}@media only screen and (min-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .name-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .retention-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .retention-header{background-color:#f7f7f7}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose .function-header{background-color:#f7f7f7}}@media only screen and (max-width:600px){#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose h5,#cmplz-document .cmplz-dropdown .cookies-per-purpose h5,.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose h5{line-height:1.8}#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),#cmplz-document .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+2),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+3),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+4),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+5),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+6),.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown .cookies-per-purpose div:nth-child(12n+7){background-color:#f7f7f7}}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.container { display: block; position: relative; margin-bottom: 12px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } html { box-sizing: border-box; } * { margin: 0; padding: 0; box-sizing: border-box; } .show-when-xs{ display: none; } *, :after, :before { box-sizing: inherit; } body, html { height: auto; } body { margin: 0; -webkit-text-size-adjust: 100%; font-size: clamp(16px, 1.15vw, 24px); background-color: #f7f5ef; line-height: 1.25; display: flex; flex-direction: column; color: black; font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; } p { margin-top: 0; margin-bottom: 10px; } ::-moz-placeholder, input:placeholder { font-size: clamp(15px, 1vw, 22px); } .full-height { height: clamp(60vh, 100vh, 80vw); min-height: 50vw; overflow: hidden; } .three-quarter-height { height: clamp(50vw, 75vh, 60vw); } a, a:hover { text-decoration: none; color: inherit; } .p-relative{ position: relative; } .p-absolute{ position: absolute; } nav { position: fixed; width: 100%; padding: 0px clamp(20px, 5vw, 200px); z-index: 99; width: 100%; transition: top 0.5s ease; } nav .navrow{ max-width: 1420px; margin-left: auto; margin-right: auto; display: flex; justify-content: space-between; align-items: center; } .show-when-small { display: none; } .caps { text-transform: uppercase; } .row { flex-direction: row; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } section > .row{ } section footer > .row{ } .d-flex{ display: flex; } .w-100{ width: 100%; } .max-w-100{ max-width: 100%; } .space-between { justify-content: space-between; } .col { display: flex; flex-direction: column; } .col-12 { flex: 0 0 100%; flex-direction: column; } .col-11 { flex: 0 0 91.6666%; flex-direction: column; } .col-10 { flex: 0 0 83.3333%; flex-direction: column; } .col-9 { flex: 0 0 75%; flex-direction: column; } .col-8 { flex: 0 0 66.6666%; flex-direction: column; } .col-6 { flex: 0 0 50%; flex-direction: column; max-width: 50%; } .col-7 { flex: 0 0 58.3333%; flex-direction: column; } .col-5 { flex: 0 0 41.6666%; flex-direction: column; } .col-4 { flex: 0 0 33.3333%; flex-direction: column; } .col-3 { flex: 0 0 25%; flex-direction: column; } .col-2 { flex: 0 0 16.6666%; flex-direction: column; } .col-1 { flex: 0 0 8.333333%; flex-direction: column; } .col-a { flex: 0 0 3.333333%; flex-direction: column; } .col { padding: 1rem; } .p-20{ padding: 20px; } .p-0 { padding: 0 !important; } .pr-0 { padding-right: 0 !important; } .pl-0 { padding-left: 0 !important; } .pt-0 { padding-top: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .m-0 { margin: 0 !important; } .mt-0{ margin-top:0px !important; } .mb-0{ margin-bottom: 0px; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-0{ margin-right: 0px !important; } .ml-0{ margin-left: 0px !important; } .center { display: flex; align-items: center; flex: 1 1 auto; } .img-fluid { width: 100%; height: auto; } section, footer, .general-padding { position: relative; padding: clamp(20px, 5vw, 200px); } .text-center { text-align: center; } .text-right{ text-align: right; } .cover { width: 100%; height: 100%; object-fit: cover; } .hamburger { position: relative; z-index: 100; cursor: pointer; background: 0 0; display: none; border: 0; transform: scale(.75); margin: 0px !important; } .bar { transition:0.4s; } .bar-1 { display: block; width: 42px; border-top: 2px solid black; padding-top:10px; cursor:pointer; transition:0.4s; } .bar-2 { display: block; width: 42px; border-top: 2px solid black; padding-top:10px; display:fixed; transition:0.4s; } .bar-3 { width:5em; display: block; width: 42px; border-top: 2px solid black; padding-top:7px; transition:0.4s; } .open-burger .bar-1 { -webkit-transform: rotate(-45deg) translate(-8px, 8px); transform: rotate(-45deg) translate(-8px, 8px); } .open-burger .bar-2 {opacity:0;} .open-burger .bar-3 { -webkit-transform: rotate(45deg) translate(-11px, 5px); transform: rotate(45deg) translate(-11px, -5px); } .open-burger{ overflow: hidden; } .closeIcon { display: none; } .burger-menu-container { position: fixed; transform: translateY(-100%); visibility: hidden; transition: transform 0.2s; top: 0; left: 0; right: 0; bottom: 0; z-index: 98; background:inherit; color: inherit; list-style: none; padding-top: clamp(90px, 17vh, 150px); margin: 0; padding-left: 0px; text-align: left; } .burger-menu-container ul{ padding: 0px; list-style: none; } .burger-menu-container li a, .burger-menu-container .menu-item{ font-size: 26px; margin-bottom: 20px; display: block; } .burger-menu-container button{ margin: auto; } .burger-menu-container .sub-menu{ display: none; } .showMenu { transform: translateY(0); visibility: visible; } .show-when-med { display: none; } @media screen and (min-width: 768px) { main { flex-direction: row; } } @media screen and (max-width: 995px) { .col { padding: 10px; } .col-sm-0 { flex: 0 0 0% !important; flex-direction: column; max-width: 0%; padding: 0px; } .col-2, .col-3 { flex: 0 0 50%; flex-direction: column; } .col-md-12{ flex: 0 0 100%; flex-direction: column; } .col-md-3{ flex: 0 0 25%; flex-direction: column; } .col-md-6{ flex: 0 0 50%; flex-direction: column; } .col-sm-3{ flex: 0 0 25%; flex-direction: column; } .col-sm-2{ flex: 0 0 16.6666%; flex-direction: column; } .col { display: flex; } .col-sm-12 { flex: 0 0 100%; flex-direction: column; } .col-sm-11 { flex: 0 0 91.6666%; flex-direction: column; } .col-sm-10 { flex: 0 0 83.3333%; flex-direction: column; } .col-sm-9 { flex: 0 0 75%; flex-direction: column; } .col-sm-8 { flex: 0 0 66.6666%; flex-direction: column; } .col-sm-6 { flex: 0 0 50%; flex-direction: column; max-width: 50%; } .col-sm-7 { flex: 0 0 58.3333%; flex-direction: column; } .col-sm-5 { flex: 0 0 41.6666%; flex-direction: column; } .col-sm-4 { flex: 0 0 33.3333%; flex-direction: column; } .col-sm-3 { flex: 0 0 25%; flex-direction: column; } .col-sm-2 { flex: 0 0 16.6666%; flex-direction: column; } .col-sm-1 { flex: 0 0 8.333333%; flex-direction: column; } .hand { max-height: 48vh; } .col-sm-4{ flex: 0 0 33.3333%; flex-direction: column; } .hide-when-med { display: none; } .show-when-med { display: block; } } @media screen and (max-width: 767px) { .client-archive p{ margin-bottom: 15px; } .show-when-small { display: block; } .hide-when-small { display: none; } #navbar ul { display: none; } .hamburger { display: block; } .home-header { min-height: clamp(120vw, 90vh, 200vw); overflow: hidden; position: relative; } .hand { right: 30px; position: absolute; bottom: -10px; max-height: 80vw; } .col-a, .col-1, .col-10, .col-12, .col-11, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-sm-3, .col-sm-4 { max-width: 100%;; flex: 0 0 100%; flex-direction: column; } .col-sm-12 { flex: 0 0 100%; flex-direction: column; max-width: 100%; } .col-sm-6 { flex: 0 0 50%; flex-direction: column; max-width: 50%; } .col-xs-6:nth-child(even),.flexmasonry-cols-2 .flexmasonry-item:nth-child(even) { padding-left: 8px; } .col-xs-6:nth-child(odd),.flexmasonry-cols-2 .flexmasonry-item:nth-child(odd) { padding-right: 8px; } .col-sm-2{ flex: 0 0 16.6666%; flex-direction: column; } .col-xs-6 { flex: 0 0 50%; flex-direction: column; } .ml-xs-auto{ margin-left: auto; } .col { display: flex; } .col-xs-12 { flex: 0 0 100%; flex-direction: column; } .col-xs-11 { flex: 0 0 91.6666%; flex-direction: column; } .col-xs-10 { flex: 0 0 83.3333%; flex-direction: column; } .col-xs-9 { flex: 0 0 75%; flex-direction: column; } .col-xs-8 { flex: 0 0 66.6666%; flex-direction: column; } .col-xs-6 { flex: 0 0 50%; flex-direction: column; max-width: 50%; } .col-xs-7 { flex: 0 0 58.3333%; flex-direction: column; } .col-xs-5 { flex: 0 0 41.6666%; flex-direction: column; } .col-xs-4 { flex: 0 0 33.3333%; flex-direction: column; } .col-xs-3 { flex: 0 0 25%; flex-direction: column; } .col-xs-2 { flex: 0 0 16.6666%; flex-direction: column; } .col-xs-1 { flex: 0 0 8.333333%; flex-direction: column; } .col { padding: 0; } .full-height { height: auto; } .three-quarter-height { height: auto; } } @media screen and (max-width: 500px) { .show-when-xs{ display: block; } .col-sm-6 { flex: 0 0 100%; flex-direction: column; max-width: 100%; } .col-xs-2{ flex: 0 0 16.6666%; flex-direction: column; } .col-xs-6{ flex: 0 0 50%; flex-direction: column; } .col-xs-8{ flex: 0 0 66.666%; flex-direction: column; } .col-xs-4{ flex: 0 0 33.3333%; flex-direction: column; } } @media screen and (max-width: 375px) { .burger-menu-container li a, .burger-menu-container .menu-item { font-size: 24px; } }:root { --red-lt: #EE1C29; --red-text: #DF0D1A; --red-dk: #631819; --black: #3D3B3B; --bone-lt: #F7F4F0; --bone-dk: #EDE8E3; --border: 3px solid var(--red-lt); } @font-face { font-family: 'Quadraat'; src: url(//bramstokerfestival.com/wp-content/themes/brams2024/css/fonts/QuadraatSansDisplayOT-Demibold.woff2) format('woff2'), url(//bramstokerfestival.com/wp-content/themes/brams2024/css/fonts/QuadraatSansDisplayOT-Demibold.woff) format('woff'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto Flex static'; src: url(//bramstokerfestival.com/wp-content/themes/brams2024/css/fonts/RobotoFlex-Regular.woff2) format('woff2'), url(//bramstokerfestival.com/wp-content/themes/brams2024/css/fonts/RobotoFlex-Regular.woff) format('woff'); font-weight: 300; font-style: normal; font-display: swap; } body{ font-family: 'Roboto Flex static'; font-weight: normal; font-style: normal; } .wysiwyg p span{ font-weight: 300 !important; } .wysiwyg p span b{ font-family: "Roboto Flex static", sans-serif; font-optical-sizing: auto; font-weight: 500; font-style: normal; font-variation-settings: "slnt" 0, "wdth" 100, "GRAD" 0, "XOPQ" 96, "XTRA" 468, "YOPQ" 79, "YTAS" 750, "YTDE" -203, "YTFI" 738, "YTLC" 514, "YTUC" 712; } h1, .h1, h2, .h2, h3, .h3, h4 , h , .page.page-id-13 .accordion-toggle p{ font-family: 'Quadraat'; line-height: 1; } .quadraat { font-family: 'Quadraat'; line-height: 1; } .home-header h1 { font-size: clamp(52px, 8vw, 120px); line-height: 1; margin-bottom: 20px; } h1, .h1 { font-size: 52px; margin-bottom: 20px; } h2, .h2, .page.page-id-13 .accordion-toggle p { font-size: 32px; margin-bottom: 20px; } .wysiwyg h3{ margin-bottom: 10px; } .category-header, .emailsub{ font-size: 42px; margin-bottom: 20px; font-family: 'Quadraat'; line-height: 1; } h3, .h3 { font-size: 28px; } .home-intro p.h2 { font-size: 60px; } body { font-size: 18px; line-height: 1.2; color: var(--black); } p { font-size: 24px; line-height: 1.2; } p2, .p2, .page-id-13 p { font-size: 18px; line-height: 1.2; display: block; } p3 { font-size: 16px; line-height: 1.2; display: block; } nav ul li { font-size: 24px; } .details p, .featured-news-card p, ul { font-size: 18px; line-height: 1.2; } @media only screen and (max-width: 1024px) { h1, .h1 { font-size: 42px; } .home-intro p.h2 { font-size: 40px; } .category-header, .emailsub{ font-size: 32px; margin-bottom: 20px; font-family: 'Quadraat'; line-height: 1; } h2, .h2, .page.page-id-13 .accordion-toggle p { font-size: 28px; } p, ul { font-size: 20px; } p2, .p2 , .page-id-13 p{ font-size: 16px; line-height: 1.2; } } @media only screen and (max-width: 500px) { .home-intro p.h2 { font-size: 34px; } h1, .h1 { font-size: 32px; } .category-header, .emailsub{ font-size: 28px; margin-bottom: 20px; font-family: 'Quadraat'; line-height: 1; } h2, .h2, .page.page-id-13 .accordion-toggle p { font-size: 24px; } p, ul { font-size: 20px; } .details p, .featured-news-card p { font-size: 16px; } }:root { --red-lt: #EE1C29; --red-text: #DF0D1A; --red-dk: #631819; --black: #3D3B3B; --bone-lt: #F7F4F0; --bone-dk: #EDE8E3; --border: 3px solid var(--red-lt); } .events-home-block p.red-text{ text-align: center; } .categories{ flex-wrap: wrap; align-items: center; justify-content: center; } .main-event-card-outer img{ max-height: clamp(340px, 30vw, 500px); object-fit: cover; object-position: top; } .darkred{ background: #631819; background-color: var(--red-dk); color: var(--bone-lt) } .red{ background: #EE1C29; background-color: var(--red-lt); color: var(--bone-lt) } .text-red{ color: var(--red-text) } .black{ background: #3D3B3B; background-color: var(--black); color: var(--bone-lt) } .bone{ background: #EDE8E3; background-color: var(--bone-dk); color: var(--black); } .btn{ margin-bottom: 20px; } .white-text{ color: var(--bone-lt); } .red-text{ color: var(--red-text); } .wysiwyg ul{ padding-left: 25px; } .border-base{ width: 0%; background: var(--red-lt); height: 3px; transition: 0.5s; opacity: 1 !important; } .border-base.inView{ width: 100%; background: var(--red-lt); height: 3px; } .archive-banner{ position: absolute; background: #631819; color: #f8f4f1; width: 100vw; text-align: center; z-index: 2; margin-top: -31px; padding: 10px; padding-top: 14px; } .tile { opacity: 0; transition: 0.5s ease; transition-delay: 0.35s; } .tile.inView { opacity: 1; } .home-header p{ font-family: 'Quadraat'; font-size: clamp(22px, 4vw, 58px); -webkit-font-smoothing: antialiased; } html{ background-color: var(--red-text); } body { color: var(--black); background-color: var(--bone-lt); } .skip-to-content-link { background: var(--red-dk); color: var(--bone-lt); line-height: 1; left: 5%; padding: 8px 20px; position: absolute; transform: translateY(-200%); transition: transform 0.3s; } .deal-card img{ border: var(--border); } .delay-1{ transition: opacity 0.35s ease 0.45s !important; transition: scale 0.35s ease; } .delay-2{ transition: opacity 0.35s ease 0.55s !important; transition: scale 0.35s ease; } .delay-3{ transition: opacity 0.35s ease 0.65s !important; transition: scale 0.35s ease; } .delay-4{ transition: opacity 0.35s ease 0.75s !important; transition: scale 0.35s ease; } .delay-5{ transition: opacity 0.35s ease 0.85s !important; transition: scale 0.35s ease; } .delay-6{ transition: opacity 0.35s ease 0.95s !important; transition: scale 0.35s ease; } .delay-event-1{ transition: opacity 0.5s ease 0.05s !important; transition: scale 0.35s ease; } .delay-event-2{ transition: opacity 0.5s ease 0.10s !important; transition: scale 0.35s ease; } .delay-event-3{ transition: opacity 0.5s ease 0.15s !important; transition: scale 0.35s ease; } .delay-event-4{ transition: opacity 0.5s ease 0.20s !important; transition: scale 0.35s ease; } .delay-event-5{ transition: opacity 0.5s ease 0.25s !important; transition: scale 0.35s ease; } .delay-event-6{ transition: opacity 0.5s ease 0.30s !important; transition: scale 0.35s ease; } .delay-event-7{ transition: opacity 0.5s ease 0.35s !important; transition: scale 0.35s ease; } .delay-event-8{ transition: opacity 0.5s ease 0.40s !important; transition: scale 0.35s ease; } .delay-event-9{ transition: opacity 0.5s ease 0.45s !important; transition: scale 0.35s ease; } .skip-to-content-link:focus { transform: translateY(100px); } .banner img{ position: absolute; width: 100%; height: 100%; object-fit: cover; top: 0; left: 0; background-position: bottom; } .banner h, .banner p, .banner a{ position: relative; } .fade-in { opacity: 0; transition: opacity 0.5s ease-in-out, transform 0.15s ease-in-out, background 0.15s ease-in-out; } .border-row-top, .border-row-bottom{ display: none; } .border-bottom-inner .border-row-bottom, .border-top-inner .border-row-top{ display: block; } .border-bottom-inner .block-border-bottom{ border-top: var(--border); } .border-top-inner .block-border-top{ border-bottom: var(--border); } .border-top{ border-top: var(--border); } .faqs-title .accordion-content:first-child .accordion-toggle{ border-top: none !important; } img[src*="Bram_Stoker_Vampire-1.jpg"] + span::after { background-size: 100%; content: ""; background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/vamp_teeth.svg); display: block; width: 100%; height: 100%; position: absolute; z-index: 999; top: 0; background-repeat: no-repeat; pointer-events: none; opacity: 0; background-position: center; transition: 0.5s ease; } img[src*="Bram_Stoker_Vampire-1.jpg"]:hover + span::after { opacity: 1; } .whats-on-header, .page-header{ border-bottom: var(--border); padding-top: 140px; padding-bottom: 25px; color: var(--red-text); } .whats-on-header.no-border{ border-bottom: none !important; } .whats-on-header ul{ display: flex; list-style: none; margin-left: auto; } .whats-on-header .button{ font-size: 18px; background-color: var(--bone-dk); color: var(--black); background-size: 26px 22px; background-repeat: no-repeat; background-position: 10px center; margin-right: 10px; border: 3px solid var(--bone-dk); padding: 8px 15px 8px 48px; } .whats-on-header .button.active{ border: 3px solid var(--red-lt); } .whats-on-header .button.bite{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/bite.svg); } .whats-on-header .button.dagger{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/dagger.svg); } .whats-on-header .button.tomb{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/toombstone.svg); } .page.page-id-13 .page-header{ background-color: var(--black); color: var(--bone-lt); } .wysiwyg ul{ padding-left: 20px; } .wysiwyg a{ color: var(--red-text); } .wysiwyg iframe{ max-width: 100%; } .z-index-2{ position: relative; z-index: 2; } .face { position: absolute; top: 0px; left: 0px; width: 100vw; height: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .eyes { position: relative; width: auto; height: 100vh; display: flex; justify-content: center; align-items: center; background-repeat: no-repeat; background-image:url('data:image/svg+xml,'); background-size: 1300px; background-position: center; } .eyes .eye { position: relative; min-width: 230px; min-height: 230px; display: block; background: #631819; margin: 0 270px; border-radius: 50%; } .eyes .eye::before { content: ''; position: absolute; top: 50%; left: 25px; width:70px; height:70px; background: #EE1C29; border-radius: 50%; transform: translate(calc(20px - 50%),calc(-50%)); } .email-signup-form input{ padding: 10px 0px; background: transparent; border: none; border-bottom: var(--border); font-size: 24px; color: white; } .email-signup-form input[type="submit"]{ font-size: 18px; } .burger-menu-outer .email-signup-form h2{ margin-bottom: 30px; } .burger-menu-outer .email-signup-form{ margin-top: auto; margin-bottom: 80px; } .email-group{ display: flex; } .email-group{ padding-top: 30px; position: relative; } .email-group label{ display: block; position: absolute; top: 0; } .burger-menu-outer [type="submit"]{ font-size: 14px; text-transform: uppercase; padding-right: 40px; background-image: url('data:image/svg+xml,'); background-position: calc(100% - 5px) 45%; background-size: 25px; background-repeat: no-repeat; } .email-signup-form input::placeholder { color: white; opacity: .8; font-weight: 100; -webkit-font-smoothing: antialiased; } .anti{ -webkit-font-smoothing: antialiased; } .email-signup-form input::-ms-input-placeholder { color: white; } .categories{ list-style: none; display: flex; margin: auto; } .categories .tag { margin-right: 10px; margin-left: 10px; margin-bottom: 15px; } .icon{ background-size: 26px 22px; padding: 4px 0px 4px 32px; background-repeat: no-repeat; background-position: 0px 5px; list-style: none; } .icon.bat{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/bat.svg); } .icon.dagger{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/dagger.svg); } .icon.tomb{ background-image: url(//bramstokerfestival.com/wp-content/themes/brams2024/images/icons/toombstone.svg); } .event ul{ padding-left: 0px; list-style: none; } .schedule ul{ list-style: none; } .schedule-card{ padding: 15px 15px; margin-bottom: 20px; background: var(--bone-dk); transition: 0.25s ease; } .schedule-card:hover{ box-shadow: 0px 2px 22px 3px #ee1c2991; } .schedule-card h3{ margin-bottom: 10px; } .schedule{ grid-template-columns: 1fr 1fr 1fr 1fr; display: grid; column-gap: 40px; min-width: 1100px; width: 100%; } .schedule-outer{ max-width: 100vw; overflow: auto; } .schedule h2{ margin-bottom: 30px; color: var(--red-text); } .main-event-card img{ max-width: 100%; height: auto; border-right: 3px solid var(--red-lt); } .main-event-card{ display: grid; grid-template-columns: 1fr 1fr; transition: 0.5s cubic-bezier(0.075, 0.82, 0.165, 1); } .border{ border: 3px solid var(--red-lt); } .main-event-card .details{ padding: 30px 50px; } .details .h2{ margin-bottom: 10px; } .details p{ margin-bottom: 15px; } .main-event-card .h2{ margin-bottom: 20px; } .main-event-card p{ margin-bottom: 35px; } .main-event-card-outer .tickets-link{ position: absolute; bottom: 0px; right: 0px; width: 50%; border-top: 3px solid var(--red-lt); padding: 20px 50px; color: var(--red-text); font-size: 24px; font-family: 'Quadraat'; transition: 0.25s ease; } .main-event-card-outer .tickets-link:not(.inactive):hover{ color: var(--bone-lt); background-color: var(--red-lt); } .main-event-card-outer .tickets-link:not(.inactive):hover svg path{ fill: var(--bone-lt) !important; } .main-event-card-outer .tickets-link:not(.inactive) svg path{ transition: 0.25s ease; } a.main-event-card:hover { box-shadow: 0px 2px 22px 3px #ee1c2991; } .project-categories{ position: absolute; top: 20px; left: 25px; display: flex; } .deal-card img{ margin-bottom: 10px; } .deal-card p2{ margin-bottom: 10px; } .event-project-categories{ position: absolute; right: 20px; display: flex; top: 144px; z-index: 1; } .event-header .tickets-link{ position: absolute; bottom: 0px; border-top: 3px solid var(--red-lt); padding: 18px; color: var(--red-text); font-size: 24px; font-family: 'Quadraat'; transition: 0.25s ease; width: 50%; margin-left: -1rem; padding-left: calc(clamp(20px, 5vw, 200px) + 1rem); } .event-header .category{ font-family: 'Quadraat'; background-color: var(--red-lt); color: var(--bone-lt); padding: 6px 15px; display: block; margin-right: 10px; } .event-header{ position: relative; } .event-header .col-6:nth-child(2){ z-index: 1; } .schedule-project-categories .category{ font-family: 'Quadraat'; background-color: var(--red-lt); color: var(--bone-lt); padding: 6px 15px; display: inline-block; line-height: 1; margin-bottom: 8px; } .schedule-project-categories{ margin-bottom: 15px; } .project-categories .category{ min-width: max-content; font-family: 'Quadraat'; background-color: var(--red-lt); color: var(--bone-lt); padding: 5px 12px; display: block; margin-right: 10px; } .event-card{ display: block; transition: 0.25s ease; } .event-card img{ width: 100%; min-height: clamp(200px, 17vw, 280px); height: clamp(200px, 17vw, 280px); object-fit: cover; border-bottom: var(--border); object-position: top; } .event-placholder{ display: block; width: 100%; min-height: clamp(200px, 17vw, 280px); object-fit: cover; border-bottom: var(--border); } .placholder{ width: 100%; min-height: clamp(200px, 17vw, 280px); object-fit: cover; background-color: var(--red-lt); } .details{ padding: 20px 20px; } .event-card .details{ min-height: 450px; padding-bottom: 60px; } .event-card-outer .tickets-link { position: absolute; bottom: 0px; right: 0px; width: 100%; border-top: 3px solid var(--red-lt); padding: 18px ; color: var(--red-text); font-size: 24px; font-family: 'Quadraat'; transition: 0.25s ease; text-align: center; } .event-card-outer .tickets-link:hover { background-color: var(--red-lt); color: var(--bone-lt); } .event-header .tickets-link:hover svg path{ fill: var(--bone-lt) !important; } .event-header .tickets-link:hover{ color: var(--bone-lt); background-color: var(--red-lt); } .event-card-outer .tickets-link:not(.inactive):hover svg path{ fill: var(--bone-lt); } .event-card-outer .tickets-link:not(.inactive) svg path{ transition: 0.25s ease; } .tickets-link.inactive{ pointer-events: none; } a.event-card:hover { box-shadow: 0px 2px 22px 3px #ee1c2991; } .events-grid, .events-row{ display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: clamp(30px, 5vw, 100px); } .wysiwyg h2, .wysiwyg h1{ color: var(--red-text); } .burger-menu-outer .switch{ position: absolute; top: 25px; right: 45px; background: var(--red-lt); font-family: 'Quadraat'; } .events-overview{ padding-top: 50px; } #myBtnContainer{ padding-bottom: 40px; flex-wrap: wrap; } .event-header .category{ text-transform: uppercase; } .event-header h1{ color: var(--red-lt); margin-bottom: 30px; margin-top: 10px; } .event-header .general-padding{ padding-top: 0px; } .event-header { padding: 0px; padding-top: 89px; border-bottom: var(--border); min-height: 580px; height: auto !important; max-height: 680px !important; overflow: hidden; display: flex; } .event-header:has(.archive-banner) { padding-top: 115px; } .event-header ul{ margin-bottom: 15px; } .event-header .row{ min-height: 100%; width: 100%; } .event-header .col-6:nth-child(2){ padding: 0px; } .gallery img{ padding: 1rem; } .event-header img{ max-width: 100%; height: 100%; object-fit: cover; border-left: var(--border); object-position: top; } table th{ min-width: max-content; min-width: 160px; } table td, table th{ border-top: 2px solid var(--red-lt); padding-top: 10px; padding-bottom: 15px; vertical-align: top; text-align: left; } table { border-collapse: collapse; } .news-card{ border-bottom: var(--border); background-image: url('data:image/svg+xml,'); background-position: calc(100% - 20px) center; background-size: 20px 20px; background-repeat: no-repeat; padding-top: 25px; padding-bottom: 25px; padding-right: 50px; transition: 0.25s; } .news-card h3{ transition: 0.25s; } .news-card:hover, .news-card:focus { background-position: calc(100% - 10px) center; } .news-card:hover h3, .news-card:focus h3{ transform: scale(1.025); } .news-card:active h3{ transform: scale(0.99); } .news-card .date{ text-transform: uppercase; max-width: 80px; margin-right: 40px; } .home-news-card{ display: block; } .featured-news-home .col-6 .news-card:last-child{ border-bottom: none; } .featured-news-home .col-6 .news-card:first-child{ padding-top: 10px; } .home-news-card .date{ text-transform: uppercase; max-width: 80px; margin-right: 40px; } .home-news-card a{ background-image: url('data:image/svg+xml,'); background-position: calc(100% - 60px) calc(100% - 4px); background-size: 20px 20px; background-repeat: no-repeat; display: block; } .home-news-card img{ max-width: 100%; height: auto; margin-bottom: 15px; } .featured-news-card a{ border: var(--border); display: grid; grid-template-columns: 1fr 1fr; } .featured-news-card a div{ padding: clamp(20px, 4vw, 40px); } .featured-news-card img{ max-width: 100%; height: auto; border-right: var(--border); } .featured-news-card .latest{ margin-bottom: 10px; display: block; } .featured-news-card h2{ margin-bottom: 10px; } .featured-news-card .date{ text-transform: uppercase; margin-bottom: 20px; display: block; } .featured-news-card a{ background-image: url('data:image/svg+xml,'); background-position: calc(100% - 20px) calc(100% - 20px) ; background-size: 20px 20px; background-repeat: no-repeat; } .single-news .wysiwyg img{ max-width: 100%; height: auto; } footer{ background: #3D3B3B; background-color: var(--black); color: var(--bone-lt); padding-top: 30px; padding-bottom: 40px; } footer ul{ list-style: none; } footer ul li a{ padding-top: 4px; padding-bottom: 5px; display: block; } .home-header{ height: clamp(750px, 100vh, 60vw); text-align: center; display: flex; position: relative; } .home-header .row{ position: unset; margin: auto; max-width: clamp(380px, 54vw, 850px); } .home-header .row .col{ margin: auto; } .home-header .button{ margin: auto; position: absolute; bottom: 50px; min-width: 150px; left: calc(50% - 75px); } .border-top{ border-top: var(--border); } .dcc-logo{ max-width: 310px; } .rtearts-logo{ max-width: 100px; } .brams-logo{ max-width: 160px; margin-bottom: 50px; } .button{ display: block; max-width: max-content; padding: 10px 20px; font-size: 24px; font-family: 'Quadraat'; } .button.tag:hover, .button.tag:focus{ transform: scale(1.05); transition: 0.3s ease; transition-delay: 0s; } .button.tag:active{ transform: scale(0.95); transition: 0.3s ease; transition-delay: 0s; } .button.primary{ background: var(--bone-lt); color: var(--red-dk); box-shadow: 0px 2px 15px 5px #ee1c29a6; transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); animation: glow 2s infinite alternate; } .button.primary:hover{ box-shadow: 0px 2px 15px 5px #ee1c29; transform: scale(1.05); text-decoration: none; animation: none; } .button.secondary{ background: var(--red-dk); color: var(--bone-lt); transition: 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); } .button.secondary:hover{ box-shadow:0px 2px 15px 5px #ee1c29a6; transform: scale(1.05); text-decoration: none; animation: none; } .button.tag{ background: var(--bone-lt); color: var(--red-dk); box-shadow: 0px 2px 12px 4px #ee1c2969; cursor: pointer; min-width: max-content; } .button.tag:hover{ box-shadow: 0px 2px 15px 5px #ee1c29a6; transform: scale(1.05); text-decoration: none; animation: none; } .button.primary:active, .button.secondary:active , .button.tag:active{ box-shadow:none; transform: scale(0.95); color: var(--red-text); } @keyframes glow{ 0%{box-shadow: 0px 2px 15px 5px #ee1c2a66;} 100%{box-shadow: 0px 2px 15px 5px #ee1c29;} } .teeth-droplets{ position: absolute; z-index: 1; left: 25%; top: 70px; } #drop{ animation: drop 4s infinite ; } @keyframes drop{ 0%{transform: translateY(2%) ; opacity: 0;} 15%{transform: translateY(4.5%) ; opacity: 1;} 70%{transform: translateY(1000%) ; opacity: 1;} 70.1%{transform: translateY(1%);opacity: 0; } 100%{transform: translateY(1%) ;opacity: 0; } } .switch{ background: var(--red-dk); color: var(--bone-lt) !important; border-radius: 20px; position: relative; max-width: max-content; position: relative; padding: 4px; display: block; height: 30px; margin: auto; margin-left: 15px; } .knob{ position: absolute; width: 52%; height: 100%; border-radius: 20px; right: 48%; transition: 0.5s ease; z-index: 1; background: var(--bone-lt); top: 0px; } .after, .before{ z-index: 3; line-height: 1.4; position: relative; padding: 0px 8px; transition: 0.5 ease; } .before{ color: var(--red-dk) !important; } .switch:hover { cursor: pointer; } .after:hover + .knob{ width: 52%; height: 100%; position: absolute; border-radius: 20px; right: 0px; z-index: 1; transition: 0.5s ease; } .switch:hover .before{ color: var(--bone-lt) !important; transition: 0.5s ease; } .switch .before:hover { color: var(--red-dk) !important; transition: 0.5s ease; } .after:hover{ color: var(--red-dk) !important; transition: 0.5s ease; } .irish-nav .knob{ width: 52%; right: 0px; transition: 0.5s ease; } .irish-nav .after{ color: var(--red-dk) !important; } .irish-nav .before{ color: var(--bone-lt) !important; } .irish-nav .switch .before:hover +.after { color: var(--bone-lt) !important; transition: 0.5s ease; } .irish-nav .before:hover ~ .knob{ width: 52%; height: 100%; position: absolute; border-radius: 20px; right: 48%; z-index: 1; transition: 0.5s ease; } .social-icon{ margin-right: 10px; } .burger-menu-outer .switch{ display: none; visibility: hidden; pointer-events: none; } .video-button{ min-width: 280px; height: 240px; padding-top: 185px; background-size: cover; background-repeat: no-repeat; background-position-y: -55px; object-fit: cover; border: none; background-color: var(--black); color: white; max-width: 280px; font-size: 24px; font-family: 'Quadraat'; cursor: pointer; margin-left: auto; animation: glow 2s infinite alternate; transition: 0.25s ease; } .video-button:hover, .video-button:focus{ transform: scale(1.05); } .video-button:active{ transform: scale(0.95); } nav img{ max-width: 300px; transition: 0.5s ease; } .home nav{ background-color: transparent; transition: 0.15s ease; } .scrolled .home nav{ background-color: #EE1C29; } nav ul [href*="whats-on"]{ transition: 0.35s ease; display: block; margin: auto; } .home nav ul [href*="whats-on"]{ background-color: #EE1C29; } nav ul li{ display: flex; color: var(--bone-lt); } .scrolled .home nav ul [href*="whats-on"]{ background-color: var(--red-dk) } nav ul [href*="whats-on"]:hover { transform: scale(1.05); } nav ul [href*="whats-on"]:active { transform: scale(0.95); } .scrolled nav img{ max-width: 260px; } .home .switch { background: var(--red-lt); } .scrolled .home .switch { background: var(--red-dk); } .showMenu { transform: translateX(0); } .hamburger { position: fixed; z-index: 100; top: 9px; right: 1rem; padding: 4px; cursor: pointer; background: none; display: none; } .burger-menu{ cursor: pointer; display: flex; } .burger-menu button{ margin: auto; cursor: pointer; padding: 10px } .burger-menu button{ background-color: none; background: none; border: none; border: none; } .burger-menu-outer { position: fixed; transform: translateX(100%); transition: transform 0.2s; width: 50vw; max-width: 540px; min-width: 440px; top: 0; right: 0; bottom: 0; z-index: 999; background: var(--red-dk); color: white; list-style: none; padding-top: 140px; margin: 0px; padding-left: 40px; padding-right: 40px; display: none; flex-direction: column; align-content: space-between; pointer-events: none; } .open-burger .burger-menu-outer { transform: translateY(0%); box-shadow: -7px 0px 14px #38121278; pointer-events: all; overflow: auto; display: flex; } .master-container { position: fixed; z-index: 99999; top: 4px; transform: scale(.9); right: 6vw; } .burger-menu-outer li{ padding-bottom: 5px; list-style: none; } .burger-menu-outer li a{ color: var(--bone-lt); } .showMenu { transform: translateY(0); } .menu-main-menu-container, .menu-nav-ga-container{ display: flex; } .bar { transition:0.4s; } .bar-1 { display: block; width: 28px; border-top: 2px solid var(--bone-lt); padding-top:8px; cursor:pointer; transition:0.4s; } .bar-2 { display: block; width: 28px; border-top: 2px solid var(--bone-lt); padding-top:8px; display:fixed; transition:0.4s; } .bar-3 { width:5em; display: block; width: 28px; border-top: 2px solid var(--bone-lt); transition:0.4s; } .team-thumbnail{ max-width: 120px; height: 120px; border-radius: 50%; border: var(--border); margin-bottom: 20px; object-fit: cover; } .role{ height: 60px; } .team-member-card{ margin-bottom: 40px; } #menu-burger-menu, #menu-main-menu-en ul, .burger-menu-outer ul{ padding-left: 0px; } #menu-main-menu-en > li >a, #menu-main-menu-ga > li >a { font-family: 'Quadraat'; font-size: 28px; display: block; margin-bottom: 10px; } #menu-main-menu-en > li, #menu-main-menu-ga > li{ margin-bottom: 40px; } #menu-main-menu-en, #menu-main-menu-ga{ display: grid; grid-template-columns: 1fr 1fr; } nav{ font-family: 'Quadraat'; display: flex; width: 100%; position: fixed; background: var(--red-lt); justify-content: space-between; padding: 10px 30px; z-index: 99; } nav ul{ padding: 0px; list-style: none; display: flex; margin-top: auto; margin-bottom: auto; } nav ul li{ margin-left: 0px; } nav ul a{ color: white; -webkit-font-smoothing: antialiased; padding-top: 20px; padding-bottom: 20px; padding-right: 25px; } nav ul [href*="whats-on"]{ padding: 7px 15px; background: var(--red-dk); } #navbar{ animation: nav-load 0.5s ease-out; } @keyframes nav-load{ 0%{transform: translateY(-100%);} 100%{transform: translateY(0%);} } .open-burger .back-opacity{ content: ""; width: 100%; height: 100%; display: block; background-color: #631819a1; backdrop-filter: blur(8px); position: fixed; z-index: 998; } .closeburger{ width: 60px; height: 60px; background: url('data:image/svg+xml,'); background-position: center; position: absolute; top: 10px; left: 10px; border: 0px; cursor: pointer; } nav > div{ display: inline-flex; max-height: min-content; margin-top: auto; margin-bottom: auto; } nav > div .menu{ display: flex; } section{ padding: 5%; } .show-when-small{ display: none; } @media only screen and (min-width: 1520px){ .event-header img { width: 50vw; position: absolute; } .event-header .tickets-link{ padding-left: 300px; margin-left: -300px; width: 70%; } .general-padding{ padding-left: 0px !important; } } @media only screen and (min-width: 1520px){ .eyes{ transform: scale(1.15); } } @media only screen and (min-width: 1400px){ .row{ max-width: 1400px; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 1300px){ .project-categories .category{ font-size: 16px; margin-right: 8px; } .project-categories { position: absolute; top: 15px; left: 12px; } .eyes{ transform: scale(.65); } } @media only screen and (max-width: 1200px) { .events-grid, .events-row{ grid-gap: 30px; } .events-grid, .events-row { display: grid; grid-template-columns: 1fr 1fr ;} } @media only screen and (max-width: 1000px){ .map-inner{ padding: 40px 20px 50px 50px; } .video-button { min-width: 220px; height: 190px; padding-top: 135px; } .button{ font-size: 18px; padding: 6px 15px; } .featured-news-card a{ grid-template-columns: 1fr; } .main-event-card .details { padding: 21px 24px; padding-bottom: 55px; } .main-event-card-outer .tickets-link{ padding: 14px 25px; } } @media only screen and (max-width: 768px){ .archive-banner{ margin-top: 76px; padding: 10px; } .home-news-card a{ background-position: calc(100% - 20px) calc(100% - 4px); } .home-news-card h3{ padding-right: 30px; } .event-header img{ border-left: 0 !important; } .map-block .border-row-top{ margin-bottom: 15px; } #menu-main-menu{ display: none; } .map-inner { padding: 30px 20px 40px 40px; } .single-events table{ margin-top: 20px; margin-bottom: 30px; } .slide img { max-height: 350px !important; } .event-header .col-6:nth-child(1) { padding: 0px; order: 2; --ms-flex-order: 2; } .event-header .general-padding { padding-top: 30px; padding-bottom: 60px; } .event-project-categories{ left: 20px; top: 140px; } .event-header .col-6:nth-child(2) { padding: 0px; order: 1; --ms-flex-order: 1; } .event-header img{ border-bottom: var(--border); max-height: 100vw; padding-top: 60px; } .event-header{ padding-top: 0px; height: auto !important; max-height: 100% !important; } .event-header .category{ text-transform: uppercase; font-size: 14px; min-width: max-content; margin-bottom: 15px; } .event-project-categories{ flex-wrap: wrap; } .event-header .tickets-link{ position: relative; display: block; width: 110%; } .video-button { margin-left: 0px; margin-top: 20px; } .email-signup-form input[type="submit"] { font-size: 16px; } .burger-menu-outer [type="submit"] { font-size: 14px; padding-right: 32px; background-position: calc(100% - 5px) 42%; background-size: 18px; background-repeat: no-repeat; } .text-block .general-padding { padding-top: 40px !important; padding-bottom: 50px !important; } .text-block .general-padding{ padding-top: 30px; } nav img { max-width: 260px; } .border-top { margin-bottom: 25px; } .pre-footer { padding-top: 60px; padding-bottom: 100px; } .pre-footer .border-top{ margin-top: 50px; margin-bottom: 20px; } .home-news-card{ padding-top: 18px; padding-bottom: 20px; border-bottom: var(--border); margin-bottom: 20px; } .btn { margin-right: 10px; margin-bottom: 12px; } .eyes { transform: scale(.25); height: 60vh; } .face{ align-items: flex-start; } .categories { list-style: none; display: flex; margin: auto; flex-wrap: wrap; align-content: center; justify-content: center; } nav > div > .switch{ display: none; visibility: hidden; pointer-events: none; } .burger-menu-outer .switch{ display: block; visibility: visible; pointer-events: all; } .news-card a{ display: block; } .news-card .date { max-width: 100%; margin-right: 0px; margin-bottom: 10px; display: block; } .show-when-small{ display: block; } .hide-when-small{ display: none; } .whats-on-header ul{ margin-left: 0px; margin-top: 25px; } .event-card-outer .tickets-link { font-size: 20px; padding: 13px; } .icon { background-size: 24px 20px; padding: 4px 0px 4px 32px; font-size: 16px; } .event-card .details{ min-height: 320px; } } @media only screen and (max-width: 650px){ .map-inner { padding: 30px 20px 30px 30px; } nav a{ display: flex; } .scrolled nav img { max-width: 180px; } nav img { margin-top: auto; margin-bottom: auto; max-width: 180px; } nav{ padding: 10px 20px; } #menu-main-menu{ display: none; } #menu-nav-ga{ display: none; } .details { padding: 18px 15px; } .main-event-card{ grid-template-columns: 1fr; } .main-event-card .details { padding: 18px 15px; padding-bottom: 60px; } .main-event-card-outer .tickets-link{ font-size: 20px; padding: 13px; width: 100%; } .events-grid, .events-row { display: grid; grid-template-columns: 1fr ;} .event-card .details { min-height: 300px; } .tickets-link svg { max-width: 14px; height: auto; } .archive-banner{ margin-top: 66px; } .event-project-categories{ left: 20px; top: 130px; } } @media only screen and (max-width: 500px){ .map-inner { padding: 30px 20px 30px 20px; } .slide img { max-height: 260px !important; } .home-header .row .col{ padding-top: 60px; } .open-burger .burger-menu-outer { width: 100%; } .whats-on-header .button{ font-size: 14px; background-size: 24px 20px; background-position: 5px center; margin-right: 8px; padding: 7px 8px 7px 37px; } .whats-on-header ul{ margin-left: 0px; margin-top: 20px; } .burger-menu-outer{ padding-left: 25px; padding-right: 25px; } .burger-menu-outer{ min-width: 100% } .banner{ padding-top: 40px; padding-bottom: 50px; } section { padding: 50px 20px 55px 20px; } .teeth-droplets { position: absolute; z-index: 1; left: 70px; top: -63px; max-width: 150px; } } @media only screen and (max-width: 400px){ nav ul [href*="whats-on"] { padding: 4px 9px; margin-right: 4px; } .slide img { max-height: 230px!important; } .brams-logo { max-width: 130px; } .whats-on-header .button { font-size: 14px; background-size: 22px 17px; background-position: 1px center; margin-right: 7px; padding: 6px 4px 6px 26px; } .email-signup-form input{ font-size: 20px; } .whats-on-header .button.active { border: 2px solid var(--red-lt); } } @media only screen and (max-width: 370px){ .email-signup-form input[type="submit"] { font-size: 13px; padding-right: 25px; background-size: 14px; } }