/*
Theme Name: Beckies Platform V1
Theme URI: http://www.thinkeq.co.uk/
Author: EQ
Author URI: http://www.thinkeq.co.uk/
Description: Beckies Speaker Platform Website Theme
Version: 1.0
Text Domain: BeckieTaylor
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Global rules */
:root {
    --bt-black: #181818;
    --bt-yellow: #F3EA0D;
    --bt-yellow-alt: #EBE200;
    --bt-light-grey: #F2F2EA;
    --bt-grey: #E2E2CD;

    --bt-font: 'Fig Tree', sans-serif;
    --bt-transition: all 0.5s ease !important;
}
/* =================push menu css starts here================= */
.mp-pusher {position: fixed;top: 0;width: 100%;left: 100%;height: calc(100%);perspective: 1000px;z-index: 9999;display: none;}
.mp-pusher { display: block; }
.mp-pusher.mp-pushed { left: 0; }
.mp-menu { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); background: var(--bt-black); }
.mp-level {position: absolute;top: 0;left: 0;width: 100%;min-height: 100%;background: var(--bt-black);-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0);overflow-x: hidden;height: 100%;}
.mp-sub-level .mp-level {background: #fff;}
.mp-menu > .mp-level { padding: 0;display: flex; flex-flow: column; }
.mp-pusher::after, .mp-level::after, .mp-level::before { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; opacity: 0; }
.mp-pusher::after, .mp-level::after { background: rgba(0, 0, 0, 0.2); -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s; }
.mp-level::after { z-index: -1; }
.mp-pusher.mp-pushed::after, .mp-level.mp-level-overlay::after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; }
.mp-level.mp-level-overlay { cursor: pointer; }
.mp-level.mp-level-overlay.mp-level::before { width: 100%; height: 100%; background: transparent; opacity: 1; }
.mp-pusher, .mp-level { -webkit-transition: all 0.5s; transition: all 0.5s; }
.mp-overlap .mp-level.mp-level-open { box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2); -webkit-transform: translate3d(-40px, 0, 0); transform: translate3d(-40px, 0, 0); }
.mp-menu > .mp-level, .mp-menu > .mp-level.mp-level-open, .mp-menu.mp-overlap > .mp-level, .mp-menu.mp-overlap > .mp-level.mp-level-open { box-shadow: none; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }
.no-csstransforms3d .mp-pusher, .no-js .mp-pusher { padding-left: 300px; }
.no-csstransforms3d .mp-menu .mp-level, .no-js .mp-menu .mp-level { display: none; }
.no-csstransforms3d .mp-menu > .mp-level, .no-js .mp-menu > .mp-level { display: block; }
.mp-menu ul {margin: 0;padding: 0;list-style: none;}
.mp-menu ul > li {display: flex;width: 100%;}
.mp-menu ul > li > img {width: 50px;height: 50px;background: #fff;padding: 10px;border-radius: 5px;margin: 13px 30px 0 0;}
.mp-menu ul li > a {display: block;font-size: 22px;line-height: 30px; font-weight: 900;color: white;padding: 15px 0 15px 30px;width: 100%;}
/* =================push menu css ends here================= */
/* =================slick css starts here================= */
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;}
.slick-slide img {display: block;width: 100%}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-loading .slick-list {background: #fff center center no-repeat;}
.slick-prev, .slick-next {z-index: 99;font-size: 0;line-height: 0;position: absolute;display: block;float: left;padding: 0;margin-top: -25px \9; /*lte IE 8*//* -webkit-transform:translate(0,-50%); */-ms-transform: translate(0, -50%); /* transform:translate(0,-50%); */cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;width: 80px;height: 120px;border-radius: 0;}
.slick-prev:hover, .slick-next:hover {color: transparent;outline: none;}
.slick-prev:hover:before, .slick-next:hover:before {opacity: 1;}
.slick-prev.slick-disabled:hover:before, .slick-next.slick-disabled:hover:before {filter: none !important;}
.slick-prev.slick-disabled, .slick-next.slick-disabled {opacity: .37; background: transparent !important; cursor: not-allowed;}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {}
.slick-prev:before, .slick-next:before {font-weight: 900; width: 100%; height: 100%; position: absolute; left: 0; transition: var(--bt-transition); content:"\f053"; font-family: 'Font Awesome 6 Sharp';z-index: 2; background-size: contain; font-size: 125px; color: rgba(255, 255, 255, 0.7)}
.slick-prev {left: -110px;transform: rotate();}
.slick-prev:hover::before, .slick-next:hover::before{color: white}
.slick-next {right: -110px;transform: rotate(180deg);}
.slick-prev:after {content: "";position: absolute;left: 0px;top: 2px;background: #fff;width: 22px;height: 18px;z-index: 1;clip-path: polygon(0 100%, 100% 100%, 50% 0); transition: all 0.1s ease-in; opacity: 0;}
.slick-next:after {content: "";position: absolute;left: 0px;top: 2px;background: #fff;width: 22px;height: 18px;z-index: 1;clip-path: polygon(0 100%, 100% 100%, 50% 0); transition: all 0.1s ease-in; opacity: 0;}
.slick-slider {margin-bottom: 0;}
.slick-dots {position: absolute;bottom: -50px;display: flex;width: 100%;padding: 0;list-style: none;text-align: center;vertical-align: top;height: 20px;justify-content: center;}
.slick-dots li {;position: relative;display: inline;margin: 0 0px;padding: 0;text-align: center;cursor: pointer;vertical-align: top;height: 18px;display: flex;align-items: center;}
.slick-dots li button {border-radius: 20px; border: 1px solid var(--bt-black); font-size: 0;line-height: 0;display: inline-block;width: 28px;height: 28px;padding: 0;cursor: pointer;color: transparent;background: transparent;opacity: 1;border-radius: 50%;vertical-align: top;margin: 0 8px;}
.slick-dots li.slick-active button {opacity: 1; background: var(--bt-black);}
.full-height .slick-track {display: flex;}
.full-height .slick-track .slick-slide {height: auto;}

@media (max-width: 576px) {
    .slick-dots {bottom: -80px}
}
/* =================slick css end here=================  */
/* =================animate css starts here================= */
.animated {-webkit-animation-duration: 0.7s; animation-duration: 0.7s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}
.fadeIn {-webkit-animation-name: fadeIn; animation-name: fadeIn;}
@-webkit-keyframes fadeInUp {
    from {opacity: 0;-webkit-transform: translate3d(0, 10px, 0);transform: translate3d(0, 10px, 0);}
    to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
@keyframes fadeInUp {
    from {opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);}
    to {opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
}
.fadeIn {-webkit-animation-name: fadeInUp;animation-name: fadeInUp;}
img {width: 100%}
/* =================animate css ends here================= */
/* =================global css starts here================= */
#html {margin-top: 0 !important;}
#html #wpadminbar {top: auto; width: auto; min-width: auto; bottom: 0; display: none}
#html #wp-admin-bar-top-secondary, #html #wpadminbar .menupop, #wp-admin-bar-customize, #wp-admin-bar-updates, #wp-admin-bar-comments {display: none;}
.content-container {padding: 40px 0}
p, h1, h2, h3, h4, h5, button, ul, li, div {font-family: 'Figtree', sans-serif;}
h1, h1 p {font-size: 45px;font-weight: 800; line-height: 110px}
h2 {font-size: 26px; font-weight: 900}
button:focus {outline: unset}
select:focus {outline: unset}
.body-fixed {overflow: hidden;}
.body-fixed .nav-container{position: unset;}
a {color: black;}
a:hover {color: unset;}
.light-cta .btn {transition: var(--bt-transition);text-decoration: underline; position: relative; width: 100%; outline: 2px solid black; border-radius: 0; height: 75px; font-size: 30px; font-weight: 800; display: flex; justify-content: center; align-items: center;}
.light-cta .btn:hover {background: #F2F2EA}
.yellow-cta .btn {transition: var(--bt-transition);text-decoration: underline; position: relative; width: 100%; outline: 2px solid black; border-radius: 0; height: 75px; font-size: 30px; font-weight: 800; display: flex; justify-content: center; align-items: center; background: var(--bt-yellow)}
.yellow-cta .btn:hover {background: var(--bt-yellow-alt)}
.light-cta:first-child .btn, .yellow-cta .btn {margin-bottom: 15px}
.light-cta:first-child .btn::before, .light-cta:last-child .btn::after {content: ''; background-image: url("include/img/dropdown_arrow.svg"); height: 29px; width: 44px; position: absolute; background-repeat: no-repeat; background-size: contain; z-index: 9}
.light-cta:first-child .btn::before {transform: rotateZ(90deg); left: 20px}
.light-cta:last-child .btn::after {transform: rotateZ(270deg); right: 20px}
p{font-size: 18px}

@media (min-width: 992px) {
    .signpost-v2-container .light-cta .btn {height: 120px; font-size: 49px}
    .signpost-v2-container .light-cta:first-child .btn::before, .light-cta:last-child .btn::after {height: 46px; width: 70px}
    /*.signpost-v2-container .light-cta:last-child a {background: var(--bt-yellow)}*/
    /*.signpost-v2-container .light-cta:last-child a:hover {background: var(--bt-yellow-alt)}*/
}

@media (min-width: 1199px) {
    h2 {font-size: 35px; font-weight: 900; letter-spacing: -1px}
}
/* =================global css end here================= */
/* =================magnific css starts here================= */
.mfp-bg {top: 0;left: 0;width: 100%;height: 100%;z-index: 1042;overflow: hidden;position: fixed;background: var(--black);opacity: 0.59;}
.mfp-wrap {top: 0;left: 0;width: 100%;height: 100%;z-index: 1043;position: fixed;outline: none !important;}
.mfp-container {text-align: center;position: absolute;width: 100%;height: 100%;left: 0;top: 0;padding: 0 0;box-sizing: border-box;}
.mfp-container:before {content: '';display: inline-block;height: 100%;vertical-align: middle;}
.mfp-align-top .mfp-container:before {display: none;}
.mfp-content {position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {width: 100%;cursor: auto;}
.mfp-ajax-cur {cursor: progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor: -moz-zoom-out;cursor: -webkit-zoom-out;cursor: zoom-out;}
.mfp-zoom {cursor: pointer;cursor: -webkit-zoom-in;cursor: -moz-zoom-in;cursor: zoom-in;}
.mfp-auto-cursor .mfp-content {cursor: auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {-webkit-user-select: none;-moz-user-select: none;user-select: none;}
.mfp-loading.mfp-figure {display: none;}
.mfp-hide {display: none !important;}
.mfp-preloader {color: #CCC;position: absolute;top: 50%;width: auto;text-align: center;margin-top: -0.8em;left: 8px;right: 8px;z-index: 1044;}
.mfp-preloader a {color: #CCC;}
.mfp-preloader a:hover {color: #FFF;}
.mfp-s-ready .mfp-preloader {display: none;}
.mfp-s-error .mfp-content {display: none;}
button.mfp-close, button.mfp-arrow {cursor: pointer;background: transparent;border: 0;-webkit-appearance: none;display: block;transition: all 0.2s ease-in 0.2s;outline: none;padding: 0;z-index: 1046;box-shadow: none;touch-action: manipulation;}
button::-moz-focus-inner {padding: 0;border: 0;}
.mfp-close {width: 44px;height: 44px;line-height: 44px;position: absolute;right: 0;top: 0;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 28px;}
.mfp-close:hover, .mfp-close:focus {opacity: 1;}
.mfp-close:active {top: 1px;}
.mfp-close-btn-in .mfp-close {color: #333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {color: #FFF;right: -6px;text-align: right;padding-right: 6px;width: 100%;}
.mfp-counter {position: absolute;top: 0;right: 0;color: #CCC;font-size: 12px;line-height: 18px;white-space: nowrap;}
.mfp-iframe-holder {padding-top: 40px;padding-bottom: 40px;}
.mfp-iframe-holder .mfp-content {line-height: 0;width: 100%;max-width: 900px;}
.mfp-iframe-holder .mfp-close {top: -40px;}
.mfp-iframe-scaler {width: 100%;height: 0;overflow: hidden;padding-top: 56.25%;}
.mfp-iframe-scaler iframe {position: absolute;display: block;top: 0;left: 0;width: 100%;height: 100%;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #000;}
img.mfp-img {width: auto;max-width: 100%;height: auto;display: block;line-height: 0;box-sizing: border-box;padding: 40px 0 40px;margin: 0 auto;}
.mfp-figure {line-height: 0;}
.mfp-figure:after {content: '';position: absolute;left: 0;top: 40px;bottom: 40px;display: block;right: 0;width: auto;height: auto;z-index: -1;box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);background: #444;}
.mfp-figure small {color: #BDBDBD;display: block;font-size: 12px;line-height: 14px;}
.mfp-figure figure {margin: 0;}
.mfp-bottom-bar {margin-top: -36px;position: absolute;top: 100%;left: 0;width: 100%;cursor: auto;}
.mfp-title {text-align: left;line-height: 18px;color: #F3F3F3;word-wrap: break-word;padding-right: 36px;}
.mfp-image-holder .mfp-content {max-width: 100%;}
.mfp-gallery .mfp-image-holder .mfp-figure {cursor: pointer;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {padding-left: 0;padding-right: 0;}
    .mfp-img-mobile img.mfp-img {padding: 0;}
    .mfp-img-mobile .mfp-figure:after {top: 0;bottom: 0;}
    .mfp-img-mobile .mfp-figure small {display: inline;margin-left: 5px;}
    .mfp-img-mobile .mfp-bottom-bar {background: rgba(0, 0, 0, 0.6);bottom: 0;margin: 0;top: auto;padding: 3px 5px;position: fixed;box-sizing: border-box;}
    .mfp-img-mobile .mfp-bottom-bar:empty {padding: 0;}
    .mfp-img-mobile .mfp-counter {right: 5px;top: 3px;}
    .mfp-img-mobile .mfp-close {top: 0;right: 0;width: 35px;height: 35px;line-height: 35px;background: rgba(0, 0, 0, 0.6);position: fixed;text-align: center;padding: 0;}
}
.mfp-bg {z-index: 999998;}
.mfp-wrap {z-index: 999999;}
.mfp-close-btn-in .mfp-close {opacity: 1;color: var(--white);top: 15px;right: 13px;font-size: 52px;font-weight: 300;font-family: var(--secondary-font);}
.mfp-auto-cursor .mfp-content {max-width: 840px;position: relative;margin: 0px auto;overflow: hidden;}
.mfp-ready .mfp-content {box-shadow: 0 0 12px rgb(0 0 0 / 30%);}
.mfp-zoom-in .mfp-with-anim {opacity: 0;transition: all 0.1s ease-in-out;transform: scale(0.95);}
.mfp-zoom-in.mfp-bg {opacity: 0;transition: all 0.1s ease-out;}
.mfp-zoom-in.mfp-ready .mfp-with-anim {opacity: 1;transform: scale(1);}
.mfp-zoom-in.mfp-ready.mfp-bg {opacity: 0.59;}
.mfp-zoom-in.mfp-removing .mfp-with-anim {transform: scale(0.95);opacity: 0;}
.mfp-zoom-in.mfp-removing.mfp-bg {opacity: 0;}
.mfp-arrow-left {position: absolute;left: -50px;bottom: 30px;width: 50px;height: 104px;overflow: hidden;z-index: 5;}
.mfp-arrow-right {position: absolute;right: -50px;bottom: 30px;width: 50px;height: 104px;overflow: hidden;z-index: 5;}
.mfp-arrow-left:before, .mfp-arrow-right:before {font-family: 'font Awesome 5 Free';font-weight: 900;font-size: 40px;line-height: 1;opacity: 1;z-index: 1;position: relative;color: #170000;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background: transparent;border-radius: 50%;display: flex;padding: 0;width: 50px; /* background: #f00; */height: 100%;align-items: center;justify-content: center;}
.mfp-arrow-left:before {content: "\f053";padding-right: 13px;}
.mfp-arrow-right:before {content: "\f054";padding-left: 13px;}
.mfp-arrow-left:after, .mfp-arrow-right:after {content: '';width: 100px;height: 104px;border-radius: 50%;background: #D0D2D1;z-index: 0;position: absolute;top: 0;}
.mfp-arrow-left:after {left: -50px;}
.mfp-arrow-right:after {left: auto;right: -50px;}
.mfp-ready .mfp-arrow-left {left: 0;}
.mfp-ready .mfp-arrow-right {right: 0;}
button.mfp-arrow {display: none !important;}
/* =================magnific css ends here================= */
/* =================header css starts here================= */
.navbar {padding: 0}
.nav-container {height: 100px; position: fixed; background: white; width: 100%; z-index: 999}
.navbar-brand {padding: 0; transition: var(--bt-transition)}
.navbar-brand img {width: 148px; height: 100px; object-fit: cover}
.nav-link {font-size: 49px; font-weight: 800; color: var(--bt-black); transition: var(--bt-transition); padding: 0 !important;}
.nav-link:hover {text-decoration: underline; color: var(--bt-black); background: var(--bt-yellow)}
#mp-menu .nav-link:hover{color: white; background: transparent;}
#menu-header-menu {display: flex; align-items: center; justify-content: space-between; width: 100%}
.mp-level {margin-top: 100px;}
.mp-level .navbar-nav {padding: 15px;}
.mp-level #navbar-collapse-walker {display: flex; align-items: center; justify-content: center; height: calc(100% - 250px)}
.mp-level .nav-link {font-size: 73px; font-weight: 800; line-height: 73px; margin-top: 30px; text-align: center}
#mp-menu { padding: 0 15px 15px;}
#trigger {font-size: 40px}
#trigger:not(.collapsed) {margin-left: auto; color: white; z-index: 99999}
#trigger:not(.collapsed) i::before { content: "\f00d";}
#header {height: 100px; transition: var(--bt-transition)}
#header.header-dark {background: var(--bt-black);}
#header.header-dark .navbar-brand.dark-brand {display: block; position: relative; z-index: 999;}
#header.header-dark .navbar-brand.light-brand {display: none;}
.social-item {z-index: 99999; position: relative; transition: var(--bt-transition)}
.social-item i::before{transition: var(--bt-transition)}
.social-item:hover i::before{color: var(--bt-yellow)}
.nav-social {font-size: 40px; display: flex; justify-content: space-between}
.social-item i {color: white;}
.header-lower-links {color: white; text-decoration: underline;}
.nav-lower-links {margin-top: 30px; display: flex; justify-content: space-between}
.mp-container {height: 100%}

/* =================header css end here================= */
/* =================home css start here================= */
.content-heading-container {padding-bottom: 20px}
.home-content-container p {padding-bottom: 20px}

@media (min-width: 1199px) {
    .content-heading-container:before {position: absolute; width: 125px; height: 125px; left: 35px; background-repeat: no-repeat; }
    .content-heading-container {display: flex; align-items: center}
    .sign-post-container::after {content: ''; width: 225px; height: 225px; background-repeat: no-repeat; right: 0; bottom: 0; position: absolute; background-size: cover}
    .sign-post-container {position: relative}
}

/* =================home css end here================= */
/* =================footer css start here================= */
.logo-container img {width: 187px; height: 121px; object-fit: cover}
.footer-container {background: var(--bt-black)}
.footer-links, .footer-lower-links {padding-left: 0; list-style: none;margin: 30px 0}
.footer-links .footer-item a {color: white; text-decoration: underline; font-size: 34px; font-weight: 600; }
.footer-lower-links .footer-item a {color: white; text-decoration: underline}
.footer-lower-links {display: flex; justify-content: space-between}
.footer-links a:hover{color: var(--bt-yellow)}
.footer-lower-links a:hover{color: var(--bt-yellow)}
.footer-container a{transition: var(--bt-transition)}

@media (min-width: 576px) {
    .footer-links {justify-content: space-between; width: 100%; display: flex;}
    .footer-item {width: fit-content}
}

@media (max-width: 1199px){
    h1, h1 p{line-height: 60px}
}

@media (min-width: 1199px) {
    .footer-links .footer-item a {font-size: 18px}
    .footer-links {justify-content: space-evenly}
    .footer-item {white-space: nowrap}
    .footer-container {height: 179px}
    .footer-col {margin: auto 0; padding-bottom: 30px}
    .footer-container .container, .footer-container .row {height: 100%}

}
/* =================footer css end here================= */
/* =================about css start here================= */
.seen-on-col {display: flex; justify-content: center; order: 3; padding-bottom: 30px}
.seen-on-container {width: 255px; display: flex; justify-content: center; position: relative; min-height: 205px; border: 5px solid; height: fit-content}
.seen-on-container h2 {position: absolute; background: white; top: -20px; padding: 0 10px; display: none; }
.seen-on-item img {object-fit: contain}
.content-image-container img {height: auto}
.content-image-container {height: 100%; display: flex; align-items: center}
.content-image-col {order: 4;}
.content-col {padding-bottom: 30px}
.content-section h2 {margin-bottom: 30px}
@media (min-width: 576px) {
    .seen-on-col {order: unset;}
    .content-image-col {order: unset;}
}
/* =================about css end here================= */
/* =================updates css start here================= */
.blog-filter-container {display: flex; justify-content: center; width: 100%}
.blog-filter-container select {border-color: black; -webkit-appearance: none;}
.cat{width: 100%; position: relative; display: flex; align-items: center}
#cat {width: 100%;padding: 15px 10px}
.cat::after{content: ''; width: 25px; height: 18px; background-image: url("include/img/dropdown_arrow.svg"); position: absolute; color: black; background-repeat: no-repeat; background-size: contain; right: 20px}
.blog-pagination {display: flex; justify-content: center; font-size: 35px; font-weight: 900; position: relative; align-items: center}
.blog-pagination .page-numbers {margin-left: 5px; margin-right: 20px; position: relative; padding: 0 10px; text-decoration: underline}
.blog-pagination .page-numbers.current, .blog-pagination .page-numbers:hover {background: var(--bt-yellow); text-decoration: none}
.blog-pagination .page-numbers:not(.next):not(.prev)::after {content: '/'; position: absolute; left: 40px}
.blog-pagination .page-numbers.next, .blog-pagination .page-numbers.prev {display: flex;visibility: hidden; width: 35px; height: 23px; position: relative}
.blog-pagination .page-numbers.next::after, .blog-pagination .page-numbers.prev::after {visibility: visible;content: ''; background-image: url("include/img/dropdown_arrow.svg"); background-repeat: no-repeat;background-position: center; width: 35px; height: 23px; position: absolute; top: 0}
.blog-pagination .page-numbers.next::after {transform: rotateZ(270deg)}
.blog-pagination .page-numbers.prev::after {transform: rotateZ(90deg)}
/* =================updates css end here================= */
/* =================updates partial css start here================= */
.updates-partial-col {margin-top: 50px}
.updates-partial-item:hover .updates-partial-cta{background: var(--bt-yellow)}
.updates-partial-item:hover .updates-partial-image img{ transform: scale(1.05)}
.updates-partial-item:hover {}
.updates-partial-item *:not(img) {margin-bottom: 15px}
.updates-partial-image img {width: 100%; height: 191px; object-fit: cover; transition: var(--bt-transition)}
.updates-partial-image{overflow:hidden; height: fit-content; }
.updates-partial-title {font-size: 35px; font-weight: 900}
.updates-partial-excerpt {font-size: 20px}
.updates-partial-cta {text-transform: uppercase; font-weight: 700; font-size: 20px; text-decoration: underline; width: fit-content; transition: var(--bt-transition)}
@media (min-width: 576px) {
    .cat, #cat {width: 370px}
    .updates-partial-excerpt {margin-bottom: 30px}
    .updates-partial-image img {height: 257px}
    .updates-partial-col {margin-top: 80px}
}
/* =================updates partial css end here================= */
/* =================update single css start here================= */
.breadcrumb-container {background-color: #FFF971;}
.breadcrumbs {display: flex; margin-bottom: 0; padding-left: 0}
.breadcrumb {position: relative;font-size: 18px; font-weight: 700; background: transparent; width: fit-content; text-decoration: underline; padding: 12px 15px; padding-right: 35px; display: flex; align-items: center; margin-bottom: 0; height: 50px}
.breadcrumb:first-child::after {content: ''; width: 14px; height: 14px; background-image: url("include/img/breadcrumb-separator.svg"); background-size: contain; background-repeat: no-repeat; right: 0; position: absolute}
.breadcrumb:nth-child(2) {margin-left: 5px}
.single {color: #0D2212}
.single-update-title {background: var(--bt-yellow); font-size: 40px; font-weight: 900;}
.single-update-title h1{ line-height: 50px}
.single-featured-image img {height: auto}
.single-content p {margin-bottom: 30px}
.single-video-container {margin-bottom: 60px; display: flex; justify-content: center; align-items: center; margin-left: -15px; margin-right: -15px; padding: 30px 0}
.single-video-container .play-btn {position: absolute}
.single-video-container {background: var(--bt-black); margin-top: 60px;}
.single-video-container img {padding: 0 15px; border-radius: 50px;}
.single-published span {font-size: 18px; font-weight: 700}
.single-published {border-top: 1px solid rgba(13, 34, 18, 0.25); border-bottom: 1px solid rgba(13, 34, 18, 0.25); padding-top: 30px; padding-bottom: 30px; margin-bottom: 20px}
.single-published p {margin-bottom: 0; opacity: 70%}
.single-content p:last-child {margin-bottom: 0}
.a2a_kit.a2a_kit_size_48.addtoany_list {display: flex; justify-content: space-between; flex-flow: row;}
.a2a_kit.a2a_kit_size_48.addtoany_list .a2a_svg { border-radius: 32px !important; display: flex; align-items: center;}
.a2a_kit .a2a_svg svg {width: 32px; height: 32px}
.single-post-info .category-tag {background: white; font-size: 18px; font-weight: 600; width: fit-content; padding: 0 10px; white-space: nowrap}
.single-post-info .category-tag:first-child {margin-right: 30px}
.single-category-list {list-style: none; display: flex; flex-flow: row; padding-left: 0; margin-bottom: 30px}
.event-time p, .event-location p {font-weight: 600}
.event-time, .event-location {font-size: 18px; margin-bottom: 30px}
.event-cta .btn {background: var(--bt-yellow); color: black; font-size: 30px; font-weight: 800; padding: 5px 20px; border-radius: 30px; box-shadow: 0px 0px 5px 0px grey}
.event-cta .btn:hover {background: var(--bt-yellow-alt)}
.event-cta .btn i {margin-left: 15px}
.single-post-info {background: #F2F2EA; padding: 15px}
.single-cat-col {margin-bottom: 40px}

@media (min-width: 1199px) {
    .single-cat-col {margin-bottom: 0}
    .single-cat-col {order: 2}
}
@media (min-width: 576px) {
    .share-col {display: flex; flex-flow: row; align-items: center}
    .share-col p {margin-bottom: 0}
    .share-col .a2a_kit a {padding: 0 15px}
    .single-featured-image img {height: 313px; object-fit: cover; }
    .single-video-container {background: transparent; padding: 0 15px}
    .single-video-container > img {border-radius: 50px; border: 5px solid black; padding: 0}
}
/* =================update single css end here================= */
/* =================signpost v2 css start here================= */
.signpost-v2 {display: flex; align-items: center}

@media (min-width: 576px) {
    .signpost-v2:first-child {margin-bottom: 0}
}

.signpost-v2-container .light-cta.btn:hover{background: var(--bt-yellow-alt)}

/* =================signpost v2 css end here================= */
/* =================contact css start here================= */
.contact-section h2 {font-size: 35px; font-weight: 900}
.contact-section {display: flex; justify-content: center; position: relative; }
.contact-form-container {background: var(--bt-yellow); position: relative; display: flex; justify-content: center;box-shadow: inset 0px 0 20px 0px grey;}
.contact-section::after {content: ''; position: absolute; width: 40px; height: 40px; transform: rotateZ(45deg); background: white; bottom: -20px; z-index: 99; filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.18))}
.contact-form-header {font-size: 35px; font-weight: 900; text-align: center; width: 100%}
.contact-form {width: 100%}
.wpcf7-form input, .wpcf7-form label, .wpcf7-form textarea {width: 100%}
.wpcf7-form input {border: 1px solid; height: 52px; padding: 15px}
.wpcf7-form textarea {border: 1px solid; padding: 15px}
.form-label {padding-left: 15px;}
.form-label label {margin-bottom: 0}
.wpcf7-form select { -webkit-appearance: none;-moz-appearance: none; width: 100%; height: 52px; border: 1px solid;}
.wpcf7-form .wpcf7-list-item {margin-left: 0}
.wpcf7-form .wpcf7-list-item input {width: 27px; height: 27px; flex-shrink: 0; margin-right: 15px; border: 1px solid;}
.wpcf7-form .wpcf7-list-item label {display: flex;}
.wpcf7-form .wpcf7-submit {border: 0; border-radius: 10px; background: var(--bt-black); color: white; font-size: 18px; font-weight: 600; text-transform: uppercase; line-height: 18px;}
.wpcf7-form .wpcf7-submit:hover{color: var(--bt-yellow)}
.lets-connect-container {background: black; color: var(--bt-yellow);}
.lets-connect-container h2 {font-size: 35px; font-weight: 600; text-align: center; margin-bottom: 30px}
.connect-social {display: flex; justify-content: space-between; font-size: 40px}
.contact-form .wpcf7-spinner {display: none;}
.contact-form .wpcf7 form .wpcf7-response-output {margin-top: 0;margin-bottom: 30px; margin-left: 0; margin-right: 0}
.wpcf7-select{background-image: url("include/img/dropdown_arrow.svg"); background-repeat: no-repeat; background-position: right; background-position-x: 98%; padding: 10px 15px ;}

@media (min-width: 992px) {
    .connect-section {display: flex; align-items: center}
    .connect-header {margin-right: 30px; min-width: 270px}
    .connect-social {width: 100%}
    .lets-connect-container h2 {margin-bottom: 0; font-size: 45px}
    .connect-social {font-size: 45px}
    .contact-form-holder {padding: 30px 95px; background: rgba(255, 255, 255, 0.6); margin-top: 30px; margin-bottom: 60px; padding-bottom: 15px}
    .contact-section h2 {font-weight: 600}
    .contact-form-header {font-weight: 600; font-size: 30px}
    .contact-section::after{filter: drop-shadow(2px 2px 1px rgba(0, 0, 0, 0.18));}
}

/* =================contact css end here================= */
/* =================standard page css start here================= */
.standard-page-title {background: var(--bt-yellow);}
.standard-page-title h1 { font-size: 95px; line-height: 95px}
/* =================standard page css end here================= */

/* Will's Utilties */
/* Desktop */
.content-container {padding-bottom: 40px; padding-top: 40px}
.p-d-top {padding-top: 40px}
.p-d-top-0 {padding-top: 0}
.p-d-bottom {padding-bottom: 40px}
.p-d-bottom-2 {padding-bottom: 80px}
.p-d-top-2 {padding-top: 80px}
.p-d-bottom-0 {padding-bottom: 0}
.p-d-0 {padding-top: 0; padding-bottom: 0;}
.m-d-top-2 {margin-bottom: 80px;}

/* Tablet */
@media (max-width: 1199px) {
    .p-t-top {padding-top: 50px}
    .p-t-bottom {padding-bottom: 50px}
    .p-t-bottom-2 {padding-bottom: 100px}
    .p-t-top-2 {padding-top: 100px}
    .p-t-bottom-0 {padding-bottom: 0}
    .p-t-top-0 {padding-top: 0}
}

/* Mobile */
@media (max-width: 576px) {
    .content-container {padding-bottom: 30px; padding-top: 30px}
    .p-m-top {padding-top: 30px}
    .p-m-bottom {padding-bottom: 30px}
    .p-m-bottom-2 {padding-bottom: 60px}
    .p-m-top-2 {padding-top: 60px}
    .p-m-bottom-0 {padding-bottom: 0}
    .p-m-top-0 {padding-top: 0}
    .p-m-0 {padding-top: 0; padding-bottom: 0;}
    .mp-col{padding-left: 0}
}

.content-container h1 p a {
    color: #212529;
    text-decoration: none;
}
.content-container h1 p a:hover {
    background: var(--bt-yellow);
    color: #212529;
    text-decoration: underline;
}

.content-container p a {
    color: #212529;
    background: var(--bt-yellow);
    text-decoration: underline;
}
.content-container p a:hover {
    background: #212529;
    color: var(--bt-yellow);
    text-decoration: underline;
}