/* === START GENERIC STYLES === */ /* Restricted declaration reset */ * { margin:0; padding:0; } html, body { margin:0 !important; padding:0 !important; border:0 !important; outline:0 !important; } sup { vertical-align: text-top; } .text_navigationname_home { visibility: hidden; } .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} /* === END GENERIC STYLES === */ *{ margin: 0; padding: 0; box-sizing: border-box; } html { font-family: Arial, Helvetica, sans-serif; font-size: 10px; line-height: 1.5; } .wrapper { font-size: 1.6rem; } .content-template{ background: #CCCCCC; } .container { margin: 0 auto; max-width: 1220px; } .colour_bg_gradient{ height: 1rem; background: #74cee4; background: -moz-linear-gradient(left, #74cee4 0%, #66ce9c 16%, #edbf47 32%, #ec774b 49%, #74cee4 65%, #66ce9c 83%, #edbf47 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#74cee4), color-stop(16%,#66ce9c), color-stop(32%,#edbf47), color-stop(49%,#ec774b), color-stop(65%,#74cee4), color-stop(83%,#66ce9c), color-stop(100%,#edbf47)); background: -webkit-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); background: -o-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); background: -ms-linear-gradient(left, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); background: linear-gradient(to right, #74cee4 0%,#66ce9c 16%,#edbf47 32%,#ec774b 49%,#74cee4 65%,#66ce9c 83%,#edbf47 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#74cee4', endColorstr='#edbf47',GradientType=1 ); } header { position: relative; } nav { line-height: 1; text-transform: uppercase; display: flex; flex-direction: column; width: 100%; max-width: 1220px; z-index: 5; } nav ul { list-style-type: none; display: flex; flex-direction: row; } nav li a { text-decoration: none; } nav li a i { margin-right: 1rem; } .mobile-menu { font-size: 1.6rem; color: #a4a4a4; text-decoration: none; padding: 1rem; background: #f1f1f1; border-radius: 0.5rem; box-shadow: 0 0.4rem 0 0 #e5e5e5; margin-top: 2rem; display: none; } .website-interactions-bar { font-size: 1.4rem; color: #FFFFFF; padding: 1rem 2rem; background: #495052; display: flex; flex-direction: row; justify-content: space-between; } .website-interactions-bar li a { color:#FFFFFF; text-decoration: none; } .website-interactions-bar .left li:after { content: '\2022'; font-family: 'fontello'; font-size: 0.7rem; vertical-align: middle; margin: 0 1rem; } .website-interactions-bar .left li:last-child::after{ content: none; margin: 0; } .website-interactions-bar .right li::before { content: '\2022'; font-family: 'fontello'; font-size: 0.7rem; vertical-align: middle; margin: 0 1rem; } .website-interactions-bar .right li:first-child::before{ content: none; margin: 0; } .navigation-bar { color: #a4a4a4; display: flex; flex-direction: row; justify-content: space-between; padding: 1rem 2rem; background: #f9f9f9; box-shadow: 0 0.4rem 0 0 #f1f1f1; border-radius: 0 0 0.5rem 0.5rem; } .navigation-bar .logo{ display: block; } .navigation-bar .logo a{ width: 150px; height: 150px; display: block; background: url(image/logo2-1x.png) no-repeat center center; background: url(image/logo2-2x.png) no-repeat center center / 150px 150px; } .navigation-bar .logo a span { position: absolute; left: -99999px; } .navigation-bar ul { font-size: 1.8rem; justify-content: flex-end; align-items: center; flex-grow: 1; flex-wrap: wrap; margin-left: 2rem; } .navigation-bar ul li{ text-align: right; position: relative; } .navigation-bar ul li a{ color: #a4a4a4; } .navigation-bar ul li a:hover{ color: #868585; } .navigation-bar ul li a:after { content: '\2022'; font-family: 'fontello'; font-size: 1.4rem; vertical-align: middle; margin: 0 1.3rem; } .navigation-bar ul li:last-child a:after, .navigation-bar ul li.last_nav_item a:after{ content: none; margin: 0; } .navigation-bar ul li ul { color: #000000; text-transform: none; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; position: absolute; left: -99999px; width: max-content; padding: 48px 0 0 0; bottom: auto; border-radius: 0.5rem; margin: 0; z-index: 5; } .navigation-bar ul li:hover ul { left: -20px; } .navigation-bar ul li ul .item_navitem { text-align: center; margin: 0; } .navigation-bar ul li ul .item_navitem:first-child:before { z-index: 6; position: absolute; color: #f9f9f9; content: '\E80C'; font-family: 'fontello'; margin-top: -25px; margin-left: 20px; font-size: 36px; display: block; } .navigation-bar ul li ul .item_navitem a { color: #868585; font-size: 1.6rem; text-align: left; padding: 1rem 2rem; background: #f9f9f9; display: block; border-bottom: 1px solid #f1f1f1; } .navigation-bar ul li ul .item_navitem:first-child a{ padding: 2rem 2rem 1rem 2rem; border-radius: 0.5rem 0.5rem 0 0; } .navigation-bar ul li ul .item_navitem:last-child a { padding: 1rem 2rem 2rem; border-radius: 0 0 0.5rem 0.5rem; box-shadow: 0px 4px 0px 0px #f1f1f1; border-bottom: none; } .navigation-bar ul li ul .item_navitem:last-child.first_nav_item a { padding: 2rem; border-radius: 0.5rem; } .navigation-bar ul li:nth-child(3) ul .item_navitem:first-child:before { color: #74cee4; } .navigation-bar ul li:nth-child(3) ul .item_navitem a { color: #FFFFFF; background: #74cee4; border-bottom: 1px solid #6fc4d9; } .navigation-bar ul li:nth-child(3) ul .item_navitem:last-child a { box-shadow: 0 0.4rem 0 0#6fc4d9; border: none; } .navigation-bar ul li:nth-child(3) ul .item_navitem a:hover { background: #6fc4d9; } .navigation-bar ul li:nth-child(4) ul .item_navitem:first-child:before { color: #edbf47; } .navigation-bar ul li:nth-child(4) ul .item_navitem a { color: #FFFFFF; background: #edbf47; border-bottom: 1px solid #e0b84e; } .navigation-bar ul li:nth-child(4) ul .item_navitem:last-child a { box-shadow: 0 0.4rem 0 0#e0b84e; border: none; } .navigation-bar ul li:nth-child(4) ul .item_navitem a:hover { background: #e0b84e; } .navigation-bar ul li:nth-child(5) ul .item_navitem:first-child:before { color: #c389ce; } .navigation-bar ul li:nth-child(5) ul .item_navitem a{ color: #FFFFFF; background: #c389ce; border-bottom: 1px solid #ac7ab5; } .navigation-bar ul li:nth-child(5) ul .item_navitem:last-child a { box-shadow: 0 0.4rem 0 0 #ac7ab5; border: none; } .navigation-bar ul li:nth-child(5) ul .item_navitem a:hover{ background: #ac7ab5; } .navigation-bar ul li:nth-child(6) ul .item_navitem:first-child:before { color: #ec774b; } .navigation-bar ul li:nth-child(6) ul .item_navitem a { color: #FFFFFF; background: #ec774b; border-bottom: 1px solid #df764e; } .navigation-bar ul li:nth-child(6) ul .item_navitem:last-child a { box-shadow: 0 0.4rem 0 0 #df764e; border: none; } .navigation-bar ul li:nth-child(6) ul .item_navitem a:hover { background: #df764e; } .navigation-bar ul li ul li a::after { content: none; } .content-template main { padding-top: 4.4rem; } .masthead-photobanner, .xx-respond .item_photobanner2 { width: 100%; height: 90vh; background: #EEEEEE; position: relative; overflow: hidden; } .masthead-photobanner .slides, .masthead-photobanner .slide, .masthead-photobanner .slide-image, .xx-respond .item_photobanner2 .slides, .xx-respond .item_photobanner2 .slide, .xx-respond .item_photobanner2 .slide-image{ height: 100%; } .masthead-photobanner .slide, .xx-respond .item_photobanner2 .slide { position: absolute; top: 0; left: 0; width: 100%; z-index: 1; opacity: 0; } .masthead-photobanner .slide.current_slide, .xx-respond .item_photobanner2 .slide.current_slide { z-index: 2; opacity: 1; } .masthead-photobanner .slide-1 .slide-image { background: url(image/slide-1.jpg) no-repeat center top; background: url(image/slide-1.jpg) no-repeat center top / cover; } .masthead-photobanner .slide-2 .slide-image { background: url(image/slide-2.jpg) no-repeat center top; background: url(image/slide-2.jpg) no-repeat center top / cover; } .masthead-photobanner .slide-3 .slide-image { background: url(image/slide-3.jpg) no-repeat center top; background: url(image/slide-3.jpg) no-repeat center top / cover; } .masthead-photobanner .slide-4 .slide-image { background: url(image/slide-4.jpg) no-repeat center top; background: url(image/slide-4.jpg) no-repeat center top / cover; } .masthead-photobanner .slide-5 .slide-image { background: url(image/slide-5.jpg) no-repeat center top; background: url(image/slide-5.jpg) no-repeat center top / cover; } .masthead-photobanner .slide-6 .slide-image { background: url(image/slide-6.jpg) no-repeat center top; background: url(image/slide-6.jpg) no-repeat center top / cover; } .masthead-photobanner .text, .masthead-photobanner .graphic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .masthead-photobanner .graphic_inner { max-width: 1220px; width: 100%; height: 100%; margin: 0 auto; } .masthead-photobanner .slide-1 .graphic_inner { } .masthead-photobanner .slide-2 .graphic_inner { } .masthead-photobanner .slide-3 .graphic_inner { } .masthead-photobanner .slide-4 .graphic_inner { } .masthead-photobanner .slide-5 .graphic_inner { } .masthead-photobanner .text_outer { max-width: 1220px; height: 100%; margin: 0 auto; display: flex; flex-direction: row; justify-content: center; align-items: center; } .masthead-photobanner .text_inner { color: #FFFFFF; font-size: 2.4rem; text-transform: uppercase; } .photobanner-prev-next, .item_photobanner2 .photobanner-prev-next { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; display: flex; flex-direction: row; justify-content: space-between; align-items: center; padding: 0 2rem; list-style-type: none; } .photobanner-prev-next li, .item_photobanner2 .photobanner-prev-next li { width: 60px; height: 60px; background: #FFFFFF url(image/left-arrow-1x.png) no-repeat center center; background:#FFFFFF url(image/left-arrow-2x.png) no-repeat center center / 19px 20px; border-radius: 50%; z-index: 5; display: block; } .photobanner-prev-next li.next, .item_photobanner2 .photobanner-prev-next li.next { background: #FFFFFF url(image/right-arrow-1x.png) no-repeat center center; background:#FFFFFF url(image/right-arrow-2x.png) no-repeat center center / 19px 20px; } .photobanner-prev-next li:hover { cursor: pointer; } .photobanner-prev-next li span{ position: absolute; left: -99999px; } .services-quicklinks { position: relative; margin-top: -2rem; z-index: 5; } .services-quicklinks ul { list-style-type: none; display: flex; flex-direction: row; justify-content: flex-start; } .services-quicklinks ul li { flex-grow: 1; } .services-quicklinks ul li a { color: #FFFFFF; font-size: 2.4rem; text-align: center; text-transform: uppercase; text-decoration: none; padding: 2rem; border-radius: 0; box-shadow: 0 0.4rem 0 0 #e0b84e; background: #edbf47; display: block; position: relative; } .services-quicklinks ul li a i::before { display: none; } .services-quicklinks ul li:nth-child(1) a { background: #429EDD; border-radius: 0.5rem 0 0 0.5rem; box-shadow: 0 0.4rem 0 0 #388cc6; } .services-quicklinks ul li:nth-child(1) a i { color: #388cc6; } .services-quicklinks ul li:nth-child(2) a { background: rgb(174, 205, 96); box-shadow: 0 0.4rem 0 0 rgba(43, 102, 60, 0.5); } .services-quicklinks ul li:nth-child(2) a i { color: #e0b84e; } .services-quicklinks ul li:nth-child(3) a { background: #459FA1; box-shadow: 0 0.4rem 0 0 #368486; } .services-quicklinks ul li:nth-child(3) a i { color: #368486; } .services-quicklinks ul li:nth-child(4) a { background: #F9DB4A; border-radius: 0 0.5rem 0.5rem 0; box-shadow: 0 0.4rem 0 0 #E6C942; } .services-quicklinks ul li:nth-child(4) a i { color: #E6C942; } .content-template .content{ padding: 6rem 2rem; background: #FFFFFF; } .homepage-template .content { color: #868585; font-size: 1.6rem; padding: 4rem 2rem 4rem 2rem; } .homepage-template .content.featured-content { padding: 6rem 2rem 4rem 2rem; } .content-template .content .container { max-width: 854px; } .homepage-template .content .container { display: flex; flex-direction: column; align-items: center; } .homepage-template .content .left-content { display: none; } .homepage-template .content .roundhouse-services { max-width: 800px; } .homepage-template .text_navigationname{ position: absolute; left: -99999px; } .text_navigationname, .content .item_heading { padding: 0.4rem 0; margin-bottom: 2rem; } .text_navigationname, .content .item_heading h2 { color: #868585; font-size: 2.8rem; font-weight: normal; text-transform: uppercase; } .text_navigationname:after, .content .item_heading h2:after { content: ' '; display: block; width: 9rem; height: 0.3rem; background: #ed1c24; border-radius: 1rem; margin-top: 1.5rem; } .content .item_subheading h3 { color: #a4a4a4; font-size: 1.8rem; font-weight: normal; text-transform: uppercase; } .content .roundhouse-services .item:nth-of-type(2) { margin-bottom: 16px; } .content .roundhouse-services .item_subheading { margin-bottom: 0; } .content .roundhouse-services .item_paragraph{ margin-bottom: 0; } .content .roundhouse-services .item_paragraph img { width: 80px; height: 80px; } .content .item_paragraph p { color: #a4a4a4; } .content .item_paragraph p > a { color: #868585; } .content .item_list li { color: #ed1c24; } .content .item_list li p { color: #a4a4a4; } .content .item_divider hr { color: #a4a4a4; border-color: #a4a4a4; } .content .gallery_edit_top, .content .galleryphoto_edit_itemoptions, .content .item_gallery .item_photo .title span, .gallery_edit_bottom{ box-sizing: content-box; } #new_item_gallery h2 { font-size: 1.8rem; } .item_gallery { display: flex; flex-direction: row; justify-content: center; margin: 0 auto 2rem auto; } .item_gallery .item_photo { margin: 0 0.5rem 1rem 0.5rem; } .content .item_gallery .item_photo .title span { background: #ed1c24; color: #FFFFFF; padding: 0.5rem; } .content .item_photo img{ display: block; } .content .item_contentlink, .content .item_file{ overflow: hidden; } .content .item_contentlink > a, .content .item_file > a { color: #fff; text-decoration: none; padding: 1rem 2rem; background: #992E5D; border-radius: 0.5rem; box-shadow: 0 0.4rem 0 0 #f1f1f1; } .content .item_contentlink > a::before, .content .item_file > a::before { content: '\F08E'; font-family: 'fontello'; margin-right: 1rem; } .content .item_file > a::before { content: '\F0F6'; } .content-template .content .item_contentlink > a:hover, .content-template .content .item_file > a:hover { color: #fff; box-shadow: 0 0 0 0 transparent; margin-top: 0.4rem; margin-bottom: -0.4rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .contact-template .content .container{ max-width: 1220px; } .contact-template .content .container.layer2 { display: flex; flex-direction: row; justify-content: space-between; } .contact-template .content .container .column { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 2rem; } .contact-template .content .container .column:last-child{ margin-bottom: 0; } .contact-template .content .container .left { max-width: 400px; margin-right: 2rem; } .content-template .card { color: #a4a4a4; position: relative; padding: 2rem; background: #f9f9f9; border-radius: 5px; box-shadow: 0 0.4rem 0 0 #f1f1f1; margin-bottom: 2rem; display: flex; flex-direction: row; justify-content: flex-start; word-wrap: break-word; word-break: break-all; } .content-template .card:last-child { margin-bottom: 0; } .content-template .card i { width: 80px; height: 80px; display: inline-block; padding: 2rem; border-radius: 50%; font-size: 3.2rem; color: #FFFFFF; text-align: center; vertical-align: middle; } .content-template .card.address i { box-shadow: 0 0.4rem 0 0 #c86969; background: #ed1c24; } .content-template .card.get-in-touch i { box-shadow: 0 0.4rem 0 0 #6ab78a; background: #6fc191; } .content-template .card .card-inner{ margin-left: 2rem; } .content-template .card h3{ color: #868585; font-size: 1.8rem; font-weight: normal; margin-bottom: 1rem; } .content-template .card ul{ list-style: none; } .content-template .card a { color: #a4a4a4; } .contact-template .content .container .right { max-width: 800px; } .contact-template h1 { color: #fff; font-weight: 300; padding: 2rem; font-size: 1.8rem; border-radius: 0.5rem 0.5rem 0 0; background: #edbf47; margin-bottom: 0; } .contact-template h1::after { content: none; } .card.contact_form { display: flex; flex-direction: column; justify-content: flex-start; color: #A9A9A9; } .contact_form fieldset { border: 0; } .contact_form label, .contact_form input, .contact_form textarea { font-family: Arial, Helvetica, sans-serif; display: block; margin-bottom: 1rem; } .contact_form label { color: #a4a4a4; } .contact_form input, .contact_form textarea { width: 100%; padding: 1rem 2rem; background: #f1f1f1; border: none; border-radius: 0.5rem; box-shadow: 0 0.4rem 0 0 #e5e5e5; font-size: 1.4rem; } .contact_form textarea { margin-bottom: 2rem; } .contact_form input.button { -webkit-appearance: none; color: #FFFFFF; box-shadow: 0 0.4rem 0 0 #6ab78a; background: #6fc191; padding: 2rem; } .form_errors { display: block; padding: 2rem; background: #ed1c24; border-radius: 0.5rem; box-shadow: 0 0.4rem 0 0 #c86969; margin-bottom: 2rem; } .form_errors .item_subheading h3, .form_errors .item_paragraph p{ color: #FFFFFF; } .contact-template iframe{ display: block; width: 100%; } .homepage-template .content .item_contentlink > a, .homepage-template .content .item_file > a { color: #a4a4a4; background: none; border-radius: none; box-shadow: none; padding: 0 } .homepage-template .content .item_contentlink > a::before, .homepage-template .content .item_file > a::before { content: '\e80d'; font-family: 'fontello'; margin-right: 0.5rem; } .breakout-section { line-height: 1.2; color: #FFFFFF; font-size: 2.8rem;; text-align: center; background: url(image/our-mission.jpg) no-repeat center center; } .breakout-section-inner { padding: 6rem 2rem; background: rgba(0,0,0,0.5); } .breakout-section h2 { color: #FFFFFF; font-size: 2.8rem; font-weight: normal; text-transform: uppercase; } .breakout-section h2:after { content: ' '; display: block; width: 9rem; height: 0.6rem; background: #edbf47; border-radius: 1rem; margin: 3rem auto 3rem auto; } .homepage-template .content.whats-on { padding: 4rem 2rem 6rem 2rem; } .whats-on.content .item_heading h2:after { background: #6fc191; } .homepage-template .whats-on.content .container { display: block; } .have-your-say { background: #ec774b url(image/footer-bar.png) no-repeat center center; background-size: cover; } .have-your-say .container { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 7rem 2rem 6rem 2rem; } .have-your-say h2 { color: #FFFFFF; font-size: 2.4rem; line-height: 1.2; font-weight: normal; text-align: center; margin-bottom: 4rem; } .have-your-say a{ color: #FFFFFF; font-size: 1.7rem; text-transform: uppercase; text-decoration: none; line-height: 1.2; background: #58B9DA; border-radius: 0.5rem; padding: 1rem 2rem; } .calendar_controls{ color: #868585; font-size: 2rem; display: flex; flex-direction: row; justify-content: space-between; margin: 4rem 0 1rem 0; } .calendar_controls a { color: #495052; text-decoration: none; } .calendar_controls .prev_month a, .calendar_controls .next_month a{ color: #000000; display: block; margin-left: 2rem; } .calendar{ font-size: 1.6rem; text-align: center; display: flex; flex-direction: column; justify-content: space-between; } .calendar_row{ display: flex; flex-direction: row; justify-content: space-between; } .calendar_row .dateHeader, .calendar_row .day{ width: 169px; margin: 0.1rem; } .calendar_row .day { min-height: 169px; } .calendar .day .inner { text-align: left; } .calendar_row .dateHeader span, .calendar_row .day h2{ text-align: center; display: block; padding: 0.2rem 0.4rem; } .calendar_row .dateHeader span{ color: #a4a4a4; font-weight: bold; font-size: 1.8rem; } .calendar_row .day h2{ font-size: 1.6rem; font-weight: normal; color: #FFFFFF; background: #000000; } .calendar_row .day:nth-of-type(6) h2, .calendar_row .day:nth-of-type(7) h2{ color: #a4a4a4; background: rgba(0,0,0,.1); } .calendar ul{ list-style-type: none; line-height: 1.2; } .calendar .day.other_month { background: rgba(0,0,0,.04); } .calendar .day.other_month h2, .calendar .day.other_month li.event{ visibility: hidden; } .calendar .day.other_month li.event { display: none; } .calendar .day li.event{ position: relative; } .calendar .day li.event{ color: #a4a4a4; font-size: 1.2rem; font-weight: normal; text-align: left; padding: 0.4rem; margin: 0 0.4rem 0.4rem 0.4rem; border-bottom: solid 0.1rem rgba(0,0,0,.1); cursor: pointer; } .calendar .day .repeater:first-child li.event{ padding-top: 0.8rem; } .calendar .day .repeater:last-child li.event{ border: none; padding-bottom: 0.8rem; } .calendar .day li.event::before { content: "•"; color: #ed1c24; vertical-align: middle; margin-right: 0.4rem; float: left; } .calendar .day li.event span{ color: #a4a4a4; font-size: 1.6rem; line-height: 1.5; width: 360px; padding: 2rem; background: #FFFFFF; border: solid 1px rgba(0,0,0,.1); border-radius: 0.5rem; position: absolute; bottom: auto; left: auto; z-index: 1; display: none; cursor: default; } .calendar .day li.event:hover p{ text-decoration: underline; } .calendar li.event.hover span { display: block; } .calendar li.event span .title{ font-weight: bold; } .calendar li.see-more a { color: #868585; text-decoration: none; } .calendar li.close { color: #a4a4a4; text-decoration: none; font-size: 1.2rem; cursor: pointer; } .calendar li.see-more a:hover, .calendar li.close:hover{ text-decoration: underline; } .calendar li.event.hover span li{ margin-bottom: 2rem; } .calendar li.event.hover span li:last-child{ border: none; margin-bottom: 0; } .have-your-say a:hover { background: #3fafd4; } footer { color: #FFFFFF; display: flex; flex-direction: column; justify-content: flex-start; } footer .layer1 { padding: 4rem 0; background: #495052; } footer .layer .container { flex-grow: 1; } footer .layer .container{ display: flex; flex-direction: row; justify-content: flex-start; } footer .layer1 .column { flex-grow: 1; padding: 2rem; margin-right: 2rem; } footer .layer1 .column:nth-child(3) { flex-grow: 1.5; margin-right: 0; } footer h2 { font-size: 1.8rem; font-weight: 300; line-height: 1.2; margin-bottom: 2rem; } footer h2:after { content: ' '; display: block; width: 3rem; height: 0.3rem; background: #fff; margin-top: 2rem; } footer a { color: #FFFFFF; text-decoration: none; } footer ul{ font-size: 1.6rem; list-style-type: none; } .footer-sitemap ul { line-height: 1.2; } .footer-sitemap ul li , .footer-sitemap ul li.item_navitem { padding: 2rem 0; border-bottom: solid 0.1rem #404547; } .footer-sitemap ul li:first-child, .footer-sitemap ul li.item_navitem:first-child{ padding-top: 0; } .footer-sitemap ul li:last-child, .footer-sitemap ul li.item_navitem:last-child { padding-bottom: 0; border-bottom: 0; } footer ul.address { color: #a4a4a4; margin-bottom: 2em; } footer .fb-page{ display: block; margin-bottom: 4rem; } footer .donate a{ display: block; } footer .donate span { position: absolute; left: -99999px; } footer .layer2 { padding: 2rem 2rem 2rem 100px; background: #404547 url(image/copyright.jpg) no-repeat left / 80px 80px; } footer .layer2 .container .copyright { flex-grow: 1; } footer .layer2 .container .social { flex-grow: 0; } footer .copyright cite { color: #a4a4a4; font-style: normal; } footer .copyright a:hover { text-decoration: underline; } .social ul{ display: flex; flex-direction: row; justify-content: flex-start; } .social ul li{ margin-left: 2rem; } .social ul li a span{ position: absolute; left: -99999px; } .social a { font-size: 1.6rem; text-align: center; padding: 1rem; background: #74cee4; border-radius: 0.5rem; box-shadow: 0 0.4rem 0 0 #6fc4d9; display: block; } .social .social__twitter { background: #74cee4; box-shadow: 0 0.4rem 0 0 #6fc4d9; } .social .social__instagram { background: #000; box-shadow: 0 0.4rem 0 0 #242424; } .social .social__facebook { background: #5977b8; box-shadow: 0 0.4rem 0 0 #4c67a1; } .social .social__youtube { background: #ed1c24; box-shadow: 0 0.4rem 0 0 #c86969; } .social a:hover{ box-shadow: 0 0 0 0 transparent; margin-top: 0.4rem; margin-bottom: -0.4rem; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; } .social i { display: block; width: 20px; height: 20px; } .pagetitle a{ color: #868585; } .gallery_edit_bottom, .list_edit_bottom{ box-sizing: content-box; } @media (min-width: 769px) and (max-width: 1219px) { .services-quicklinks ul li a i::before { display: none; } } @media (max-width: 1175px) { .navigation-bar ul { font-size: 1.6rem; } .navigation-bar ul li ul { padding-top: 49px; } .content .item_photo img { width: 100%; height: auto; } footer .layer .container { flex-wrap: wrap; } footer .layer .container .column { margin-bottom: 2rem; } footer .layer .container .column:last-child { margin-bottom: 0; } footer .layer2 { padding-bottom: 2.4rem; } footer .layer2 .social li:first-child { margin-left: 0; } } @media (max-width: 1092px) { .navigation-bar ul { margin-left: 2rem; justify-content: flex-start; } .navigation-bar ul li a:after { margin: 0 1.5rem; } } @media (max-width: 1091px) { .navigation-bar ul li a:after { margin: 0 1.1rem; } } @media (max-width: 992px) { .navigation-bar { flex-direction: column; justify-content: flex-start; padding: 2rem; } .navigation-bar ul { flex-direction: column; align-items: flex-start; padding: 1rem; background: #f1f1f1; border-radius: 0.5rem; box-shadow: none; margin: 0; align-items: stretch; } .navigation-bar ul li { text-align: left; } .navigation-bar ul li.contains_subpages, .navigation-bar ul li.contains_subpages .dropdown_arrow { cursor: pointer; } .navigation-bar ul li.contains_subpages .dropdown_arrow::after { content: "+"; color: #a4a4a4; font-family: 'fontello'; display: block; padding: 1rem 1.5rem 1.5rem; line-height: 1; float: left; } .navigation-bar ul li a { padding: 1rem 1.5rem 1.5rem; display: inline-block; margin-left: 2.7rem; } .navigation-bar ul li.current > a { font-weight: bold; } .navigation-bar ul li.contains_subpages a { margin-left: 0; } .navigation-bar ul li a:after { content: none; } .navigation-bar ul li ul { position: static; left: auto; width: auto; padding: 0; border-radius: 0; margin: 0 0 1rem 0; align-items: flex-start; display: block; } .navigation-bar ul li:hover ul:hover { left: auto; } .navigation-bar ul li ul .item_navitem { text-align: left; } .navigation-bar ul li ul .item_navitem:first-child:before { content: none; } .navigation-bar ul li ul .item_navitem a, .navigation-bar ul li ul .item_navitem:first-child a, .navigation-bar ul li ul .item_navitem:last-child a, .navigation-bar ul li ul .item_navitem:last-child.first_nav_item a, .navigation-bar ul li:nth-child(2) ul .item_navitem a, .navigation-bar ul li:nth-child(2) ul .item_navitem:first-child a, .navigation-bar ul li:nth-child(2) ul .item_navitem:last-child a, .navigation-bar ul li:nth-child(3) ul .item_navitem a, .navigation-bar ul li:nth-child(3) ul .item_navitem:first-child a, .navigation-bar ul li:nth-child(3) ul .item_navitem:last-child a, .navigation-bar ul li:nth-child(4) ul .item_navitem a, .navigation-bar ul li:nth-child(4) ul .item_navitem:first-child a, .navigation-bar ul li:nth-child(4) ul .item_navitem:last-child a, .navigation-bar ul li:nth-child(5) ul .item_navitem a, .navigation-bar ul li:nth-child(5) ul .item_navitem:first-child a, .navigation-bar ul li:nth-child(5) ul .item_navitem:last-child a, .navigation-bar ul li:nth-child(6) ul .item_navitem a, .navigation-bar ul li:nth-child(6) ul .item_navitem:first-child a, .navigation-bar ul li:nth-child(6) ul .item_navitem:last-child a { text-transform: uppercase; color: #a4a4a4; background: none; padding: 1rem 1rem 1rem 2rem; border: 0; border-radius: 0; box-shadow: none; } .mobile-menu { display: block; } .contact-template .content .container.layer2 { flex-direction: column; justify-content: flex-start; } .contact-template .content .container .column { max-width: 100%; width: 100%; } .contact-template .content .container .left { margin-right: 0; } footer .layer2 .container .copyright { margin-bottom: 1rem; } } @media (max-width: 768px) { .website-interactions-bar .left li:after, .website-interactions-bar .right li::before { display: none; } .website-interactions-bar ul li { text-align: center; margin-right: 2rem; } .services-quicklinks { margin-top: 2.4rem;; } .services-quicklinks ul li a i::before { bottom: 10%; } .masthead-photobanner { height: auto; } .masthead-photobanner .slides { height: 400px; } .masthead-photobanner .slide .slide-image { background-size: cover; background-position: center center; } .photobanner-prev-next { display: none; } .services-quicklinks .container{ flex-direction: column; width: 80vw; } .services-quicklinks ul li:nth-child(1) a { border-radius: 0.5rem 0.5rem 0 0; } .services-quicklinks ul li:nth-child(4) a { border-radius: 0 0 0.5rem 0.5rem; } } @media (max-width: 679px) { .item_gallery { width: 320px; flex-wrap: wrap; } } @media (max-width: 629px) { .website-interactions-bar ul { flex-grow: 1; justify-content: space-evenly; } .website-interactions-bar ul li { margin: 0 0.3rem 0 0.3rem; } .website-interactions-bar ul li i { text-align: center; margin-bottom: 1rem; display: block; } .calendar_controls, .calendar_row .day h2 { font-size: 1.6rem; } .calendar .dateHeader, .calendar .day.other_month { display: none; } .calendar_row { justify-content: flex-start; flex-wrap: wrap; } .calendar_row .day { width: 99%; min-height: 20%; } .calendar .day li.event span { width: 90%; } } @media (max-width: 576px) { .services-quicklinks .container { width: auto; margin: 0 2rem; } .website-interactions-bar ul li { font-size: 1.2rem; } } @media (max-width: 359px) { .item_gallery { width: auto; } .item_gallery .item { width: 50%; } .item_gallery .item .item_photo { width: 97%; height: auto; margin: 1.5%; } .item_gallery .item_photo a, .item_gallery .item_photo a img { width: 100%; height: auto; } } @font-face { font-family: 'fontello'; src: url('fonts/fontello.eot?10399218'); src: url('fonts/fontello.eot?10399218#iefix') format('embedded-opentype'), url('fonts/fontello.woff2?10399218') format('woff2'), url('fonts/fontello.woff?10399218') format('woff'), url('fonts/fontello.ttf?10399218') format('truetype'), url('fonts/fontello.svg?10399218#fontello') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"]:before, [class*=" icon-"]:before { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; margin-right: .2em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; margin-left: .2em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-calendar:before { content: '\e800'; } .icon-pencil:before { content: '\e801'; } .icon-phone-outline:before { content: '\e802'; } .icon-contacts:before { content: '\e803'; } .icon-plus-outline:before { content: '\e804'; } .icon-lock:before { content: '\e805'; } .icon-left-big:before { content: '\e806'; } .icon-right-big:before { content: '\e807'; } .icon-left-circle:before { content: '\e808'; } .icon-right-circle:before { content: '\e809'; } .icon-puzzle-outline:before { content: '\e80a'; } .icon-home-outline:before { content: '\e80b'; } .icon-up-dir:before { content: '\e80c'; } .icon-right-open-outline:before { content: '\e80d'; } .icon-left-open:before { content: '\e80e'; } .icon-right-open:before { content: '\e80f'; } .icon-down-dir:before { content: '\e810'; } .icon-location-outline:before { content: '\e811'; } .icon-paper-plane-empty:before { content: '\e812'; } .icon-link-ext:before { content: '\f08e'; } .icon-twitter:before { content: '\f099'; } .icon-facebook:before { content: '\f09a'; } .icon-doc-text:before { content: '\f0f6'; } .icon-smile:before { content: '\f118'; } .icon-youtube:before { content: '\f167'; } .icon-instagram:before { content: '\f16d'; } .icon-child:before { content: '\f1ae'; }