html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} h1 {
font-size: 2em;
margin: 0.67em 0;
}  hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
-webkit-box-sizing: border-box;
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} @font-face {
font-family: 'Avenir';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/Avenir-Roman.eot);
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/Avenir-Roman.eot?#iefix) format('embedded-opentype'),
url(//musgrave.es/wp-content/themes/musgrave/fonts/Avenir-Roman.woff2) format('woff2'),
url(//musgrave.es/wp-content/themes/musgrave/fonts/Avenir-Roman.woff) format('woff'),
url(//musgrave.es/wp-content/themes/musgrave/fonts/Avenir-Roman.ttf) format('truetype');
font-weight: normal;
font-style: normal;
}
body,
button,
input,
select,
optgroup,
textarea {
color: #404040;
font-family: 'Avenir', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
clear: both;
font-family: 'playfair_dispbold', serif;
}
p {
margin-bottom: 1.5em;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
font-size: 0.9375rem;
line-height: 1.6;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
font-size: 0.9375rem;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
@font-face {
font-family: 'playfair_dispblack';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-black-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-black-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'playfair_dispblackit';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-blackitalic-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-blackitalic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'playfair_dispbold';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-bold-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-bold-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'playfair_dispboldit';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-bolditalic-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-bolditalic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'playfair_dispit';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-italic-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-italic-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
}
@font-face {
font-family: 'playfair_dispreg';
src: url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-regular-webfont.woff2) format('woff2'), url(//musgrave.es/wp-content/themes/musgrave/fonts/playfairdisplay-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal
} html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*:before,
*:after { -webkit-box-sizing: inherit;
box-sizing: inherit;
}
body {
background: #fff; }
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul, ol {
margin: 0 0 1.5em 1.5em;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid;
border-color: #ccc #ccc #bbb;
border-radius: 3px;
background: #e6e6e6;
color: rgba(0, 0, 0, 0.8);
font-size: 12px;
font-size: 0.75rem;
line-height: 1;
padding: .6em 1em .4em;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
border-color: #aaa #bbb #bbb;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #666;
border: 1px solid #ccc;
border-radius: 3px;
padding: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111;
}
select {
border: 1px solid #ccc;
}
textarea {
width: 100%;
}  a {
color:#404040;
}
a:visited {
color: transparent;
}
a:hover, a:focus, a:active {
color: midnightblue;
}
a:focus {
outline: thin dotted;
}
a:hover, a:active {
outline: 0;
}  @media screen and (-ms-high-contrast: none) {
.main-navigation ul.nav-menu {
width: 100%;
float: left;
display:block;
}
.cat-block img   {
background-size: cover!important;
background-repeat:no-reapeat;
z-index: 1!important;
} 
img.homepage-block {
min-height:250px!important;
height:100%;
}
.main-navigation ul li {
display:inline-block;
border-left: 1px solid #898989;
width: 16.4%;
height: 69px;
float: left;
}
.main-navigation ul li a {
background-image: linear-gradient(to right, #000);
color: #898989;
width: 100%;
height: 69px;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
text-decoration: none;
display: flex;
align-items: center;
justify-content: center;
position: relative;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.search-icon {
border-left: 1px solid #898989;
}
.site-branding {
width:9%;
display:block;
padding:20px 20px 20px 2%;
height:70px;
}
.site-footer .site-branding {
}    
.footer-top {
border-bottom:0!important;
}   
.footer-widgets {
display:none!important;
}
.custom-logo {
height:33px!important;
width: 135px!important;
margin: 0 auto;
}
.site-header {
height: 70px!important;
}
.main-navigation ul ul.sub-menu li {
width:16.66%;
}
.brands-thumbs ul li {
width:150px;
text-align: center;
padding:0.5em;
align-self: center;
}
} .main-navigation {
width:100%;
}
@supports (-webkit-appearance:none) {
.main-navigation ul.nav-menu {
display: -ms-grid;
display: grid;
grid-template-columns: repeat( auto-fit, minmax(120px, 1fr) );
grid-gap: 0px;
list-style: none;
margin:0;
padding:0;
text-transform: uppercase;
font-size:0.95rem;
}
.brands-thumbs ul li {
-ms-flex-preferred-size: 180px;
flex-basis: 180px;
text-align: center;
padding:0.5em;
}
.main-navigation ul li {
text-align: center;
height:70px;
}
.main-navigation ul li a {
display: -ms-flexbox;
display: -webkit-box; 
display: -ms-flexbox; 
display: flex; 
-webkit-box-align: center; 
-ms-flex-align: center; 
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height:70px;
text-decoration: none;
color:#898989;
border-right: 1px solid #898989;
-webkit-transition: background 250ms ease;
-o-transition: background 250ms ease;
transition: background 250ms ease;
}
.main-navigation ul ul.sub-menu {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px,1fr));
grid-gap: 0;
}
.site-branding {
padding:13px 20px;
height:70px;
-ms-flex-preferred-size: 14%;
flex-basis: 14%;
border-right: 1px solid #898989;
}
}
.main-navigation ul li a:hover,
.main-navigation ul li.current_page_item a,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.single-careers .main-navigation ul li.menu-item-careers a {
background: #e07e3c;
color:#fff;
}
.main-navigation ul ul.sub-menu {
position: absolute;
top: 100%;
left: -999em;
z-index: 998;
width:100%;
list-style: none;
border:none;
background: #e07e3c;
margin:0;
padding:0;
}
.main-navigation ul.nav-menu ul li {
border:none;
}
.main-navigation ul.nav-menu ul li a {
border:none;
color:#fff;
width: 100%;
}
.main-navigation ul ul ul {
left: -999em;
top: 0;
}
.main-navigation ul li.current_page_item > ul,
.main-navigation ul li.current_page_ancestor > ul,
.single-careers .main-navigation ul li.menu-item-careers > ul {
left: 0;
}
.main-navigation ul li:not(.menu-item-has-children):hover .sub-menu {
left:-999em;
}
.menu-toggle {
display: none;
}
.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
margin: 0 0 1.5em;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
-webkit-clip-path: none;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
} .widget {
margin: 0 0 1.5em; }
.widget select {
max-width: 100%;
}  .sticky {
display: block;
}
.post,
.page {
margin: 0;
}
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content,
.entry-summary {
margin: 1.5em 0 0;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}  .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
} .slick-dots {
width: 100%;
left: 0;
bottom: -40px;
text-align: center;
position: absolute;
z-index: 90;
list-style: none;
margin:0;
padding:0;
}
.slick-dots li {
display: inline-block;
margin:0 5px;
}
.slick-dots li button {
background-color: #bbb;
border: none;
border-radius: 50%;
text-indent: -999em;
width: 10px;
height: 10px;
margin-bottom: 0;
padding: 0;
outline: none;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.slick-dots li button {
background: #fff;
}
.slider-text-nav .slick-dots li button {
background: #eee;
}
.slick-dots li button:hover {
background: #5cb8b2;
cursor: pointer;
}
.slider-text-nav .slick-dots li button:hover {
background: #a9c23f;
cursor: pointer;
}
.slick-dots li.slick-active button {
background: #5cb8b2;
}
.slider-text-nav .slick-dots li.slick-active button {
background: #a9c23f;
}
.slick-arrow {
background-color: #5cb8b2;
border: 2px solid #5cb8b2;
background-position: center;
background-repeat: no-repeat;
width: 46px;
height: 46px;
position: absolute;
z-index: 50;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.slider-text-nav .slick-arrow {
background-color: #a9c23f;
border: 2px solid #a9c23f;
}
.vertical-nav {
top: 30%;
right: -80px;
}
.vertical-prev {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_down.png);
margin-top: 70px;
}
.vertical-prev:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_down_aqua.png);
}
.vertical-next {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_up.png);
}
.vertical-next:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_up_aqua.png);
}
.slick-arrow:hover {
background-color: transparent;
cursor: pointer;
}
.slick-arrow:hover {
background-color: transparent;
cursor: pointer
}
.slick-arrow.slide-nav {
border: 2px solid #5cb8b2;
width: 46px;
height: 46px;
top: 50%;
position: absolute;
margin-top: -25px
}
.slick-arrow.slide-nav:hover {
background-color: transparent;
border: 2px solid #5cb8b2
}
.slider-text-nav .slick-arrow.slide-nav {
position: absolute;
border-color: #a9c23f;
}
.slider-text-nav .slick-arrow.slide-nav:hover {
background-color: transparent;
border: 2px solid #a9c23f;
}
.slick-arrow.slide-prev {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_prev.png);
left: 0
}
.trending-articles .slick-arrow.slide-prev,
.slider-text-nav .slick-arrow.slide-prev {
left:-60px;
}
.slick-arrow.slide-prev:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_prev_aqua.png)
}
.slider-text-nav .slick-arrow.slide-prev:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_prev_green.png)
}
.slick-arrow.slide-next {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_next.png);
right: 0
}
.trending-articles .slick-arrow.slide-next,
.slider-text-nav .slick-arrow.slide-next {
right:-60px;
}
.slick-arrow.slide-next:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_next_aqua.png)
}
.slider-text-nav .slick-arrow.slide-next:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_next_green.png)
}
.slick-track:before, .slick-track:after {
content: "";
display: table;
}
.slick-track:after {
clear: both;
}  .news-text-block {
background: #fff;
padding: 2em 8em;
margin: -6em auto 2em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.post-date {
margin: 0;
position: absolute;
top: 0;
left: 0;
z-index: 999999;
background: #444;
padding: 5px 10px;
height: 32px!important;
} .container {
width:100%;
max-width: 1075px;
margin:0 auto;
padding:0 20px;
}
.site-header {
background: #000;
display:-webkit-box;
display:flex;
display: -ms-flexbox;
position: relative;
border-bottom: 1px solid #898989;
}
li.sf-item-139 {
display:none!important;
}
.search-icon {
display: -webkit-box;
display: flex; 
display: -ms-flexbox;
padding:0 1.75em;
height:70px;
width:90px;
}
.search-icon #search-btn,
.search-icon #close-btn {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
display: block;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.search-icon #search-btn:hover,
.search-icon #close-btn:hover {
}
.search-icon #close-btn {
display: none;
font-size:2em;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
cursor: pointer;
color:#fff;
-webkit-transition: all 850ms ease;
-o-transition: all 850ms ease;
transition: all 850ms ease;
line-height: 1;
}
.search-icon #close-btn:hover {
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
color:#fff;
}
section.home-hero {
visibility: hidden;
}
section.home-hero.slick-initialized { 
visibility: visible!important; 
}
section.home-hero div.image {
min-height:345px;
background-size: cover;
background-position: center center;
position: relative;
}
section.home-hero div.text {
color: #fff;
width: 100%;
max-width: 550px;
min-height: 167px;
padding: 2em;
position: absolute;
top:120px;
left:0;
}
section.home-hero div.text:before {
content:'';
display: block;
width:100%;
height:100%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
background: rgba(224,126,60,1);
opacity:0.8;
}
section.home-hero div.text h1 {
margin:0;
font-weight:400;
position: relative;
z-index: 999;
}
section.home-hero div.text a,
.latest-feature-main article .text-block .find-out-more,
.latest-feature-main-new article .text-block .find-out-more {
color:#fff;
text-decoration: none;
font-size:1.25em;
display: inline-block;
margin: 0.75em 0 0 0;
position: relative;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
section.home-hero div.text a:hover,
.latest-feature-main article .text-block .find-out-more:hover,
.latest-feature-main-new article .text-block .find-out-more:hover {
padding-left: 10px;
}
section.home-hero div.text a:after,
.latest-feature-main article .text-block .find-out-more:after,
.latest-feature-main-new article .text-block .find-out-more:after {
content:'';
display: block;
position: absolute;
right:-35px;
top:3px;
background-image:url(//musgrave.es/wp-content/themes/musgrave/img/icon_goto.png);
background-size:contain;
background-position: center center;
height:25px;
width:25px;	
}
section.home-hero .slick-dots {
bottom:12px;
}
section.campaign-hero {
margin:0;
text-align: center;
position: relative;
height:400px;
background-size: cover;
background-position: center center;
}
@media only screen and (min-width: 1600px) and (max-width: 2600px) {
section.campaign-hero {
height:500px!important;
margin:0;
text-align: center;
position: relative;
background-size: cover;
background-position: center center;
}
}
section.campaign-hero:before {
content:'';
display: block;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.2);
}
section.campaign-hero .text {
position: relative;
z-index: 998;
color:#fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section.campaign-hero .text h1 {
margin:0;
font-size:3em;
font-weight:400;
}
.video-image.simple {
min-height: 100px;
width: 100%;
height: auto;
display: block;
position: relative;
}
.video-image.simple:before {
content: "";
background-image: url(https://www.musgravegroup.com/wp-content/themes/musgrave/img/icon_play_aqua.png);
background-position: center;
background-repeat: no-repeat;
background-size: 5%;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
z-index: 100;
-webkit-transition: all 250ms ease;
-moz-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
section.blog-hero {
margin:0;
text-align: center;
position: relative;
height:400px;
background-size: cover;
background-position: center center;
}
.page-id-9579 section.blog-hero {
height: 300px;
background-size: cover;
background-position: top center;
}
body.page-id-14127 section.blog-hero {
background-position: left center !important;
background-size: 90% !important;
background-repeat: no-repeat !important;
}
body.page-id-14127 section.blog-hero .text h1 {
color:#000;
}
body.page-id-14408 .blog-hero {
display: none;
}
@media only screen and (min-width: 1600px) and (max-width: 2600px) {
section.blog-hero {
height:500px!important;
margin:0;
text-align: center;
position: relative;
background-size: cover;
background-position: center center;
}
.page-id-9579 section.blog-hero {
height:400px!important
}
}
section.blog-hero:before {
content:'';
display: block;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
background:rgba(0, 0, 0, 0.2);
}
body.page-id-14127 section.blog-hero {
background-position: 50% 40%;
}
body.page-id-14127 section.blog-hero:before {
background: rgba(0,0,0,0) !important;
}
section.blog-hero .text {
position: relative;
z-index: 998;
color:#fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.page-id-9579 section.blog-hero .text {
position: relative;
z-index: 998;
color:#fff;
top: 60%!important;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
section.blog-hero .text h1 {
margin:0;
font-size:3em;
font-weight:400;
}
.latest-feature {
position: relative;
margin: 4em 0 0 0;
border-bottom:30px solid #fff;
}
.home .latest-feature {
margin:0;
border:none;
}
body.page-template-page-content .latest-feature {
border-bottom-color: #eee;
}
.latest-feature:before {
content:'';
display: block;
width:100%;
height:100px;
height:98px;
z-index: -999999;
background: #000;
}
.latest-feature .grid {
display:-ms-grid;
display:grid;
-ms-grid-columns: 66% 35px 1fr;
grid-template-columns: 66% 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
max-width:1075px;
grid-column-gap: 35px;
}
.latest-feature .new-feature-grid {
-ms-grid-columns: 60% 35px 1fr;
grid-template-columns: 60% 1fr;
}
.latest-feature .grid > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.latest-feature .grid > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.latest-feature-main,
.latest-feature-main-new {
margin-top:-85px;
}
.latest-feature-main .entry-header,
.latest-feature-main-new .entry-header {
padding:1em 0;
}
.latest-feature-main .entry-header h2,
.latest-feature-main-new .entry-header h2 {
display: inline;
color:#fff;
font-weight:400;
}
.latest-feature-main .entry-header h2 em,
.latest-feature-main-new .entry-header h2 em {
font-family:'playfair_dispboldit', serif;
color:#eee;
}
.latest-feature-main .entry-header span.the-date,
.latest-feature-main-new .entry-header span.the-date {
opacity:.6;
font-size:0.8em;
color:#fff;
margin:0 0 0 1em;
}
.latest-feature-main article .feat-img,
.latest-feature-main-new article .feat-img {
height:400px;
width:100%;
overflow: hidden;
display: block;
position: relative;
}
.latest-feature-main article .feat-img .image,
.latest-feature-main-new article .feat-img .image {
background-size:cover;
background-repeat: no-repeat;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
height:100%;
width:100%;
background-position: top center;
}
.latest-feature-main article .feat-img:before,
.cat-block.sticky:before {
content: "";
width: 46px;
height: 48px;
left: 18px;
top: 0px;
position: absolute;
background-color: #5cb8b2;
background-image:url(//musgrave.es/wp-content/themes/musgrave/img/star.png);
background-size:25px 25px;
background-position: center center;
background-repeat: no-repeat;
color:#fff;
text-align: center;
line-height: 2;
font-size:1.5em;
z-index: 998;
}
.latest-feature-main article .feat-img:after,
.cat-block.sticky:after {
content:'';
width: 0;
height: 0;
border-style: solid;
border-width: 7px 23px 0 23px;
border-color: #5cb8b2 transparent transparent transparent;
position: absolute;
left:18px;
top:48px;
z-index: 998;
}
.latest-feature-main article .feat-img .the-date,
.latest-feature-main-new article .feat-img .the-date  {
position: absolute;
top:0;
left:0;
background: #e07e3c;
z-index: 999;
color: #fff;
padding:10px 25px 10px 50px;
font-size: 0.9em;
}
.latest-feature-main article .feat-img .the-date:before,
.latest-feature-main-new article .feat-img .the-date:before {
content: "";
width: 24px;
height: 26px;
left: 10px;
top: 5px;
position: absolute;
background-image:url(//musgrave.es/wp-content/themes/musgrave/img/star.png);
background-size:25px 25px;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
color:#fff;
text-align: center;
line-height: 2;
font-size:1.5em;
z-index: 999;
}
.feat-img .hot-wrap {
background-color: rgba(0, 0, 0, 0.1);
color: #fff;
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
display: -webkit-box;
display: flex; 
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
z-index: 1;
}
.feat-img .hot-wrap .hot-frame {
border: 4px solid;
width: 84%;
height: 75%;
left: 8%;
top: 12.5%;
position: absolute;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.feat-img .hot-wrap .hot-text {
font-family: 'playfair_dispbold', serif;
font-size: 56px;
text-align: center;
line-height: 1.05em
}
.feat-img .hot-wrap .hot-text span {
font-family: 'playfair_dispboldit', serif
}
.feat-img:hover .hot-wrap .hot-frame {
width: 37%;
height: 63%;
left: 31.5%;
top: 18.5%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.latest-feature-main article .wp-post-image,
.latest-feature-main-new article .wp-post-image {
width:100%;
height:100%;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.latest-feature-main article .feat-img:hover .image,
.latest-feature-main-new article .feat-img:hover .image {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.latest-feature-main article .text-block,
.latest-feature-main-new article .text-block  {
width:100%;
background: #5cb8b2;
color:#fff;
padding:2em;
display:-ms-grid;
display:grid;
-ms-grid-columns: 20% 1fr;
grid-template-columns: 20% 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-auto-rows: 1fr;
min-height: 220px;
}
.latest-feature-main-new article .text-block {
background: #e07e3c;
-ms-grid-columns: 10% 1fr;
grid-template-columns: 10% 1fr;
}
.latest-feature-main article .text-block > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.latest-feature-main article .text-block > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
}
.latest-feature-main-new article .post-meta {
position: relative;
}
.latest-feature-main-new article .post-meta .simplefavorite-button {
position: absolute;
bottom:0;
}
.latest-feature-main article .text-block .post-meta a,
.latest-feature-main-new article .text-block .post-meta a  {
color:#fff;
padding:5px;
font-size:0.8em;
text-transform: uppercase;
border:1px solid #fff;
text-decoration: none;
}
.latest-feature-main article .text-block .post-meta span.time-ago,
.latest-feature-main-new article .text-block .post-meta span.time-ago {
font-size:0.8em;
display: block;
opacity:.8;
margin:20px 0;
}
.latest-feature-main article .text-block .post-content,
.latest-feature-main-new article .text-block .post-content  {
padding: 0 2em;
} .latest-feature-main-new article .text-block .post-content {
-ms-grid-column: 2;
-ms-grid-row: 1;
}
.latest-feature-new-nav article .img {
flex: 0 1 30%;
flex-basis: auto !important;
width: 30%;
}
.latest-feature-new-nav article .text-block {
flex: 0 1 70%;
flex-basis: auto !important;
width: 70%;
} .latest-feature-main article .text-block .entry-title,
.latest-feature-main-new article .text-block .entry-title {
margin:0;
font-family:'Avenir', sans-serif;
}
.latest-feature-main article .text-block .entry-title a,
.latest-feature-main-new article .text-block .entry-title a {
text-decoration: none;
color:#fff;
}
.latest-feature-main article .text-block p,
.latest-feature-main-new article .text-block p {
font-weight:300;
}
.latest-feature-main article .text-block .find-out-more,
.latest-feature-main-new article .text-block .find-out-more {
font-size: 1em;
margin:0;
}
.latest-feature-main article .text-block .find-out-more:after,
.latest-feature-main-new article .text-block .find-out-more:after {
right:-25px;
height:17px;
width:17px;
}
.latest-feature-nav,
.latest-feature-new-nav {
width: 100%;
margin-top: 33px;
height:550px;
visibility: hidden;
}
.latest-feature-new-nav {
visibility: inherit;
}
.latest-feature-nav.slick-initialized,
.latest-feature-new-nav.slick-initialized  {
visibility: visible;
}
.latest-feature-nav .slick-list,
.latest-feature-new-nav .slick-list {
z-index: -1;
}
.latest-feature-new-nav .slick-list,
.latest-feature-new-nav .slick-track {
position: static;
}
.latest-feature-new-nav a {
display: block;
text-decoration: none;
margin: 0 0 10px 0;
}
.latest-feature-new-nav article {
margin:0 0 10px 0;
height:105px !important;
}
.latest-feature-new-nav article:hover {
background: #e07e3c;
color: #fff;
cursor: pointer;
}
.latest-feature-nav article .wp-post-image,
.latest-feature-new-nav article .wp-post-image {
width:100%;
height:200px;
-o-object-fit:cover;
object-fit:cover;
}
.latest-feature-new-nav article .wp-post-image {
height:105px !important;
width:150px;
float:left;
margin-right: 10px;
margin:0;
}
.latest-feature-nav article .text-block,
.latest-feature-new-nav article .text-block {
padding:0 0 1em 0;
}
.latest-feature-new-nav article .text-block {
padding: 0 0 0 1em;
}
.latest-feature-nav article .text-block span,
.latest-feature-new-nav article .text-block span,
.brand-article span {
text-transform: uppercase;
font-size:0.8em;
color:#fff;
background: #000;
padding:5px 10px;
display: table;
margin:0 auto;
margin-top:-15px;
z-index: 99999;
position: relative;
}
.latest-feature-new-nav article .text-block span {
background: none;
padding:0;
color: #e07e3c;
margin:5px 0 0 0;
font-weight: bold;
}
.latest-feature-new-nav article:hover .text-block span {
color: #fff;
}
.latest-feature-nav article h3,
.latest-feature-new-nav article h3 {
text-align: center;
margin:0.75em 0;
font-family:'Avenir', sans-serif;
}
.latest-feature-new-nav .slick-slide article h3 img {
display: inline-block;
height:10px;
margin: 0 0 0 5px;
}
.latest-feature-new-nav article {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
}
.latest-feature-new-nav article .img {
flex-basis: 30%;
}
.latest-feature-new-nav article .text-block {
flex-basis: 70%;
}
.latest-feature-new-nav article h3 {
text-align: left;
display: block;
font-size:0.9em;
line-height: 1.5;
margin:0;
}
.latest-feature-nav .slick-slide,
.latest-feature-new-nav .slick-slide {
position: relative;
}
.latest-feature-new-nav .slick-slide {
display: flex;
}
.latest-feature-nav .slick-slide:before {
content: "";
background-color: rgba(255, 255, 255, 0.6);
width: 100%;
height: 100%;
left: 0;
top: 0;
position: absolute;
opacity: 1;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
display: block;
}
.latest-feature-nav.slick-vertical .slick-current {
display: none;
}
.latest-feature-nav .slick-active:before {
display: none;
}
.latest-feature-nav .slick-slide article,
.latest-feature-new-nav .slick-slide article {
margin:0;
}
.latest-feature-nav .slick-slide article img,
.latest-feature-new-nav .slick-slide article img {
-o-object-fit: cover;
object-fit: cover;
height:200px;
}
.latest-feature-new-nav .slick-arrow {
background-color: #e07e3c;
border-color: #e07e3c;
}
.latest-feature-new-nav .vertical-prev:hover {
background: none;
}
.latest-feature-new-nav .vertical-next:hover {
background: none;
}
.vertical-next:hover {
background-image: url(//www.musgravegroup.com/wp-content/themes/musgrave/img/up-orange.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
.vertical-prev:hover  {
background-image: url(//www.musgravegroup.com/wp-content/themes/musgrave/img/down-orange.png)!important;
background-position: center!important;
background-repeat: no-repeat!important;
}
.block-setter {
height: auto;
overflow: hidden
}
.latest-feature .container {
position: relative;
}
.latest-feature a.plus-link {
position: absolute;
top:-3em;
right:0;
}
.videos-block .slick-slide:before:first-of-type {
background: rgba(0,0,0,.01)!important;
}
section.videos {
background: #000;
padding:1em 0;
width:100%;
color:#fff;
border-top:#FFF 30px solid;
}
section.videos .container {
position: relative;
}
section.videos h3 {
text-align: center;
color:#fff;
margin:2em 0;
font-weight:300;
font-size:1.5em;
}
.video-gallery {
position: relative;
}
.videos-block {
padding:0 4em;
}
.videos-block .slick-slide {
background-size:cover;
background-position: center center;
height:510px;
position: relative;
}
.videos-block .slick-slide:before,
.single-videos article .colour-block:before {
content:'';
display: block;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
background: rgba(0, 0, 0, 0.5);
z-index: 998
}
.videos-block .slick-slide .text {
position: relative;
height:100%;
padding-top: 20%;
background-position: center center;
background-size:cover;
}
.videos-block .slick-slide .text h3 {
font-size: 3em;
margin:0;
padding: 0 1em;
line-height: 1.2;
font-weight:400;
z-index: 999999;
position: relative;
}
.videos-block .load-video-button {
margin:0 auto;
display: table;
border:none;
background: none;
border-radius:100%;
height:80px;
width:80px;
text-align: center;
text-transform: uppercase;
color:#fff;
position: relative;
z-index: 999999;
}
.video-container {
position: absolute;
bottom: 50%; 
right: 50%;
-webkit-transform: translateX(50%) translateY(50%);
-ms-transform: translateX(50%) translateY(50%);
transform: translateX(50%) translateY(50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 999;;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed { 
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
}
.prev-video {
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
position: absolute;
height: 100%;
opacity:0;
-o-transition: opacity 0.5s;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}
a.plus-link,
.alm-load-more-btn {
color: #5cb8b2;
font-size: 21px;
text-decoration: none;
display: inline-block;
position: relative;
padding-right: 30px
}
a.plus-link span,
.alm-load-more-btn span {
font-size: 34px;
top: -10px;
right: 0;
position: absolute;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.alm-load-more-btn span {
top:1px;
}
a.plus-link:hover span,
.alm-load-more-btn:hover span {
color: #e07e3c;
-webkit-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
font-size: 40px;
top: -14px
}
.alm-load-more-btn:hover span {
top:-3px;
}
.videos a.plus-link {
position: absolute;
top:0.25em;
right:0em;
}
.video-carousel {
display: -webkit-box;
display: flex; 
display: -ms-flexbox;
background: #fff;
padding:1em;
max-width:750px;
margin:2em auto 0;
margin-bottom:-6em;
}
.video-carousel div.block {
height:120px;
width:140px;
margin:0 0.5em;
position: relative;
}
.video-carousel div.block img {
height:100%;
width:100%;
-o-object-fit: cover;
object-fit: cover;
}
.brands-block {
margin:6em 0;
padding:2em 0;
position: relative;
}
.brands-block:before {
content:'';
display: block;
width:100%;
height:400px;
z-index: -999999;
background: #5cb8b2;
position: absolute;
top:0;
left:0;
right:0;
}
.brands-block .entry-title {
font-size: 2.5em;
text-align: center;
color:#fff;
margin:0.5em 0;
}
.brands-block .sub {
color:#fff;
font-size:1.5em;
text-align: center;
}
.brands-thumbs ul {
margin:0;
list-style: none;
display: -webkit-box;
display: flex; 
display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding:2em;
background: #fff;
text-align: center;
-ms-flex-pack: distribute;
justify-content: space-around;
align-items: center;
}
.brands-thumbs ul li img {
-webkit-filter: grayscale(100%); filter: grayscale(100%);
filter: gray;
max-height: 80px;
}
.brands-thumbs ul li:hover img,
.brands-thumbs ul li.active img {
-webkit-filter: grayscale(0%); filter: grayscale(0%);
}
.expander .brand-expander {
display: none
}
.expander .brand-expander.active {
display: block
}
.brand-expander img.main-img {
width:100%;
}
.brand-content {
padding:2.5em;
display: -ms-grid;
display: grid;
-ms-grid-columns: 60% 50px 1fr;
grid-template-columns: 60% 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 50px;
border:1px solid #000;
border-top:0;
margin-top:-7px;
}
.brand-content > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.brand-content > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.brand-content h4 {
margin-top:0;
font-size:1.25em;
font-weight: 700;
font-family:'Avenir', sans-serif;
}
.brand-content .brand-article h4 {
margin-top: 0;
padding:1em;
font-size: 1.1em;
-webkit-margin-after: 0;
margin-block-end: 0;
font-weight: 700;
font-family: 'Avenir', sans-serif;
line-height: 1.3em;
}
.brand-content h4 a {
text-decoration: none;
color:#404040;
}
.brand-content .button {
margin:0;
}
.brand-article {
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.brand-article:hover {
background-color: #a9c23f;
}
.brand-article:hover h4 a {
color:#FFF;
}
.brand-article img {
-o-object-fit: cover;
object-fit: cover;
height: 200px;
width:100%;
} .latest-news {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.trending-articles {
background: #eee;
padding:2em 0 4em 0;
color:#fff;
display: -webkit-box;
display: flex; display: -ms-flexbox;
}
.search-articles {
padding:2em 0 4em 0;
color:#fff;
display: -webkit-box;
display: flex; display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.trending-articles h2 {
text-align: center;
margin:1em 0 2em 0;
color:#000;
}
.trending-articles div.block,
.cat-block,
.search-articles .block {
background: #fff;
position: relative;
margin:0 0.5em;
min-height: 388px;
}
.search-articles .block {
-ms-flex-preferred-size: 31.333%;
flex-basis: 31.333%;
min-height: 240px;
}
.trending-articles div.block .simplefavorite-button,
.cat-block .simplefavorite-button,
.search-articles .simplefavorite-button {
position: absolute;
top:0.5em;
right:0.5em;
z-index: 998;
}
.trending-articles div.block img,
.cat-block img,
.search-articles img {
-o-object-fit: cover;
object-fit: cover;
width:100%;
height:180px;
margin:0;
z-index: -1;
display: block;
}
.search-articles img {
height:145px;
}
.trending-articles div.block .colour-block,
.cat-block .colour-block,
.search-articles .colour-block {
background: #444;
height:5px;
}
.category-block .cat-block .colour-block {
margin:0;
}
.trending-articles div.block .text,
.cat-block .text,
.search-articles .text {
padding:1em;
color:#404040;
}
.search-articles .text {
text-align: left;
}
.trending-articles div.block .text h3,
.cat-block .text h3,
.search-articles .text h3 {
font-size:1.1em;
margin:0;
}
.search-articles .text h3 {
font-weight:bold;
}
.trending-articles div.block .text h3 a,
.cat-block .text h3 a,
.search-articles .text h3 a  {
text-decoration: none;
font-family: 'Avenir', sans-serif;
color:#404040;
}
.category-block,
.filtered-posts {
margin:4em 0;
position: relative;
}
.category-block h2 {
font-family:'Avenir', sans-serif;
font-weight:400;
margin:0;
}
.category-block h2 strong {
font-weight:bold;
}
.category-block .colour-block {
height:5px;
margin:10px 0;
background-color: #eee;
}
.category-block .alm-listing {
margin:0;
padding:0;
}
.category-block .alm-listing .alm-reveal,
.search-block,
.filtered-posts {
display: -ms-grid;
display: grid; 
-ms-grid-columns: 1fr 20px 1fr 20px 1fr; 
grid-template-columns: repeat(3, 1fr); 
-ms-grid-rows: 10fr; 
grid-template-rows: 1fr; 
grid-column-gap: 20px;
grid-row-gap: 20px; 
}
.category-block .alm-listing .alm-reveal > *:nth-child(1), .search-block > *:nth-child(1),
.filtered-posts > *:nth-child(1), .search-block > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1; 
}
.category-block .alm-listing .alm-reveal > *:nth-child(2), .search-block > *:nth-child(2),
.filtered-posts > *:nth-child(2), .search-block > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3; 
}
.category-block .alm-listing .alm-reveal > *:nth-child(3), .search-block > *:nth-child(3),
.filtered-posts > *:nth-child(3), .search-block > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5; 
}
.category-block .cat-block,
.search-block .cat-block,
.filtered-posts .cat-block {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
margin:0.5em 0;
}
.category-block .alm-load-more-btn {
top:0;
right:0;
position: absolute;
background: none;
border:none;
font-size:1.2em;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.category-block .alm-btn-clicked {
position: relative;
display: block;
margin:0.5em auto 0;
}
.simplefavorite-button {
background:rgba(0, 0, 0, 0.2);
text-align: center;
cursor: pointer;
font-size: 1.25em;
padding:5px 10px;
line-height: 1;
color:#fff;
opacity:.5 !important;
border-radius: 3px;
}
.simplefavorite-button.active {
opacity:1 !important;
}
body.single {
background: #eee;
}
.single article {
position: relative;
}
.single article .colour-block,
.page-template-default article.page .colour-block {
height:350px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
background: #6a91c9;
z-index: -1;
}
.single-videos article .colour-block {
background-size:cover;
background-position: center center;
}
.single .entry-header .container,
.page-template-default .entry-header .container {
padding:4em 0;
max-width: 700px;
}
.single .entry-header h1,
.page-template-default .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-default .entry-header h1 {
font-size: 3em;
}
.single .entry-content,
.page-template-default .entry-content {
background:#fff;
padding:2em 4em;
margin-bottom: 4em;
position: relative;
}
.single .entry-content .simplefavorite-button {
position: absolute;
top:0;
left:0;
}
.single-post .sticky-post,
.page-template-default article.page {
padding-top:4em;
position: relative;
}
.single-post .sticky-post .entry-header h1 {
color:#404040;
}
.single-post .sticky-post .entry-content p:first-of-type {
font-size:1.2em;
}
.single-post .sticky-post .full-width-img {
margin:2em -4em;
position: relative;
}
.single-post .sticky-post .full-width-img:before {
content:'';
display: block;
position: absolute;
right:48%;
top:-15px;
background-image:url(//musgrave.es/wp-content/themes/musgrave/img/down_arrow_solid.png);
background-size:contain;
background-position: center center;
background-repeat: no-repeat;
height:55px;
width:55px;	
}
.single-post .sticky-post .full-width-img img {
width:100%;
}
.ssbp-wrap {
padding:4em 0 0 0 !important;
}
.ssba-share-text {
display: block !important;
margin:2em 0 0 0;
} .page-template-page-board article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-board article.page .colour-block {
height: 500px;
width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.error404 .colour-block {
height: 50vh;
width: 100%;
position: relative;
top: 0;
left: 0;
right: 0;
z-index: 1;
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.error404 .error-404 {
margin-top: 0px;
margin-bottom: -24px;
}
.error404 .entry-header {
text-align: center;
padding-top: 2em;
color: #FFF;
}
.error404 .entry-header a {
color: #FFF;
font-family: 'Avenir', sans-serif;
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}
.page-template-page-board article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-board article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-board article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-board article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-board article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-board article.page .content-block {
padding:0!important;
}
body.page-template-page-board {
background:#EEE;
}
.page-template-page-board article.page {
padding-top:4em;
position: relative;
}
.page-template-page-board .generic-padding {
padding: 2em;
}
.board-grid {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.board-col {
width: 31%;
text-align: center;
margin: 0 1.1%;
}
.board-col img {
width: 100%;
}
.board-col h3 {
margin-top: 0;
margin-bottom: 4px;
color:#e07e3c;
}
.board-col p {
margin-top: 0; 
}
@media (max-width: 400px) {
.board-grid {
display: block;
}
} .page-template-page-history article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
}
.page-template-page-history article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-history article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-history article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-history span.slide-prev {
display:none!important;    
}
.page-template-page-history span.slide-next {
display:none!important;    
}
.page-template-page-history article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-history article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-history article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-history article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-history article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-history article.page .content-block {
padding:0!important;
}
body.page-template-page-history {
background:#EEE;
}
.page-template-page-history article.page {
padding-top:4em;
position: relative;
}
.page-template-page-history .generic-padding {
padding: 1em 2.5em 2em 2.5em;
} .page-template-page-content article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
}
.page-template-page-content article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-content article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-content article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-content span.slide-prev {
display:none!important;    
}
.page-template-page-content span.slide-next {
display:none!important;    
}
.page-template-page-content article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-content article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-content article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-content article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-content article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-content article.page .content-block {
padding:0!important;
}
body.page-template-page-content {
background:#EEE;
}
.page-template-page-content article.page {
padding-top:4em;
position: relative;
}
.page-template-page-content .generic-padding {
padding: 1em 2.5em 2em 2.5em;
}
.content-block .generic-padding h1 {
font-family: 'Avenir', sans-serif;
font-weight:700;
font-size: 1.8em;
}
ul.sub-menu {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
body.single .category-sustainability .colour-block {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
}
body.single .category-brands .colour-block {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
}
body.single .category-partnerships .colour-block {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
}
body.apply-forms .entry-header {
position: relative;
}
body.apply-forms .login-register {
position: absolute;
Top: 0;
right: 0;
padding-right: 20px;
color: white;
} .page-template-page-annualreport article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
}
.page-template-page-annualreport article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-annualreport article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-annualreport article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-annualreport span.slide-prev {
display:none!important;    
}
.page-template-page-annualreport span.slide-next {
display:none!important;    
}
.page-template-page-annualreport article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-annualreport article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-annualreport article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-annualreport article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-annualreport article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-annualreport article.page .content-block {
padding:0!important;
}
body.page-template-page-annualreport {
background:#EEE;
}
.page-template-page-annualreport article.page {
padding: 0 0.5em;
position: relative;
}
.page-template-page-annualreport .generic-padding {
padding: 1em 2.5em 0em 2.5em;
}
.page-template-page-annualreport section.slider-text-nav .slide-box .text {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.page-template-page-annualreport  .halfcol {
width: 50%;
float: left
}
.page-template-page-annualreport .halfcol.right {
float: right
}
.page-template-page-annualreport .goaqua {
color: #5cb8b2
}
.page-template-page-annualreport .goblue {
color: #6787b7
}
.page-template-page-annualreport .goorange {
color: #e07e3c
}
.page-template-page-annualreport .panel-item {
background-color: #fff;
color: #3b3c43;
margin-top: -3px;
margin-bottom: 0;
padding: 0 1%; 
position: relative;
z-index: 30;
overflow: hidden;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.page-template-page-annualreport .panel-item h4 {
border-bottom: 1px solid #e07e3c;
margin-bottom: 16px;
padding-bottom: 8px;
font-family: 'playfair_dispbold', serif;
font-size: 24px
}
.page-template-page-annualreport .panel-item .panel-row {
margin-bottom: 30px
}
.page-template-page-annualreport .panel-item .panel-row p {
margin-top: 5px;
font-family: AvenirLTStd-Black;
font-size: 17px
}
.page-template-page-annualreport .panel-item .panel-row h5 {
font-size: 18px;
margin-bottom: 12px
}
.page-template-page-annualreport .panel-item .halfcol.centred,
.page-template-page-annualreport .panel-item .thirdcol.centred {
text-align: center
}
.page-template-page-annualreport .panel-item .halfcol.centred img,
.page-template-page-annualreport .panel-item .thirdcol.centred img {
display: inline-block
}
.postid-9895 .blog-img {
display:none;
}
.postid-8611 article {
padding-top:0!important;
}
.postid-8611 .entry-content p:first-of-type {
font-size: 1rem!important;
}
.postid-8611 .entry-header h1 {
color:#FFF!important;
}
.page-template-page-annualreport .panel-item .halfcol {
width: 48%
}
.page-template-page-annualreport .panel-item .halfcol.even {
float: right
}
.page-template-page-annualreport .panel-item .thirdcol {
width: 32%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport .panel-item .thirdcol.last {
margin-right: 0
}
.page-template-page-annualreport .panel-item .sidebar-left .inner-row,
.page-template-page-annualreport .panel-item .sidebar-right .inner-row {
margin-bottom: 50px
}
.page-template-page-annualreport .panel-item .sidebar-left {
width: 66%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport .panel-item .sidebar-left .halfcol {
margin-right: 4%
}
.page-template-page-annualreport .panel-item .sidebar-left .halfcol.even {
margin-right: 0
}
.page-template-page-annualreport .panel-item .sidebar-right {
width: 32%;
float: left
}
.page-template-page-annualreport h3.large-heading {
font-size: 1.7em;
margin: 0 2% 20px;
line-height: 1.25em;
font-family: 'playfair_dispbold',serif;
text-align:center;
}
.page-template-page-annualreport .content-row .halfcol {
width: 48%;
}
.page-template-page-annualreport .content-row {
margin-bottom: 30px;
}
.page-template-page-annualreport .fullcol {
width: 100%;
}
.page-template-page-annualreport .midcol {
width: 100%;
margin: 0 auto;
}
.page-template-page-annualreport .content-row .halfcol.centred, .page-template-page-annualreport  .content-row .thirdcol.centred {
text-align: center;
}
.page-template-page-annualreport  .finance-graphs .halfcol {
}
.page-template-page-annualreport .clearfix:after, .clearfix:before {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.page-template-page-annualreport .content-row {
margin-bottom: 30px;
overflow: hidden;
}
.page-template-page-annualreport .content-row p {
margin-top: 5px;
font-family: AvenirLTStd-Black;
font-size: 17px;
}
.page-template-page-annualreport .content-row h5 {
font-size: 18px;
margin-bottom: 12px
}
.page-template-page-annualreport .content-row .halfcol.centred,
.page-template-page-annualreport .content-row .thirdcol.centred {
text-align: center
}
.page-template-page-annualreport .content-row .halfcol.centred img,
.page-template-page-annualreport .content-row .thirdcol.centred img {
display: inline-block
}
.page-template-page-annualreport .content-row .halfcol {
width: 48%
}
.page-template-page-annualreport .content-row .halfcol.even {
float: right
}
.page-template-page-annualreport .content-row .thirdcol {
width: 32%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport .content-row .thirdcol.last {
margin-right: 0
}
.page-template-page-annualreport .copycol ol {
max-width: 85%;
margin: 0 auto;
font-size: 18px;
text-align: left;
}
.page-template-page-annualreport .bluedrkbg {
background-color: #e07e3c;
color: #fff
}
.page-template-page-annualreport ul.downloads-list {
width: 100%;
margin-top: 18px;
display: inline-block;
-webkit-padding-start: 0px;
padding-inline-start: 0px;
}
.page-template-page-annualreport ul.downloads-list li {
width: 20%;
margin-bottom: 30px;
display: inline-block
}
.page-template-page-annualreport ul.downloads-list li a {
color: #fff;
font-size: 18px;
text-decoration: none;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.page-template-page-annualreport ul.downloads-list li a:hover {
opacity: .6
}
.page-template-page-annualreport ul.downloads-list li a img {
margin-bottom: 18px
}
.page-template-page-annualreport .block-setter {
height: auto
}
.page-template-page-annualreport .fullcol.downloads {
margin-top: 10px;
padding-top: 25px;
padding-bottom:0;
}
.page-template-page-annualreport .centred {
text-align: center;
}
.page-template-page-annualreport .midcol {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.page-template-page-annualreport ul {
margin:0;
}
.page-template-page-annualreport .panel-item.slick-slide .panel-row:last-of-type {
margin-bottom:0!important;
}
.page-template-page-annualreport .ceo-content {
overflow: hidden;
}  .page-template-page-annualreport2020 section.blog-hero:before {
background:none!important;
}
.page-template-page-annualreport2020 .two-column-block,
.page-template-page-annualreport2021 .two-column-block {
display: -webkit-box;
display: flex;
display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.page-template-page-annualreport2020 .two-column-block .column,
.page-template-page-annualreport2021 .two-column-block .column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
text-align: center;
}
.page-template-page-annualreport2020 .two-column-block .column h4 a,
.page-template-page-annualreport2021 .two-column-block .column h4 a  {
text-decoration: none;
color: #6a91c9!important;
}  
.page-template-page-annualreport2020 .two-column-block .column h4,
.page-template-page-annualreport2021 .two-column-block .column h4  {
margin: 1em 0 0 0!important;
font-size: 1.2em!important;
}
.page-template-page-annualreport2020 .two-column-block .column p a,
.page-template-page-annualreport2021 .two-column-block .column p a {
text-decoration: none!important;
}
.page-template-page-annualreport2020 article.page .colour-block,
.page-template-page-annualreport2021 article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
}
.page-template-page-annualreport2020 article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-annualreport2020 article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-annualreport2020 article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-annualreport2020 span.slide-prev {
display:none!important;    
}
.page-template-page-annualreport2020 span.slide-next {
display:none!important;    
}
.page-template-page-annualreport2020 article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-annualreport2020 article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-annualreport2020 article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-annualreport2020 article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-annualreport2020 article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-annualreport2020 article.page .content-block {
padding:0!important;
}
body.page-template-page-annualreport2020 {
background:#EEE;
}
.page-template-page-annualreport2020 article.page {
padding: 0 0.5em;
position: relative;
}
.page-template-page-annualreport2020 .generic-padding {
padding: 1em 2.5em 2.5em 2.5em;
}
h3.noel-heading {
text-align:left!important; 
margin-left:0;
font-size:1.7em;
line-height:1.25em;
font-family:'playfair_dispbold',serif;
margin-bottom:0!important;
margin-block-end:0!important;
}
.page-template-page-annualreport2020 section.slider-text-nav .slide-box .text,
.page-template-page-annualreport2021 section.slider-text-nav .slide-box .text  {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.page-template-page-annualreport2020  .halfcol,
.page-template-page-annualreport2021  .halfcol  {
width: 50%;
float: left
}
.page-template-page-annualreport2020 .halfcol.right,
.page-template-page-annualreport2021 .halfcol.right  {
float: right
}
.page-template-page-annualreport2020 .goaqua {
color: #5cb8b2
}
.page-template-page-annualreport2020 .goblue {
color: #6787b7
}
.page-template-page-annualreport2020 .goorange {
color: #e07e3c
}
.page-template-page-annualreport2020 .panel-item {
background-color: #fff;
color: #3b3c43;
margin-top: -3px;
margin-bottom: 0;
padding: 0 1%; 
position: relative;
z-index: 30;
overflow: hidden;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.page-template-page-annualreport2020 .panel-item h4 {
border-bottom: 1px solid #e07e3c;
margin-bottom: 16px;
padding-bottom: 8px;
font-family: 'playfair_dispbold', serif;
font-size: 24px
}
.page-template-page-annualreport2020 .panel-item .panel-row {
margin-bottom: 30px
}
.page-template-page-annualreport2020 .panel-item .panel-row p {
margin-top: 5px;
font-family: AvenirLTStd-Black;
font-size: 17px
}
.page-template-page-annualreport2020 .panel-item .panel-row h5 {
font-size: 18px;
margin-bottom: 12px
}
.page-template-page-annualreport2020 .panel-item .halfcol.centred,
.page-template-page-annualreport2020 .panel-item .thirdcol.centred {
text-align: center
}
.page-template-page-annualreport2020 .panel-item .halfcol.centred img,
.page-template-page-annualreport2020 .panel-item .thirdcol.centred img {
display: inline-block
}
.postid-9895 .blog-img {
display:none;
}
.postid-8611 article {
padding-top:0!important;
}
.postid-8611 .entry-content p:first-of-type {
font-size: 1rem!important;
}
.postid-8611 .entry-header h1 {
color:#FFF!important;
}
.page-template-page-annualreport2020 .panel-item .halfcol,
.page-template-page-annualreport2021 .panel-item .halfcol {
width: 48%
}
.page-template-page-annualreport2020 .panel-item .halfcol.even,
.page-template-page-annualreport2021 .panel-item .halfcol.even {
float: right
}
.page-template-page-annualreport2020 .panel-item .thirdcol,
.page-template-page-annualreport2021 .panel-item .thirdcol {
width: 32%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport2020 .panel-item .thirdcol.last,
.page-template-page-annualreport2021 .panel-item .thirdcol.last {
margin-right: 0
}
.page-template-page-annualreport2020 .panel-item .sidebar-left .inner-row,
.page-template-page-annualreport2020 .panel-item .sidebar-right .inner-row {
margin-bottom: 50px
}
.page-template-page-annualreport2020 .panel-item .sidebar-left {
width: 66%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport2020 .panel-item .sidebar-left .halfcol {
margin-right: 4%
}
.page-template-page-annualreport2020 .panel-item .sidebar-left .halfcol.even {
margin-right: 0
}
.page-template-page-annualreport2020 .panel-item .sidebar-right {
width: 32%;
float: left
}
.page-template-page-annualreport2020 h3.large-heading {
font-size: 1.7em;
margin: 0 2% 20px;
line-height: 1.25em;
font-family: 'playfair_dispbold',serif;
text-align:center;
}
.page-template-page-annualreport2020 .content-row .halfcol {
width: 48%;
}
.page-template-page-annualreport2020 .content-row {
margin-bottom: 30px;
}
.page-template-page-annualreport2020 .fullcol {
width: 100%;
}
.page-template-page-annualreport2020 .midcol {
width: 100%;
margin: 0 auto;
}
.page-template-page-annualreport2020 .content-row .halfcol.centred, .page-template-page-annualreport2020  .content-row .thirdcol.centred {
text-align: center;
}
.page-template-page-annualreport2020  .finance-graphs .halfcol {
}
.page-template-page-annualreport2020 .clearfix:after, .clearfix:before {
content: "\0020";
display: block;
height: 0;
overflow: hidden;
}
.page-template-page-annualreport2020 .content-row {
margin-bottom: 30px;
overflow: hidden;
}
.page-template-page-annualreport2020 .content-row p {
margin-top: 5px;
font-family: AvenirLTStd-Black;
font-size: 17px;
}
.page-template-page-annualreport2020 .content-row h5 {
font-size: 18px;
margin-bottom: 12px
}
.page-template-page-annualreport2020 .content-row .halfcol.centred,
.page-template-page-annualreport2020 .content-row .thirdcol.centred {
text-align: center
}
.page-template-page-annualreport2020 .content-row .halfcol.centred img,
.page-template-page-annualreport2020 .content-row .thirdcol.centred img {
display: inline-block
}
.page-template-page-annualreport2020 .content-row .halfcol {
width: 48%
}
.page-template-page-annualreport2020 .content-row .halfcol.even {
float: right
}
.page-template-page-annualreport2020 .content-row .thirdcol,
.page-template-page-annualreport2021 .content-row .thirdcol {
width: 32%;
margin-right: 2%;
float: left
}
.page-template-page-annualreport2020 .content-row .thirdcol.last {
margin-right: 0
}
.page-template-page-annualreport2020 .copycol ol {
max-width: 85%;
margin: 0 auto;
font-size: 18px;
text-align: left;
}
.page-template-page-annualreport2020 .bluedrkbg {
background-color: #e07e3c;
color: #fff
}
.page-template-page-annualreport2020 ul.downloads-list {
width: 100%;
margin-top: 18px;
display: inline-block;
-webkit-padding-start: 0px;
padding-inline-start: 0px;
}
.page-template-page-annualreport2020 ul.downloads-list li {
width: 20%;
margin-bottom: 30px;
display: inline-block
}
.page-template-page-annualreport2020 ul.downloads-list li a {
color: #fff;
font-size: 18px;
text-decoration: none;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease
}
.page-template-page-annualreport2020 ul.downloads-list li a:hover {
opacity: .6
}
.page-template-page-annualreport2020 ul.downloads-list li a img {
margin-bottom: 18px
}
.page-template-page-annualreport2020 .block-setter {
height: auto
}
.page-template-page-annualreport2020 .fullcol.downloads {
margin-top: 10px;
padding-top: 25px;
padding-bottom:0;
}
.page-template-page-annualreport2020 .centred {
text-align: center;
}
.page-template-page-annualreport2020 .midcol {
width: 100%;
max-width: 1100px;
margin: 0 auto;
}
.page-template-page-annualreport2020 ul {
margin:0;
}
.page-template-page-annualreport2020 .panel-item.slick-slide .panel-row:last-of-type {
margin-bottom:0!important;
}
.page-template-page-annualreport2020 .ceo-content {
overflow: hidden;
}
.annualstatement-text-block {
background: #fff;
padding:2em 8em;
margin:-6em auto 0;
z-index: 998;
position: relative;
text-align: center;
} .campaign-content-continued {
padding: 2.5em 2.5em 0em 2.5em;
}
.page-template-page-campaign-sustainbility  .highlight-box-content h1 {
margin: 0.67em 0 0em 0;
}
.page-template-page-campaign-sustainbility  .highlight-box-content p {
padding: 3px 0;
color: #FFF;
font-size: 1.2em;
margin-top: 0;
}
.page-template-page-campaign-sustainbility .two-column-block {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
padding: 0 8em;
}
.page-template-page-campaign-sustainbility .content-padding p:first-of-type {
font-size: 1.2em;
}
.page-template-page-campaign-sustainbility .two-column-block .column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
text-align: center;
}
.page-template-page-campaign-sustainbility .two-column-block .column h2 a {
text-decoration: none;
color: #6a91c9;
}  
.page-template-page-campaign-sustainbility .two-column-block .column h2 {
margin: 1em 0 0 0;
font-size: 1.2em;
}
.page-template-page-campaign-sustainbility .two-column-block .column p a {
text-decoration: none;
}
.page-template-page-campaign-sustainbility article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
background-repeat: no-repeat;
background-position: center;
}
.page-template-page-campaign-sustainbility span.slide-prev {
display:none!important;    
}
.page-template-page-campaign-sustainbility span.slide-next {
display:none!important;    
}
.page-template-page-campaign-sustainbility article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-campaign-sustainbility article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-campaign-sustainbility article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-campaign-sustainbility article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-campaign-sustainbility article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-campaign-sustainbility article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-campaign-sustainbility article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-campaign-sustainbility article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-campaign-sustainbility article.page .content-block {
padding:0;
}
.page-template-page-campaign-sustainbility article.page .content-padding {
padding: 2em 8em;
text-align: center;
}
body.page-template-page-campaign-sustainbility {
background:#EEE;
}
.page-template-page-campaign-sustainbility article.page {
padding-top:4em;
position: relative;
}
.page-template-page-campaign-sustainbility .generic-padding {
padding: 0 20px;
}
.page-template-page-campaign-sustainbility .campaign-content {
border:0!important;
} body.page-id-14679 {
background: #5cb8b2;
}
article.post-14679 .content-block {
background: white;
box-shadow: none;
padding:0;
border:none;
margin-bottom: 2em;
}
article.post-14679 .content-block .campaign-content {
border:none;
}
article.post-14679 .content-block .campaign-text-block {
margin: -6em auto 0em;
box-shadow: none;
}
article.post-14679 .content-block .related-content {
margin: 5px 2.5em;
padding-bottom: 2em;
} body.page-template-page-covid19 {
background-color:#FFF!important;
}
.page-template-page-covid19 .content-padding h2 {
font-size:2.2em;
margin-top: 0;
}
.page-template-page-covid19 article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
background-repeat: no-repeat;
background-position: center;
}
.page-template-page-covid19 article.page .colour-block.yellow {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/yellow-m.png);
background-size: cover;
background-color:#ffea00;
}
.page-template-page-covid19 article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-covid19 article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-covid19 article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-covid19 article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-covid19 article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-covid19 article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-covid19 article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-covid19 article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-covid19 article.page .content-block {
padding:0;
}
.page-template-page-covid19 article.page .content-padding {
padding: 2em 8em;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,.15);
} 
body.page-template-page-covid19 {
background:#EEE;
}
.page-template-page-covid19 article.page {
padding-top:4em;
position: relative;
}
.page-template-page-covid19 .generic-padding {
padding: 0 20px;
}
.external-career-row {
width:80%;
margin:0 auto;
display: flex;
padding: 10px 0;
}
a.button.supervalu {
background: #902727;
color: #fff;
border: 2px solid #902727;
}
a.button.supervalu:hover {
color: #902727;
}
a.button.centra {
background: #477f96;
color: #fff;
border: 2px solid #477f96;
}
a.button.centra:hover {
color: #477f96;
} body.page-template-page-campaign {
background-color:#FFF!important;
}
.page-template-page-campaign article.page .colour-block {
height: 500px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
z-index: -1;
background-repeat: no-repeat;
background-position: center;
}
.page-template-page-campaign article.page .colour-block.orange {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
background-size: cover;
background-color:#e07e3c;
}
.page-template-page-campaign article.page .colour-block.green {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color:#a9c23f;
}
.page-template-page-campaign article.page .colour-block.teal {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png);
background-size: cover;
background-color:#5cb8b2;
}
.page-template-page-campaign article.page .entry-header .container {
padding:2em 0;
max-width: 700px;
}
.page-template-page-campaign article.page .entry-header h1 {
text-align: center;
margin:0;
color:#fff;
}
.page-template-page-campaign article.page .entry-header h3 {
text-align: center;
margin:0;
color:#fff;
font-family: 'Avenir', sans-serif;
font-weight: 700;
margin-top:25px;
}
.page-template-page-campaign article.page .entry-header h1 {
font-size: 2em;
}
.page-template-page-campaign article.page .entry-content {
background:#fff;
margin-bottom: 4em;
position: relative;
}
.page-template-page-campaign article.page .content-block {
padding:0;
}
.page-template-page-campaign article.page .content-padding {
padding: 2em 8em;
text-align: center;
}
body.page-template-page-campaign {
background:#EEE;
}
.page-template-page-campaign article.page { position: relative;
}
.page-template-page-campaign .generic-padding {
padding: 0 20px;
}
ul.sub-menu {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.content-block .generic-padding h1 {
font-family: 'Avenir', sans-serif;
font-weight:700;
font-size: 1.8em;
}
.campaign-content {
padding:2.5em;
display: -ms-grid;
display: grid;
-ms-grid-columns: 60% 50px 1fr;
grid-template-columns: 60% 1fr;
-ms-grid-rows: 1fr;
grid-template-rows: 1fr;
grid-column-gap: 50px;
border:1px solid #000;
border-top:0;
margin-top:-7px;
}
.campaign-content > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.campaign-content > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.campaign-content h4 {
margin-top:0;
font-size:1.25em;
font-weight: 700;
font-family:'Avenir', sans-serif;
}
.campaign-content h4 a {
text-decoration: none;
color:#404040;
}
.campaign-content .button {
margin:0;
}
.campaign-article {
text-align: center;
}
.campaign-article img {
-o-object-fit: cover;
object-fit: cover;
height: 200px;
width:100%;
} .page .highlight-box li {
padding: 3px 0;
font-size: 1.2em;
}
.page .highlight-box {
border-top: 3px solid #a9c23f;
border-bottom: 3px solid #a9c23f;
padding:1em 0;
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/green-m.png);
background-size: cover;
background-color: #a9c23f;
}
.page .highlight-box ul {
list-style: none;
margin: 0 0 0 1.2em;
color: #FFF;
padding-inline-start: 0;
}
.page .highlight-box ul li::before {
content: "\2022"; color: #FFF; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; }
.page .highlight-box h1 {
color:#FFF;
font-family: 'Avenir', sans-serif;
}
.page .highlight-box .highlight-box-content {
padding: 1em 2.5em 2em 2.5em;
} .point-down {
width: 70px;
height: 33px;
left: 50%;
margin-left: -35px;
position: absolute;
z-index: 90;
}
.post-type-archive-brands .brands-block {
margin: 0 0 2em 0!important;
padding: 0em 0!important;
}
.post-type-archive-brands .brands-block {
background:#FFF;
}
body.post-type-archive-brands {
background:#5cb8b2;
}
.post-type-archive-brands .brand-content {
border:none;
}
.post-type-archive-brands .related-content {
margin:5px 2.5em;
padding-bottom:2em;
}
.brands-text-block {
background: #fff;
padding:2em 8em 0.5em 8em;
margin:-6em auto 0em;
z-index: 998;
position: relative;
text-align: center;
}
.post-type-archive-brands .brand-page-content {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.brands-text-block h1,
.brands-text-block h2,
.brands-text-block h3 {
margin:0;
font-size:2.2em;
}
.brands-text-block p:first-of-type {
font-size: 1.2em;
}
p.discover-brands {
font-size: 1.2em; font-weight:bolder;margin-bottom: 0;
} .related-content {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 5px 0;
border-top: 3px solid #eee;
padding-top: 2em;
}
.background-zoom {
background-size: cover;
background-position: center;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
height: 20em;
overflow: hidden;
}
.related-column a {
color:#FFF;
text-decoration: none;
font-weight:700;
}
.background-zoom:hover {
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.related-column {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 16px;
display: block;
width: 100%;
height: 20em;
overflow: hidden;
cursor: pointer;
}
.related-column:first-child {
margin-left: 0;
}
.related-column:last-child {
margin-right: 0;
}
.related-column h2 {
position: relative;
top: 46%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 0.9em;
text-align: center;
margin: 10px auto;
position: absolute;
width: 100%;
pointer-events: none;
}
body.page-id-10051 .related-column .background-zoom {
position: relative;
}
body.page-id-10051 .related-column .background-zoom:before {
content:'';
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
background: rgba(0, 0, 0, 0.5);
}
@media screen and (max-width: 980px) {
.related-content .related-column {
margin-bottom: 5px;
-ms-flex-preferred-size: 40%;
flex-basis: 40%;
}
.related-content .related-column:nth-last-child(2) {
margin-right: 0;
}
.related-content .related-column:last-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0;
}
}
@media screen and (max-width: 680px) {
.related-content .related-column {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin: 0 0 5px 0;
}
.annualstatement-text-block {
padding:0.5em!important;
}
.page-template-page-annualreport2020 .generic-padding {
padding: 1em 0.5em 2.5em 0.5em;
}
} .page-template-page-sustainability-page .two-column-block {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.page-template-page-sustainability-page .two-column-block .column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
}
.page-template-page-sustainability-page .two-column-block .column h4 a {
text-decoration: none;
color: #6a91c9;
}
.page-template-page-sustainability-page .two-column-block .column p a {
text-decoration: none;
}
.page-template-page-sustainability-page .videos-block .slick-slide {
background-size:cover;
background-position: center center;
height:211px!important;
} .category .category-block .alm-load-more-btn {
position: relative;
display: block;
margin: 0.5em auto 0;
}
.category .alm-load-more-btn span {
font-size: 34px;
right: 0;
position: absolute;
} .blog-img { 
float: left;
padding: 0em 2em 1em 1em;
}
span.byline {
display:none;
}
span.posted-on {
color:#6a91c9;
font-weight:700;
}
span.posted-on a {
color:#6a91c9;
font-weight:700;
text-decoration:none;
}
span.post-categories a:last-of-type {
display:none!important;
}
span.post-categories a {
color:#6a91c9;
font-weight:700;
text-decoration:none;
}
span.post-categories {
color:#6a91c9;
font-weight:700;
text-decoration:none;
} .sustainability-text-block {
background: #fff;
padding:2em 8em;
margin:-6em auto 2em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.sustainability-text-block h1,
.sustainability-text-block h2,
.sustainability-text-block h3 {
margin:0;
font-size:2.2em;
}
.sustainability-text-block h4 {
font-size:1.2em;
color: #6a91c9;
margin: 1em 0 0 0;
}
.sustainability-text-block p:first-of-type {
font-size: 1.2em;
}
.video-download-block {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.video-download-column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
}
.download-column {
}
.sustainability-text-block p.video-download-text {
font-size: 0.9rem!important;
padding:0 0.5em!important;
}
.page-template-page-sustainability-page .videos-block {
padding:0 0.5em!important;
}
.page-template-page-sustainability-page .videos-block .slick-slide .text {
position: relative;
height: 100%;
padding-top: 18%!important;
}
.page-template-page-sustainability-page .videos-block .slick-slide {
background-size:cover;
background-position: center center;
height:211px!important;
position: relative;
} .careers-text-block {
background: #fff;
padding:2em 8em;
margin:-6em auto 2em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.careers-text-block h1,
.careers-text-block h2,
.careers-text-block h3 {
margin:0;
font-size:2.2em;
letter-spacing: 0em!important;
}
.careers-text-block p:first-of-type {
font-size: 1.2em;
}
.slide-nav {
margin:4em 0 0 0;
text-transform: uppercase;
}
.slide-nav .slick-track {
display: -webkit-box;
display: flex; display: -ms-flexbox;
width:100% !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.slide-nav .nav-item {
text-align: center;
padding: 0 20px;
cursor: pointer;
border-bottom:1px solid;
margin:0 1em;
float:none;
}
.slide-nav .nav-item.slick-current {
font-weight:bold;
color:#a9c23f;
border-bottom:1px solid #a9c23f;
}
section.slider-text-nav {
margin:2em 0 4em 0;
}
section.slider-text-nav .slick-track {
display: -webkit-box;
display: flex; display: -ms-flexbox;
}
section.slider-text-nav .slide-box {
display: -webkit-box;
display: flex; display: -ms-flexbox;
height:auto;
}
section.slider-text-nav .slide-box .text {
background: #eee;
padding:2em 2em 4em 2em;
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
section.slider-text-nav .slide-box .text .button {
margin:0;
}
section.slider-text-nav .slide-box .text .button:hover {
background: #eee;
}
section.slider-text-nav .slide-box .image {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
}
section.slider-text-nav .slide-box .image img {
-o-object-fit: cover;
object-fit: cover;
height:100%;
width:100%;
}
.sectors {
text-align: center;
}
.sectors h3 {
font-size:2.2em;
}
.sectors .blocks {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
display: -ms-grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
-ms-grid-rows: 1fr;
}
}
.sectors .blocks > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.sectors .blocks > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.sectors .blocks > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.sectors .blocks > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.sectors .blocks > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.sectors .blocks > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 5;
}
.sectors .blocks .cat-block {
margin: 0.5em 0;
}
.sectors .blocks .cat-block .text-block {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
margin: -1em auto 0;
position: relative;
width:95%;
background: #fff;
padding:1em;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.sectors .blocks .cat-block .text-block.is-hover {
background: #a9c23f;
color:#fff;
}
.sectors .blocks .cat-block .text-block h4 {
margin:0;
font-size:1.1em;
font-weight: 400;
}
.sectors .blocks .cat-block .text-block p {
}
body.blog .cat-block.colour-block {
}
values  .cat-block:hover a.button  {
color: #a9c23f;
background: #fff;
}
.cat-block:hover .text-block {
background-color: #5cb8b2!important;
color:#FFF;
}
.cat-block:hover a.button  {
color: #5cb8b2;
background: #fff;
}
a.button {
background: #a9c23f;
color:#fff;
text-decoration: none;
display: table;
padding:0.75em 2em;
margin:0 auto;
text-transform: uppercase;
border:2px solid #a9c23f;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
a.button:hover {
color:#a9c23f;
background: #fff;
}
a.reset-link {
text-transform: none;
text-decoration: none;
}
a.reset-link:hover {
text-transform: none;
text-decoration: none;
color:#5cb8b2;
}
.page-template-page-careers-template a.button {
background: #5cb8b2;
color:#fff;
text-decoration: none;
display: table;
padding:0.75em 2em;
margin:0 auto;
text-transform: uppercase;
border:2px solid #5cb8b2;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.page-template-page-careers-template a.button:hover {
color:#5cb8b2;
background: #fff;
}
.page-template-page-careers-template .slide-nav .nav-item.slick-current {
font-weight: bold;
color: #5cb8b2;
border-bottom: 1px solid #5cb8b2;
}
.page-template-page-careers-template .slider-text-nav .slick-arrow {
background-color: #5cb8b2;
border: 2px solid #5cb8b2;
}
.page-template-page-careers-template .slider-text-nav .slick-arrow.slide-next:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_next_aqua.png);
}
.page-template-page-careers-template .slider-text-nav .slick-arrow.slide-nav:hover {
background-color: transparent;
border: 2px solid #5cb8b2;
}
.page-template-page-careers-template .slider-text-nav .slick-arrow.slide-prev:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_prev_aqua.png);
}
.page-template-page-careers-template .slider-text-nav .slick-dots li.slick-active button {
background: #5cb8b2;
}
.page-template-page-careers-template .slider-text-nav .slick-dots li button:hover {
background: #5cb8b2;
} .emergency-alert {
background-color: #ffea00;
color: #000;
margin-top:10px;
margin-bottom: 30px;
padding: 20px 10px; 
}
.emergency-alert p {
margin-bottom: 0!important;
font-size: 1.2em;
margin-block-start: 0!important;
} @media only screen and (max-width: 768px) {
.page-id-9904 #slick-slide00 div.text {
color: #fff;
width: 100%;
max-width: 550px;
min-height: 102px;
padding: 1em 2em;
position: absolute;
bottom: 0;
left: 0;
top: auto;
}
.page-id-9904 #slick-slide00 div.text:before  {
background: #a9c23f!important;
opacity: .8;
}
}
@media only screen and (min-width: 769px) { .page-id-9904 #slick-slide00 div.image {
}
section.home-hero div.text p {	
font-size: 1.5em;
color: #fff;
z-index: 999;
position: relative;
margin-bottom: 0;
margin-top: 10px;
}
}
.page-id-9904 .emergency-alert {
}
.page-id-11336 .site-header {
display:none!important;
}
.page-id-11336 .entry-header .container {
padding: 0em 0 2em 0
}
.page-id-9904 #slick-slide00 div.text a {
color:#fff!important;
}
.page-id-9904 #slick-slide00 div.text:before  {
background: #a9c23f!important;
}
.single.postid-9895 article .colour-block {
background: #ffea00!important;
}
.single.postid-9895 .entry-header h1{
color: #000;!important;
} body.single-careers {
background:#FFF;
}
.single-careers {
background:#FFF;
}
.single.single-careers .main-navigation  ul.sub-menu li a  {
background:#5cb8b2;
}
.single.single-careers .main-navigation ul li.menu-item-careers a {
background:#5cb8b2;
}
.single-careers .slide-nav .nav-item.slick-current {
font-weight: bold;
color: #5cb8b2;
border-bottom: 1px solid #5cb8b2;
}
.single-careers .slider-text-nav .slick-arrow {
background-color: #5cb8b2;
border: 2px solid #5cb8b2;
}
.single-careers .slider-text-nav .slick-arrow.slide-next:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_next_aqua.png);
}
.single-careers .slider-text-nav .slick-arrow.slide-nav:hover {
background-color: transparent;
border: 2px solid #5cb8b2;
}
.single-careers .slider-text-nav .slick-arrow.slide-prev:hover {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_gallery_prev_aqua.png);
}
.single-careers .slider-text-nav .slick-dots li.slick-active button {
background: #5cb8b2;
}
.single-careers .slider-text-nav .slick-dots li button:hover {
background: #5cb8b2;
}
.post-type-archive-careers a.button {
background: #5cb8b2;
color:#fff;
text-decoration: none;
display: table;
padding:0.75em 2em;
margin:0 auto;
text-transform: uppercase;
border:2px solid #5cb8b2;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.post-type-archive-careers a.button:hover {
color:#5cb8b2;
background: #fff;
}
.single-careers a.button {
background: #5cb8b2;
color:#fff;
text-decoration: none;
display: table;
padding:0.75em 2em;
margin:0 auto;
text-transform: uppercase;
border:2px solid #5cb8b2;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.single-careers a.button:hover {
color:#5cb8b2;
background: #fff;
} .post-type-archive-vacancies article {
border-top: 3px solid #eee;
padding: 2em 0;
}
.post-type-archive-vacancies .entry-content {
margin:0;
}
.post-type-archive-vacancies h2 {
margin:0;
}
.post-type-archive-vacancies h3 {
font-family: 'Avenir', sans-serif;
margin:0;
color:#6d6e71;
font-size: 1.3em;
}
.post-type-archive-vacancies h4 {
font-family: 'Avenir', sans-serif;
margin:0;
font-size: 1.2em;
}
.post-type-archive-vacancies input[type="submit"] {
border: none;
border-radius: 0;
background: #5cb8b2;
color: #FFF;
text-transform: uppercase;
font-size: 0.8rem;
line-height: 1;
padding: 10px 10px 8px 10px;
}
.post-type-archive-vacancies input[type="text"] {
color: #666;
border: none;
border-radius: 0;
padding: 3px;
}
.post-type-archive-vacancies  #searchform {
text-align:left;
}
.search.search-results.post-type-archive-vacancies .vacancies-bar  {
display:none;
}
.post-type-archive-vacancies select {
-webkit-appearance: none;
border: none;
border-radius: 0;
padding: 3px;
width: 50%;
}
.tax-sector input[type="text"] {
color: #666;
border: none;
border-radius: 0;
padding: 3px;
}
.tax-sector  input[type="submit"] {
border: none;
border-radius: 0;
background: #5cb8b2;
color: #FFF;
text-transform: uppercase;
font-size: 0.8rem;
line-height: 1;
padding: 10px 10px 8px 10px;
}
.tax-sector select {
-webkit-appearance: none;
border: none;
border-radius: 0;
padding: 3px;
width: 50%;
}
.tax-sector #searchform {
text-align:left;
}
.tax-sector article {
border-top: 3px solid #eee;
padding: 2em 0;
}
.tax-sector  .entry-content {
margin:0;
}
.tax-sector  h2 {
margin:0;
}
.tax-sector  h3 {
font-family: 'Avenir', sans-serif;
margin:0;
color:#6d6e71;
font-size: 1.3em;
}
.tax-sector h4 {
font-family: 'Avenir', sans-serif;
margin:0;
font-size: 1.2em;
}
.vacancies-bar {
position: absolute;
bottom: 0;
margin: 0 auto;
width: 100%;
background-color: #000;
height: auto;
padding: 10px 0;
}
.vacancies-row {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 50%;
margin:0 auto;
}
.bar-column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.bar-column p {
color: #FFF;
text-align: left;
margin:0;
padding-bottom:10px;
}
.more-details {
position:relative;
left: 50px;
font-size: 1.2em;
text-decoration: none;
line-height: 2em;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.more-details:hover {
color:#5cb8b2;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.more-details:before {
content: " ";
background-image: url(https://www.musgravegroup.com/wp-content/themes/musgrave/img/icon_gallery_next.png);
position: absolute;
border: 1px solid #FFF;
padding: 19px;
left: -50px;
background-repeat: no-repeat;
background-position: center; 
-webkit-transition: 0.3s; 
-o-transition: 0.3s; 
transition: 0.3s;
background-color: #5cb8b2;
}
.more-details:hover:before {
content: " ";
background-image: url(https://www.musgravegroup.com/wp-content/themes/musgrave/img/icon_gallery_next_aqua.png);
position: absolute;
border: 1px solid #5cb8b2;
padding: 19px;
left: -50px;
background-repeat: no-repeat;
background-position: center;   
background-color: #FFF;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
}
.single-vacancies h4 {
color:#000;
font-family: 'Avenir', sans-serif;
margin: 0;
}
.single-vacancies h4 span {
color:#6d6e71;
}
.single-vacancies .related-content {
margin-top:2em;
}
body.single-vacancies .colour-block {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/teal-m.png)!important;
background-size: cover;
height:350px;
width:100%;
position: absolute;
top:0;
left:0;
right:0;
background-color: #5cb8b2!important;
z-index: -1;
}
body.single-vacancies ul {
margin: 0 0 1.5em 1.5em;
}
a.job-title {
text-decoration: none;
} .contact-text-block {
background: #fff;
padding:2em 8em;
margin:-6em auto 2em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.contact-text-block h1,
.contact-text-block h2,
.contact-text-block h3 {
margin:0;
font-size:2.2em;
}
.contact-text-block h4 {
font-size:1.2em;
color: #6a91c9;
margin: 1em 0 0 0;
}
.contact-text-block p:first-of-type {
font-size: 1.2em;
}
.page-template-page-contact .two-column-block {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.page-template-page-contact .two-column-block .column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
}
.page-template-page-contact .two-column-block .column .wistia_responsive_padding{
height:100%;
}
.page-template-page-contact .two-column-block .column h4 a {
text-decoration: none;
color: #6a91c9;
}
.page-template-page-contact .two-column-block .column p a {
text-decoration: none;
} ul.accordion {
list-style: none;
padding: 0;
margin: 0 0 1.5em 0;
}
ul.inner {
padding-left: 1em;
overflow: hidden;
display: none;
list-style: none;
}
ul.inner .show { }
ul li a.toggle {
width: 100%;
display: block;
color: #000;
padding: .75em;
-webkit-transition: background .3s ease;
-o-transition: background .3s ease;
transition: background .3s ease;
border-bottom:1px solid black;
text-decoration:none;
}
ul li a.toggle:hover {
} .values-container {
padding-bottom:2em;
}
.page-id-9904 .values {
margin-top:3em!important;
}
.values {
text-align: left;
}
.values-col:after {
content: "";
display: table;
clear: both;
}
.values-col {
margin-bottom: 0.6em;
display:flex;
}
[class*='col-'] {
float: left;
}
.values-col .col-2-3 {
width: 60%;
background-size:cover; }
.values-col .col-1-3 {
width: 40%;
background-color: #eee;
padding:1.0em;
}
.values-col .col-1-3 .button {
margin:0!important;
}
img.homepage-block {
height:auto;
}
.values h3 {
font-size:2.2em;
}
.values .blocks {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 20px;
display: -ms-grid;
-ms-grid-columns: 1fr 20px 1fr 20px 1fr;
-ms-grid-rows: 1fr;
}
}
.values .blocks > *:nth-child(1) {
-ms-grid-row: 1;
-ms-grid-column: 1;
}
.values .blocks > *:nth-child(2) {
-ms-grid-row: 1;
-ms-grid-column: 3;
}
.values .blocks > *:nth-child(3) {
-ms-grid-row: 1;
-ms-grid-column: 5;
}
.values .blocks > *:nth-child(4) {
-ms-grid-row: 2;
-ms-grid-column: 1;
}
.values .blocks > *:nth-child(5) {
-ms-grid-row: 2;
-ms-grid-column: 3;
}
.values .blocks > *:nth-child(6) {
-ms-grid-row: 2;
-ms-grid-column: 5;
}
.values .blocks .cat-block {
margin: 0.5em 0;
}
.values .blocks .cat-block .text-block {
margin: auto 0;
position: relative;
width: 100%;
background: #eee;
padding:1em;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.values .blocks .cat-block .text-block.is-hover {
background: #a9c23f;
color:#fff;
}
.values a.value-link {
color: #000;
text-decoration: none;
font-size: 1em;
display: inline-block;
margin: 0.75em 0 0 0;
position: relative;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}
.values .cat-block:hover .text-block {
background-color: #eee!important;
color: #000;
}
.values a.value-link:hover {
padding-left: 10px;
}
.values a.value-link:after {
content: '';
display: block;
position: absolute;
right: -35px;
top: 0px;
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/icon_goto_black.png);
background-size: contain;
background-position: center center;
height: 25px;
width: 25px;
}
.values .blocks .cat-block .text-block h4 {
margin:0;
font-size:1.1em;
font-weight: 400;
}
.values-col a.button:hover {
color: #a9c23f;
background: #eee;
}
.values-heading {
width: 100%;
max-width: 1075px;
margin: 2.8em auto 0 auto;
padding: 0 20px 10px 20px;
color: #000;
text-align: center;
font-size: 2.5em;
}
.values-heading em {
}
.values-heading span {
font-size:.5em!important;
} .page-template-page-about .two-column-block {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
.page-template-page-about .two-column-block .column {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 0.5em!important;
}
.page-template-page-about .two-column-block .column h4 a {
text-decoration: none;
color: #6a91c9;
}
.page-template-page-about .two-column-block .column p a {
text-decoration: none;
}
.page-template-page-about .videos-block .slick-slide {
background-size:cover;
background-position: center center;
height:211px!important;
}
.about-text-block {
background: #fff;
padding:2em 8em;
margin:-6em auto 2em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.about-text-block h1,
.about-text-block h2,
.about-text-block h3 {
margin:0;
font-size:2.2em;
}
.about-text-block h4 {
font-size:1.2em;
color: #6a91c9;
margin: 1em 0 0 0;
}
.about-text-block p:first-of-type {
font-size: 1.2em;
}
.campaign-text-block {
background: #fff;
padding:2em 8em 1em 8em;
margin:0em auto 0em;
z-index: 998;
position: relative;
text-align: center;
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.15);
}
.campaign-text-block h1,
.campaign-text-block h2,
.campaign-text-block h3 {
margin:0;
font-size:2.2em;
}
body.page-id-14408 .campaign-text-block h2 {
font-size: 3rem;
}
.campaign-text-block h4 {
font-size:1.2em;
color: #6a91c9;
margin: 1em 0 0 0;
}
.campaign-text-block p:first-of-type {
font-size: 1.2em;
}
body.page-id-10051 .campaign-text .button,
body.page-id-14408 .campaign-text .button {
display: none;
} .no-scroll {
overflow: hidden;
}
#search-overlay{
display:none;
padding:2em 0;
}
#search-overlay.block {
position: fixed;
top: 71px;
right: 0;
bottom:0 ;
left: 0;
overflow: hidden;
text-align: center;
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/search-bg.jpg);
background-size: cover;
margin: 0;
z-index: 999;
}
body.admin-bar #search-overlay.block {
top:103px;
}
#search-overlay.block:before,
.search-main section.blog-hero:before {
content: '';
display: block;
width:100%;
height: 100%;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
background: rgba(0, 0, 0, 0.8);
}
#search-overlay h2,
#search-overlay h3.title {
color:#fff;
position: relative;
font-weight:400;
font-size:2em;
margin:0;
}
#search-overlay h3.title {
font-size:1.25em;
margin-top: 2em;
}
#search-overlay h2 + p {
color:#fff;
position: relative;
font-size:1.25em;
}
#search-overlay .searchandfilter,
body.blog .searchandfilter {
position: relative;
max-width: 800px;
margin:1em auto;
}
#search-overlay .searchandfilter ul,
body.blog .searchandfilter ul {
margin:0;
padding:0;
display: -webkit-box;
display: flex; display: -ms-flexbox;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#search-overlay .searchandfilter ul li,
body.blog .searchandfilter ul li {
padding:0;
}
.searchandfilter ul li.sf-field-category {
background: #000;
width:100%;
color:#fff;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
overflow: hidden;
}
.searchandfilter ul li.sf-field-category .sf-input-radio {
display: none;
}
.searchandfilter ul li.sf-field-category ul li label {
padding:5px 15px;
margin:0;
}
.searchandfilter ul li.sf-field-category ul li.sf-option-active label {
background: #e07e3c;
}
.searchandfilter ul li.sf-field-search {
width:75%;
}
.searchandfilter ul li.sf-field-search label {
width:100%;
}
.searchandfilter ul li.sf-field-search input {
width:100%;
height:100%;
padding: 1em;
border:none;
border-radius: 0;
}
.searchandfilter ul li.sf-field-submit label {
width:100%;
}
.searchandfilter ul li.sf-field-submit {
width:25%;
}
.searchandfilter ul li.sf-field-submit input {
width:25%;
width:100%;
height:100%;
padding: 1em;
border:none;
background: #e07e3c;
color:#fff;
border-radius: 0;
text-transform: uppercase;
font-size:1em;
}
.search-block {
margin:2em auto;
}
.search-main section.blog-hero {
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/search.jpg);
}
.search-main section.blog-hero .result {
margin:1em 0 2em 0;
} li.sf-item-0:hover {
background: #e07e3c;
} li.sf-item-5:hover {
background: #e07e3c;
} li.sf-item-8:hover {
background: #e07e3c;
} li.sf-item-9:hover {
background: #a9c23f;
} .page-template-page-history hr {
background-color: transparent;
border: 0;
height: 4px;
margin-bottom: 0em;
}
.cool-timeline.ultimate-style {
padding: 20px 2.5em!important;
position: relative;
}
.cool-timeline:before {
height: 5505px!important;
}
.timeline-content {
background-color: #6787b7!important;
}
.cool-timeline.light-timeline .timeline-year {
background: #6787b7!important;
background-size: auto!important;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.cool-timeline.light-timeline .timeline-year span {
color:#FFF!important;
}
.timeline-main-title {
display:none!important;
}
.ctl-timeline-date {
line-height: 20px!important;
}
.cool-timeline {
max-height: 72vh;
overflow-y: scroll;
}
.cool-timeline-wrapper {
margin: -1.6em auto -0.5em auto!important;
background-image: url(https://www.musgravegroup.com/wp-content/uploads/2019/10/time-line-bg.png);
background-size: cover;
background-color: rgba(255,255,255, 0.1);
background-blend-mode: lighten;
width: 100%;
max-width: 100%!important;
}
.cool-timeline.light-timeline:before {
background-color: #6787b7!important;
}
.cool-timeline.light-timeline .timeline-post .icon-dot-full {
background-color: #6787b7!important;
}
.ctl-bullets-container {
display:none!important;
} li.sf-item-6:hover {
background: #e07e3c;
} li.sf-item-7:hover {
background-color: #5cb8b2;
} .filter-wrap {
display: flex;
}
.select-option {
position: relative;
width:100%;
}
.select-option select {
}
.select-selected {
background-color: #ddd;
position: relative;
} .select-selected:after {
position: absolute;
content: "";
top: 16px;
right: 10px;
width: 0;
height: 0;
border: 6px solid transparent;
border-color: #5cb8b2 transparent transparent transparent;
} .select-selected.select-arrow-active:after {
border-color: transparent transparent #5cb8b2 transparent;
top: 7px;
} .select-items div,.select-selected {
color: #333;
padding: 8px 16px;
border: 1px solid transparent;
border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
cursor: pointer;
} .select-items {
position: absolute;
background-color: #fff;
top: 100%;
left: 0;
right: 0;
z-index: 9999999;
} .select-hide {
display: none;
}
.select-items div:hover, .same-as-selected {
background-color: rgba(0, 0, 0, 0.1);
}
.filtered-posts .cat-block .post-date  {
z-index: 1;
color:#fff;
}
.archive-sub-menu {
display:none;
}
.filter-options {
display: flex;
position: relative;
z-index: 999; }
.blog-list-archive,
.cat-list-archive {
width: 50%;
position: relative;
border-bottom:1px solid #eee;
}
.cat-list-archive .stay ul li:first-of-type {
display:none;
}
.blog-list-archive span,
.cat-list-archive span {
cursor: pointer;
display: block;
background: #ddd;
padding:10px 40px;
position: relative;
}
.blog-list-archive.span-selected span,
.blog-list-archive span {
background: #fff;
}
.blog-list-archive .stay,
.cat-list-archive .stay {
margin:0;
padding:20px 40px;
list-style: none;
position: absolute;
z-index: 999;
background: #fff;
width:0%;
border: 1px solid #fff;
opacity:0;
transition: 0.5s all ease-in-out;
}
.cat-list-archive .stay {
right: 0;
background: #ddd;
border-color: #fff;
}
.span-selected .stay {
opacity:1;
width:100%;
}
.blog-list-archive .stay ul,
.cat-list-archive .stay ul {
list-style: none;
margin:0;
padding:0;
width:100%;
}
.blog-list-archive .stay ul {
border-botttom: 1px solid #eee;
}
.blog-list-archive .stay ul li,
.cat-list-archive .stay ul li {
display: block;
border-bottom: 1px solid #ddd;
padding:5px 0
}
.blog-list-archive .stay a,
.cat-list-archive .stay a {
text-decoration: none;
}
.blog-list-archive .stay a:hover,
.cat-list-archive .stay a:hover {
color: #5cb8b2;
}
.blog-list-archive .drop .arrow {
position: relative;
display: block;
text-transform: uppercase;
padding:5px 0;
border-bottom: 1px solid #ddd;
}
.blog-list-archive .drop .arrow:after,
.blog-list-archive span:after,
.cat-list-archive span:after {
content:'';
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 7px 7px 0 7px;
border-color: #5cb8b2 transparent transparent transparent;
position: absolute;
top:14px;
right:5px;
}
.blog-list-archive.span-selected span:after,
.cat-list-archive.span-selected span:after {
border-width: 0 7px 7px 7px;
border-color: transparent transparent #5cb8b2 transparent;
}
.blog-list-archive span:after,
.cat-list-archive span:after {
right:43px;
top:18px;
}
body {
position: relative;
}
body.overlay-on:before {
content:'';
background: rgba(0, 0, 0, 0.6);
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:100%;
z-index: 999;
transition: 0.5s all ease-in-out;
}
.site-footer {
background:#000;
padding:2em 0 1em 0;
margin:0;
}
.site-footer .footer-top {
display: -webkit-box;
display: flex; display: -ms-flexbox;
border-bottom:1px solid #575756;
padding:0 0 2em 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.site-footer .site-branding {
border:none;
}
.site-footer .site-branding img {
max-width: 180px;
}
.site-footer .socials {
-ms-flex-item-align: end;
align-self: flex-end;
}
.site-footer .socials a {
display: inline-block;
margin:0 0 0 1em;
}
.site-footer .socials a img {
max-width: 35px;
}
.site-footer .site-info {
border-top:1px solid #575756;
margin:1em 0 0 0;
padding:1em 0;
}
.site-footer .site-info small  {
font-size:0.9em;
color:#ccc;
}
.site-footer .site-info small a {
color:#ccc;
text-decoration: none;
border-bottom:1px dotted;
}
.site-footer .site-info small a:hover {
color:#fff;
}
.footer-widgets {
display: -ms-grid;
display: grid; 
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
-ms-grid-rows: 1fr;
grid-template-rows: 1fr; 
grid-column-gap: 20px;
grid-row-gap: 0px; 
padding:2em 0;
}
.footer-widgets .widget-title {
color:#fff;
margin:0.5em 0;
font-family: 'Avenir', sans-serif;
}
.footer-widgets ul {
list-style: none;
margin:0;
padding:0;
}
.footer-widgets ul li a {
color:#ccc;
text-decoration: none;
}
.footer-widgets ul li a:hover {
color:#fff;
}
@media only screen and (max-width: 1112px) {
.vertical-nav {
top: 10%;
right: -25px;
}
.trending-articles .slick-arrow.slide-nav {
left:50%;
right:50%;
top:auto;
bottom:-40px;
}
.trending-articles .slick-arrow.slide-next {
right:65%;
}
.trending-articles .slick-arrow.slide-prev {
left:45%;
}
}
@media only screen and (max-width: 1024px) {
.vertical-nav {
top: 10%;
right: 0px;
}
.site-branding {
padding:25px 10px;
}
}
@media only screen and (max-width: 768px) {
.page-template-page-covid19 article.page .content-padding {
padding:1em;
}
.external-career-row {
width: 100%;
margin: 0 auto;
display: block;
padding: 10px 0;
} .page-template-page-campaign-sustainbility article.page .content-padding {
padding:1em;
}
.page-template-page-campaign-sustainbility .two-column-block .column {
flex: auto!important;
}
.page-template-page-campaign-sustainbility .two-column-block {
padding: 1em;
}
.page-template-page-campaign-sustainbility ul {  
margin: 0 0 0.5em 0em;
} .page-template-page-annualreport .panel-item .panel-row {
margin-bottom: 0
}
.page-template-page-annualreport .panel-item .panel-row .halfcol,
.page-template-page-annualreport .panel-item .panel-row .thirdcol {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
text-align: center
}
.page-template-page-annualreport .panel-item .panel-row .halfcol img,
.page-template-page-annualreport .panel-item .panel-row .thirdcol img {
display: inline-block
}
.page-template-page-annualreport .panel-item .sidebar-left,
.page-template-page-annualreport .panel-item .sidebar-right {
width: 100%;
margin-right: 0
}
.page-template-page-annualreport .generic-padding {
padding: 1em;
}
.page-template-page-annualreport ul, ol {
margin: 0;
-webkit-padding-start: 15px;
padding-inline-start: 15px;   
padding-bottom: 20px;
}
span.slide-nav {
display:none!important;
}
.page-template-page-annualreport ul.downloads-list li {
width: 50%;
height: auto!important;
}
.page-template-page-annualreport .content-row .halfcol, .page-template-page-annualreport .content-row .thirdcol {
width: 100%;
margin-right: 0;
margin-bottom: 30px;    
}
.page-template-page-annualreport .content-row {
margin-bottom: 0;
overflow: hidden;
}
.site-branding {
height: 90px;
-ms-flex-preferred-size: 68%;
flex-basis: 68%;
padding: 20px;
border: none;
}
.brand-content {
border:none;
}
.menu-toggle {
display: block;
position: absolute;
top: 34px;
right:20px;
background: none;
border:none;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
width: 30px;
height: 24px;
}
.menu-toggle .menu-line {
background-color: #fff;
width: 100%;
height: 2px;
left: 0;
position: absolute;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.menu-toggle .menu-line.top {
top:0;
}
.menu-toggle.active .menu-line.top {
top: 11px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-toggle .menu-line.middle {
top: 50%;
margin-top: -1px;
}
.menu-toggle.active .menu-line.middle {
opacity:0;
}
.menu-toggle .menu-line.bottom {
bottom:0;
}
.menu-toggle.active .menu-line.bottom {
bottom: 11px;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.menu-main-menu-container {
display: none;
}
.main-navigation.toggled .menu-main-menu-container {
display: block;
-webkit-transition: all 250ms ease;
-o-transition: all 250ms ease;
transition: all 250ms ease;
}
.site-header {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
position: relative;
}
.main-navigation {
-webkit-box-ordinal-group:4;
-ms-flex-order:3;
order:3;
width:100%;
}
#sfm-sidebar li.sfm-has-child-menu>ul.sfm-child-menu {
display: block;
}
#sfm-sidebar li.sfm-has-child-menu a span {
padding: 25px 0;
}
li.sfm-menu-item-8155 a span, li.sfm-menu-item-8168 a span, li.sfm-menu-item-8161 a span {
padding: 25px 0;
}
ul.sfm-child-menu li a span {
font-size: 0.9em;
}
ul.sfm-child-menu li a span {
padding: 0 0!important;
}
#sfm-sidebar li.sfm-has-child-menu>ul.sfm-child-menu li {
}
.main-navigation ul.nav-menu {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
border:none;
}
.main-navigation ul li {
height: auto;
}
.main-navigation ul li a {
border-right:none;
height:auto;
display: block;
text-align: left;
padding:20px;
background: #333;
border-bottom:1px solid #444;
color: white;
}
.main-navigation ul ul.sub-menu {
position: relative;
top:0;
left:0;
width:100%;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.main-navigation ul ul.sub-menu li {
width:100%;
}
.main-navigation ul ul.sub-menu li a {
background: #fff;
color:#404040;
}
.search-icon {
height:70px;
width:auto;
padding:0;
position: absolute;
top:10px;
right:70px;
}
#search-btn {
padding-top: 8.5px!important;
}
.search-icon #search-btn {
margin:0 auto;
}
body.admin-bar #search-overlay.block {
top:135px;
}
section.home-hero div.text {
color: #fff;
width: 100%;
max-width: 550px;
min-height: 102px;
padding: 1em 2em;
position: absolute;
bottom: 0;
left: 0;
top:auto;
}
section.home-hero div.text h1 {  
font-size: 1.4em;
}
.home .slick-dots {
display:none!important;
}
.col-2-3 {
display:none;
}
.values-col .col-1-3 {
width: 100%;
}
.latest-feature .grid {
-ms-grid-columns: minmax(0, 1fr);
grid-template-columns: minmax(0, 1fr);
}
.latest-feature-nav {
display: none !important;
}
.latest-feature .container {
padding: 0;
}
.latest-feature .entry-header {
padding: 10px 20px;
}
.latest-feature .hot-frame {
display:none;
}
.latest-feature .hot-text  {
display:none;
}
.latest-feature a.plus-link {
display:none;
}
.latest-feature .slick-arrow.slide-nav {
-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.55); 
}
.videos-block .slick-slide {
height:337px;
}
section.videos h3 {
margin:2em 0 1em 0;
}
.videos a.plus-link {
top:-2em;
right:1em;
}
.brands-thumbs {
width: 100%;
display: -webkit-box;
display: flex; display: -ms-flexbox;
overflow: auto;
}
.brands-block .entry-title {
line-height: 1.2em;
}
.brands-thumbs ul {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
.brands-thumbs ul li {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 205px;
}
.brands-thumbs ul li:first-of-type {
}
.brands-block {
margin: 6em 0 0 0;
}
.brand-content {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.brand-article {
margin-top:2em;
}
.category-block .alm-listing .alm-reveal,
.search-block {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
section.slider-text-nav .slide-box {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
display: block;
}
section.slider-text-nav .slide-box .text,
section.slider-text-nav .slide-box .image {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.values .blocks {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.sectors .blocks {
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
}
.careers-text-block,
.sustainability-text-block {
padding:1em !important;
}
.single-post .sticky-post, .page-template-default article.page {
padding-top:0;
}
.category-block .alm-load-more-btn {
position: relative;
display: block;
margin: 0.5em auto 0;
}
.feat-img:hover .hot-wrap .hot-frame {
width: 60%;
height: 60%;
left: 20%;
top: 20%;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.feat-img .hot-wrap .hot-text {
font-size:1.5em;
}
.latest-feature-main .entry-header h2 {
font-size:1.25em;
}
.latest-feature a.plus-link {
position: relative;
top:auto;
text-align: right;
}
.latest-feature-main .entry-header span.the-date {
display: block;
margin:0;
}
.latest-feature-main article .text-block {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
grid-auto-rows: inherit;
}
.latest-feature-main article .text-block .post-meta {
display: -webkit-box;
display: flex; display: -ms-flexbox;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 1em 0;
}
.latest-feature-main article .text-block .post-meta span.time-ago {
margin:0;
-ms-flex-item-align: center;
-ms-grid-row-align: center;
align-self: center;
}
.latest-feature-main article .text-block .post-content {
padding:0;
} .videos-block .slick-slide .text h3 {
font-size:1.2em
}
.videos-block .slick-slide {
height:138px;
}
.videos-block .slick-slide .text {
padding-top:10%;
}
.videos-block .load-video-button {
height:50px;
width:50px;
}
.slide-nav .slick-track {
display: block;
}
.slide-nav .nav-item {
width:100%;
margin:0.5em 0;
}
section.videos .slide-nav {
display:none!important;
}
section.videos .videos-block {
padding: 0 2em;
}
.brand-content {
padding: 1em;
}  li.sf-field-category {
display:none!important;
}
h3.title {
display:none;
}
section.search-articles {
display:none;
} .about-text-block {
padding: 1em;
}
.campaign-text-block {
padding: 1em;
}
.page-template-page-about .slide-nav {
display:none;
}    
.page-template-page-about .container {
padding:0;
}
.news-text-block {
padding: 1em;    
} .single .entry-content, .page-template-default .entry-content {
padding:1em;
}
.single-post .sticky-post .full-width-img {
margin: 1em -1em;
}
.single-post .sticky-post .full-width-img:before {
right:44.5%;
} .page-template-page-content article.page .entry-header .container {
padding: 2em 1em;
}
.page-template-page-about .site-content .container:first-of-type {
padding:0!important;
}
.values .blocks {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.sectors .blocks {
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.site-footer .footer-top {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
text-align: center;
}
.site-footer .site-branding,
.site-footer .socials {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
.site-footer .socials a {
margin:0 0.5em;
} .page-template-page-content article.page {
padding-top: 0em;
}
.page-template-page-content .generic-padding {
padding: 1em 1em 2em 1em;
}
.page-template-page-content article.page .entry-content {
margin-bottom:0;
}
.page-template-page-content .latest-feature {
position: relative;
padding: 0;
}
.page-template-page-sustainability-page .site-content .container:first-of-type {
padding:0;
}
.post-type-archive-brands .site-content .container:first-of-type {
padding:0!important;
}
.brands-text-block {
background: #fff;
padding: 2em 1em 0.5em 1em;
}
.point-down {
width: 50px;
height: 24px;
left: 50%;
top: 464px;
margin-left: -25px;
position: absolute;
z-index: 90;
}
.post-type-archive-brands .point-down {
width: 50px;
height: 24px;
left: 50%;
top: 100.5px;
margin-left: -25px;
position: absolute;
z-index: 90;
}
.brands-thumbs ul {
padding:1em;
} .page-template-page-careers-template .site-content .container:first-of-type {
padding:0!important;
}
.single-careers .site-content .container:first-of-type {
padding:0!important;
}
.page-template-page-careers-template .slider-text-nav .slick-arrow {
display:none!important;
}
#search-overlay.block {
top:90px;
background-color: #e07e3c;
background-size: cover;
background-position: top right;
background-image: url(//musgrave.es/wp-content/themes/musgrave/img/m/orange-m.png);
}
#search-overlay.block .container {
width: 100%;
max-width: 1075px;
margin: 0 auto;
padding: 9em 20px 0 20px;
} li.sfm-menu-item-8150 a, li.sfm-menu-item-8155 a, li.sfm-menu-item-8161 a, li.sfm-menu-item-8168 a {
background-color:#e07e3c;
color:#FFF;
}    
li.sfm-menu-item-8150 a span, li.sfm-menu-item-8155 a span, li.sfm-menu-item-8161 a span, li.sfm-menu-item-8168 a span {
color:#FFF;
}     
.footer-widgets {
display:none;
}
.site-footer .site-info {
border-top: 0px;
margin: 0 0 0 0;
padding: 1em 0;
}
.latest-feature {
border-bottom:0;
}
}
@media only screen and (min-width: 769px) { .navbar-fixed {
top: 0!important;
z-index: 999!important;
position: fixed!important;
width: 100%!important;
}   
body.logged-in .navbar-fixed {
margin-top: 32px!important;
}
ul.sub-menu li.current-menu-item a {
background-color: rgba(0, 0, 0, 0.12)!important;
}    
.single-careers ul.sub-menu li.menu-item-7918 a {
background-color: rgba(0, 0, 0, 0.12)!important;
}
ul.sub-menu li a:hover {
background-color: rgba(0, 0, 0, 0.12)!important;
}    
}
.latest-feature-nav .latest-feature .entry-title {
min-height: 84px;
}
.post-type-archive-brands .site-content .container:first-of-type {
padding:0!important;
}
.postid-10362 .blog-img {
display:none!important;
}
.postid-10362 .entry-meta span.posted-on {
display:none!important;
}
.postid-9895 .entry-meta {
display:none!important;
} .sustainability-reports {
background: #eee;
padding: 2em 0;
}
.sustainability-reports .main-title {
font-size: 2em;
margin-bottom:0.5em;
}
.sustainability-reports .sub-title {
font-size: 1.2em;
display: block;
margin-bottom: 2em;
}
.sustainability-reports-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 5px;
}
@media only screen and (max-width: 1000px) {
.sustainability-reports-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 700px) {
.sustainability-reports-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.sustainability-reports-grid .block {
text-align: center;
text-decoration: none;
}
.sustainability-reports-grid .block img {
height:250px;
width: auto;
margin: 0 auto;
-webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
}
.sustainability-reports-grid .block h4 {
font-size:1.1em;
font-weight: 400;
font-family: 'Avenir',sans-serif;
}
.sustainability-reports-grid .block:hover h4 {
color: #a9c23f;
}
.number-block {
display: none;
}
.page-id-14965 section.blog-hero .text,
.page-id-14969 section.blog-hero .text,
.page-id-14971 section.blog-hero .text {
display: none !important;
}
body.page-id-14965 section.blog-hero {
background-position: center top;
}
.new-posts-grid-bg {
padding:4em 2em;
background: #eee;
}
.new-posts-grid-bg .main-title {
font-size: 2rem;
margin: 0 0 0.5em 0;
}
.new-posts-grid-bg .sub-title {
display: block;
font-size: 1.2rem;
}
.new-posts-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 5px;
grid-row-gap: 5px;
margin-top:3em;
}
@media only screen and (max-width: 1000px) {
.new-posts-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 700px) {
.new-posts-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.new-posts-grid .block {
height: 300px;
background-color: #eee;
display: flex;
align-items: flex-end;
text-decoration: none;
background-size: cover;
position: relative;
transition: 0.3s ease-in-out all;
}
.new-posts-grid .block:before {
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
z-index: 1;
opacity: 0.8;
transition: 0.3s ease-in-out all;
}
.new-posts-grid .block:hover::before {
opacity:1;
}
.new-posts-grid .block .text {
padding: 2em;
position: relative;
z-index: 9;
color: #fff;
transition: 0.3s ease-in-out all;
}
.new-posts-grid .block:hover .text {
margin-bottom: 10px;
}
.new-posts-grid .block .text h4 {
margin: 1em 0 0 0;
font-family: 'Avenir',sans-serif;
font-size: 1.1em;
font-weight: 400;
}
.new-posts-grid .block .text span {
text-transform: uppercase;
font-weight: 300;
font-size:0.9em;
}
.new-posts-grid-bg .button {
margin:2em auto 0;
}
body.page-template-page-templatespage-sustainability-page-22-php header li.current-menu-item a,
body.page-template-page-templatespage-sustainability-page-22-php header li.current_page_ancestor a {
background: #a9c23f !important;
color:#fff !important;
}
body.category-9 .filter-options {
margin-top:0;
} #ot-sdk-btn {
float: right;
padding: 0.5em 2em!important;
font-size: 1em!important;
line-height: 0.7em!important;
color: #fff!important;
border-radius: 0!important;
background: none!important;
border: 1px solid #fff!important;
}
.page-id-13424 .blog-hero .text h1 {
display: none;
}
.page-id-13424 .campaign-text-block p {
font-size: 1.2rem;
}
.page-id-13424 .campaign-text-block {
background: #eee;
box-shadow: none;
}
.page-id-13424 .campaign-content {
background: #eee;
border: none;
padding-top: 0;
}
.postid-15279 .blog-img {
display: none !important;
}