/* #### Custom styling ######## */ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap'); /* --- Generic Custom Styling --- */ /* h1 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 2.25em; line-height: 2.0em; font-weight: 400; color: #ffffff; } */ /* h2 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 1.875em; line-height: 1.5em; font-weight: 400; color: #5d737d; } */ /* h3 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1em; font-weight: 400; text-transform: none; color: #444444; } */ /* h4 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1em; font-weight: 400; text-transform: none; color: #5d737d; } */ /* h5 { } */ /* h6 { } */ /* ul { font-family: 'Lato', sans-serif; } */ /* li { margin: 0% 0% 0.75em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } */ /* p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } */ /* a { } */ /* hr { } */ .canvas h3 button, .button { padding: 1.0em 2em; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #2480bd; border: 0px; border-radius: 6px; } button:hover, .button:hover { text-decoration: none !important; background-color: #1C6392; } body { font-family: 'Lato', sans-serif; } /* ----- Header Styling ----- */ header.main-et3a { z-index: 100; } header.main-et3a .header-main { background-color: #ededed; } header.main-et3a .header-main div.offset { max-width: 1300px;} header.main-et3a .header-search { display: flex; flex-wrap: wrap; justify-content: right; float:right; } header.main-et3a .header-search button { width: 40px; min-width: 0; background-color: transparent; padding: 0.25em; color:#444444; font-size: 0.875em; } header.main-et3a .header-search form.search { display: flex; border: 1px solid lightgray; border-radius: 20px; background-color: #FFF; text-align:right;} header.main-et3a .header-search form.search span.search-close { display: none; } header.main-et3a .header-search form.search .search-fields { display: flex; align-items: center; flex-direction: row-reverse; } header.main-et3a .header-search form.search input { background-color: transparent; border: none; padding: 7px 0 7px 10px; font-size: 0.8em; } header.main-et3a .block-left .header-content { display: flex; } /* header.main-et3a .block-left .header-content i { margin: 0 10px; font-size: 1.5em; } header.main-et3a .block-left .header-content a { filter: invert(9%) sepia(11%) saturate(1132%) hue-rotate(22deg) brightness(99%) contrast(90%); width: 35px; height: 35px; background-size:35px 35px; margin-right: 1em; } header.main-et3a .block-left .header-content a:hover { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } header.main-et3a .block-left .header-content a.facebook { background: url(../images/icons/facebook.svg); background-size:35px 35px;} header.main-et3a .block-left .header-content a.mail { background: url(../images/icons/circle-envelope-solid.svg); background-size:35px 35px; } header.main-et3a .block-left .header-content a.pin { background: url(../images/icons/noun-pin-3488987.svg); background-size:37px 37px; width: 37px; height: 37px; } */ header.main-et3a .header-main .header-logo { padding: 6px 0 0; } header.main-et3a .header-main .block-left { padding: 0 0 0 10px; } header.main-et3a .header-main .block-right { padding: 0; } .block1 { justify-content: space-between; display: flex; align-items: center; } .header-icons { display: flex; align-items: center; margin-right: 0.5rem; } .header-icons > .custom { line-height: 1; display: block; margin: 0 0.375rem; min-width: 0; font-size: 1.125rem; border-radius: 100%; border: 1px solid lightgray; width: 35px; height: 35px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; color: #444444; } .header-icons > .custom:hover { background-color: #2480bd; border-color:#2480bd; color:#fff; text-decoration: none !important; } header.main-et3a { position: fixed; } header.main-et3a .header-logo a img { max-height:125px; transition: max-height 500ms ease; } header.main-et3a.shrink .header-logo a img { max-height: 80px; transition: max-height 500ms ease; } header.main-et3a.shrink { box-shadow: 0 0 50px 30px rgba(0, 0, 0, 0.1); transition: box-shadow 0.5s ease 0s; } /* Heading & Paragraph Styles */ section.main div.content h1 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 2.25em; line-height: 2.0em; font-weight: 400; color: #444444;} section.main div.content h2 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1.5em; font-weight: 400; color: #444444; } section.main div.content h3 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.25em; line-height: 1em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content h3.canvas { color:#FFF; text-align: center; text-transform: none; font-size: 2.35em; } section.main div.content h4 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1em; font-weight: 400; text-transform: none; color: #5d737d; } section.main div.content p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content ul { font-family: 'Lato', sans-serif; margin: 0 0 0.5em 0; } section.main div.content li { margin: 0% 0% 0.75em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content a { color: #2480bd; } section.main div.content a:not(.icon):hover { text-decoration: underline; } form.formBuilder button, section.main div.content button, section.main div.content .button { margin-bottom:1em; padding: 0.5em 2em; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #2480bd; border: 0px; border-radius: 0px; } form.formBuilder button:hover, section.main div.content button:hover, section.main div.content .button:hover { text-decoration: none !important; background-color: #1C6392; } section.main div.content .results { margin: 0 1em 1em 0; padding: 0.5em 2em; min-width: 0px; font-size: 1em; line-height: 1.5em; color: #FFFFFF; background-color: #2480bd; border: 0px; border-radius: 0px; } section.main div.content .results:hover { text-decoration: none !important; background-color: #1C6392; } section.main div.page_header div.content h1 { color:#fff; line-height: normal;} /* ----- Navigation Styling ----- */ nav.main-et3a { background-color: #fff; } nav.main-et3a ul li { padding: 4px 8px; } nav.main-et3a ul li a { font-family: 'Poppins', sans-serif; padding: 5px 2px; font-size: 0.9375em; position: relative; } nav.main-et3a ul li a.current { } nav.main-et3a ul li:hover a { color:inherit; background-color: transparent; } nav.main-et3a ul li:hover div.drop { background-color: #fff; } nav.main-et3a .drop ul li a { font-family: 'Poppins', sans-serif; color:#000; font-size: 0.9375em; text-decoration: none; text-decoration-color: #2480bd; text-underline-offset: 4px; text-transform: none; } nav.main-et3a .drop ul li:hover a { text-decoration: underline; text-decoration-color: #2480bd; color:#000; } nav.main-et3a .drop-image { display: none; } nav.main-et3a li div.drop { width: 30%; left: auto; margin: 0% 0% 0% -34px; padding: 26px 38px 43px 38px; top: 90%; display: block; visibility: hidden; opacity: 0; background-color: #EEEEEE; transition: all 0.2s ease; } nav.main-et3a li:hover div.drop { top:100%; visibility: visible; opacity: 1; } nav.main-et3a ul.animate > li > a:before { content: ''; width: auto; height: 1px; right: 100%; bottom: 0.188rem; left: 0px; display: block; position: absolute; background-color: #2480bd; opacity: 0; transition: all 0.3s ease; } nav.main-et3a ul.animate > li > a:hover:before { right: 0%; opacity: 1; } nav.main-et3a ul.animate > li > a.current::before { right: 0%; opacity: 1; } header.main-et3a .slicknav_nav li .slicknav_arrow:after { content: '\f078'; display: inline-block; font-family: 'Font Awesome 5 Pro'; transform: rotate(0deg); transition: transform 300ms ease; } header.main-et3a .slicknav_nav li.slicknav_open .slicknav_arrow:after { transform: rotate(-180deg); } header.main-et3a .slicknav_nav li .slicknav_arrow img { display: none; } /* ----- Home slideshow Styling ----- */ .wg-slider .slide-caption.caption-float-box { bottom: 35%; } .wg-slider .slide-caption.caption-float-box .content { background-color:transparent; max-width: 1200px; } .wg-slider .slide-caption.caption-float-box .content h2 { font-family: 'Playfair Display', sans-serif; color:#FFF; font-size: 3em; font-weight: 500;} .wg-slider .slide-caption.caption-float-box .content h3 { transform: scale(1) translateY(0%); opacity: 1; transition: transform 0.4s ease, opacity 0.4s ease; color:#FFF; text-align: center; text-transform: none; font-size: 2.35em; width: 80%; margin: auto; } div.background-image-home-lower { background: url(../images/home-lower-image-shapwick.jpg); background-position: center; } /* ----- Home Styling ----- */ section.main.home { padding: 0; } section.main.home div.content { } section.main.home div.content p { font-size: 1.25em; } section.main.home div.content h2 { font-size: 2em; } section.main.home div.content .cms_1 { max-width: 725px; margin: auto; text-align: center; } /* ----- Standard Styling ----- */ section.main { padding: 0; } /* Standard Template Styles */ section.main .page_header { display: flex; align-items: center; justify-content: center; height: 300px; overflow-y: hidden; background-position: center;} section.main .page_header .config_container { background: rgba(0, 0, 0, .1); height:100%; width:100%; align-items: center; } section.main .page_header .config_container div.content { padding-top: 0; } section.main .page_header .config_container div.content > div { display: flex; align-items: center; justify-content: center; } section.main div.page_section div.content { padding: 3rem 0 3rem 0; } section.main div.video_section div.offset { padding: 3rem 0 3rem 0; } section.main div.page_title { background:rgba(0,0,0,0.1); } section.main div.page_title div.content { padding: 3rem 0 0 0; } section.main div.page_title div.content h1 { text-shadow: 0px 2px 10px rgba(0,0,0,0.65); } section.main div.page_intro div.content { padding: 2rem 0 3rem; } section.main div.page_intro div.content h1 { text-shadow:none; color:#444444; font-size: 2.0em;} section.main div.page_offset { max-width: 1000px; width: 100%; margin: auto; padding: 0 1rem; } section.main div.singlecolumn_offset { max-width: 1000px; width: 100%; margin: auto; padding: 0 1rem; } section.main div.left_offset div.content { max-width: 736px; width: 100%; margin-left: auto; padding: 5rem 5rem 5rem 1rem;} section.main div.right_offset div.content { max-width: 736px; width: 100%; margin-right: auto; padding: 5rem 1rem 5rem 5rem; } section.main div.config_column.mobile_image picture { display: none; } section.main div.search_container { padding: 3rem 0 3rem 0; } section.main .button { padding: 0.563rem 1.938rem; min-width: 0px; font-size: 1.125rem; line-height: 1.5rem; color: #FFFFFF; background-color: #0f1314; } section.main .button:hover { color: #FFFFFF; background-color: #2f3537; } section.main .fullwidth_image { display: flex; align-items: end; justify-content: center; padding-top:50%; padding-bottom:10%; height: 1325px; } section.main .fullwidth_image div.content h3 { font-size: 2.3em; color: #FFF; } section.main .panel_padding { padding: 0 1em; } section.main .bottom_padding { padding: 0 0 3em; } section.main .panel_padding img.icon, section.main .panel_padding .icon img, section.main .panel_padding img { max-height:100px; } section.main .config_container .align_centre img { text-align: center; margin:auto; } section.main .config_container .align_centre div.content h2 { display: flex; align-items: center; justify-content: center; margin:0; padding:0; line-height: 0;} /* ----- Standard side menu Styling ----- */ section.main.side-menu { padding: 0; } section.main.side-menu div.offset { display: flex; max-width: none; margin: 0; padding:0; } section.main.side-menu div.offset .left-col { width:70%; } section.main.side-menu div.offset .left-col div.content { max-width: 1200px; margin-left: auto; padding: 50px 70px 30px; } section.main.side-menu div.offset .right-col { width:30%; background-color: #f6f6f6; min-width: 300px; padding-top: 40px; } section.main.side-menu div.offset .right-col ul a { display: flex; justify-content: space-between; align-items: center; padding: 8px 20px; font-size: 1.0em; border-top: 1px solid #FFF; } section.main.side-menu div.offset .right-col ul a:last-of-type { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; } section.main.side-menu div.offset .right-col ul li { list-style-type: none; font-family: 'Lato', sans-serif; line-height:2.0em;} section.main.side-menu div.offset .right-col ul a.current { color: #000; } section.main.side-menu div.offset .right-col ul a.current:hover i { padding: 0 10px 0; } section.main.side-menu div.offset .right-col ul a:hover i { padding: 0; transition: 0.25s ease; } section.main.side-menu div.offset .right-col ul a i { padding: 0 10px 0; } section.main.side-menu div.offset .right-col ul { padding: 0; margin: 0; color:#2480bd; } section.main.side-menu div.offset .right-col h3 { padding: 0 0 0 20px; margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main.side-menu div.offset .right-col .pages { padding: 0; } section.main.side-menu div.offset .right-col #side-menu { width:60%; min-width: 280px; } section.main.side-menu div.offset .right-col .pages > a.heading:hover h3 { color:#2480bd; } section.main.side-menu div.offset .right-col .pages > a.photo { display: flex; align-items: center; padding: 0 0 0 20px; margin: 1.5em 0; } section.main.side-menu div.offset .right-col .pages > a.photo i { font-size: 3em; } section.main.side-menu div.offset .right-col .pages > a.photo p { width: 125px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 10px; letter-spacing: -1px; font-size: 0.9em; } section.main.side-menu div.offset .right-col .pages > a.photo svg { filter: invert(9%) sepia(11%) saturate(1132%) hue-rotate(22deg) brightness(99%) contrast(90%); width: 85px; height: 85px; } section.main.side-menu div.offset .right-col .pages > a.photo svg:hover { filter: invert(49%) sepia(28%) saturate(1082%) hue-rotate(72deg) brightness(106%) contrast(75%); } section.main.side-menu div.offset .right-col #side-menu .content { padding: 20px; } /* ### New side */ section.main > div.with-menu { padding: 0; } section.main .side-menu { display: flex; max-width: none; margin: 0; padding:0; } section.main .side-menu .left-col { width:70%; } section.main .side-menu .left-col div.content { max-width: 1040px; margin: 0 0 0 auto; padding: 50px 75px 30px; } section.main .side-menu .right-col { width:30%; background-color: #f6f6f6; min-width: 300px; padding-top: 40px; } section.main .side-menu .right-col ul a { display: flex; justify-content: space-between; align-items: center; padding: 8px 20px; font-size: 1.0em; border-top: 1px solid #FFF; } section.main .side-menu .right-col ul a:last-of-type { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; } section.main .side-menu .right-col ul li { list-style-type: none; font-family: 'Lato', sans-serif; line-height:2.0em; width:calc(100% - 30px); } section.main .side-menu .right-col ul a.current { color: #000; } section.main .side-menu .right-col ul a.current:hover i { padding: 0 10px 0; } section.main .side-menu .right-col ul a:hover i { padding: 0; transition: 0.25s ease; } section.main .side-menu .right-col ul a i { padding: 0 10px 0; } section.main .side-menu .right-col ul { padding: 0; margin: 0; color:#2480bd; } section.main .side-menu .right-col h3 { padding: 0 0 0 20px; margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main .side-menu .right-col .pages { padding: 0; } section.main .side-menu .right-col #side-menu { width:60%; min-width: 280px; } section.main .side-menu .right-col .pages > a.heading:hover h3 { color:#2480bd; } section.main .side-menu .right-col .pages > a.photo { display: flex; align-items: center; padding: 0 0 0 20px; margin: 1.5em 0; } section.main .side-menu .right-col .pages > a.photo i { font-size: 3em; } section.main .side-menu .right-col .pages > a.photo p { width: 125px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 10px; letter-spacing: -1px; font-size: 0.9em; } section.main .side-menu .right-col .pages > a.photo svg { filter: invert(9%) sepia(11%) saturate(1132%) hue-rotate(22deg) brightness(99%) contrast(90%); width: 85px; height: 85px; } section.main .side-menu .right-col .pages > a.photo svg:hover { filter: invert(49%) sepia(28%) saturate(1082%) hue-rotate(72deg) brightness(106%) contrast(75%); } section.main .side-menu .right-col #side-menu .content { padding: 20px; } /* Document Listing */ section.main div.document_offset { max-width: 1600px; width: 100%; margin: auto; padding: 0 1rem; } #document-listing { display: flex; flex-wrap: wrap; justify-content: space-between; } #document-listing .document-records { width:100%; padding: 0 10px; } #document-listing .image_container { padding-top: 0; height: 50px; } #document-listing .image_container .image_dimensions { max-width: 50px; max-height: 50px; min-width: 37px; margin: 0 10px 0 0; background-color: transparent; } #document-listing .image_container .image_dimensions img { float: left !important; } #document-listing .document-records { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; } #document-listing .document { cursor:pointer; width: 22%; padding: 10px; background-color: #FFF; margin: 1em 0.5em; line-height: 1.5em; border-radius: 5px; border: 1px solid #ececec; min-width: 170px; } #document-listing .document:hover a { color:#FFFFFF; text-decoration: none; } #document-listing .document a { color:#444444; text-decoration: none; } #document-listing .document a:hover { color:#FFFFFF; text-decoration: none; } #document-listing .document .item-container svg { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } #document-listing .document:hover { background-color: #2480bd; border:1px solid #2480bd; transition: all 500ms ease; } #document-listing .document:hover .item-container { color: #FFF; } #document-listing .document:hover .item-container svg { filter: none; } #document-listing .document .item-container { display: flex; justify-content: left; align-items: center; } #document-listing .document .item-container .document-label span { text-transform: uppercase; font-size: 0.825em; } #document-listing .document .item-container .document-icon { width: 100%; max-width: 60px; min-width: 60px; } #document-listing h3 { text-align: center; margin:0 auto;} /* Newsletter Listing */ section.main div.document_offset { max-width: 1600px; width: 100%; margin: auto; padding: 0 1rem; } #newsletter-listing { display: flex; flex-wrap: wrap; justify-content: space-between; } #newsletter-listing .newsletter-records { width:100%; padding: 0 10px; } #newsletter-listing .image_container { padding-top: 0; height: 34px; } #newsletter-listing .image_container .image_dimensions { max-width: 34px; max-height: 34px; min-width: 34px; margin: 0 10px 0 0; background-color: transparent; } #newsletter-listing .image_container .image_dimensions img { float: left !important; } #newsletter-listing .newsletter-records { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; } #newsletter-listing .newsletter { cursor:pointer; width: 14%; padding: 5px 15px; background-color: #2480bd; margin: 1em 0.25em; line-height: 1.5em; border-radius: 5px; border: 1px solid #2480bd; min-width: 80px; } #newsletter-listing .newsletter:hover a { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter a { color:#FFFFFF; text-decoration: none; } #newsletter-listing .newsletter a:hover { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter .item-container svg { } #newsletter-listing .newsletter:hover { background-color: #FFFFFF; border:1px solid #2480bd; transition: all 500ms ease; } #newsletter-listing .newsletter:hover .item-container { color: #FFF; } #newsletter-listing .newsletter:hover .item-container svg { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } #newsletter-listing .newsletter .item-container { display: flex; justify-content: left; align-items: center; } #newsletter-listing .newsletter .item-container .newsletter-label span { text-transform: uppercase; font-size: 0.825em; } #newsletter-listing .newsletter .item-container .newsletter-icon { width: 100%; max-width: 30px; min-width: 30px; margin-right:10px; } #newsletter-listing .newslettercover { cursor:pointer; width: 18%; padding:0px; margin: 1em 0.25em; line-height: 1.5em; border-radius: 0px; border: 0px solid #2480bd; min-width: 80px; text-align: center;} #newsletter-listing .newslettercover:hover a { color:#2480bd; text-decoration: none; } #newsletter-listing .newslettercover a { color:#444444; text-decoration: none; } #newsletter-listing .newslettercover a:hover { color:#2480bd; text-decoration: none; } #newsletter-listing .newslettercover:hover { border:0px solid #2480bd; transition: all 500ms ease; } #newsletter-listing .newslettercover:hover .item-container { color: #FFF; } #newsletter-listing .newslettercover .item-container { display:inline-block; } #newsletter-listing .newslettercover .item-container .newslettercover-label span { text-transform: uppercase; font-size: 0.825em; } #newsletter-listing .newslettercover .item-container .newslettercover-image { width: 100%; margin-bottom:1em; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.05); transition: all 500ms ease; } #newsletter-listing .newslettercover:hover .item-container .newslettercover-image { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 10px 0 rgba(0, 0, 0, 0.15); } #newsletter-listing h3 { text-align: center; margin:0 auto;} header.main-et3a .block-left .header-content a.pin { background: url(../images/icons/noun-pin-3488987.svg); background-size:37px 37px; width: 37px; height: 37px; } /* Team listing */ div.team-listing { max-width: 1600px; margin: 0 auto; } section.main div.content ul.team-item li { display: inline-block; max-width: 350px; width: 22%; height: 100%; margin-right: 2%; color: #20201E; } .team-item li:hover { text-decoration: none; } .team-item li:nth-of-type(4n) { margin-right: 0%; } .team-item li img { height: 400px; width: 100%; } .team-item li p { height: 100px; } .team-item li .team-name { display: block; font-size: 1.5rem; font-weight: 500; margin-top: 1rem; overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; overflow-y: hidden; } .team-item li .team-name > .icon { font-size: 1rem; padding-left: 0.75rem; } .team-item li .team-title { display: block; font-size: 1.125rem; font-weight: 400; margin-top: 0.375rem; height: 30px; } .team-item li .image-container { position: relative; line-height: 0; overflow: hidden; } .team-item li .overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.2); display: flex; align-items: flex-end; justify-content: center; transform: translateY(100%); transition: transform 0.3s ease-in-out; } .team-item li .overlay .wrapper { padding-bottom: 5rem; } .team-item li .overlay .wrapper .icon { font-size: 4.5rem; color: #fff; } .team-item li .team-item li-content { height: 100px; } /* Subpage Feature */ section.main div.content .subpages { padding: 1rem 0 6rem 0; max-width:1500px; margin:auto;} section.main div.content .subpages-container { margin-top: 2.5rem; } section.main div.content .subpage { border-radius: 0px; padding: 3px; float: left; width: 31%; margin: 0 1%; margin-bottom: 1.5rem; } section.main div.content .subpage div { max-height:290px; overflow:hidden; } section.main div.content .subpage:hover { background-color: #FFFFFF; text-decoration: none; } section.main div.content a.subpage:hover { text-decoration: none; } section.main div.content a.subpage:hover p { text-decoration: none; } section.main div.content .subpage:hover img { background-color: #FFFFFF; text-decoration: none; } section.main div.content .subpage-desc { padding: 0.625rem 1rem 0rem 1rem; min-height:60px; text-align: center;font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; text-align: left; color: #1c1c1c; transition: color 0.3s ease; } section.main div.content .subpage:hover .subpage-desc { color: #2480bd; text-decoration: none; } /* ----- Contact Styling ----- */ section.main.contact div.offset div.content { padding: 50px 0; } section.main.contact div.cms_2 { background-color: #f6f6f6; padding: 50px 0; } /* ----- form styling ----- */ section.main div.form_offset { max-width: 800px; width: 100%; margin: 1em auto 2em; } section.main div.form_container { } .field-block .form-control, .field-block input, .field-block textarea, .field-block select { width: 100%; } .field-block textarea { min-height:200px;} form .field-block input[type=text], form .field-block input[type=date], form .field-block input[type=time], form .field-block textarea, form .field-block select { padding: 0.5em 0.375em; text-align: center; } form .field-block { font-size: 1em; text-align: center; } section.main div.g-recaptcha div { margin: 0 auto; } form .field-block .field-label { padding: 0.5em; } section.main div.form_container .g-recaptcha > div { margin: 0% auto; } /* ----- Events Styling ----- */ section.main.events div.offset { display: flex; } section.main.side-menu.events div.offset .left-col { width:75%; } section.main.side-menu.events div.offset .right-col { padding-top: 100px; } section.main.events div.content ul { list-style-type: none; padding: 0; } section.main.events div.content.banner { text-align: center; display: flex; justify-content: center; } section.main.events a.button, section.main.events button { border-radius:0px; width: 100%; background-color: #2480bd; } section.main.events .right-col .buttons { max-width: 300px; } section.main.events .right-col a.photo { display: flex; align-items: center; padding: 0 0 0 20px; margin: 1.5em 0; color: #000; } section.main.events .right-col a.photo i { font-size: 3em; } section.main.events .right-col a.photo p { margin:0; width: 125px; text-transform: uppercase; font-weight: 700; padding: 0 0 0 10px; letter-spacing: -1px; font-size: 0.9em; } section.main.events .right-col a.photo svg { filter: invert(9%) sepia(11%) saturate(1132%) hue-rotate(22deg) brightness(99%) contrast(90%); width: 85px; height: 85px; } section.main.events .right-col a.photo svg:hover { filter: invert(49%) sepia(28%) saturate(1082%) hue-rotate(72deg) brightness(106%) contrast(75%); } section.main.events div.content a:not(.icon):hover { text-decoration: none; } /* ----- Events Calendar Stylnig ----- */ .datepicker .prev, .datepicker .picker-switch, .datepicker .next { background-color: #E8E8E8; border-bottom: 1px solid #DFDBDA; border-radius: 0; } .datepicker .next:before { content: '>'; } .datepicker .prev:before { content: '<'; } .calendar-picker .datepicker table th { height: 30px; line-height: 30px; } section.events .calendar-container .calendar-heading { display: flex; justify-content: space-between; margin: 1em 0 0; } section.events .calendar-container .calendar-heading .view-option { font-size: 0.825em; } section.events .calendar-container .calendar-heading .view-option .arrow { font-size: 1.75em; margin: 0 0.5em; color:#2480bd; } section.main.events div.content h3 { text-transform: none; } section.events.main div.calendar-container ul li h4 { padding: 0.5em 0em; width: 100%; margin: 0 0 1em 0; font-size: 1em; color:#444444; font-weight: 500; border-bottom: #ccc solid 1px; } section.events.main div.calendar-container ul li h5 { font-size: 1em; color:#444444; font-weight: 600; margin:0; padding:0;} section.events.main div.calendar-container ul li.row { display: flex; flex-wrap: wrap; } section.events.main div.calendar-container ul li.row .calendar-event { background-color:#f6f6f6; margin: 0 1em 1em 0; padding: 20px 10px; width:245px;} section.events.main div.calendar-container ul li.row .time { padding:0; text-align: left; font-size:0.875em;} section.events.main div.calendar-container ul li.row .details { padding: 0; } section.events.main div.calendar-container ul li.row .details p { font-size:0.75em; margin:0; } section.events.main div.calendar-container ul li.row .details *:first-child { margin-top: 0; } section.main.events div.offset .right-col .buttons a.button { display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; padding: 15px 25px; margin-bottom: 0.5em; } section.main.events div.offset .right-col .buttons a.button.suggest { background-color:#000 ; } section.events.main div.calendar-container ul li.row .time-box .image { max-width: 120px; padding: 10px 0 0 0; } /* ----- Standard Heading Styling ----- */ section.main div.content .heading-box { position: absolute; margin: auto; width: 100%; top: calc(50% - 46px); } section.main div.content .heading-box .heading-text { text-align: left; padding: 0 18%; position: relative; } section.main div.content .heading-box h1 { display: inline-block; color: #FFF; margin: 0; text-align: left; padding: 10px 25px; background: rgba(0, 0, 0, 0.35);} /* ----- Footer Styling ----- */ footer.main-et1d .footer-content { background-color: #f6f6f6; color: black; } footer.main-et1d .footer-content div.offset { max-width:1420px; } footer.main-et1d .footer-content .col_4 { padding: 30px 30px 10px; display: flex; flex-wrap: wrap; justify-content: space-evenly; } footer.main-et1d .col_4 .footer_panel { vertical-align: top; min-width: 240px; padding: 0 0 20px 0; } footer.main-et1d .col_4 .footer_panel ul, footer.main-et1d .col_4 .footer_panel li { list-style-type: none; padding: 0; margin:0; } footer.main-et1d .col_4 .footer_panel ul ul li { margin:0.75em 0; } footer.main-et1d .col_4 .footer_panel ul ul li a { font-size: 0.825em; } footer.main-et1d .col_4 .footer_panel ul ul li:hover a { text-decoration: underline; } footer.main-et1d { border-top: 10px solid #ededed; padding: 0; } footer.main-et1d .col_4 .footer_panel li.footer-heading, footer.main-et1d h4 { margin: 0 auto 1em; font-size: 1em; font-weight: 700; text-transform: uppercase; } footer.main-et1d .col_4 .footer_panel > * { max-width: 225px; margin: auto; } footer.main-et1d .col_4 .footer_panel > h4 { margin: 0 auto 1em; } footer.main-et1d .col_4 .footer_panel p { font-size: 0.825em; margin: 0.5em auto; } footer.main-et1d .col_4 .footer_panel.panel_101 p { margin: 0; } footer.main-et1d .col_4 .footer_panel.panel_104 { text-align: center; } /* ----- footer.main-et1d .col_4 .footer_panel svg { max-width: 28px; max-height: 28px; margin-right: 15px; } footer.main-et1d .col_4 .footer_panel picture { margin-right: 5px; } footer.main-et1d .col_4 .footer_panel picture:last-of-type { margin-right: 0px; } footer.main-et1d .col_4 .footer_panel.panel_104 a { width: 35px; height: 35px; background-size:35px 35px; margin-right: 1em; } footer.main-et1d .col_4 .footer_panel.panel_104 a:hover { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } footer.main-et1d .col_4 .footer_panel.panel_104 a.facebook { background: url(../images/icons/facebook.svg); background-size:35px 35px;} footer.main-et1d .col_4 .footer_panel.panel_104 a.mail { background: url(../images/icons/circle-envelope-solid.svg); background-size:35px 35px; } footer.main-et1d .col_4 .footer_panel.panel_104 a.pin { background: url(../images/icons/noun-pin-3488987.svg); background-size:37px 37px; width: 37px; height: 37px; } footer.main-et1d .col_4 .footer_panel.panel_104 p { display: flex; color: transparent; justify-content: right; text-align: right; float:right;} ----- */ .footer-icons { display: flex; align-items: center; margin-right: 0.5rem; } .footer-icons a.custom { line-height: 1; display: block; margin: 0 0.75rem; min-width: 0; font-size: 1.125rem; border-radius: 100%; border: 1px solid lightgray; width: 35px; height: 35px; background-color: #ffffff; display: flex; justify-content: center; align-items: center; color: #444444; } .footer-icons a.custom:hover { background-color: #2480bd; border-color:#2480bd; color:#fff; text-decoration: none !important; } /* ----- Footer Copyright Styling ----- */ footer.main-et1d .footer-copyright { padding: 1em; background-color:#FFF; } footer.main-et1d .footer-copyright .offset { display: flex; justify-content: center; } footer.main-et1d .footer-copyright .offset p { color: #000; padding: 0 10px; line-height: 18px; } footer.main-et1d .footer-copyright .offset p:first-of-type { border-right: 1px solid; } footer.main-et1d .footer-copyright img { display: none; } /* ----- Misc Styling ----- */ section.main.home .featured-pages a .overlay { top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; background-color: #000; opacity: 0; z-index: 100; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; } section.main.home .featured-pages a .overlay:hover { opacity: 0.7; } section.main.home .featured-pages { max-width: 1510px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 0 0 80px; } section.main.home .featured-page { width: 30%; max-width: 450px; padding: 15px 0 90px; min-width: 280px; } section.main.home .featured-pages a { display: flex; position: relative; } section.main.home .featured-pages a div.overlay h3 { font-weight:500; color:#FFF; position:absolute; width: 100%; margin-left: auto; margin-right: auto; text-align: center; left: 0; right: 0; } section.main.home .featured-pages a div.overlay h3:first-of-type { top: 55%; font-size: 2em; } section.main.home .featured-pages a div.overlay h3:last-of-type { top: 24%; font-size: 4.5em; } section.main.home .featured-pages a h3 { position: absolute; width:100%; top:calc(95%); font-size: 1.5em; text-align: center; color: #444444; font-weight: 500; } section.main.home .featured-pages a div.overlay .far { font-weight: 200; } section.main.home .news-pages { background-color: #f6f6f6; padding: 50px 0; } section.main.home .news-pages > h2 { display: block; margin: auto; text-align: center; text-transform: uppercase; font-weight: 400; } section.main.home .news-pages > a { text-transform: uppercase; max-width: 200px; margin: auto; padding: 10px; text-align: center; display: block; border: 1px solid #2480bd; border-radius: 7px; background-color: #FFF; color: #2480bd;} section.main.home .news-pages > a:hover { color: #FFF; background-color: #2480bd; } section.main.home .news-pages .offset { max-width: 1300px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 35px 0; } section.main.home .news-page { min-width: 300px; width: 33.33%; max-width: 360px; padding:4px 15px; margin:0 20px 25px; border: 1px solid #FFF; border-radius: 6px; transition: background-color 0.5s ease; } section.main.home .news-page a svg { min-width: 70px; max-width: 70px; filter: invert(67%) sepia(53%) saturate(506%) hue-rotate(72deg) brightness(86%) contrast(88%); } section.main.home .news-pages .offset a { display: flex; position: relative; align-items: center; } section.main.home .news-pages .offset .news-page:hover { background-color: #2480bd; } section.main.home .news-pages .offset .news-page:hover a h3 i, section.main.home .news-pages .offset .news-page:hover a p span.read-more { color: #FFF; } section.main.home .news-pages .offset .news-page:hover a svg { filter: invert(78%) sepia(99%) saturate(0%) hue-rotate(227deg) brightness(114%) contrast(101%);} section.main.home .news-pages .offset a h3 { margin: 0.5em 0; } section.main.home .news-pages .offset a h3 i { font-size: 2.5em; margin-right: 0.4em; color: #2480bd; } section.main.home .news-pages .offset a p span { margin-right: 0.25em; } section.main.home .news-pages .offset a p span.read-more { margin-right: 0; color: #2480bd; font-size: 0.85em; display: inline-block; } section.main.home .news-pages .offset a p { margin: 0; } section.main.home .news-pages .offset a img { visibility: visible; z-index: 10; } section.main.home .news-pages .offset a:hover img { visibility:hidden; } #google-map button { min-width: 0px; } /* ----- Gallery Styling ----- */ section.main #photo-gallery .heading { display: flex; align-items: center; } section.main #photo-gallery .heading h1 { width: calc(100% - 200px); } /* ----- News Styling ----- */ section.main.news div.side-menu-news { display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: column; align-items: baseline; } section.main.news div.side-menu-news nav.sub-page-menu { padding: 10px 0; max-width: 300px; width: 100%; } section.main.news div.offset { display: flex; } section.main.news div.offset div.content { padding: 3rem; max-width: 900px; } section.main.news a span.published { display: inline-block; } section.main.news div.side-menu-news h3 { margin: 0; font-size: 1.125em; line-height: 1.5em; font-weight: 700; text-transform: uppercase; } section.main.news div.side-menu-news h3 > a { padding: 21px 24px 21px 11.5%; color: #2480bd; } section.main.news div.side-menu-news ul { margin: 0; padding: 0; list-style: none; } section.main.news div.side-menu-news li { margin: 0; font-size: 0.813em; line-height: 1.25em; font-weight: 400; } section.main.news div.side-menu-news .slicknav_nav a { font-size: 1em !important; } section.main.news div.side-menu-news .slicknav_nav { background-color: #f6f6f6; border-top: none; } section.main.news div.side-menu-news .slicknav_nav li { border: none; } section.main.news.side-menu div.offset .right-col h3 { padding: 0; } section.main.news.side-menu div.offset .right-col ul a { align-items:baseline; flex-direction: column; padding: 8px 20px 8px 11.5%; color:#2480bd; } section.main.news.standard.side-menu div.offset .right-col ul li:last-of-type a { border-bottom: 1px solid #FFF; border-top: 1px solid #FFF; } section.main.news.standard.side-menu div.offset .right-col ul li a { border-top: 1px solid #FFF; border-bottom: none; } section.main.news.standard.side-menu div.offset .right-col h3 { color: #2480bd; } section.main.news.standard.side-menu div.offset .right-col .side-menu-news > div { width:100%; } /* ----- feature walks styling ----- */ section.main .walks { display: flex; flex-wrap: wrap; justify-content: space-evenly; } section.main .walks .walk { min-width: 240px; width: calc(25% - 18px); margin: 0 0 25px 0; background-color: #FFF; text-align: center; position: relative } section.main .walks .walk img { display: flex; } section.main .walks .walk:nth-of-type(4n) { margin-right: 0; } section.main .walks .walk .walking-person { background: url(../images/icons/noun-hiker-1663297.svg); background-repeat: no-repeat; background-position: center; height: 40px; filter: invert(48%) sepia(77%) saturate(385%) hue-rotate(72deg) brightness(97%) contrast(84%); } section.main .walks .walk p { margin-bottom: 45px; } section.main .walks .walk a { font-size: 0.825em; position: absolute; width: 75%; left:12.5%; bottom: 25px; color: #2480bd; padding: 6px; border-radius: 8px; border: 1px solid #2480bd; } section.main .walks .walk h4 { color:#444444; font-size: 1em; line-height: 1.25em; } section.main .walks .walk h3 { text-transform: uppercase; color:#2480bd; } section.main .walks .walk .text { padding: 25px; } section.main .walks .walk:hover { cursor: pointer; } section.main .walks .walk:hover .text { background-color: #2480bd; height: calc(100% - 170px); color:#FFF; transition: all 500ms ease; } section.main .walks .walk:hover .text a, section.main .walks .walk:hover .text p, section.main .walks .walk:hover .text h4 { color:#FFF; border-color: #FFF; text-decoration: none; } section.main .walks .walk:hover .text h3 { color: #444444; } section.main .walks .walk:hover .text .walking-person { filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); } /* ----- Documents styling -----*/ section.documents.row-config > div { padding: 0; } section.documents.row-config div.content > div > div.offset > div.cms_2 > p { margin: 0; } section.documents.row-config div.light-grey-background .content .single { padding: 0; } section.documents.row-config div.light-grey-background .content .single .offset { max-width: 1350px; } section.documents.row-config div.content .cms_1 p { margin: 0; } section.documents.row-config div.content > div.single { padding: 20px 0; } /* ----- Search page ----- */ section.main form.search.search-page { display: flex; justify-content: center; align-items: center; } section.main form.search.search-page input { width: 200px; margin-right: 0.5em; height: 2em; padding: 15px; } section.main form.search.search-page button { padding: 0.5em 2em; margin: 0; background-color: #2480bd; color: #ffffff;} section.main form.search.search-page button .con { color: #ffffff;} @media only screen and (max-width: 1000px) { section.row-config .text-position.Left div.content > div > div { width: 100%; } section.row-config .text-position.Right div.content > div > div { width: 100%; } section.row-config .text-position.Center div.content > div > div { width: 100%; } } /* ########################################################## */ /* ########################################################## */ @media only screen and (max-width: 1600px) { section.main div.content .subpage div { max-height:250px; overflow:hidden; } /* Document Listing */ section.main div.document_offset { max-width: 1500px; width: 100%; margin: auto; padding: 0 1rem; } #document-listing .document { cursor:pointer; width: 30%; padding: 10px; background-color: #FFF; margin: 1em 0.5em; line-height: 1.5em; border-radius: 5px; border: 1px solid #ececec; min-width: 170px; } } @media only screen and (max-width: 1400px) { section.main div.content .subpage div { max-height:220px; overflow:hidden; } } @media only screen and (max-width: 1200px) { section.main div.content .heading-box h1 { line-height: 1.25em; } section.main div.content .subpage div { max-height:180px; overflow:hidden; } section.main.home .featured-pages { max-width: 1100px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 0 0 80px; } section.main.home .featured-page { width:30%; max-width: 350px; padding: 15px 0 90px; } section.main.home .featured-page img { height: auto; object-fit:cover;} section.main.home .featured-pages a { display: flex; position: relative; max-height:240px;} section.main.home .featured-pages a div.overlay h3 { font-weight:500; color:#FFF; position:absolute; width: 100%; margin-left: auto; margin-right: auto; text-align: center; left: 0; right: 0; } section.main.home .featured-pages a div.overlay h3:last-of-type { top: 24%; font-size: 4.5em; } section.main.home .featured-pages a h3 { position: absolute; width:100%; top:calc(95%); font-size: 1.5em; text-align: center; color: #444444; font-weight: 500; } section.main.home .featured-pages a div.overlay .far { font-weight: 200; } section.main div.content .results { display:block; max-width:250px;} } @media only screen and (max-width: 1024px) { /* Standard Template Styles */ section.main div.left_offset div.content { max-width: 736px; width: 100%; margin-left: auto; padding: 2rem 2rem 2rem 1rem;} section.main div.right_offset div.content { max-width: 736px; width: 100%; margin-right: auto; padding: 2rem 1rem 2rem 2rem; } section.main div.content .subpage div { max-height:160px; overflow:hidden; } } @media only screen and (max-width: 900px) { section.main.home .featured-page { width: 50%; } section.main div.content .subpage div { max-height:150px; overflow:hidden; } } @media only screen and (min-width: 801px) { section.main div.offset nav.sub-page-menu ul.slicknav_nav.slicknav_hidden { display: block !important } } /* ----- Responsive Styling 800px ----- */ @media only screen and (max-width: 800px) { section.row-config div.content > div { width: 100% !important; } header.main-et3a .header-main .header-logo { padding:0; } section.main.side-menu.events div.offset .left-col { width:100%; } section.main.side-menu.events div.offset .right-col { padding-top: 10px; } section.main.events .right-col .buttons { max-width: 1200px; } section.main.home .featured-pages a h3 { } footer.main-et1d .col_4 .footer_panel { width: auto; } header.main-et3a div.header-details { background-color: #ededed; } header.main-et3a div.mobile-commerce .commerce-button { color: #000; } header.main-et3a { position: fixed; } section.main div.desktop { display:none; } section.main .config_container .config_column { flex-basis: 100%; } section.main .config_container .coltype_image { min-height:500px; background-size: 100%; } section.main div.right_offset { order:1;} section.main .config_container .coltype_image, section.main div.left_image { order:2;} section.main div.left_offset div.content { max-width: 800px; width: 100%; margin-left: auto; padding: 1.5rem 1.5rem; } section.main div.right_offset div.content { max-width: 800px; width: 100%; margin-right: auto; padding: 1.5rem 1.5rem;} section.main.news div.offset { flex-wrap: wrap; } section.main.news div.side-menu nav.sub-page-menu { max-width: 1300px; } section.main.news.side-menu div.offset .right-col ul a { padding: 8px 20px 8px 5%; } section.main.side-menu div.offset { flex-wrap: wrap; flex-direction: column-reverse; } section.main.side-menu.events div.offset { flex-wrap: wrap; flex-direction: column; } section.main.side-menu div.offset .left-col { width:100%; } section.main.side-menu div.offset .left-col div.content { max-width: 1300px; padding: 25px; } section.main.side-menu div.offset .right-col { width:100%; padding:25px; } section.main.side-menu div.offset .right-col #side-menu { width:100%; } section.main.side-menu div.offset .right-col .side-menu > div { width:100%; } section.main .side-menu { flex-wrap: wrap; flex-direction: column; } section.main .side-menu.events { flex-wrap: wrap; flex-direction: column; } section.main .side-menu .left-col { width:100%; } section.main .side-menu .left-col div.content { max-width: 1300px; padding: 25px; } section.main .side-menu .right-col { width:100%; padding:25px; } section.main .side-menu .right-col #side-menu { width:100%; } section.main .side-menu .right-col .side-menu > div { width:100%; } section.events.main div.calendar-container ul li.row .time { width:100%; } section.events.main div.calendar-container ul li.row .details { width:100%; } section.main .config_container .align_centre div.content h2 { display: flex; align-items: center; justify-content: center; margin:0; padding:0; line-height:normal;} section.main div.content .results { display:inline-block; max-width:250px;} section.main.home .news-page { width: 100%; max-width: 600px; } .wg-slider.slider_2 .slide-caption.caption-float-box { bottom: calc(54% - 247px); } .wg-slider.slider_2 .slide-caption.caption-float-box { padding: 0 2%; } .wg-slider.slider_2 .slide-caption.caption-float-box .content h3 { width: 95%; font-size: 2.15em; } /* ----- Home slideshow Styling ----- */ .wg-slider .slide-caption.caption-float-box .content h2 { font-family: 'Playfair Display', sans-serif; color:#FFF; font-size: 2.5em; font-weight: 500;} .wg-slider .slide-caption.caption-float-box .content h3 { transform: scale(1) translateY(0%); opacity: 1; transition: transform 0.4s ease, opacity 0.4s ease; color:#FFF; text-align: center; text-transform: none; font-size: 2.35em; width: 80%; margin: auto; } /* Team listing */ div.team-listing { max-width: 800px; margin: 0 auto; } section.main div.content ul.team-item { padding:0; margin:0 auto;} section.main div.content ul.team-item li { width: 44%; margin-right: 2%; margin-left:3%; max-width:none; } section.main div.content .image-container img:not(.image_dimensions img) { margin: 0 !important; } section.main div.content .team-modal-image-container img:not(.image_dimensions img) { line-height: 0; } section.main div.document_offset { max-width: 800px; width: 100%; margin: auto; padding: 0 1rem; } #document-listing .document { cursor:pointer; width: 42%; padding: 10px; background-color: #FFF; margin: 1em 0.5em; line-height: 1.5em; border-radius: 5px; border: 1px solid #ececec; min-width: 170px; } /* Newsletter Listing */ section.main div.document_offset { max-width: 1600px; width: 100%; margin: auto; padding: 0 1rem; } #newsletter-listing { display: flex; flex-wrap: wrap; justify-content: space-between; } #newsletter-listing .newsletter-records { width:100%; padding: 0 10px; } #newsletter-listing .image_container { padding-top: 0; height: 34px; } #newsletter-listing .image_container .image_dimensions { max-width: 34px; max-height: 34px; min-width: 34px; margin: 0 10px 0 0; background-color: transparent; } #newsletter-listing .image_container .image_dimensions img { float: left !important; } #newsletter-listing .newsletter-records { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; } #newsletter-listing .newsletter { cursor:pointer; width: 30%; padding: 5px 15px; background-color: #2480bd; margin: 1em 0.25em; line-height: 1.5em; border-radius: 5px; border: 1px solid #2480bd; min-width: 80px; } #newsletter-listing .newsletter:hover a { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter a { color:#FFFFFF; text-decoration: none; } #newsletter-listing .newsletter a:hover { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter .item-container svg { } #newsletter-listing .newsletter:hover { background-color: #FFFFFF; border:1px solid #2480bd; transition: all 500ms ease; } #newsletter-listing .newsletter:hover .item-container { color: #FFF; } #newsletter-listing .newsletter:hover .item-container svg { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } #newsletter-listing .newsletter .item-container { display: flex; justify-content: left; align-items: center; } #newsletter-listing .newsletter .item-container .newsletter-label span { text-transform: uppercase; font-size: 0.825em; } #newsletter-listing .newsletter .item-container .newsletter-icon { width: 100%; max-width: 30px; min-width: 30px; margin-right:10px; } /* Subpage Feature */ section.main div.content .subpages { padding: 1rem 0 6rem 0; max-width:700px; margin:auto;} section.main div.content .subpages-container { margin-top: 2.5rem; } section.main div.content .subpage { border-radius: 0px; padding: 3px; float: left; width: 46%; margin: 0 2%; margin-bottom: 1.5rem; } section.main div.content .subpage div { max-height:180px; overflow:hidden; } section.main div.content .subpage:hover { background-color: #FFFFFF; text-decoration: none; } section.main div.content a.subpage:hover { text-decoration: none; } section.main div.content a.subpage:hover p { text-decoration: none; } section.main div.content .subpage:hover img { background-color: #FFFFFF; text-decoration: none; } section.main div.content .subpage-desc { padding: 0.625rem 1rem 0rem 1rem; min-height:60px; text-align: center;font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; text-align: left; color: #1c1c1c; transition: color 0.3s ease; } section.main div.content .subpage:hover .subpage-desc { color: #2480bd; text-decoration: none; } section.main.news div.side-menu nav.sub-page-menu { padding: 0 0 20px 0; } .side-menu div > nav > h3 > span > i { margin-left: 1em; } section.main div.content .heading-box .heading-text { padding: 0 10%; } section.events.main div.calendar-container ul li.row .time-box .image { max-width: 250px; margin: auto; } section.events.main div.calendar-container ul li.row .time-box { width: 100%; text-align: center; } section.main .walks .walk { width: calc(50% - 18px); } section.main.news div.side-menu-news nav.sub-page-menu { max-width: 800px; } footer.main-et1d .col_4 .footer_panel ul, footer.main-et1d .col_4 .footer_panel li, footer.main-et1d .col_4 .footer_panel { text-align: center; } .footer-icons { justify-content: center; } } @media only screen and (max-width: 700px) { section.main div.content .subpage div { max-height:140px; overflow:hidden; } } /* ----- Responsive Styling 600px ----- */ @media only screen and (max-width: 600px) { /* Heading & Paragraph Styles */ section.main div.content h1 { font-size: 2.0em; line-height: 1.5em; padding: 0 1em;} section.main div.content h2 { margin: 0% 0% 1.0em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1.5em; font-weight: 400; color: #444444; } section.main div.content h3 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.25em; line-height: 1em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content h3.canvas { color:#FFF; text-align: center; text-transform: none; font-size: 2.35em; } section.main div.content h4 { margin: 0% 0% 0.5em 0%; font-family: 'Poppins', sans-serif; font-size: 1.5em; line-height: 1em; font-weight: 400; text-transform: none; color: #5d737d; } section.main div.content p { margin: 0% 0% 1.5em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content ul { font-family: 'Lato', sans-serif; margin: 0 0 0.5em 0; } section.main div.content li { margin: 0% 0% 0.75em 0%; font-family: 'Lato', sans-serif; font-size: 1em; line-height: 1.5em; font-weight: 400; text-transform: none; color: #444444; } section.main div.content a { color: #2480bd; } section.main div.content .results { display:block; } section.main div.column_offset { padding: 0 1.5rem; } section.main div.left_offset div.content { padding: 3rem 1.0rem; } section.main .config_container .coltype_image { min-height:400px; background-size: 100%; } section.main.home .featured-pages { justify-content: center; } section.main.home .featured-pages a { width: 100%; text-align: center; } section.events.main div.calendar-container ul li.row .time { width:100%; margin: 0 0 0.5em 0; } section.events.main div.calendar-container ul li.row .details { width:100%; } section.main.home .featured-page { width: 100%; } /* ----- Home Styling ----- */ .wg-slider .slide-caption.caption-float-box { bottom: 25%; } .wg-slider .slide-caption.caption-float-box .content { background-color:transparent; max-width: 600px; } .wg-slider .slide-caption.caption-float-box .content h2 { font-family: 'Playfair Display', sans-serif; color:#FFF; font-size: 1.75em; font-weight: 500;} section.main #photo-gallery .heading { flex-wrap: wrap; justify-content: center; } section.main #photo-gallery .heading h1 { width: 100%; } section.main.home div.content p { font-size: 1.25em; } section.main.home div.content h2 { font-size: 1.375em; } section.main.home .featured-pages a .overlay { top: 0px; right: 0px; bottom: 0px; left: 0px; position: absolute; background-color: #000; opacity: 0; z-index: 100; transition: opacity 0.5s ease; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; } section.main.home .featured-pages a .overlay:hover { opacity: 0.7; } section.main.home .featured-pages { max-width: 600px; margin: auto; display: flex; flex-wrap: wrap; justify-content: space-evenly; padding: 0 0 80px; } section.main.home .featured-page { width: 90%; max-width: 450px; padding: 15px 0 90px; min-width: 240px; } section.main.home .featured-pages a { display: flex; position: relative; } section.main.home .featured-pages a div.overlay h3 { font-weight:500; color:#FFF; position:absolute; width: 100%; margin-left: auto; margin-right: auto; text-align: center; left: 0; right: 0; } section.main.home .featured-pages a div.overlay h3:first-of-type { top: 55%; font-size: 2em; } section.main.home .featured-pages a div.overlay h3:last-of-type { top: 24%; font-size: 4.5em; } section.main.home .featured-pages a h3 { position: absolute; width:100%; top:calc(95%); font-size: 1.5em; text-align: center; color: #444444; font-weight: 500; } section.main.home .featured-pages a div.overlay .far { font-weight: 200; } section.main .fullwidth_image { display: flex; align-items: end; justify-content: center; padding: calc(18%) calc(15%) calc(18%); height: 1225px; } section.main .fullwidth_image div.content h3 { font-size: 1.575em; color: #FFF; } /* Team listing */ div.team-listing { text-align: center; } section.main div.content ul.team-item li { width: 90%; margin-left: auto; margin-right:auto; } /* Subpage Feature */ section.main div.content .subpages { padding: 1rem 0 6rem 0; max-width:500px; margin:auto;} section.main div.content .subpages-container { margin-top: 2.5rem; } section.main div.content .subpage { border-radius: 0px; padding: 3px; float: left; width: 96%; margin: 0 2%; margin-bottom: 1.5rem; } section.main div.content .subpage div { max-height:220px; overflow:hidden; } section.main div.content .subpage:hover { background-color: #FFFFFF; text-decoration: none; } section.main div.content a.subpage:hover { text-decoration: none; } section.main div.content a.subpage:hover p { text-decoration: none; } section.main div.content .subpage:hover img { background-color: #FFFFFF; text-decoration: none; } section.main div.content .subpage-desc { padding: 0.625rem 1rem 0rem 1rem; min-height:60px; text-align: center;font-family: 'Poppins', sans-serif; font-size: 1.5rem; line-height: 1.5rem; font-weight: 400; text-transform: uppercase; text-align: left; color: #1c1c1c; transition: color 0.3s ease; } section.main div.content .subpage:hover .subpage-desc { color: #2480bd; text-decoration: none; } /* Document Listing */ section.main div.document_offset { max-width: 600px; width: 100%; margin: auto; padding: 0 1rem; } #document-listing { display: flex; flex-wrap: wrap; justify-content: space-between; } #document-listing .document-records { width:100%; padding: 0 10px; } #document-listing .image_container { padding-top: 0; height: 50px; } #document-listing .image_container .image_dimensions { max-width: 50px; max-height: 50px; min-width: 37px; margin: 0 10px 0 0; background-color: transparent; } #document-listing .image_container .image_dimensions img { float: left !important; } #document-listing .document-records { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; } #document-listing .document { cursor:pointer; width: 90%; padding: 10px; background-color: #FFF; margin: 1em 0.5em; line-height: 1.5em; border-radius: 5px; border: 1px solid #ececec; min-width: 170px; } #document-listing .document:hover a { color:#FFFFFF; text-decoration: none; } #document-listing .document a { color:#444444; text-decoration: none; } #document-listing .document a:hover { color:#FFFFFF; text-decoration: none; } #document-listing .document .item-container svg { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } #document-listing .document:hover { background-color: #2480bd; border:1px solid #2480bd; transition: all 500ms ease; } #document-listing .document:hover .item-container { color: #FFF; } #document-listing .document:hover .item-container svg { filter: none; } #document-listing .document .item-container { display: flex; justify-content: left; align-items: center; } #document-listing .document .item-container .document-label span { text-transform: uppercase; font-size: 0.825em; } #document-listing .document .item-container .document-icon { width: 100%; max-width: 60px; min-width: 60px; } #document-listing h3 { text-align: center; margin:0 auto;} /* Newsletter Listing */ section.main div.document_offset { max-width: 1600px; width: 100%; margin: auto; padding: 0 1rem; } #newsletter-listing { display: flex; flex-wrap: wrap; justify-content: space-between; } #newsletter-listing .newsletter-records { width:100%; padding: 0 10px; } #newsletter-listing .image_container { padding-top: 0; height: 34px; } #newsletter-listing .image_container .image_dimensions { max-width: 34px; max-height: 34px; min-width: 34px; margin: 0 10px 0 0; background-color: transparent; } #newsletter-listing .image_container .image_dimensions img { float: left !important; } #newsletter-listing .newsletter-records { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; list-style-type: none; } #newsletter-listing .newsletter { cursor:pointer; width: 46%; padding: 5px 10px; background-color: #2480bd; margin: 1em 2%; line-height: 1.5em; border-radius: 5px; border: 1px solid #2480bd; min-width: 80px; } #newsletter-listing .newsletter:hover a { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter a { color:#FFFFFF; text-decoration: none; font-size: 0.875em;} #newsletter-listing .newsletter a:hover { color:#2480bd; text-decoration: none; } #newsletter-listing .newsletter .item-container svg { } #newsletter-listing .newsletter:hover { background-color: #FFFFFF; border:1px solid #2480bd; transition: all 500ms ease; } #newsletter-listing .newsletter:hover .item-container { color: #FFF; } #newsletter-listing .newsletter:hover .item-container svg { filter: invert(40%) sepia(66%) saturate(693%) hue-rotate(162deg) brightness(94%) contrast(85%); } #newsletter-listing .newsletter .item-container { display: flex; justify-content: left; align-items: center; } #newsletter-listing .newsletter .item-container .newsletter-label span { text-transform: uppercase; font-size: 0.825em; } #newsletter-listing .newsletter .item-container .newsletter-icon { width: 100%; max-width: 30px; min-width: 30px; margin-right:10px; } #newsletter-listing .newslettercover { cursor:pointer; width: 40%; padding:0px; margin: 1em 5%; line-height: 1.5em; border-radius: 0px; border: 0px solid #2480bd; min-width: 80px; text-align: center;} #newsletter-listing .newslettercover:hover a { color:#2480bd; text-decoration: none; } #newsletter-listing .newslettercover a { color:#444444; text-decoration: none; } #newsletter-listing .newslettercover a:hover { color:#2480bd; text-decoration: none; } #newsletter-listing .newslettercover:hover { border:0px solid #2480bd; transition: all 500ms ease; } #newsletter-listing .newslettercover:hover .item-container { color: #FFF; } #newsletter-listing .newslettercover .item-container { display:inline-block; } #newsletter-listing .newslettercover .item-container .newslettercover-label span { text-transform: uppercase; font-size: 0.825em; } #newsletter-listing .newslettercover .item-container .newslettercover-image { width: 100%; margin-bottom:1em; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.05), 0 3px 10px 0 rgba(0, 0, 0, 0.05); transition: all 500ms ease; } #newsletter-listing .newslettercover:hover .item-container .newslettercover-image { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.15), 0 3px 10px 0 rgba(0, 0, 0, 0.15); } #newsletter-listing h3 { text-align: center; margin:0 auto;} } @media only screen and (max-width: 550px) { section.main .walks .walk { width: 100%; } }