p#BuiltByHullabaloo { font-size: 12px; text-align: left; width: 100%; margin: 0; color: #4d5356; }
p#BuiltByHullabaloo a { color: inherit; text-decoration: none; }
p#BuiltByHullabaloo a:hover, p#BuiltByHullabaloo a:hover span.hulla { color: #333; }
p#BuiltByHullabaloo span.hulla { color: #4d5356; }
p#BuiltByHullabaloo span.star { color: #fc0; }   .no_margin_para p p { margin: 0; }
.clear { clear: both; float: none; width: 0; height: 0; display: block; } @media screen and (max-width: 1150px) { ul#ubermenu-nav-main-2 li.ubermenu-item a { padding-left: 10px; padding-right: 10px; } }
@media screen and (max-width: 1150px) { ul#ubermenu-nav-main-2 li.ubermenu-item.ubermenu-has-submenu-drop a { padding-right: 25px; } }
ul#ubermenu-nav-main-2 > li a { border-bottom: 6px solid #FFF; }
ul#ubermenu-nav-main-2 > li:hover a { border-bottom: 6px solid #638c40; }
ul#ubermenu-nav-main-2 ul.ubermenu-submenu { padding: 20px; border: none; }
ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item a { position: relative; color: #FFF; font-size: 15px; font-weight: 400; padding: 10px 20px 10px 25px; border-bottom: none; }
ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item a span, ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item a::before { -webkit-transition: all 0.5s; transition: all 0.5s; }
ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item a::before { content: ">"; position: absolute; top: 9px; left: 10px; }
ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item:hover a span, ul#ubermenu-nav-main-2 ul.ubermenu-submenu li.ubermenu-item:hover a::before { color: #4a6930; }
#bb-header-menu ul#menu-header-menu-2 > li a { border-bottom: 6px solid #FFF; }
#bb-header-menu ul#menu-header-menu-2 > li:hover a, #bb-header-menu ul#menu-header-menu-2 > li.current-menu-parent a { border-bottom: 6px solid #638c40; }
#bb-header-menu ul#menu-header-menu-2 ul.sub-menu { background: #95ac7e; padding: 20px; border: none; }
#bb-header-menu ul#menu-header-menu-2 ul.sub-menu li a { position: relative; color: #FFF; font-size: 15px; font-weight: 400; padding: 10px 20px 10px 25px; border-bottom: none; }
#bb-header-menu ul#menu-header-menu-2 ul.sub-menu li a span, #bb-header-menu ul#menu-header-menu-2 ul.sub-menu li a::before { -webkit-transition: all 0.5s; transition: all 0.5s; }
#bb-header-menu ul#menu-header-menu-2 ul.sub-menu li a::before { content: ">"; position: absolute; top: 9px; left: 10px; }
#bb-header-menu ul#menu-header-menu-2 ul.sub-menu li:hover a span, #bb-header-menu ul#menu-header-menu-2 ul.sub-menu li:hover a::before { color: #4a6930; }
.fl-module.footer-list-menu ul.menu li { position: relative; }
.fl-module.footer-list-menu ul.menu li a { display: block; }
.fl-module.footer-list-menu ul.menu li a::before { content: ">"; position: absolute; color: #638c40; top: 3px; left: 0; }
.fl-module.footer-list-menu ul.menu li a span { margin-left: 13px; }
#page_footer_tag { margin-top: 25px; position: relative; width: 100%; border-bottom: 5px solid #95ac7e; display: block; }
#page_footer_tag h5 { position: absolute; right: 6.6%; bottom: 0; background-color: #95ac7e; color: #FFF; padding: 7px 30px 5px; text-align: center; font-size: 15px; font-weight: 100; margin: 0; }
body.home.page #page_footer_tag, body.page-id-7246 #page_footer_tag { border-bottom: none; margin-top: 0; }
body.home.page #page_footer_tag h5, body.page-id-7246 #page_footer_tag h5 { background-color: #fff; color: #95ac7e; }
#go-to-top-link-holder { position: relative; }
#go-to-top-link-holder .fl-html { position: relative; }
#go-to-top-link { position: relative; min-height: 150px; width: 100%; display: block; }
#go-to-top-link a { position: absolute; width: 50px; bottom: 0; top: 0px; left: 50%; transform: translate(-50%, 0); min-height: inherit; padding: 5px; background: #95ac7e; color: #fff; font-size: 13px; text-align: center; box-sizing: border-box; margin: 0; }
#go-to-top-link a img { display: block; width: 50%; margin: 10px auto 5px; }
#go-to-top-link a:hover { background-color: #638c40; }
ul.project-cat-filter { position: relative; width: auto; float: left; margin: 0 0 30px; padding: 0; }
ul.project-cat-filter li { list-style: none; float: left; width: auto; text-transform: uppercase; border: 1px solid #eeeeee; border-right: none; padding: 10px 15px; font-size: 15px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.project-cat-filter li:last-child { border-right: 1px solid #eeeeee; }
ul.project-cat-filter li:hover, ul.project-cat-filter li.active { background-color: #96ae7e; color: #FFF; }
ul.list-projects { position: relative; width: 100%; float: left; margin: 0; padding: 0; }
ul.list-projects.full-list { display: none; }
ul.list-projects li { position: relative; list-style: none; float: left; width: 23.5%; margin-right: 2%; margin-bottom: 10px; cursor: pointer; }
ul.list-projects li:nth-child(4n) { margin-right: 0; }
@media screen and (max-width: 1100px) { ul.list-projects li { width: 32%; } ul.list-projects li:nth-child(4n) { margin-right: 2%; } ul.list-projects li:nth-child(3n) { margin-right: 0%; } }
@media screen and (max-width: 820px) { ul.list-projects li { width: 49%; } ul.list-projects li:nth-child(3n) { margin-right: 2%; } ul.list-projects li:nth-child(2n) { margin-right: 0%; } }
@media screen and (max-width: 550px) { ul.list-projects li { width: 100%; float: none; } ul.list-projects li:nth-child(3n) { margin-right: 0%; } ul.list-projects li:nth-child(2n) { margin-right: 0%; } }
ul.list-projects li > a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999; }
ul.list-projects li h4 { font-size: 18px; margin: 0; padding: 10px 0 5px; min-height: 60px; line-height: 1.2; color: #96ae7e; }
ul.list-projects li > div { position: relative; }
ul.list-projects li > div img { display: block; width: 100%; margin: 0; }
ul.list-projects li div.project-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #222; z-index: 99; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.list-projects li span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #96ae7e; color: #FFF; -webkit-border-radius: 50%; border-radius: 50%; padding: 5px 10px; text-align: center; z-index: 100; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.list-projects li:hover div.project-overlay { opacity: 0.7; }
ul.list-projects li:hover span { opacity: 1; }
.newsgrid-item { position: relative; width: 100%; margin: 0; padding: 0; background: #FFF; }
.newsgrid-item a.coverall-link { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999; }
.newsgrid-item div.newsgrid-item-img { position: relative; border: 1px solid #638c40; }
.newsgrid-item div.newsgrid-item-img img { width: 100%; display: block; margin: 0; padding: 0; }
.newsgrid-item div.project-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #222; z-index: 99; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.newsgrid-item span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #96ae7e; color: #FFF; -webkit-border-radius: 50%; border-radius: 50%; padding: 5px 10px; text-align: center; z-index: 100; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.newsgrid-item:hover div.project-overlay { opacity: 0.7; }
.newsgrid-item:hover span { opacity: 1; }
.newsgrid-item h3 { font-size: 18px; padding: 20px; margin: 0; min-height: 120px; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
.newsgrid-item h4 { margin: 0; padding: 10px 20px; font-size: 13px; color: #9a9a9a; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; }
ul.yearly-archive-links { padding: 0; margin: 0; }
ul.yearly-archive-links li { list-style: none; float: left; width: auto; text-transform: uppercase; border: 1px solid #eeeeee; border-right: none; padding: 0; font-size: 16px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.yearly-archive-links li a { display: block; padding: 10px 30px; color: #648e40; }
ul.yearly-archive-links li:last-child { border-right: 1px solid #eeeeee; }
ul.yearly-archive-links li:hover, ul.yearly-archive-links li.active { background-color: #96ae7e; }
ul.yearly-archive-links li:hover a, ul.yearly-archive-links li.active a { color: #fff; }
.featured-news-item { position: relative; width: 100%; float: left; }
.featured-news-item .featured-news-item-left { float: left; width: 60%; box-sizing: border-box; padding-right: 20px; }
.featured-news-item .featured-news-item-left .featured-news-item-excerpt p { font-size: 16px; }
.featured-news-item .featured-news-item-left a { color: #648e40; font-size: 16px; }
.featured-news-item .featured-news-item-right { float: left; width: 40%; }
.featured-news-item .featured-news-item-right img { display: block; margin: 0; border: 1px solid #638c40; }
@media screen and (max-width: 768px) { .featured-news-item .featured-news-item-left, .featured-news-item .featured-news-item-right { width: 100%; float: right; } .featured-news-item .featured-news-item-right { margin-top: 20px; } }
ul.publication-list-holder { padding: 0; margin: 0; float: left; width: 100%; position: relative; }
ul.publication-list-holder li { float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px; box-sizing: border-box; padding: 0; border: 1px solid #ededed; list-style: none; }
ul.publication-list-holder li:nth-child(4n) { margin-right: 0; }
ul.publication-list-holder li:nth-child(4n+1) { clear: both; }
@media screen and (max-width: 1100px) { ul.publication-list-holder li { width: 32%; } ul.publication-list-holder li:nth-child(4n) { margin-right: 2%; } ul.publication-list-holder li:nth-child(4n+1) { clear: none; } ul.publication-list-holder li:nth-child(3n) { margin-right: 0%; } ul.publication-list-holder li:nth-child(3n+1) { clear: both; } }
@media screen and (max-width: 820px) { ul.publication-list-holder li { width: 49%; } ul.publication-list-holder li:nth-child(3n) { margin-right: 2%; } ul.publication-list-holder li:nth-child(3n+1) { clear: none; } ul.publication-list-holder li:nth-child(2n) { margin-right: 0%; } ul.publication-list-holder li:nth-child(2n+1) { clear: both; } }
@media screen and (max-width: 550px) { ul.publication-list-holder li { width: 100%; float: none; } ul.publication-list-holder li:nth-child(3n) { margin-right: 0%; } ul.publication-list-holder li:nth-child(3n+1) { clear: none; } ul.publication-list-holder li:nth-child(2n) { margin-right: 0%; } ul.publication-list-holder li:nth-child(2n+1) { clear: both; } }
ul.publication-list-holder li .publication-item-img { width: 100%; text-align: center; margin-bottom: 15px; }
ul.publication-list-holder li .publication-item-img img { margin: auto; height: 200px; width: auto; }
ul.publication-list-holder li h5, ul.publication-list-holder li h3 { padding-left: 15px; padding-right: 15px; margin: 0; font-size: 18px; font-weight: bold; }
ul.publication-list-holder li h5 { text-transform: uppercase; color: #757a7d; font-size: 14px; font-weight: normal; margin-top: 10px; }
ul.publication-list-holder li .publication-item-text { padding: 15px; font-size: 15px; line-height: 1.3; min-height: 145px; }
ul.publication-list-holder li .publication-item-text p { margin: 0; }
ul.publication-list-holder li .publication-item-link { position: relative; padding: 0 15px 15px; min-height: 58px; }
ul.publication-list-holder li .publication-item-link a { position: relative; color: #648e40; padding-left: 28px; display: block; font-size: 14px; }
ul.publication-list-holder li .publication-item-link a::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-image: url(//ecda.co.uk/wp-content/themes/hullabaloo-client/images/Download-icon.png); background-repeat: no-repeat; background-size: contain; }
ul.clients-list-holder { padding: 0; margin: 0; float: left; width: 100%; position: relative; }
ul.clients-list-holder li { position: relative; float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px; box-sizing: border-box; padding: 20px; border: 1px solid #f0f0f0; list-style: none; background-color: #fff; }
ul.clients-list-holder li:nth-child(4n) { margin-right: 0; }
ul.clients-list-holder li:nth-child(4n+1) { clear: both; }
ul.clients-list-holder li a.coverall, ul.clients-list-holder li div.clients-list-item-overlay { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; height: 100%; z-index: 10; cursor: pointer; }
ul.clients-list-holder li a.coverall { cursor: pointer; z-index: 999; }
ul.clients-list-holder li div.clients-list-item-overlay { z-index: 5; background-color: #000; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.clients-list-holder li span.clients-list-item-overlay-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #96ae7e; color: #FFF; -webkit-border-radius: 50%; border-radius: 50%; padding: 5px 10px; text-align: center; z-index: 100; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
ul.clients-list-holder li:hover div.clients-list-item-overlay { opacity: 0.4; }
ul.clients-list-holder li:hover span.clients-list-item-overlay-icon { opacity: 1; }
@media screen and (max-width: 760px) { ul.clients-list-holder li { width: 49%; } ul.clients-list-holder li:nth-child(4n) { margin-right: 2%; } ul.clients-list-holder li:nth-child(2n) { margin-right: 0%; } ul.clients-list-holder li:nth-child(2n+1) { clear: both; } }
@media screen and (max-width: 550px) { ul.clients-list-holder li { width: 100%; } ul.clients-list-holder li:nth-child(4n) { margin-right: 0%; } ul.clients-list-holder li:nth-child(2n) { margin-right: 0%; } ul.clients-list-holder li:nth-child(2n+1) { clear: both; } }
ul.clients-list-holder li img { border: none; margin: auto; display: block; }
ul.clients-list-holder li h4 { text-align: center; margin: 0 auto; font-size: 16px; }
.awards-list-holder { width: 100%; }
.awards-list-holder .awards-list-item { position: relative; float: left; width: 23.5%; margin-right: 2%; margin-bottom: 25px; }
.awards-list-holder .awards-list-item:nth-child(4n) { margin-right: 0; }
.awards-list-holder .awards-list-item:nth-child(4n+1) { clear: both; }
@media screen and (max-width: 760px) { .awards-list-holder .awards-list-item { width: 49%; } .awards-list-holder .awards-list-item:nth-child(4n) { margin-right: 2%; } .awards-list-holder .awards-list-item:nth-child(2n) { margin-right: 0%; } .awards-list-holder .awards-list-item:nth-child(2n+1) { clear: both; } }
@media screen and (max-width: 550px) { .awards-list-holder .awards-list-item { width: 100%; } .awards-list-holder .awards-list-item:nth-child(4n) { margin-right: 0%; } .awards-list-holder .awards-list-item:nth-child(2n) { margin-right: 0%; } .awards-list-holder .awards-list-item:nth-child(2n+1) { clear: both; } }
.awards-list-holder .awards-list-item a.coverall { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999; }
.awards-list-holder .awards-list-item .awards-list-item-header { position: relative; float: left; width: 100%; background-color: #ededed; color: #757a7d; text-transform: uppercase; }
.awards-list-holder .awards-list-item .awards-list-item-header h4 { line-height: 1; color: inherit; text-transform: uppercase; font-size: 20px; margin: 18px 0 15px; display: block; float: right; width: 70%; }
.awards-list-holder .awards-list-item .awards-list-item-header .tab { float: left; width: 22%; position: relative; }
.awards-list-holder .awards-list-item .awards-list-item-header .tab img { position: absolute; top: -5px; left: 10px; width: 33px; height: auto; }
.awards-list-holder .awards-list-item .awards-list-item-header .tab span { color: #FFF; font-size: 12px; display: block; text-align: left; margin: 3px 0 0 13px; z-index: 9; position: relative; }
.awards-list-holder .awards-list-item.winner .awards-list-item-header { background-color: #eff3ec; color: #648b44; }
.awards-list-holder .awards-list-item .awards-list-item-img { position: relative; float: left; width: 100%; }
.awards-list-holder .awards-list-item .awards-list-item-img img { display: block; width: 100%; }
.awards-list-holder .awards-list-item .awards-list-item-img div.project-overlay { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: #222; z-index: 99; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.awards-list-holder .awards-list-item .awards-list-item-img span { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #96ae7e; color: #FFF; -webkit-border-radius: 50%; border-radius: 50%; padding: 5px 10px; text-align: center; z-index: 9999; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }
.awards-list-holder .awards-list-item .awards-list-item-footer { float: left; width: 100%; box-sizing: border-box; padding: 20px; border: 1px solid #ededed; border-top: none; }
.awards-list-holder .awards-list-item .awards-list-item-footer h3 { font-size: 15px; margin: 0 0 10px; color: #757a7d; text-transform: uppercase; }
.awards-list-holder .awards-list-item .awards-list-item-footer p { margin: 0; font-size: 17px; }
.awards-list-holder .awards-list-item .awards-list-item-footer h4 { font-size: 15px; margin: 10px 0; line-height: 1.1; }
.awards-list-holder .awards-list-item .awards-list-item-footer a { color: #648E46; font-size: 16px; }
.awards-list-holder .awards-list-item .awards-list-item-footer a.award-view-project-link { background-color: #95ac7e; color: #FFF; font-size: 14px; text-transform: uppercase; padding: 10px 25px; display: inline-block; width: auto; cursor: pointer; margin: 0px 0 0; -webkit-transition: all 250ms linear; -moz-transition: all 250ms linear; -ms-transition: all 250ms linear; -o-transition: all 250ms linear; transition: all 250ms linear; }
.awards-list-holder .awards-list-item:hover .awards-list-item-img div.project-overlay { opacity: 0.7; }
.awards-list-holder .awards-list-item:hover .awards-list-item-img { opacity: 1; }
.awards-list-holder .awards-list-item:hover a.award-view-project-link { background-color: #638c40; }
ul.full-client-list { padding: 0; margin: 0; -webkit-column-count: 4; -moz-column-count: 4; column-count: 4; }
@media screen and (max-width: 1024px) { ul.full-client-list { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; } }
@media screen and (max-width: 768px) { ul.full-client-list { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } }
ul.full-client-list li { list-style: none; background-color: #eeeeee; padding: 13px 25px 10px; margin-bottom: 10px; box-sizing: border-box; line-height: 1.2; }
.ourpeople-list-holder { position: relative; width: 100%; }
.ourpeople-list-holder.mobile { display: none; }
@media screen and (max-width: 1250px) { .ourpeople-list-holder { display: none; } .ourpeople-list-holder.mobile { display: block; } }
.ourpeople-list-holder .ourpeople-list-item { float: left; width: 15%; margin-right: 2%; margin-bottom: 10px; cursor: pointer; }
.ourpeople-list-holder .ourpeople-list-item:nth-child(7n) { margin-right: 0; }
.ourpeople-list-holder .ourpeople-list-item:nth-child(7n+1) { clear: both; }
@media screen and (max-width: 1250px) { .ourpeople-list-holder .ourpeople-list-item { width: 18.4%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(7n) { margin-right: 2%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(7n+1) { clear: none; } .ourpeople-list-holder .ourpeople-list-item:nth-child(5n) { margin-right: 0; } .ourpeople-list-holder .ourpeople-list-item h4 { min-height: 47px; } }
@media screen and (max-width: 1000px) { .ourpeople-list-holder .ourpeople-list-item { width: 23.5%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(5n) { margin-right: 2%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(4n) { margin-right: 0%; } .ourpeople-list-holder .ourpeople-list-item h4 { min-height: 47px; } }
@media screen and (max-width: 800px) { .ourpeople-list-holder .ourpeople-list-item { width: 32%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(4n) { margin-right: 2%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(3n) { margin-right: 0%; } .ourpeople-list-holder .ourpeople-list-item h4 { min-height: 47px; } }
@media screen and (max-width: 600px) { .ourpeople-list-holder .ourpeople-list-item { width: 49%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(3n) { margin-right: 2%; } .ourpeople-list-holder .ourpeople-list-item:nth-child(2n) { margin-right: 0%; } }
.ourpeople-list-holder .ourpeople-list-item img { display: block; width: 100%; opacity: 1; -webkit-transition: all 0.5s; transition: all 0.5s; }
.ourpeople-list-holder .ourpeople-list-item .ourpeople-list-item-txt { box-sizing: border-box; padding: 15px 0; }
.ourpeople-list-holder .ourpeople-list-item .ourpeople-list-item-hidden { display: none; }
.ourpeople-list-holder .ourpeople-list-item h3, .ourpeople-list-holder .ourpeople-list-item h4 { font-weight: 400; font-size: 16px; margin: 0 0 5px; }
.ourpeople-list-holder .ourpeople-list-item h3 { font-size: 17px; margin-bottom: 0; }
.ourpeople-list-holder .ourpeople-list-item h4 { margin: 0; color: #757a7d; }
.ourpeople-list-holder .ourpeople-list-item:hover img { opacity: 0.7; }
.ourpeople-list-holder .ourpeople-list-slider { float: left; width: 100%; background: none; box-sizing: border-box; padding: 0px; overflow: hidden; margin-bottom: 30px; max-height: 0; -webkit-transition: all 0.6s ease-in; transition: all 0.6s ease-in; }
.ourpeople-list-holder .ourpeople-list-slider.open { max-height: 2000px; }
.ourpeople-list-holder .ourpeople-list-slider .left { float: left; width: 65%; box-sizing: border-box; padding: 0 30px 0 0; }
.ourpeople-list-holder .ourpeople-list-slider .left h3 { font-size: 30px; }
.ourpeople-list-holder .ourpeople-list-slider .right { float: left; width: 35%; box-sizing: border-box; margin: 0; }
#ourpeople-list-highlight-mobile { position: relative; width: 100%; margin: 0 auto 30px; display: block; }
@media screen and (min-width: 1250px) { #ourpeople-list-highlight-mobile { display: none; } }
#ourpeople-list-highlight-mobile-left { float: left; width: 65%; box-sizing: border-box; padding-right: 40px; }
#ourpeople-list-highlight-mobile-left h3 { font-size: 30px; }
@media screen and (max-width: 950px) { #ourpeople-list-highlight-mobile-left { width: 50%; } }
@media screen and (max-width: 728px) { #ourpeople-list-highlight-mobile-left { width: 60%; } }
@media screen and (max-width: 600px) { #ourpeople-list-highlight-mobile-left { width: 100%; padding-right: 0; } }
#ourpeople-list-highlight-mobile-right { float: left; width: 35%; box-sizing: border-box; }
@media screen and (max-width: 950px) { #ourpeople-list-highlight-mobile-right { width: 50%; } }
@media screen and (max-width: 728px) { #ourpeople-list-highlight-mobile-right { width: 40%; } }
@media screen and (max-width: 600px) { #ourpeople-list-highlight-mobile-right { width: 100%; margin-bottom: 30px; } #ourpeople-list-highlight-mobile-right img { display: block; margin: 20px auto 0; text-align: center; } }
.page-adverts-sidebar .page-adverts-sidebar-item { position: relative; width: 100%; margin-bottom: 40px; }
.page-adverts-sidebar .page-adverts-sidebar-item a.coverall { position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 999; }
.page-adverts-sidebar .page-adverts-sidebar-item .page-adverts-sidebar-item-img { position: relative; width: 100%; margin: 0 0 20px; display: block; }
.page-adverts-sidebar .page-adverts-sidebar-item .page-adverts-sidebar-item-img img { display: block; width: 100%; }
.page-adverts-sidebar .page-adverts-sidebar-item .page-adverts-sidebar-item-img h5 { position: absolute; bottom: -20px; left: 0; background-color: #fff; color: #96ae7e; font-size: 20px; padding: 5px 10px 5px 0; max-width: 80%; }
.page-adverts-sidebar .page-adverts-sidebar-item .page-adverts-sidebar-item-txt p { font-size: 15px; line-height: 1.5; }
a.tweet-btn { position: relative; box-sizing: border-box; padding: 3px 10px; background-color: #1b95e0; color: #fff; border-radius: 3px; font-weight: 500; cursor: pointer; font-size: 16px; }
a.tweet-btn i { font-size: 14px; }
a.tweet-btn span { line-height: 1; padding: 0 0 0 10px; }
div.test-holder { margin: 0 auto 0px; border-bottom: 3px red solid; padding-top: 50px; padding-bottom: 75px; }
div.test-holder:nth-child(even) { background-color: #eee; }
div.test-holder > div { float: left; width: 20%; box-sizing: border-box; padding: 0 10px; }
#cdm-client-login form { position: relative; margin: 0px auto 0; border: none; width: 100%; max-width: 300px; font-size: 16px; }
#cdm-client-login form input[type=text], #cdm-client-login form input[type=password] { width: 100%; display: block; margin-bottom: 15px; padding: 0; color: #393939; border-radius: 0; box-sizing: border-box; padding: 13px 15px; font-size: 16px; line-height: 1; font-weight: 200; }
#cdm-client-login form input[type=submit] { width: 100%; padding: 10px 10px; box-sizing: border-box; text-align: center; color: #FFF; border: none; cursor: pointer; background-color: #95ac7e; border-radius: 0; font-size: 16px; }
#cdm-client-login form input[type=submit]:hover { background-color: #638c40; }
#cdm-client-groups-list ul { padding-left: 0; }
#cdm-client-groups-list ul li { list-style-type: none; display: inline-block; width: auto; padding: 0; float: left; margin-right: 15px; margin-bottom: 15px; }
#cdm-client-groups-list ul li a { padding: 10px 25px; cursor: pointer; display: block; background-color: #89a46e; color: #FFF; }
#cdm-client-groups-list ul li a:hover { background-color: #b0c29d; }
.filemanager .breadcrumbs a { background-color: #eff3ec; }
#cdm-client-uploader #Edit-File-Manager .file-editor-holder h3 { background-color: #96ae7e; border: 1px solid #7d9960; }
#cdm-client-uploader #Edit-File-Manager .file-editor-holder h3:hover { background-color: #89a46e; }
#cdm-client-uploader #Edit-File-Manager input#new-folder-name { padding: 8px 0; text-indent: 10px; }
#folder-view { background-color: #ededed; width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#folder-view .nothingfound h5 { color: #89a46e; margin-top: 80px; }
.filemanager .breadcrumbs { border-top: none; border-bottom-color: #89a46e; }
.filemanager .breadcrumbs span { color: #708956; }
a#projectVideo-play-btn { position: relative; display: block; cursor: pointer; }
a#projectVideo-play-btn::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background-color: rgba(112, 137, 86, 0.5); background-image: url(//ecda.co.uk/wp-content/themes/hullabaloo-client/images/ECDA-Play-Icon.svg); background-position: center; background-size: 80px; background-repeat: no-repeat; -webkit-transition: all 0.4s; transition: all 0.4s; }
a#projectVideo-play-btn:hover::before { background-color: rgba(112, 137, 86, 0.8); background-size: 90px; }
#project-video-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 100; display: none; }
#project-video-overlay.show { display: block; }
#project-video-overlay video { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 80%; height: auto; }
#project-video-overlay video:focus { outline: none; }
#project-video-overlay #project-video-overlay-youtube { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
a#project-video-overlay-close { position: fixed; top: 40px; right: 40px; padding: 10px 25px; text-align: center; display: block; background: #708956; color: #FFF; font-size: 16px; cursor: pointer; -webkit-transition: all 0.4s; transition: all 0.4s; }
a#project-video-overlay-close:hover { text-decoration: none; background: #566a42; }