/* Theme Name: Bristol Bike Project Wordpress Theme Theme URI: http://www.wmelon.co.uk Description: Theme designed by WaterMelon. Version: 2.0 Author: WaterMelon Author URI: http://www.wmelon.co.uk*/ /* CSS Document */ html {position: relative; min-height: 100%; } body { font-family: 'Quicksand', Arial, sans-serif; font-style: normal; font-size:17px; line-height:26px; color:#4e4c4c; background-color:#FFF; padding:0px; margin: 0 ; min-height: 100%; overflow-x:hidden; } .body_container {max-width:1300px; width:auto; display:block; height:auto; margin:0px auto; padding:0px 30px; position:relative;} body.live-nav {overflow:hidden !important;} a.fade, .fade, .fade img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; } a.fade:hover, .fade:hover, .fade:hover img {filter: alpha(opacity=80); opacity: 0.80; } a img {border:none;} a {color:#94643d; text-decoration:none;} a:hover {color:#94643d; text-decoration:none;} header {width:100%; height:auto; position:fixed; top:0px; left:0px; margin:0px auto; padding:0px; float:none; background-color:transparent; text-align:left; z-index:1000; background-color:#FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);box-shadow: 0 0 3px 0 rgba(0,0,0,0.4);} #main_header {display:block;} .home #main_header {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; zoom: 1; filter: alpha(opacity=0); opacity: 0.0; } .home #main_header:hover {filter: alpha(opacity=100); opacity: 1.00; } .nav_visible, .expanded_subnav { filter: alpha(opacity=100) !important; opacity: 1.00 !important; } .header_holder {margin:0px auto; padding:0;} .logo_holder {display:block;height:auto; position:absolute; left:0px; top:0px; z-index:40; text-align:left; padding:0px;} h1.logo {display:block; text-align:center; margin:0px auto; padding: 0;} h1.logo a img {border:none;} h1.logo img {display:block; width:auto; height:auto; max-width:260px; margin:0px auto;} .mobile_logo_holder {display:block;height:auto; position:absolute; left:15px; top:3px; z-index:40; text-align:left; padding:0px;} h1.mobile_logo {display:block; text-align:center; margin:0px auto; padding: 0;} h1.mobile_logo a {} h1.mobile_logo a img {border:none;} img.mobile_logo_img {display:block; width:56px !important; height:auto; margin:0px auto;} .holder { width:100%; display:block; height:auto; margin:0px auto; padding:0px; position:relative; float:none;} ul.nav {width:auto; height:auto; float:right; text-align: right; list-style-type:none; padding:0px; margin:0px; font-family: "Din", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 300; text-transform:uppercase; text-align:center; } ul.nav li {display:inline-block; margin:0px; padding:0px 10px 0px 0px; } ul.nav li a {display:inline-block; font-weight: bold; color:#707070; font-size:15px; line-height:17px; padding:6px 0; margin:0px;} ul.nav li.current-menu-item a, ul.nav li.current_page_parent a, ul.nav li.current-page-ancestor a {color:#90ae2b; text-decoration:none; } ul.nav li a:hover {text-decoration:none; color:#90ae2b;} ul.nav li > a:after { content: ''; background-repeat:no-repeat; width:14px; height:15px; display:block; position:absolute; top:15px; right:-9px; z-index:1010;} ul.nav > li > a:after {content: ''; background-repeat:no-repeat; width:14px; height:15px; display:block; position:absolute; top:15px; right:-9px; z-index:1010; } ul.nav li > a:only-child:after {content: ''; background-image:none; } ul.nav li a:after {display:none;} ul.nav li:hover a:after {display:block;} ul li:hover a:only-child:after {display:none;} ul.nav ul.sub-menu {display:none; position:absolute; text-align:right !important; width:100%; height:31px; overflow:hidden; left:0px; top:29px; background-color:#efefef; z-index:100; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition-timing-function: ease-out; transition-delay: 0.3s !important; text-align:left; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /* ul.nav li:hover > ul.sub-menu, ul.nav li:focus > ul.sub-menu, ul.nav li:active > ul.sub-menu {display: block; height:31px; } */ ul.nav ul.live-subnav {display: block !important; height:31px !important; } ul.nav li.current_page_item ul.sub-menu, ul.nav li.current-menu-ancestor ul.sub-menu {height:31px; z-index:5;} ul.nav ul.sub-menu {padding:0px; margin:0px;} ul.nav ul.sub-menu li {padding:0px; margin:0px; position:relative; } ul.nav ul.sub-menu li a {padding:7px 10px; border:0; color:#707070; font-size:14px;} ul.nav ul.sub-menu li a:hover {color:#90ae2b;} ul.nav ul.sub-menu li > a:after {background-image:none;} .EBP--Header nav span {z-index:10;} .EBP--Header .EBP--Prev::before {position: relative; margin-right: -2px !important;} .EBP--Header .EBP--Next::before {position: relative; margin-left: -2px !important;} .ebpBox .Ebp--EventDetails {display:none;} .eb_frontend .buy {display: none;} .ebpCat_2 .Ebp--EventDetails { display:block !important; } .ebpCat_2 .buy { display:block !important; padding-bottom:30px !important; } .ebpBox .info .cnt {text-align: center; padding: 30px 20px;} .Ebp--Category--2 {background-color:#738b20 !important; } .Ebp--Category--2 .EBP--CellEvent {color:#FFF !important;} .eventCardCnt {height:auto !important; min-height: 50px !important;} .eventCardCnt::before {background-color:#FFF !important;} .ebpCat_1 .EBP--Card-EventDetails, .ebpCat_3 .EBP--Card-EventDetails, .ebpCat_4 .EBP--Card-EventDetails, .ebpCat_5 .EBP--Card-EventDetails {display:none !important;} .eventCardCnt .EBP--Card-Details span.title {text-align:left !important; font-size: 21px !important;} .eventCardCnt .EBP--Date-Details {text-align:left !important;} .eventCardCnt .EBP--Card-Details {padding:0px 0px 0px 20px !important; text-align:left !important;} /* only if second level dropdown is needed nav ul li:hover > ul.sub-menu { overflow:visible; } */ ul.nav ul.sub-menu li ul.sub-menu {left:111px; position:absolute; left:120px; top:0px; border:none; background-color:#a6a710; z-index:1001; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } ul.nav ul.sub-menu li:hover > ul.sub-menu {display: block; width:120px; overflow:visible; } ul.nav ul.sub-menu li ul.sub-menu:after { content: ''; background-image:url(images/drop_02.png); background-repeat:no-repeat; width:14px; height:15px; display:block; position:absolute; top:15px; left:-5px; z-index:1001; } ul.nav ul.sub-menu ul {padding:0px; margin:0px;} ul.nav ul.sub-menu li ul.sub-menu li {padding:0px; margin:0px; width:120px; position:relative; z-index:15;} ul.nav ul.sub-menu li ul.sub-menu li a {padding:15px 10px 15px 20px; border:0;} ul.nav ul.sub-menu li ul.sub-menu li > a:after {background-image:none;} ul.social_media_icons {display:block; padding:0px; margin:60px auto 0px; text-align:center;} ul.social_media_icons li {display:inline-block; padding:0px; margin:0px 2px;} ul.social_media_icons li a {display:inline-block;} ul.social_media_icons li a img {display:inline-block; margin:4px 0px 0px; vertical-align:top;} ul.social_media_icons span.follow_me {display:inline-block; margin:0px; padding:0px;} #down_arrow_green {position: absolute; z-index:10; bottom: 0px; left: 50%; width:75px; height:40px; margin-left:-50px; margin-bottom:35px; background-color: #90ae2b; text-align:center; -webkit-border-radius: 50px 50px 0 0; border-radius: 50px 50px 0 0;} #down_arrow_green .svg_arrow {width: 25px;height: 25px;margin: 0px auto; position:relative; top:8px;} #down_arrow_green .down_arrow_01-1 {fill:none;stroke:#fff;stroke-width:3px;} #green_footer {position:relative; display:block; text-align:center; bottom:0px; left:0px; width:100%; height:auto; padding:5px 0px; background-color:#efefef; z-index:20;} ul.green_links {list-style-type:none; display:block; text-align:center; padding:0px; margin:0px auto; max-width:1040px;} ul.green_links li {display:inline-block; padding:0; margin:0px; width:33%; text-align:center;} ul.green_links li a {color: #d9004c; text-transform: uppercase; font-weight:normal;} ul.green_links li a .svg_holder {display:inline-block; width:20px; height:20px; margin:0px 10px 0px 0px; vertical-align: middle;} .envelope_holder {width:18px !important; } ul.green_links li a .svg_holder svg {vertical-align:middle; margin-top:-8px;} .green_link_text { display:inline-block; vertical-align: middle; } .home #green_footer {background-color:#90ae2b;} .home ul.green_links li a {color: #FFF; } .home ul.green_links li a:hover {color:#4e4c4c;} .wp-pagenavi {} .wp-pagenavi span.pages {} .wp-pagenavi span.current {} .wp-pagenavi a, .wp-pagenavi span {border:none !important;} .wp-pagenavi a {color:#90ae2b; background-color:none;} .wp-pagenavi a:hover {background-color:#90ae2b; color:#FFF;} .menui { display:none; background: #000; transition: 0.6s ease; transition-timing-function: cubic-bezier(.75, 0, .29, 1.01); margin-top: 6px; position: fixed;} .icon { display:none; z-index: 2000; position: fixed; background-color:transparent; padding: 4px 8px; height: 32px; width: 32px; margin: 0px; top: 0px; right: 0px; } .hamburger {position:relative; margin-left:3px;} .mobile_nav_holder {background-color:#FFF; width:100%; height:100%; position:fixed; top:-100%; left:0px; margin-top:-100% !important; padding:0px; z-index:2002; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .top-animate { background: #de6726 !important; top: 13px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg);} .mid-animate { opacity: 0; } .bottom-animate { background: #de6726 !important; top: 13px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);} .top-menu { top: 5px; width: 25px; height: 2px; border-radius: 10px; background-color: #002a42;} .mid-menu { top: 13px; width: 25px; height: 2px; border-radius: 10px; background-color: #002a42;} .bottom-menu { top: 21px; width: 25px; height: 2px; border-radius: 10px; background-color: #002a42;} .mobile_nav_holder ul.nav {display:block; margin-top:60px; width:100%; padding:0px !important} .mobile_nav_holder ul.nav li {display:block; text-align:left; margin:0px 20px;} .mobile_nav_holder ul.nav li a {display:inline-block; font-weight:300;} .mobile_nav_holder ul.nav li ul {display:none; position:relative; height:auto !important; top:0px; background-color:#FFF; padding:0px 0px 20px 20px;} .mobile_nav_holder ul.nav li ul li {} .mobile_nav_holder ul.nav li ul li a {text-transform:lowercase; font-weight:300; padding:0px; margin:0px;} h1 { font-family: "Din", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#4e4c4c; display:block; position:relative; text-align:center; font-style: normal; font-weight: 500; font-size:36px; line-height:41px; letter-spacing: 2px; padding:0px 0px 10px; margin:0px;} h2 { font-family: "Din", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#4e4c4c; display:block; position:relative; text-align:center; font-style: normal; font-weight: 500; font-size:33px; line-height:38px; letter-spacing: 2px; padding:0px 0px 10px; margin:0px;} h3 { font-family: "Din", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#4e4c4c; display:block; position:relative; text-align:center; font-style: normal; font-weight: 500; font-size:22px; line-height:36px; letter-spacing: 2px; padding:0px 0px 10px; margin:0px 0px 15px;} h4 { font-family: "Din", Helvetica, Arial, sans-serif; text-transform:uppercase; color:#4e4c4c; display:block; position:relative; text-align:center; font-style: normal; font-weight: 500; font-size:18px; line-height:26px; letter-spacing: 2px; padding:0px 0px 0px; margin:0px 0px 10px;} .home_masthead {position:relative; height: 100vh; width:100%;} .page_masthead {position:relative; height: 60vh; width:100%;} .masthead_background {position:absolute; width:100%; height:100%; background-position:center center; background-attachment:fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .home_masthead .masthead_background {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */} .scroll_background {background-attachment:scroll !important;} .green_overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/green_overlay.png'); z-index:10;} .red_overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/red_overlay.png'); z-index:10;} .purple_overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/purple_overlay.png'); z-index:10;} .orange_overlay {position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/orange_overlay.png'); z-index:10;} .sticky_icon_1_cls-1{fill:#4e4c4c;} .sticky_icon_1_cls-2{fill:none;stroke:#4e4c4c;stroke-width:2px;} .sticky_icon_2_cls-1, .sticky_icon_2_cls-2, .sticky_icon_2_cls-4{fill:none;} .sticky_icon_2_cls-1{clip-rule:evenodd;} .sticky_icon_2_cls-2, .sticky_icon_2_cls-4 {stroke:#4e4c4c;} .sticky_icon_2_cls-2{stroke-width:3px;} .sticky_icon_2_cls-3{clip-path:url(#clip-path);} .sticky_icon_2_cls-4{stroke-width:6px;} .sticky_icon_3_cls-1{fill:none;stroke:#4e4c4c;stroke-width:3px;} .googlemap {display: block; margin: 0 auto; text-align:center; padding: 0;} .landing_logo {display:block; padding:0px; margin:0px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:15; text-align:center;} img.landing_logo_big {display:block; max-width:90%; height:auto; margin-bottom:50px;} span.logo_subtitle {font-weight:bold; font-size:50px; display: block; color:#FFF; text-transform: lowercase; letter-spacing:2px; } .tagline { display:block; margin:0 auto; padding:0; height: 100vh; position:relative; text-align:center; color:#4e4c4c;} .tagline p {position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); padding:0px; margin:0px; text-transform:none; font-size:29px; line-height:37px; color:#4e4c4c;} .icons {display:block; margin:50px 0px 200px; padding:0px;} ul.icons_list {list-style-type:none; display:block; margin:0px auto; padding:0px; max-width:1080px; text-align:center;} ul.icons_list li {width:24%; display:inline-block; vertical-align:top; text-align:center; padding:0px; margin:0px;} ul.icons_list li a {display:block;} ul.icons_list li a img {max-width:140px; height:auto; padding:0px; margin:0px 20px 20px;} ul.icons_list li a h3 {text-transform:uppercase; font-size:23px; line-height:26px; display:block; text-align:center; font-weight:bold; padding:0px; margin:0px auto 20px; max-width:180px;} ul.icons_list li a p {font-size:16px; padding:0px; margin:0px auto 20px; text-align:center; max-width:180px; color:#4E4C4C !important;} .quote_holder {position:relative; display:block; width: 100%; height:100vh; overflow: hidden;} .quote_holder_image { display:block; position:absolute; width:100%; height:100%; background-position:center center; background-attachment:scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .grayscale_image {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);} .quote_text {position:absolute; top:80px; right:5%; z-index:10px; background-color: rgba(238, 238, 238, 0.9); padding:20px; color:#55504b; max-width:375px; width:40%; height:auto; font-size: 26px;line-height: 37px;letter-spacing: 0.5px; z-index:10;} .quote_text:after {content:''; display:block; position:absolute; bottom:-40px; left:0px; width:50px; height:40px; background-color: rgba(238, 238, 238, 0.9); -webkit-border-radius: 0 0 50px 0; border-radius: 0 0 50px 0;} .left_quote {right:auto; left:5%;} .left_quote:after {content:''; display:block; position:absolute; bottom:-40px; left:auto; right:0px; width:50px; height:40px; background-color: rgba(238, 238, 238, 0.9); -webkit-border-radius: 0 0 0 50px; border-radius: 0 0 0 50px;} span.quote_author {display:block; padding:10px 0px; margin:10px 0px 0px; font-size:0.8em; line-height:1.1em; color:#90AE2B;} .small_quote_text {font-size:1.2em; line-height:1.4em;} .image_grid { display:block; text-align:center; margin:0px auto 150px; padding:0px; } .page-template-template_homepage .image_grid {margin:200px auto; } .inset_holder {margin:0px auto; text-align:center; max-width:1150px; } .image_grid a.video_link {background-color: #484647; display:block;} .image_grid a.video_link img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.0s ease-out; -moz-transition: all 0.0s ease; -o-transition: all 0.0s ease;} .image_grid a.video_link:hover img {filter: alpha(opacity=80); opacity: 0.80;} .image_grid .blocks_01 a.icon_link, .image_grid .blocks_03 a.icon_link {background-color:#efefef; display:block;text-transform:uppercase; color:#484647; letter-spacing: 0.5px; text-align: center; position:absolute; top:0px; left:0px; width:95%; height:100%;} .image_grid .blocks_02 a.icon_link {background-color:#efefef; display:block; text-transform:uppercase; color:#484647; letter-spacing: 0.5px; text-align: center; position:absolute; top:0px; left:0px; width:95%; height:100%;} .image_grid .icon_text { font-size:25px; font-weight:normal; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .image_grid div a.icon_link {border-top:0px; border-right: 10px; border-bottom: 0px; border-left: 10px; border-style:solid; border-color:#FFF;} .image_grid a.icon_link:hover {background-color: #90AE2B; color: #efefef;} .image_grid a.green:hover {background-color: #90AE2B;} .image_grid a.red:hover {background-color: #D9004C;} .image_grid a.purple:hover {background-color: #881066;} .image_grid a.orange:hover {background-color: #FA9000;} .image_grid .blocks_01 a.video_link, .image_grid .blocks_03 a.video_link {display:block; height:auto; min-height:244px; position:relative;} .image_grid .blocks_01 a.video_link { display:block; height:auto; position:relative;} .image_grid a.video_link:after {content:''; background-image:url('images/SVG/play.svg');display:block; width:100px; height:100px; border:0px solid #FFF; position: absolute; top:49%; left:50%; transform: translate(-50%, -50%); } .blocks_01 {display:table; width:100%; height: auto; margin-bottom:20px; overflow:hidden;} .blocks_01 div {display:table-cell; position:relative;} .block_01_01 {width:21%; max-width:235px; padding:0px 10px 0px 0px;} .block_01_02 {width:32%; max-width:359px; padding:0px 10px;} .block_01_03 {width:43%; max-width:493px; padding:0px 0px 0px 10px;} .blocks_02 {display:table; width:100%; height: auto; margin-bottom:20px; overflow:hidden;} .blocks_02 div {display:table-cell; position:relative;} .block_02_01 {width:49%; max-width:556px; padding:0px 10px 0px 0px;} .block_02_02 {width:49%; max-width:556px; padding:0px 0px 0px 10px;} .blocks_03 {display:table; width:100%; height: auto; margin-bottom:20px; overflow:hidden;} .blocks_03 div {display:table-cell; position:relative;} .block_03_01 {width:43%; max-width:493px; padding:0px 10px 0px 0px;} .block_03_02 {width:32%; max-width:359px; padding:0px 10px;} .block_03_03 {width:21%; max-width:235px; padding:0px 0px 0px 10px;} .blocks_01 div img, .blocks_02 div img, .blocks_03 div img {width:100%; display:block; margin:0px; object-fit: cover;} .blocks_01 div img {height:265px;} .blocks_02 div img {height:300px;} .blocks_03 div img {height:265px;} .statistics {position:relative; min-height: 100vh; width:100%;} .statistics img {display:block; width:100%; height: auto;} .statistics_content {display:block; width:98%; max-width:1080px; padding:0px; margin:0px auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index:15; text-align:center;} .statistics .masthead_background {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);} .statistics_content h2 {color:#FFF; margin-bottom:55px;} .statistics_content ul.statistics_columns {display:block; width:100%; list-style-type:none; padding:0px; margin:0px auto 75px; overflow:hidden;} .statistics_content ul.statistics_columns li {width:32%; display:inline-block; } .statistics_content ul.statistics_columns li h3.statistic_figure {font-size:66px; line-height:88px; color:#FFF; font-weight:normal; letter-spacing:-3px;} .statistics_content ul.statistics_columns li p {display:block; max-width:275px; padding:0px; margin:20px auto 0px; color:#FFF; font-size:19px; line-height:29px;} a.donate_button {color:#000; background-color:#FFF; padding:10px 25px; -webkit-border-radius: 10px; border-radius: 10px; font-weight:normal; text-transform:uppercase; letter-spacing: 0.5px; font-size:19px;} a.donate_button:hover {cursor:pointer; background-color:#000; color:#FFF;} #stats_icon_01 {width:105px; position:relative; top:18px;} #stats_icon_02, #stats_icon_03 {height:90px; position: relative; top:22px;} .tool_icon {display:inline-block; width:auto; height:79px; margin-right:0px; position: relative; bottom: -9px;} .frame_icon {display:inline-block; width:auto; height:55px; margin-right:0px;} .nut_icon {display:inline-block; width:auto; height:79px; margin-right:0px; position: relative; bottom: -9px;} .cls-1{fill:none;stroke:#000;stroke-miterlimit:10;stroke-width:8px;} .icon_holder {position: relative; width:100%; max-width: 160px; margin:0px auto 25px;} .cls-2{fill:#efefef; position: relative;} .icon_svg_holder {position: absolute; top: 49%; left: 50%; transform: translate(-50%, -50%); width:75%; height:auto;} .tools_svg {width:55%; } .nut_svg {width:55%; } .chain-1{fill:#4e4c4c;stroke:#4e4c4c;stroke-width:0px;} .tools_01_holder {} .tools-1 {fill:none;stroke:#4e4c4c;stroke-miterlimit:10;stroke-width:8px;} .frame-1 {fill:none;stroke:#4e4c4c;stroke-miterlimit:10;stroke-width:8px;} .nut-1 {fill:none;stroke:#4e4c4c;stroke-miterlimit:10;stroke-width:8px;} .image_grid a.icon_link:hover .chain-1,.image_grid a.icon_link:hover .tools-1, .image_grid a.icon_link:hover .frame-1, .image_grid a.icon_link:hover .nut-1 {stroke:#efefef;} ul.icons_list li a:hover .cls-2 {fill:#4e4c4c;} ul.icons_list li:nth-child(1) a:hover .cls-2 {fill:#881066;} ul.icons_list li:nth-child(2) a:hover .cls-2 {fill:#FA9000;} ul.icons_list li:nth-child(3) a:hover .cls-2 {fill:#D9004C;} ul.icons_list li:nth-child(4) a:hover .cls-2 {fill:#90AE2B;} ul.icons_list li a:hover .chain-1, ul.icons_list li a:hover .tools-1, ul.icons_list li a:hover .frame-1, ul.icons_list li a:hover .nut-1 {stroke:#efefef;} ul.icons_list li a:hover .chain-1 {fill:#efefef;} .link_text_holder {} .image_grid .icon_svg_holder {width:25% !important; top:30%;} .image_grid .icon_text {top:67%;} .whatson {position: relative; text-align:center; margin:50px auto;} .whatson img {display:block; max-width:90%; height: auto; margin:0px auto;} .whatson p a {color:#FA9000; text-decoration:underline;} .large_notification {display:block; padding:30px; margin:0px auto; max-width:1020px;} .large_notification p {font-size:41px; line-height:44px; display:block; text-align:center; padding:0px 0px 20px; margin:0px;} .ourfunders {text-align:center; margin:50px auto 200px;} .ourfunders img {} .page_head {position:relative; min-height: 40vh; height:auto; width:100%; text-align:center;} .page_head h1 {padding:60px 0px 20px; margin:0px;} .page_head h2.page_subtitle {font-size:25px; font-weight:300; text-transform: none; padding:0 0 50px; margin:0px auto; max-width:1040px;} .page_head a.page_head_link {margin:0px auto; display:inline-block; padding:0px; color:#90AE2B; font-size:22px;} .page_head a.page_head_link:hover {color:#4E4C4C;} .team_members {margin:60px 0px;} #myBtnContainer {margin:0px auto; text-align:left; max-width:1080px; background-color:#efefef; padding:30px; margin-bottom:80px;} #myBtnContainer h2 {color:#80a309; display: block; text-align: left; text-transform: uppercase;} #myBtnContainer h2 span.smaller_title {font-size:16px; text-transform: lowercase;} #myBtnContainer .btn {background-color:none; text-align:left; font-size:17px; display:inline-block; position: relative; width:24%; padding:2px 1%; margin:0px 0px 20px;} #myBtnContainer .btn:after {content:''; width:25px; height:25px; position:absolute; right:35px; top:-1px; display:block; background-color:#FFF;} #myBtnContainer .active {} #myBtnContainer .active:before {content:''; width:20px; height:20px; position:absolute; top:2px; right:37px; background-image:url('images/SVG/cross.svg'); background-repeat:no-repeat; background-position:center center; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; z-index:10;} .our_team_container { overflow: hidden; max-width: 1158px; margin-bottom:80px;} .filterDiv { float: left; background-color: #FFF; color: #ffffff; width: 31.8%; height: auto; overflow: hidden; text-align: center; margin: 0px 0.75% 15px; display: none; /* Hidden by default */} .info_container {display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/green_overlay.png'); zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .team_info {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%;} .team_info h3 {color:#FFF; display:block; text-align:center; font-size:30px; line-height:34px; text-transform:none;} span.team_name {display:block; color:#000; text-transform: uppercase; font-size:20px; line-height:24px; font-weight:bold;} span.team_position {display:block; color:#000; text-transform: uppercase; font-size:16px; line-height:19px;} .member_image {position:relative; height: auto; vertical-align: top;} .member_image img {display:block; position: relative; width:100%; height: 365px; object-fit: cover;} .member_image:hover {cursor:pointer;} .member_image:hover .info_container, .member_image:active .info_container, .member_image:focus .info_container { filter: alpha(opacity=100); opacity: 1.00;} .single_post_top h2 a {color:#4e4c4c;} .single_post_top h2 a:hover {color:#90ae2b;} .posts_list {overflow: hidden; max-width: 1158px; margin:0px auto 80px;} .post_image_link {display:block; width:48%; float:left; height:400px; position:relative; margin-bottom:40px;} .post_image_link:nth-child(2n+1) {float:right;} .post_image_link img {height:100%; width:100%; position:absolute; object-fit: cover;} .post_image_link a {} .post_image_link a:hover {cursor:pointer;} .post_info {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:80%;} .post_image_link a:hover .info_container, .post_image_link a:active .info_container, .post_image_link a:focus .info_container { filter: alpha(opacity=100); opacity: 1.00;} .post_info h2 {color:#FFF;} .post_info span.date {display:block; font-weight:bold; color:#000; text-align:center; margin:0px; padding:0px;} img.wp-smiley, img.emoji {position:relative;} .show {display: block;} .btn { border: none; outline: none; padding: 12px 16px; background-color: #f1f1f1; cursor: pointer;} .btn:hover { } .btn.active { } .single_post_top {max-width:1150px; padding:30px 0px; margin: 0px auto;} .single_post_top h2 {display:block; text-transform: uppercase; font-size: 38px;line-height: 41px;max-width: 760px;margin: 0px auto 40px;} .single_post_top img {display: block; width:100%; height: auto; } .post_meta {} span.date {display: block; text-transform: uppercase; padding:0px 0px 10px; margin: 0; font-weight: bold; font-size: 22px} span.author {display: block; text-transform: uppercase; padding:0px 0px 5px; margin:0px; font-weight: bold; font-size:16px;} ul.post-categories {list-style-type:none; padding:0px; margin:0px; font-weight: normal;} ul.post-categories li {display: inline-block; margin:0px 5px 0px 0px; padding:0px;} ul.post-categories li a {padding:5px 0px; color: #90AE2B;} h3.sidebox_link {text-align:left; font-size:16px; line-height:19px; font-weight:normal; padding:0px; margin:0px; } h3.sidebox_link a {display:block;} h3.sidebox_link a:hover {color:#000;} .page_content {display:block; padding:100px 0px; margin:0px; overflow:hidden;} .content_holder {max-width:1150px; margin:0px auto;} .main_left {float:left; width:63%; margin-bottom:50px;} .main_left p {color:#4e4c4c; padding:0px 40px 20px 0px; margin:0px; font-weight:300;} .main_left a {color:#d9004c; text-decoration: underline;} .main_left a:hover {color: #838383; } .main_left h1, .main_left h2, .main_left h3, .main_left h4, .main_left h5 {font-weight:normal; color:#90ae2b; margin:0px; display:block; text-align:left;} .main_left h1 {padding:0px 0px 10px; font-size:34px;} .main_left h2 {padding:0px 0px 10px; font-size:26px;} .main_left h3 {padding:0px 0px 7px; font-size:22px; text-transform:none; font-weight:lighter;} .main_left h4 {padding:0px 0px 4px; font-size:20px; text-transform:none; font-weight:lighter;} .main_left h5 {padding:0px 0px 4px; font-size:17px; text-transform:none; font-weight:lighter;} .content_holder ul {margin-top:-7px;} .content_holder ul li {} .main_right ul {list-style-type:none; padding:0px; margin:0px;} .main_right ul li {display:block; margin:10px 0px; padding:0px;} .main_right {float:right; width: 26%; margin-bottom:35px;} .grey_box {display:block; background-color:#efefef; padding:20px; margin:0px 0px 15px;} .grey_box a {color:#90ae2b;} .grey_box a:hover {text-decoration:underline;} a.rhs_download_link {color:#90ae2b; width:80%; font-weight: bold; font-size:23px; line-height: 22px; display: block; position: relative; padding:0px 0px 10px 50px;} a.rhs_download_link:before {content:''; background: url('images/SVG/download_arrow.svg') no-repeat center center scroll; background-position:center center; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; display: block; width:40px; height:40px; position: absolute; top:0px; left:0px; margin:0px 10px 0px 0px;} span.box_title {display:block; text-transform: uppercase; font-size:14px; line-height: 14px; margin-bottom: 15px; letter-spacing: 0.5px;} span.box_standout {display: inline-block;text-transform: uppercase; font-size:50px; line-height:46px; letter-spacing: 0.5px; margin:0px 8px 0px 0px; font-weight:300;} span.box_sub {display: inline-block; text-transform: none; font-weight: 300; font-size:15px; vertical-align:bottom;} .tabs { display: flex; flex-wrap: wrap; flex-direction: row-reverse; align-items: stretch; max-width: 700px; background: #FFF; margin-bottom:15px;} .input {position: absolute; opacity: 0;} .label {width: 100%; padding: 15px 20px; margin:0px 2px; background: #efefef; cursor: pointer; font-weight: bold; font-size: 18px; color: #7f7f7f; transition: background 0.1s, color 0.1s;} .label:hover { background: #d8d8d8;} .label:active { background: #efefef;} .input:focus + .label { z-index: 1;} .input:checked + .label { background: #efefef; color: #000;} .input:checked + .label + .panel { display: block; width:100%;} .panel {display: none; padding: 20px 30px 30px; background: #efefef;} .panel h3 {text-align:left; } /* delete these 2 lines if needing tabs to be responsive */ .label {flex: 1; padding: 15px auto; text-align: center; } .panel { order: 99; } .embed-container { position: relative; overflow: hidden; max-width: 100%; height: 100%; margin-top:29px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* @media (min-width: 600px) { .label {width: auto;} .panel { order: 99; } } */ .large_grey_box {clear:both; display:block; background-color:#efefef; padding:40px 30px; margin:20px 0px;} .large_grey_box h2 {text-align:left; } .content_holder img.contact_img {display:block; width:auto; max-width:100%; height:auto;} .post_meta {display:block; font-family: "Quicksand", Helvetica, Arial, sans-serif; text-transform:none; color:#000; display:block; position:relative; text-align:left; font-style: normal; font-weight: bold; font-size:13px; line-height:16px; padding:0px 0px 10px; margin:0px;} span.date {} span.author {} a.readmore_post {display:inline-block; font-family: "Quicksand", Helvetica, Arial, sans-serif; text-transform:none; color:#90ae2b; display:block; position:relative; text-align:left; font-style: normal; font-weight: normal; text-decoration: none; } a.readmore_post:hover {color:#4e4c4c;} .meta_cats {display:block; font-family: "Quicksand", Helvetica, Arial, sans-serif; text-transform:none; color:#000; display:block; position:relative; text-align:left; font-style: normal; font-weight: bold; font-size:13px; line-height:16px; padding:20px 0px ; margin:0px;} .meta_cats ul {list-style-type:none; display:inline-block; padding:0px; margin:0px; overflow:hidden; vertical-align:bottom;} .meta_cats ul li {margin:0px; padding:0px 10px; position:relative;display: inline-block;} .meta_cats ul li:after {content:''; width:1px; height:15px; background-color:#000; position:absolute; top:0px; right:0px;} .meta_cats ul li:last-child:after {content:''; display:none;} .meta_cats ul li a {color:#000;} .meta_cats ul li a:hover {text-decoration:underline;} .lightbox_link {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1001;} .fancybox-inner {max-width:1050px; margin:0px auto; position:relative;} .fancybox-caption-wrap .fancybox-caption {background-color:#2c2b2b; color:#FFF !important; max-width:1050px !important; margin:0px auto !important; padding:10px 30px !important; text-align:left; font-family: "Quicksand", Helvetica, Arial, sans-serif !important; min-height:48px !important;} .fancybox-caption-wrap .fancybox-caption h3 {display:inline-block !important; color:#FFF !important; text-align:left !important; text-transform:uppercase; padding:0px !important; margin:0px 10px 0px 0px !important;} .fancybox-caption-wrap .fancybox-caption p {display:inline-block; color:#FFF !important; text-align:left;} .fancybox-button {width:35px !important; height: 35px !important;} .fancybox-button--close {border-radius: 50% !important; border:1px solid #FFF !important;} .fancybox-toolbar {top:48px !important; right:-54px !important; z-index:99999 !important; } #instagram {display:block; padding:50px 0px 80px; margin:0 5px 0 0; overflow:hidden;} .insta_image {width:30%; margin:0px 3% 25px 0px; padding:0px; float:left; display:block; vertical-align:top; position:relative; background-color:#000;} .insta_image:before {content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/green_overlay.png'); z-index:10; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .insta_image:after {content:'\f16d'; font-family: FontAwesome !important; font-size:80px; line-height:0px; position:absolute; top:70%; left:50%; margin-left:-34px; color:#fff; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .insta_image:nth-child(3n+3) {margin-right:0px;} .insta_image img {display:block; width:100%; height:335px; object-fit: cover; } a.insta_image img {zoom: 1; filter: alpha(opacity=100); opacity: 1.00; -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;} .insta_image:hover:after {filter: alpha(opacity=100); opacity: 1.00; top:50%; z-index:15;} .insta_image:hover:before {filter: alpha(opacity=100); opacity: 1.00;} a.insta_image img {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} a.insta_image:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);} .hidden_gallery {} .hidden_gallery a {display:none; position:relative;} .hidden_gallery a:before {content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/green_overlay.png'); z-index:10; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .hidden_gallery a:hover:before {filter: alpha(opacity=100); opacity: 1.00;} .hidden_gallery a h3 {position:absolute; display:block; text-align:center; color:#FFF; padding:0px 3%; width:94%; z-index:15; font-size:32px; text-transform: uppercase; font-weight: bold; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} .hidden_gallery a:hover h3 {filter: alpha(opacity=100); opacity: 1.00;} .hidden_gallery a img {} .hidden_gallery a:first-child {display:inline-block;} .fancybox-infobar {display:none !important;} .fancybox-button--thumbs {display:none !important;} .hidden_gallery {width:46%; margin:0px 3% 25px 0px; position: relative; vertical-align: top;} .hidden_gallery a {height:400px; width:100%; overflow: hidden; background: url('images/single_masthead.jpg') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;} .media_holder {padding:50px 0px 80px; overflow: hidden;} img.media_icon {width:120px; height:auto;} a.video_holder {display:inline-block; position:relative; height:400px; width:46%; margin:0px 3% 25px 0px; vertical-align: top; overflow: hidden; background: url('images/single_masthead.jpg') no-repeat center center scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;} a.video_holder:before {content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:100%; background-image:url('images/green_overlay.png'); z-index:10; zoom: 1; filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} a.video_holder:hover:before {filter: alpha(opacity=100); opacity: 1.00;} a.video_holder h3 {position:absolute; display:block; text-align:center; color:#FFF; padding:0px 3%; width:94%; z-index:15; font-size:32px; text-transform: uppercase; font-weight: bold; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); filter: alpha(opacity=0); opacity: 0.00; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} a.video_holder:hover h3 {filter: alpha(opacity=100); opacity: 1.00;} a.video_holder img {-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;} a.video_holder:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%);} .documents_filters {margin-bottom:25px !important;} .file_container_container { vertical-align: top; width:31.2%; margin:0px 3% 25px 0px; background-color:#efefef;} .file_container {display: block; padding:20px; text-align: left; height:auto; min-height:230px;} .file_container_container:nth-child(3n+4) {margin-right:0px;} .file_container a {color:#90ae2b; width:80%; font-weight: bold; font-size:23px; line-height: 22px; display: block; position: relative; padding:0px 0px 10px 50px; } .file_container a:before {content:''; background: url('images/SVG/download_arrow.svg') no-repeat center center scroll; background-position:center center; -webkit-background-size: 100% auto !important; -moz-background-size: 100% auto !important; -o-background-size: 100% auto !important; background-size: 100% auto !important; display: block; width:40px; height:40px; position: absolute; top:0px; left:0px; margin:0px 10px 0px 0px;} .file_container p {color:#4e4c4c; font-weight: bold; font-size:16px; line-height:24px;} .file_container a:hover {color:#000;} img.logos_row {width:auto; height:auto; max-height:55px; margin:15px 20px;} .EBP--CalendarContent {background-color:transparent !important; color:#000 !important; border-top:5px solid #90AE2B !important; border-radius: 0px !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important;} /* .EBP--CalendarContentWrapper[data-dateids="0"] .EBP--CalendarContent { border-top:5px solid #FA9000 !important; } .EBP--CalendarContentWrapper[data-dateids="1"] .EBP--CalendarContent { border-top:5px solid #FA9000 !important; } .EBP--CalendarContentWrapper[data-dateids="2"] .EBP--CalendarContent { border-top:5px solid #90AE2B !important; } .EBP--CalendarContentWrapper[data-dateids="3"] .EBP--CalendarContent { border-top:5px solid #881066 !important; } .EBP--CalendarContentWrapper[data-dateids="4"] .EBP--CalendarContent { border-top:5px solid #90AE2B !important; } .EBP--CalendarContentWrapper[data-dateids="5"] .EBP--CalendarContent { border-top:5px solid #90AE2B !important; } .EBP--CalendarContentWrapper[data-dateids="6"] .EBP--CalendarContent { border-top:5px solid #FA9000 !important; } .EBP--CalendarContentWrapper[data-dateids="7"] .EBP--CalendarContent { border-top:5px solid #90AE2B !important; } .EBP--CalendarContentWrapper[data-dateids="8"] .EBP--CalendarContent { border-top:5px solid #881066 !important; } .EBP--CalendarContentWrapper[data-dateids="9"] .EBP--CalendarContent { border-top:5px solid #FA9000 !important; } .EBP--CalendarContentWrapper[data-dateids="10"] .EBP--CalendarContent { border-top:5px solid #D9004C !important; } */ .index_page_holder .page_content {border-bottom:none; padding-bottom:0px;} .pagination {clear:both;padding:0;position:relative;text-align:left; display:inline-block; font-family: "Quicksand", Helvetica, Arial, sans-serif; text-transform:none; color:#4e4c4c; display:block; position:relative; text-align:left; font-style: normal; font-weight: normal; font-size:18px; line-height:10px; padding:0px 0px 10px; margin:50px 0px 0px 0px;} .pagination span, .pagination a {display:inline-block; margin: 2px 0 2px; padding:5px 10px; text-decoration:none; } .pagination a {color:#4e4c4c; position:relative;} .pagination a:after, .pagination .current:after {content:''; display:inline-block; padding:0px; margin:0px 0px 0px 5px; font-size:11px; width:1px; height:20px; background-color:#4e4c4c; position:absolute; top:0px; right:0px;} .pagination a:last-child:after {display:none;} .pagination a:hover{text-decoration:underline;} .pagination .current {text-decoration:underline; color:#90AE2B; position:relative;} .pagination span:last-child:after {content:''; display:none; } .post_preview {display:block; padding:0px 0px 20px;} .navigation {font-weight:normal ; text-transform:uppercase; font-family: "Quicksand", Helvetica, Arial, sans-serif; margin-bottom:-10px;} a.next-post {text-align:left; width:50%; display:inline-block; float:left; color:#4e4c4c;} a.prev-post {text-align:right; width:50%; display:inline-block; float:right; color:#4e4c4c;} .navigation a:hover {text-decoration:underline;} hr {color:#94643d;} .slideshow_container {background-color:transparent !important;} .slick_slideshow {display:block; width:100%; max-width:774px;} .slick_slideshow .slide {} .slick_slideshow .slide img {width:100%; height:auto; display:block;} .single_image {display:block; width:100%; max-width:774px;} .slick-slider {margin-bottom:0px !important; background-color:transparent !important;} .slide-slide {background-color:transparent !important;} .slick-next, .slick-prev {width:50px !important; height:50px !important; background-image:url(images/Ellipse_1.svg) !important; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; right:-70px !important; left:auto !important; opacity: 0.3; filter: alpha(opacity=30); } .slick-next {margin-top:30px;} .slick-prev {margin-top:-30px; } .slick-next:hover, .slick-prev:hover {opacity: 1.0; filter: alpha(opacity=100); } .slick-prev::before {content:'' !important; width:24px; height:28px; display:block; opacity:1 !important; background-image:url(images/left_01.svg) !important; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:-6px 0px 0px 12px} .slick-next::before {content:'' !important; width:24px; height:28px; display:block; opacity:1 !important; background-image:url(images/right_01.svg) !important; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin:6px 0px 0px 14px;} .slick-next, .slick-prev {width:50px !important; height:50px !important; background-image:url(images/Ellipse_1.svg) !important; background-repeat:no-repeat; background-position:center center; -webkit-background-size: cover !important; -moz-background-size: cover !important; -o-background-size: cover !important; background-size: cover !important; right:-70px !important; left:auto !important; opacity: 0.3; filter: alpha(opacity=30); } .slick-next {margin-top:30px;} .slick-prev {margin-top:-30px; } .slick-next:hover, .slick-prev:hover {opacity: 1.0; filter: alpha(opacity=100); } .slick-prev::before {content:'' !important; width:24px; height:28px; display:block; opacity:1 !important; background-image:url(images/left_01.svg) !important; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin:-6px 0px 0px 12px} .slick-next::before {content:'' !important; width:24px; height:28px; display:block; opacity:1 !important; background-image:url(images/right_01.svg) !important; background-position:center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;margin:6px 0px 0px 14px;} .fancybox-arrow { opacity: 0.4 !important; filter: alpha(opacity=40) !important; margin-right:-80px !important; } .fancybox-arrow::after { background-color:#FFF; width:50px !important; height:50px !important; top:0px !important;} .fancybox-arrow:hover {opacity: 1.0 !important; filter: alpha(opacity=100) !important; } .fancybox-bg {background-color:#FFF !important;} .fancybox-arrow--left {right:10px !important; left:auto !important; top:50% !important; margin-top:-30px !important;} .fancybox-arrow--right {top:50% !important; margin-top:30px !important; right:5px !important;} .fancybox-arrow:after {border-radius: 50%;} .fancybox-stage {padding-bottom:40px;} .fancybox-caption-wrap {background:transparent !important; text-align:center; } .fancybox-caption {color:#94643d !important; border-top:0px !important; font-family: "Quicksand", Helvetica, Arial, sans-serif !important; } .alignleft {left:0px;} .alignright {right:0px;} footer {display:block; height:auto; padding:0px; margin:0px 0 0 0; position:relative; clear:both; background-color: #efefef;} footer a {color:#4e4c4c; margin:0px 5px;} footer a:hover {color:#000;} .address {display:block; padding:0px; margin:0px 0px 48px; font-size:15px; line-height:20px;} ul.foot_nav {list-style-type: none; padding: 0px; margin: 0px;} ul.foot_nav li {display:block; padding: 0px; margin: 0px 0px 20px;} ul.foot_nav li a {display: block; padding:0px; text-transform: uppercase; font-size:21px;} ul.foot_nav li ul.sub-menu {padding:0px; margin:0px; text-transform:lowercase; } ul.foot_nav li ul.sub-menu li {margin:0px; padding:0px;} ul.foot_nav li ul.sub-menu li a {text-transform:lowercase; font-size:15px; line-height: 20px; } ul.foot_nav li.foot_menu_small { margin: 0px 0px 0px;} ul.foot_nav li.foot_menu_small a {text-transform:lowercase; font-size:15px; line-height: 20px;} .footer_thirds img {display:block; width:auto; width:90%; max-width:150px; height:auto;} .footer_container {display:block; margin: 0 auto; padding:70px 0px 90px; max-width: 1200px;} .footer_left {float:left; width:28%;} .footer_left img.footer_logo {display:block; padding:0px; margin:0px 0px 50px; width:100%; max-width:220px; height:auto;} ul.social_media_icons {list-style-type:none; padding:0px; margin:0px 0px 0px -5px; text-align: left; } ul.social_media_icons li {display: inline-block; padding: 0; margin: 0px 3px 0px 0px;} ul.social_media_icons li a {display:block; margin:0px;} ul.social_media_icons li a img {display:block; width:32px; height: auto;} .footer_thirds_holder {float:right; text-align:left; width:68%; overflow:hidden;} .footer_thirds {float:left; width:32%;} .bottom_info_holder {clear:both; padding-top:40px; display:flex; align-items:flex-end;} .bottom_left {width:47%; float:left; text-align:left;} .bottom_right {width: 50%; float: right; text-align: right; margin-right:3%; font-size:15px;} span.copyright {text-transform: uppercase; font-size:15px;} span.wmelon_logo {display:inline-block;} span.wmelon_logo img {display:inline-block; width:120px; height:auto; position: relative; top:2px;} span.shyguys_logo {display:inline-block;} span.shyguys_logo img {display:inline-block; width:55px; height:auto; position: relative; top:15px;} span.cic_info {display:block; padding:0px; margin:0px 0px 0px; font-size:10px;} .contact_form_holder {background-color: #EFEFEF; padding:40px; text-align:left; max-width: 1070px;} .contact_form_holder p {display:block; clear:both;} span.form_subtitle {display:block; text-align: center; padding:10px; margin: 0;} .wpcf7 {display:block;} #wpcf7-f310-o1 form.wpcf7-form {display:block; width:100%; max-width:304px; height:auto; float:none; font-size:18px;} .wpcf7-form input, .wpcf7-form textarea {border:none !important; font-family: "Quicksand", Helvetica, Arial, sans-serif !important; font-size:18px; padding:10px;} .wpcf7-form input.half_width {display:block; width:96%; padding:15px 2%; } span.your-name {width:49%; float:left; margin-bottom: 15px; margin-right:2%;} span.your-email {width:49%; float:left; margin-bottom: 15px;} .wpcf7-form textarea {padding:15px 2%; width:96%;} .wpcf7-form input.wpcf7-submit {border:none; background-color:#90AE2B; position:relative; padding:20px 40px; font-size:21px; color:#FFF; text-transform: uppercase;} .wpcf7-form input.wpcf7-submit:hover {cursor:pointer; background-color:#4E4C4C; color:#FFF;} span.wpcf7-not-valid-tip {position:absolute; top:43px; left:11px;} input { -webkit-border-radius:0; } .map_holder {display:block; width:100%; height:350px; margin-top:0px;} #map {width:100%; height:350px; margin-bottom: 0px !important;} .loading::before {left:44px !important; top:20px !important;} .fancybox-button--play, .fancybox-button--fullscreen, .fancybox-button--thumbs {display:none !important;} .iphone_show {display:none;} .clear {clear:both;} @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } 40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); } 60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } } i { display: block; color: #fff;} .arrow { position: absolute; bottom: 30px; left: 50%; margin-left: -27px; width: 40px; height: 60px; /*change with size of arrow to make sit on bottom */ /* background-image: url(); *//* background-size: contain; */display:none;} body.home .arrow {display:block;} .bounce { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;} body.parent-pageid-23 .quote_author, body.parent-pageid-23 .a.rhs_download_link, body.parent-pageid-23 h1, body.parent-pageid-23 ul.green_links li a, body.parent-pageid-23 .grey_box a, body.parent-pageid-23 .main_left a {color:#90AE2B;} body.parent-pageid-23 .EBP--BookBtn {background-color: #90AE2B !important; color:#FFF !important;} body.parent-pageid-23 .EBP--BookBtn:hover {color:#000 !important;} body.parent-pageid-31 .quote_author, body.parent-pageid-31 .a.rhs_download_link, body.parent-pageid-31 h1, body.parent-pageid-31 ul.green_links li a, body.parent-pageid-31 .grey_box a, body.parent-pageid-31 .main_left a {color:#90AE2B;} body.parent-pageid-31 .EBP--BookBtn {background-color: #90AE2B !important; color:#FFF !important;} body.parent-pageid-31 .EBP--BookBtn:hover {color:#000 !important;} body.page-id-33 .quote_author, body.page-id-33 .a.rhs_download_link, body.page-id-33 h1, body.page-id-33 ul.green_links li a, body.page-id-33 .grey_box a, body.page-id-33 .main_left a {color:#90AE2B;} body.page-id-33 .EBP--BookBtn {background-color: #90AE2B !important; color:#FFF !important;} body.page-id-33 .EBP--BookBtn:hover {color:#000 !important;} body.blog .quote_author, body.blog .a.rhs_download_link, body.blog h1, body.blog ul.green_links li a, body.blog .grey_box a, body.blog .main_left a {color:#90AE2B;} body.blog .EBP--BookBtn {background-color: #90AE2B !important; color:#FFF !important;} body.blog .EBP--BookBtn:hover {color:#000 !important;} body.parent-pageid-27 .quote_author, body.parent-pageid-27 .a.rhs_download_link, body.parent-pageid-27 h1, body.parent-pageid-27 ul.green_links li a, body.parent-pageid-27 .grey_box a, body.parent-pageid-27 .main_left a {color:#FA9000;} body.parent-pageid-27 .EBP--BookBtn {background-color: #FA9000 !important; color:#FFF !important;} body.parent-pageid-27 .EBP--BookBtn:hover {color:#000 !important;} body.parent-pageid-29 .quote_author, body.parent-pageid-29 .a.rhs_download_link, body.parent-pageid-29 h1, body.parent-pageid-29 ul.green_links li a, body.parent-pageid-29 .grey_box a, body.parent-pageid-29 .main_left a {color:#D9004C;} body.parent-pageid-29 .EBP--BookBtn {background-color: #D9004C !important; color:#FFF !important;} body.parent-pageid-29 .EBP--BookBtn:hover {color:#000 !important;} body.parent-pageid-79 .quote_author, body.parent-pageid-79 .a.rhs_download_link, body.parent-pageid-79 h1, body.parent-pageid-79 ul.green_links li a, body.parent-pageid-79 .grey_box a, body.parent-pageid-79 .main_left a {color:#881066;} body.parent-pageid-79 .EBP--BookBtn {background-color: #881066 !important; color:#FFF !important;} body.parent-pageid-79 .EBP--BookBtn:hover {color:#000 !important;} .isCalendar {display:block;} .display_on_mobile {display:none;} @media only screen and (max-width: 1400px) { .holder {margin:0px 10px; overflow:hidden; display:block; width:auto;} } @media only screen and (max-width: 1140px) { .member_image {height: auto;} .member_image:nth-child(3n+4) {clear:left;} #load-more {height:auto !important; padding:0px 0px 0px !important; } #load-more:after {} .loading::before {left:100px !important; top:0px !important;} .inset_holder {padding:0px 40px;} .masthead_background { background-attachment:scroll; } .quote_holder_image { background-attachment:scroll;} .page_head {height:auto;} } @media only screen and (max-width: 900px) { .embed-container {margin-top:42px; height: 400px !important;} ul.nav {top:20px;} ul.social_nav {bottom:15px;} .iphone_hide {display:none !important;} .iphone_show {display:block !important;} .googlemap {text-align:left;} h2 {font-size: 24px;line-height: 25px;} .env_icon { margin:0px 0px 0px 0px;} .green_link_text {display:none;} ul.green_links li {width:31%;} img.landing_logo_big { max-width:98%;} span.logo_subtitle {font-size:20px; } .tagline p {font-size:19px; line-height:27px; width:98%;} ul.icons_list li {width:48%; display:inline-block; margin:0px auto 40px;} .masthead_background {top:0px;} .statistics { height:auto; overflow:hidden; padding:60px 0px;} .statistics_content { position: relative; top: 0; left: 0; transform: translate(0, 0);} .statistics_content ul.statistics_columns li {width:98%; display:block; margin:0px auto 40px; } .statistics_content ul.statistics_columns li h3.statistic_figure {font-size:60px; line-height:68px; color:#FFF; font-weight:300; letter-spacing:0px; margin-bottom: 0px;} .statistics_content ul.statistics_columns li p {font-size: 13px;line-height: 21px;max-width: 200px;margin: 0px auto 50px;} .tool_icon {height:56px; bottom:-6px; margin-right:15px;} .frame_icon {height:41px; margin-right:15px;} .nut_icon {height:57px;} .mobile_nav {display:block; text-align:center; background-color:#FFF; padding:0px; position:fixed; top:0px; left:0px; z-index:2010; width:100%; height:40px;} .live-mobile {margin-top: 0 !important; top: 0px !important; } ul.nav {top:50px; padding:0px 20px;} .mobile_nav {background-color:rgba(255, 255, 255, 0.75); -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;} .live-nav .mobile_nav {background-color:rgba(255, 255, 255, 0.0);} .mobile_nav_holder {text-align:center;} .acf-map { max-width: 1080px; height: 340px;} .slick-next, .slick-prev {width:40px !important; height:40px !important; right: -50px !important;} .slick-prev::before {width:17px; height:19px; margin:-6px 0px 0px 11px;} .slick-next::before {width:17px; height:19px; margin:6px 0px 0px 13px;} .menui { display:block;} .icon { display:block; } footer {z-index:100;} h1.logo img {width:100%;} #wpcf7-f319-p9-o1 .wpcf7-form input.wpcf7-submit { width:11%;} ul.footer_logos li img { max-width:305px; width:75%;} #instagram {margin-top:0px;} .insta_image {width:50%; margin:0px 0px 25px 0px; padding:0px; float:left; display:block; position:relative;} .insta_image img {height:265px; } footer {padding-top: 0px;} } @media only screen and (max-width: 640px) { body {font-size:15px;} .embed-container {height: 200px !important;} .page_head h1 {font-size:29px; line-height:33px; padding:60px 25px 20px;} .page_head h2.page_subtitle {font-size:18px; line-height:30px; padding:0 25px 50px;} .page_head a.page_head_link {font-size:16px; padding: 0 25px;} .page_content {padding:80px 20px;} .main_left p {padding-right:20px; } .quote_holder {position:relative; display:block; width: 100%; height:auto; overflow: hidden;} .quote_holder_image { display:block; position:relative; width:100%; height:370px; background-position:center center; background-attachment:scroll;} .quote_text {position:relative; display:block; top:0px; right:0; width:auto; max-width: 100%; left:0px; z-index:10px; background-color: rgba(238, 238, 238, 1.0); padding:25px; color:#55504b; max-width:auto; height:auto; font-size: 16px;line-height: 22px;letter-spacing: 0.5px; font-weight:300;} .quote_text:after {content:''; display:none; } .filterDiv { float: none; width: 100%; } #myBtnContainer .btn { display:block; width:98%; padding:12px 1%; } .main_left {float:none; display:block; width:100%;} .main_right {float:none; display:block; width:100%;} #instagram {display:block; margin:0 0px 0 0; } .insta_image {width:100%; margin:0px 0px 25px 0px !important; float:none; display:block; } .hidden_gallery {width:100%; margin:0px 0px 25px 0px; } .hidden_gallery a {height:300px; width:100%;} a.video_holder {display:block;height:300px; width:100%; margin:0px 0px 25px 0px; } .file_container_container {display: block; width:100%; margin:0px 0px 25px 0px;} .file_container {min-height:0px;} .bottom_info_holder {display: block;} ul.foot_nav {display: none;} .inset_holder {padding:0px 25px;} .image_grid a.video_link:after {content:''; background-image:url('images/SVG/play.svg');display:block; width:80px; height:80px; border:0px solid #FFF; position: absolute; top:49%; left:50%; transform: translate(-50%, -50%); } .blocks_01, .blocks_02, .blocks_03 {margin:0;} .blocks_01 div {display:block; float:none; width:100%; margin-bottom:0px; max-width:100%;} .blocks_02 div {display:block; float:none; width:100%;margin-bottom:0px; max-width:100%;} .blocks_03 div {display:block; float:none; width:100%;margin-bottom:0px; max-width:100%;} .icon_text {margin-bottom:0px;} .block_01_01 {padding:0px 0px 20px 0px;} .block_01_02 {padding:0px 0px 20px 0px;} .block_01_03 {padding:0px 0px 20px 0px;} .block_02_01 {padding:0px 0px 20px 0px;} .block_02_02 {padding:0px 0px 20px 0px;} .block_03_01 {padding:0px 0px 20px 0px;} .block_03_02 {padding:0px 0px 20px 0px;} .block_03_03 {padding:0px 0px 20px 0px;} .image_grid .icon_text { position: relative; top: 0px; left: 0px; transform: translate(0%, 0%); } .image_grid div a.icon_link {border-top:0px; border-right: 0px; border-bottom: 0px; border-left: 0px; position:relative !important; width:100% !important; padding:70px 0px !important;} ul.icons_list {max-width:68%;} ul.icons_list li {width:98%; display:block;} .icon_holder {display:inline-block; width:29%; margin:0px 1% 0px 0px; vertical-align:middle ;} .link_text_holder {display:inline-block; width:68%; vertical-align: middle;} .link_text_holder h3 {margin:0px auto !important;} .link_text_holder p {display:none;} .slick-next, .slick-prev {display:none !important; width:25px !important; height:25px !important; right: -30px !important;} .slick-next {margin-top:20px !important;} .slick-prev {margin-top:-20px !important} .slick-prev::before {width: 13px; height: 19px;margin: -3px 0px 0px 6px;} .slick-next::before {width:13px; height:19px; margin:3px 0px 0px 6px;} .fancybox-arrow--left {display:none; margin-top:-75px !important;} .fancybox-arrow--right {display:none; margin-top:-15px !important;} .member_image img { height: 315px; } .contact_form_holder {padding:20px; } .wpcf7-form input.half_width {width:96%; padding:15px 2%; float:none; margin-bottom: 15px;} span.your-name {width:100%; float:none; margin-bottom: 0px; display: block;} span.your-email {width:100%; float:none; margin-bottom: -25px; display: block;} .slideshow_container {} .slick-prev::before {background-position:50% 60%; width:13px; height:15px; } .slick-next::before {background-position:50% 40%; width:13px; height:15px; } .fancybox-arrow::after {background-size: 65px 65px !important; background-position: 50% -2px !important;} .footer_container {padding:70px 20px;} .footer_left {float:none; width:100%; margin-bottom:20px;} .footer_thirds_holder {float:none; width:100%;} .footer_thirds {float:none; width:100%;} .bottom_left {float:none; width:100%; display: block;} .bottom_right {float:none; width:100%; text-align:left; margin-right:0px; font-size:14px; display: block;} span.shyguys_logo img { width:45px; } span.wmelon_logo img {width:90px;} } @media only screen and (max-width: 480px) { ul.icons_list {max-width:80%;} .link_text_holder {width:62%;} .link_text_holder h3 {font-size:20px; line-height:24px;} .member_image img { height: 265px; } .tagline p {padding:0px 10px;} ul.icons_list li a h3 {font-size: 17px; line-height: 17px; letter-spacing: 0;} .image_grid .icon_text {top:23px; font-size: 20px; line-height: 20px; letter-spacing: 0;} .image_grid .icon_svg_holder {max-width: 60px;} }