/*!Theme Name: Bourn Parish Council
Author: Yowly Creative
Author URI: http://yowly.co.uk
Description: A custom theme created for The Bourn Parish Council by Yowly Creative
Version: 1.1.0
Text Domain: bourn-parish-council
Table of Contents
Colours
Type
Primary Nav
Header Icons
Header Parallax Section
Sidebar
Button bits
Home event grid
Slider
Calendar
Breadcrumb
.splitter-line {
height: 1px;
width: 100%;
background-color: #d8e2e6;
}
.post, .page {
margin: 0;
}
* { outline: none; }
::selection {
background: #D43211; /* WebKit/Blink Browsers*/color: white; border-radius: 3px; } ::-moz-selection { background: #D43211; color: white; border-radius: 3px; } ::-webkit-scrollbar { display: none; } .bg-primary-blue { background-color: #133440; } .col-primary-blue::placeholder { color: #164252; } .bg-primary-grey { background-color: #FCFCFC; } .col-secondary-grey { color: #5D797E; } .border-primary-grey { border: #d8e2e6 solid 1px; } .bg-accent-orange { background-color: #D43211; } .col-accent-orange { color: #D43211; } .border-dark-blue { border-color: #164252; } body,.normal-type { font-family: proxima-nova,sans-serif; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; letter-spacing: 0.3px; color: #164252; } p { font-family: inherit; } p strong { font-weight: 600; } p a { text-decoration: underline; } .flexible-content-area a { text-decoration: underline; } a { font-family: inherit; color: #164252; display: inline-block; text-decoration: none; } header nav { } h1,h2,h3 { font-family: sofia-pro,sans-serif; } .header-type { font-family: sofia-pro,sans-serif; } h1 { font-size: 3rem; font-weight: 600; margin: 0; line-height: 1; margin-bottom: 0.7rem; } h2 { font-size: 2.5rem; font-weight: 600; margin: 0; line-height: 1; margin-bottom: 0.7rem; } h3 { font-size: 1.4rem; font-weight: 600; margin: 0; line-height: 1; margin-bottom: 0.5rem; } h4 { font-size: 1rem; font-weight: 600; margin: 0; line-height: 1; margin-bottom: 0.5rem; } .primary-nav { } .primary-nav a { color: white; } .primary-nav a:hover { color: white; } .primary-nav li.current-menu-item a { } .primary-nav li.current-menu-item a::after { content: ''; position: absolute; width: 100%; bottom: 0; height: 2px; background-color: white; left: 0; right: 0; margin: auto; width: 5px; height: 5px; border-radius: 9999px; margin-bottom: -5px; background-color: white; } header .fa-facebook-f { font-size: 1rem; padding-bottom: 6px; } header .fa-instagram { font-size: 1.2rem; } .header-parallax { min-width: 100%; } .header-parallax-section { max-height: 80vh; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center; } .header-parallax-section::before { opacity: 1; content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; background: linear-gradient(0deg,#133440 0%,#fff0 75%); } .header-parallax-section .simpleParallax { width: 100%; min-height: 100%; } .side-bar ul{ list-style: none; margin: 0; padding-top: 15px; } .side-bar ul li{ margin-bottom: 15px; } .side-bar ul li:last-of-type { margin-bottom: 0; } .side-bar-button { width: 100%; border: solid #d8e2e6 1px; padding: 15px; font-weight: 500; } .declare-bar-button { border: solid #d8e2e6 1px; padding: 15px; font-weight: 500; } .side-bar-button p { font-weight: 400; margin: 10px 0; padding: 0; } .slide-up-hover { position: relative; overflow: hidden; z-index: 5; transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; transition-duration: 0.3s; } .slide-up-hover:hover { -webkit-box-shadow: 0px 0px 36px -7px rgba(22,66,82,0.20); -moz-box-shadow: 0px 0px 36px -7px rgba(22,66,82,0.20); box-shadow: 0px 0px 36px -7px rgba(22,66,82,0.20); transition-timing-function: ease-in-out; transition-duration: 0.3s; background-color: #164252; border-color: #164252; color: white; } .round-button { border-radius: 30px; padding: 10px 30px 13px 30px; font-weight: 600; font-size: 0.9rem; } .round-button:hover { transform: translateY(-4px); transition-duration: 0.2s; transition-timing-function: ease-in-out; -webkit-box-shadow: 0px 0px 20px -7px rgba(22,66,82,0.20); -moz-box-shadow: 0px 0px 20px -7px rgba(22,66,82,0.20); box-shadow: 0px 0px 20px -7px rgba(22,66,82,0.20); } .round-button { transition-duration: 0.2s; transition-timing-function: ease-in-out; } .round-button.bg-accent-orange { border: solid #D43211 1px; } .round-button.bg-accent-orange:hover { } .swiper-container { width: 100%; height: 100%; overflow: visible !important; } .swiper-slide { text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .slider { height: 650px; } .force-width { width: 100%; height: auto !important; object-fit: cover; min-height: 100%; } .slider .swiper-container { border-radius: 5px; } .swiper-button-next,.swiper-button-prev { background-size: 17px 34px !important; } .swiper-button-next,.swiper-container-rtl .swiper-button-prev { right: 30px !important; } .swiper-button-prev,.swiper-container-rtl .swiper-button-next { left: 30px !important; } .slider .swiper-slide { overflow: hidden; } .swiper-pagination-bullet { background-color: white !important; opacity: 0.5 !important; } .swiper-pagination-bullet-active { background-color: white !important; opacity: 1 !important; } .slider .img-container { width: 100%; overflow: hidden; position: relative; display: block; height: 100%; border-radius: 5px; background-color: #efefef; } .slider .img-container img { height: 100%; width: auto; margin: auto; } .slider .img-container img.force-width { } .tribe-events-calendar th { background-color: #F4F4F4; padding: 10px 0 10px 15px; font-family: sofia-pro,sans-serif; font-size: 0.9rem; font-weight: 500; text-transform: capitalize; text-align: left; } .tribe-bar-disabled { display: none; } .tribe-events-calendar div[id*=tribe-events-daynum-],.tribe-events-calendar div[id*=tribe-events-daynum-] a { background-color: transparent; } #tribe-events-content .tribe-events-calendar td,#tribe-events-content table.tribe-events-calendar { border-color: #F4F4F4; } .tribe-events-calendar td div[id*=tribe-events-daynum-] { font-family: sofia-pro,sans-serif; font-size: 0.9rem; font-weight: 300; display: inline-block; margin-top: 9px; margin-left: 8px; } .tribe-events-calendar td div[id*=tribe-events-daynum-],.tribe-events-calendar td div[id*=tribe-events-daynum-] a { font-weight: 300; font-size: inherit; } .tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-],.tribe-events-calendar .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a,.tribe-events-calendar td.tribe-events-present.mobile-active { background-color: #D43211; } .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-],.tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { background-color: transparent; } .tribe-mobile .tribe-events-sub-nav li a { background-color: #D43211; } .tribe-events-event-image { display: none; } .tribe-events-calendar td.tribe-events-present div[id*=tribe-events-daynum-]>a { width: 30px; height: 30px; text-align: center; border-radius: 999px; padding-top: 5px; padding-right: 7px; padding-left: 7px; background-color: #D43211; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; font-family: sofia-pro,sans-serif; font-size: .9rem; font-weight: 300; margin-top: -5px; margin-left: -5px; } .tribe-events-tooltip { display: none !important; } .tribe-events-present.mobile-active div[id*=tribe-events-daynum-] a { background-color: transparent !important; padding-top: 7px; } .tribe-events-content-wrapper { max-width: 70rem; margin: auto; padding: 0 2em; } .breadcrumb { background-color: #F4F4F4; } .breadcrumb li { margin-right: 1.5rem; } .breadcrumb li:last-of-type { margin-right: 0; } .breadcrumb li:first-of-type { padding-bottom: 10px; border-bottom: solid; margin-bottom: -1px; border-bottom: solid #D43211 2px; } .flexible-content-area { } .flexible-content-area h2 { font-size: 2rem; } .simple-img img { border-radius: 4px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1); } .simple-img { } .flexible-content-area p { margin-bottom: 0.5rem; } .tribe-events-pg-template { padding-top: 50px; } .tribe-events-event-meta .column,.tribe-events-event-meta .tribe-events-meta-group { padding: 0 2%; } .tribe-events-button { background-color: #164252 !important; border-radius: 2px !important; padding: 10px 20px !important; } .tribe-events-button:hover { color: white !important; } #tribe-events-footer+.tribe-events-ical { display: none; } .tribe_events.type-tribe_events { margin-top: 30px; padding-bottom: 30px; } #tribe-events-content { max-width: 72rem; padding: 0 50px; } .document-index-button { border: solid #d8e2e6 1px; padding: 20px; font-weight: 500; } [role=tab],[role=tablist],[role=tab][aria-selected=true] { border: none !important; font-family: sofia-pro,sans-serif; font-weight: 700; font-size: 1.7rem; padding: 0 !important; } [role=tab]:hover:not([aria-selected=true]) { background-color: transparent !important; } .month-title { width: 100%; } .year-tab-content .Annual a,.year-tab-content .Budget a { background-color: #f6f8f9; } .month-wrapper::before { font-family: sofia-pro,sans-serif; font-size: 1.5rem; font-weight: 600; margin: 0; line-height: 1; margin-bottom: 0.7rem; } .month-1.month-wrapper~.month-1.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-2.month-wrapper~.month-2.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-3.month-wrapper~.month-3.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-4.month-wrapper~.month-4.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-5.month-wrapper~.month-5.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-6.month-wrapper~.month-6.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-7.month-wrapper~.month-7.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-8.month-wrapper~.month-8.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-9.month-wrapper~.month-9.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-10.month-wrapper~.month-10.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-11.month-wrapper~.month-11.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-12.month-wrapper~.month-12.month-wrapper::before { content: ''; margin-top: 0; margin-bottom: 0; } .month-1.month-wrapper::before { content: "January"; margin-top: 20px; margin-bottom: 20px; } .month-2.month-wrapper::before { content: "February"; margin-top: 20px; margin-bottom: 20px; } .month-3.month-wrapper::before { content: "March"; margin-top: 20px; margin-bottom: 20px; } .month-4.month-wrapper::before { content: "April"; margin-top: 20px; margin-bottom: 20px; } .month-5.month-wrapper::before { content: "May"; margin-top: 20px; margin-bottom: 20px; } .month-6.month-wrapper::before { content: "June"; margin-top: 20px; margin-bottom: 20px; } .month-7.month-wrapper::before { content: "July"; margin-top: 20px; margin-bottom: 20px; } .month-8.month-wrapper::before { content: "August"; margin-top: 20px; margin-bottom: 20px; } .month-9.month-wrapper::before { content: "September"; margin-top: 20px; margin-bottom: 20px; } .month-10.month-wrapper::before { content: "October"; margin-top: 20px; margin-bottom: 20px; } .month-11.month-wrapper::before { content: "November"; margin-top: 20px; margin-bottom: 20px; } .month-12.month-wrapper::before { content: "December"; margin-top: 20px; margin-bottom: 20px; } .board-person-container { display: inline-block; margin-right: 3%; padding-bottom: 25px; } .board-person-container:hover { cursor: pointer; } .board-person-container:hover .board-person { -webkit-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-box-shadow: 0px 9px 17px 0px rgba(0,0,0,0.1); box-shadow: 0px 9px 17px 0px rgba(0,0,0,0.1); } .board-section h3,.board-section h5,.board-section h6 { font-family: proxima-nova,sans-serif; font-size: 16px !important; font-weight: 700 !important; margin-bottom: 10px; } .board-section { border-bottom: solid #e5e5e5 1px; } .board-person-container h5 { margin-bottom: 0px; margin-top: 15px; font-family: sofia-pro,sans-serif; font-size: 1.2rem; } .board-section>h3 { margin-bottom: 30px; } .board-person-container h6 { color: #bbbbbb; margin: 0; font-weight: 600 !important; } .board-section h6 { color: #bbbbbb; margin: 0; font-size: 13px !important; } .board-person { background-color: #f0f0f0; height: 300px; width: 230px; height: 300px; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; width: 230px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 4px; } .modal-image { background-color: #f0f0f0; background-size: cover; background-position: center; background-repeat: no-repeat; min-height: 300px; } .paragraph-content p{ margin-bottom: 1rem; } .ui-dialog { background-color: white; left: 10%!important; right: 10%!important; width: 80%!important; max-width: 1026px; margin: auto; border: solid black 1px; } .ui-button .ui-icon { background-image: url("https://image.flaticon.com/icons/svg/463/463065.svg") !important; width: 13px; height: 13px; } .ui-dialog .ui-dialog-titlebar { background-color: transparent; border: none; padding: 0 !important; } .ui-dialog .ui-dialog-titlebar-close { height: 40px !important; width: 40px !important; background-color: transparent; outline-style: none !important; } .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .ui-dialog .ui-dialog-content { padding: 0 !important; } .ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-button:hover,.ui-button:focus { background-color: inherit !important; opacity: 0.5; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .ui-icon-closethick { background-position: center !important; } .ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active { border: none !important; } .ui-button .ui-icon { background-image: url(https://image.flaticon.com/icons/svg/463/463065.svg) !important; width: 13px; height: 13px; } .modal-popup { display: none; } .ui-button-icon-only .ui-icon { position: absolute; top: 50%; left: 50%; margin-top: -8px; margin-left: -8px; } .ui-button { background-color: transparent; } .ui-dialog-titlebar { border: none; background-color: transparent; } .ui-widget.ui-widget-content { border: none !important; padding: 0; border-radius: 4px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar-close { position: relative !important; float: right; display: inline-block !important; margin: 0 !important; padding: 0 !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important; } .ui-dialog-title { display: none !important; } .ui-widget-overlay { background: black !important; opacity: .3; filter: Alpha(opacity=30); } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } .background-image { background-position: center; background-size: cover; background-repeat: no-repeat; } .ui-dialog .ui-dialog-titlebar { display: inline-block; float: right; } .gallery-item-padding { padding-top: 70%; } .wpforms-confirmation-container-full,div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) { background-color: white !important; border: solid #164252 1px !important; color: #164252 !important; } div.wpforms-container-full .wpforms-form button[type=submit] { background-color: white !important; border: solid #c7c7c7 1px !important; border-radius: 0 !important; font-weight: 500 !important; } .wpforms-field textarea { border: solid #c7c7c7 1px !important; padding: 15px !important; color: #164252 !important; border-radius: 0 !important; } .wpforms-field input { border: solid #c7c7c7 1px !important; padding: 15px !important; color: #164252 !important; border-radius: 0 !important; height: 50px !important; } .wpforms-field textarea::placeholder,.wpforms-field input::placeholder { color: #164252 !important; opacity: 0.8 !important; } .flexible-content-area ul { list-style: disc; padding-left: 20px; } .flexible-content-area ol { list-style: decimal; padding-left: 20px; } .gallery-container ul { padding: 0; list-style: none; } .document-tabs li a[aria-selected=false]{ opacity: 0.5; } .document-tabs li a[aria-selected=true]{ opacity: 1; } .notice__p { height: 1.4rem; overflow: hidden; transition: all .5s ease-in-out; backface-visibility: hidden; } .notice__p--open { height: auto; } .single-tribe_events .tribe-events-event-meta { font-size: inherit !important; } .notice__icon { transition: all 0.3s ease-in-out; backface-visibility: hidden; transition: all 0.3s ease-in-out; backface-visibility: hidden; } .notice__icon--open { transform: rotate(90deg); } .bg-primary-blue * { color: white; } .grecaptcha-badge { visibility: hidden; } @media (max-width: 1279px) { .menu-hide.show{right:0}.menu-tab{width:auto;height:auto;z-index:50;top:0;right:0;cursor:pointer;z-index:110}.menu-tab>div{display:inline-block;margin:auto}.menu-tab>div>div{width:25px;height:2px;display:block;margin:8px 0}#menu-header-menu .menu-item{border-bottom:solid rgba(255,255,255,.2) 1px}#menu-header-menu .menu-item a{width:100%;display:block;padding:20px 0;text-align:left;display:block;padding-left:10%}.menu-tab>div>div:first-of-type{margin-top:0}.menu-tab>div>div:last-of-type{margin-bottom:0}header .menu-main-menu-container{border-bottom:solid #d1d1d1 1px;padding-bottom:15px}.menu-tab.active #one{-webkit-transform:translateY(11px) rotate(-135deg);transform:translateY(11px) rotate(-135deg)}.menu-tab.active #two{opacity:0;-webkit-transition:.4s ease;transition:.4s ease}.menu-tab.active #three{-webkit-transform:translateY(-9px) rotate(-45deg);transform:translateY(-9px) rotate(-45deg)}.ui-dialog-titlebar-close{display:inline-block!important;margin:0!important;padding:0!important;left:0!important;right:0!important;top:0!important;bottom:0!important}.menu-hide{width:50%;right:-50%;height:100vh;position:fixed;z-index:40;top:0;background-color:#164252;transition-duration:.3s}.menu-hide a{text-decoration:none!important}.slider{width:100%;padding:0;margin:0;max-width:none;height:600px}.slider .img-container{border-radius:0}.primary-nav li.current-menu-item a::after{display:none}.current-menu-item a{font-weight:700;color:#fff}.ui-dialog-titlebar{position:absolute!important;z-index:10!important}} @media (max-width: 800px) { .wpforms-one-third{width:100%!important;margin-left:0!important}#tribe-events-content{padding:0 20px}.tribe-events-event-meta .column,.tribe-events-event-meta .tribe-events-meta-group{padding:0 5%}.menu-hide{width:80%;right:-80%}.home-event-grid>div:nth-child(n+4){display:none}.slider{width:100%;height:400px}} @media (max-width: 500px) { .ui-dialog{left:5%!important;right:5%!important;width:90%!important}.business-event-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-column-gap:5%;grid-row-gap:5%}.slider{height:300px}h1{font-size:2rem}h2{font-size:1.7rem}