.sn-menus .pl-sn-pad {
padding: 0;
}
.menus-content {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-basis: 100%;
-moz-flex-basis: 100%;
-ms-flex-preferred-size: 100%;
-ms-flex-basis: 100%;
flex-basis: 100%;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-content .pl-mobile-activation {
display: none;
font-weight: 600;
font-size: .9em;
padding: .3em 1em;
}
.menus-content .pl-mobile-activation .activation-text {
opacity: .2;
}
.menus-content .pl-mobile-activation .menu-name {
margin-left: 3px;
}
.menus-content .pl-mobile-activation:hover,
.menus-content .pl-mobile-activation:active {
cursor: pointer;
background: rgba(0, 0, 0, 0.04);
}
.pl-alignment-left .menus-content {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
}
.pl-alignment-right .menus-content {
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
justify-content: flex-end;
}
.pl-platform .menus-content.fill-space {
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
.pl-platform .menus-content.fill-space .menus-branding {
margin-left: 0;
}
.menus-container {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
}
.menus-branding {
margin: 0 1.5em;
}
.menus-branding a {
color: inherit;
}
.menus-branding a:hover {
text-decoration: none;
}
.menus-branding a[href]:hover {
opacity: .7;
}
.menus-branding img {
display: block;
}
.menus-branding .menus-name {
line-height: inherit;
margin: 0;
font-size: inherit;
}
@media (max-width: 768px) {
.menus-content {
display: block;
}
.menus-content .menus-branding {
padding: .5em 0;
}
.menus-content .menus-branding a img {
display: inline-block;
}
.menus-content .do-mobile-nav .pl-nav {
display: block;
}
.menus-content .do-mobile-nav .pl-nav > li {
display: block;
}
.menus-content .do-mobile-nav .pl-mobile-activation {
display: block;
}
.menus-content .do-mobile-nav .pl-nav-container {
height: 0;
opacity: 0;
overflow: hidden;
transition: opacity 0.5s linear;
}
.menus-content .do-mobile-nav.pl-mobile-container.toggle-open .pl-nav-container {
height: auto;
opacity: 1;
}
}.pl-sn-boxes {
text-align: center;
}
.pl-sn-boxes .pl-control-left {
text-align: left;
}
.pl-sn-boxes .pl-control-left .boxes-text {
text-align: left;
}
.pl-sn-boxes .pl-alignment-right {
text-align: right;
}
.pl-sn-boxes .pl-alignment-right .pl-control-top .boxes-media {
margin-right: 0px;
}
.pl-sn-boxes .pl-alignment-right .pl-control-left .boxes-text {
text-align: right;
}
.pl-sn-boxes .pl-alignment-left {
text-align: left;
}
.pl-sn-boxes .pl-alignment-left .pl-control-top .boxes-media {
margin-left: 0px;
}
.pl-sn-boxes .pl-alignment-center .pl-control-left .boxes-text {
text-align: center;
}
.the-boxes-container {
overflow: hidden;
}
.the-boxes-container.cntr {
display: inline-block;
}
.boxes {
text-decoration: none;
color: inherit;
}
.boxes:hover,
.boxes:focus {
text-decoration: none;
color: inherit;
opacity: 1 !important;
}
.boxes[href] {
cursor: pointer;
}
.boxes[href]:hover,
.boxes[href]:focus {
opacity: 0.7 !important;
outline: 1px solid rgba(0, 0, 0, 0.1);
}
.boxes .boxes-title {
margin: 0 0 5px;
font-size: 2em;
line-height: 1.2em;
}
.boxes.top-aligned .boxes-desc {
max-width: 300px;
margin: 0 auto;
}
.boxes.top-aligned .boxes-media.wrap-count {
max-width: 100%;
}
.boxes .the-boxes-media {
display: block;
max-width: 100%;
margin-right: auto;
margin-left: auto;
}
.boxes .the-boxes-media.media-image {
max-width: 70%;
}
.boxes .the-boxes-media .pl-counter,
.boxes .the-boxes-media .pl-image,
.boxes .the-boxes-media .boxes-icon {
display: none;
}
.boxes .the-boxes-media.media-count .pl-counter {
display: block;
}
.boxes .the-boxes-media.media-image .pl-image {
display: block;
}
.boxes .the-boxes-media.media-icon .boxes-icon {
display: block;
}
.boxes .boxes-pad {
width: 100%;
padding: 1em 0;
}
.boxes .pl-control-top .media-left,
.boxes .pl-control-top .media-right,
.boxes .pl-control-top .media-body {
display: block;
padding: 0;
margin: 1.4em auto;
}
.boxes .pl-control-left {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: flex;
-webkit-flex-direction: row;
-moz-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.boxes .pl-control-left > .media-left {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
.boxes .pl-control-left > .media-right {
-webkit-flex: 0 1 auto;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
.boxes .pl-control-left .pl-counter {
font-size: 25px;
line-height: 1em;
min-width: 65px;
text-align: right;
margin-top: 5px;
}
.boxes .pl-control-left .the-boxes-media {
max-width: 100px;
width: 60px;
text-align: right;
direction: rtl;
}
.boxes .pl-control-left .the-boxes-media .pl-image {
margin-top: 6px;
width: 80px;
max-width: 100%;
}
.boxes .pl-control-left .boxes-icon {
font-size: 50px;
}
.boxes .pl-control-left.boxes-icon-border.media-type-icon {
width: 40px;
height: 40px;
line-height: 40px;
}
.boxes .pl-control-left .boxes-icon-border.media-type-image img {
width: 80px;
}
.boxes .boxes-icon {
font-size: 6em;
}
.boxes .pl-image {
display: inline-block;
background-size: cover;
height: 0;
padding: 50%;
overflow: hidden;
margin-right: auto;
margin-left: auto;
background-position: 50% 50%;
background-image: url(//www.hfsenvironmental.co.uk/wp-content/ui/images/default-image.jpg);
}
.boxes .pl-image.round {
border-radius: 500px;
}
.boxes .pl-counter {
font-size: 4em;
font-weight: 600;
letter-spacing: -1px;
line-height: 1em;
}
.boxes a {
color: inherit;
}